.action-page{max-width:1120px;margin:0 auto;padding:54px 28px 64px;color:#23463b}.action-page section{margin:0}.action-page h2::after{display:none}.action-intro{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:38px}.action-intro>div:first-child{max-width:740px}.action-intro h1{font-family:Georgia,'Songti SC',SimSun,serif;font-weight:400;font-size:clamp(32px,4vw,48px);line-height:1.3;margin:12px 0 20px}.action-intro p:not(.section-label){font-size:15px;line-height:1.9;color:#7b8877;max-width:650px;margin:0}.action-page .section-label{font-size:12px;margin:0 0 12px}.zero-stamp{flex:0 0 125px;height:125px;border-radius:50%;border:1px solid #ccd5b7;background:#e8edce;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(9deg)}.zero-stamp strong{font:48px Georgia,serif}.zero-stamp span{font-size:11px;margin-top:8px}.bingo-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:28px;align-items:start}.bingo-sheet{padding:22px;background:#edefe2;border:1px solid #e0e4d4;border-radius:18px;box-shadow:0 5px 0 #dce2cf}.sheet-heading,.sheet-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px}.sheet-heading{margin-bottom:18px}.sheet-heading h2{font-size:15px;margin:0}.sheet-heading span{font-size:12px;color:#718167}.action-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.action-cell{position:relative;display:flex;flex-direction:column;min-height:215px;background:#fffef8;border:1px solid #e5e8dc;border-radius:12px;padding:15px;transition:background .15s,border-color .15s}.action-cell.done{background:#e0ecc0;border-color:#aabe8d}.cell-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.cell-number{font:12px Georgia,serif;letter-spacing:1px;color:#8a977f}.cell-check{width:26px;height:26px;border-radius:50%;border:1.5px solid #d8decb;background:transparent;color:#335c42;cursor:pointer;font-size:16px}.done .cell-check{background:#557546;border-color:#557546;color:white}.cell-title{font-size:14px;line-height:1.75;font-weight:600;margin:0 0 15px;overflow-wrap:anywhere}.cell-hint{font-size:11px;color:#91a078;margin-top:auto;margin-bottom:12px}.cell-links{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #efefe5;padding-top:10px;gap:8px}.cell-links a,.cell-links button{font:inherit;font-size:11px;color:#6c8064;text-decoration:none;background:transparent;border:0;padding:0;cursor:pointer}.cell-links a:hover,.cell-links button:hover{color:#1e4933;text-decoration:underline}.sheet-bottom{margin-top:20px;font-size:12px}.sheet-bottom span{font-size:11px;color:#8e997f}.board-side{padding:16px 0}.board-side h2{font-family:Georgia,SimSun,serif;font-weight:400;font-size:24px;margin:12px 0}.board-side p{font-size:13px;line-height:1.9;color:#7e8b77;margin:0 0 16px}.action-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;border:1px solid #204c3b;border-radius:10px;background:#204c3b;color:#fffdf5;padding:12px 20px;font:inherit;font-size:14px;font-weight:600;text-decoration:none}.action-button:hover{background:#326049}.action-button.light{background:#fffdf6;color:#3b5a44;border-color:#dce3d0}.action-button.light:hover{background:#edf2e2}.board-side .action-button{width:100%;margin-bottom:10px}.side-note{margin-top:26px;border-top:1px solid #e1e6d8;padding-top:24px}.side-note a{font-size:13px;color:#426748}.action-page .three-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;border-top:1px solid #e0e5d6;padding-top:30px;margin-top:58px}.three-steps article>span{font:15px Georgia,serif;color:#92a07f}.three-steps h3{font-size:18px;font-weight:500;margin:16px 0 10px}.three-steps p{font-size:13px;line-height:1.8;color:#7d8a76;margin:0}.action-page .action-faq{margin:55px 0 0;max-width:850px}.action-faq h2{font-size:24px;margin:0 0 20px}.action-faq details{border-bottom:1px solid #e5e8db;padding:18px 0;font-size:14px}.action-faq summary{cursor:pointer;font-weight:500}.action-faq details p{color:#7b8877;font-size:13px;line-height:1.9;padding-left:18px}.quiz-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:34px;align-items:center;padding:30px;border-radius:22px;background:#eff2e7;border:1px solid #e7ebdf}.quiz-hero h2{font-family:Georgia,SimSun,serif;font-weight:400;font-size:28px;line-height:1.5;margin:15px 0}.quiz-hero p{font-size:14px;line-height:1.9;color:#7b8877}.quiz-hero img{width:100%;aspect-ratio:1.45;object-fit:cover;border-radius:14px}.quiz-hero small{display:block;font-size:11px;line-height:1.7;color:#909b85;margin-top:15px}.topic-pills{display:flex;gap:8px;flex-wrap:wrap}.topic-pills span{font-size:11px;border-radius:20px;padding:5px 10px;background:#fffef8;color:#75856b}.action-page .quiz-about{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;margin-top:55px;align-items:center}.quiz-about h2{font-size:27px;line-height:1.5;margin:12px 0 16px}.quiz-about p:not(.section-label){color:#7b8877;line-height:1.9;font-size:14px}.quiz-numbers{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.quiz-numbers>div{background:#edf1e5;border-radius:13px;padding:20px}.quiz-numbers strong{display:block;font-size:31px;font-weight:400;margin-bottom:6px}.quiz-numbers span{font-size:12px;color:#85927b}.action-page .quiz-topics{margin-top:55px}.quiz-topics>h2{font-size:28px;margin:0 0 24px}.quiz-topic-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.quiz-topic{grid-column:span 2;border:1px solid #e2e7d9;border-radius:15px;background:#fffef9;text-decoration:none;color:inherit;overflow:hidden;transition:box-shadow .15s,transform .15s}.quiz-topic:hover{box-shadow:0 8px 24px #26463010;transform:translateY(-2px)}.quiz-topic img{width:100%;aspect-ratio:1.55;object-fit:cover;display:block}.quiz-topic>div{padding:20px}.quiz-topic span{font-size:11px;color:#91a07f}.quiz-topic h3{font-size:19px;margin:10px 0}.quiz-topic p{font-size:13px;line-height:1.8;color:#7f8d76;margin:0 0 18px}.quiz-topic b{font-size:12px;font-weight:500;color:#58724f}.quiz-topic:nth-child(n+4){grid-column:span 3;display:grid;grid-template-columns:40% 1fr}.quiz-topic:nth-child(n+4) img{height:100%;aspect-ratio:auto}.action-page .quiz-test{display:grid;grid-template-columns:.7fr 1.3fr;gap:32px;background:#eeefe2;border-radius:22px;padding:32px;margin-top:55px;scroll-margin-top:110px}.test-intro h2{font-size:29px;line-height:1.45;margin:14px 0}.test-intro p:not(.section-label){font-size:13px;line-height:1.9;color:#7c8a72}.test-intro>span{display:inline-block;font-size:12px;color:#627a53;margin-top:15px}.quiz-paper{background:#fffef9;border:1px solid #e2e7d9;border-radius:16px;padding:26px;min-width:0}.quiz-paper .question-progress{display:flex;align-items:center;gap:20px;font-size:12px;color:#829175;margin-bottom:24px}.question-progress i{flex:1;height:4px;background:#ebefe2;border-radius:4px;overflow:hidden}.question-progress em{display:block;height:100%;background:#89a16b}.quiz-paper h3{font-size:20px;line-height:1.7;margin:0 0 22px}.answer-options{display:grid;gap:10px}.answer-options button{text-align:left;border:1px solid #e4e8dc;border-radius:10px;padding:13px 15px;background:#fffef9;color:#596f4f;cursor:pointer;font:inherit;font-size:14px;line-height:1.6;display:flex;gap:12px}.answer-options button span{color:#96a383;font-size:12px;padding-top:2px}.answer-options button:hover,.answer-options button.selected{background:#edf4e2;border-color:#96ad7f}.quiz-paper .next-question{margin-top:22px}.action-button:disabled{opacity:.4;cursor:default}.result-score{font-size:60px;font-weight:400;line-height:1.2;margin:12px 0;color:#3e6643}.result-score small{font-size:18px;color:#9aa68b}.quiz-paper .result-note{font-size:14px;line-height:1.8;color:#7b8a71}.answer-review{border-top:1px solid #e3e7db;margin-top:22px;padding-top:16px}.answer-review summary{font-size:14px;cursor:pointer;color:#506e48}.review-item{padding:14px 0;border-bottom:1px solid #e8ecdf;font-size:13px;line-height:1.8}.review-item strong{font-weight:500}.review-item p{color:#7e8e70;margin:6px 0}.review-item a{color:#466d44}.action-page .score-guide{margin-top:50px}.score-guide>h2{font-size:26px;margin:0 0 22px}.score-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.score-grid article{padding:22px;background:#f0f3e6;border-radius:14px}.score-grid span{font-size:12px;color:#93a17d}.score-grid h3{font-size:18px;margin:12px 0}.score-grid p{font-size:13px;line-height:1.8;color:#7c8b72;margin:0}.action-page button:focus-visible,.action-page a:focus-visible{outline:2px solid #7b9b62;outline-offset:3px}
@media(max-width:900px){.bingo-layout{grid-template-columns:1fr}.board-side{display:grid;grid-template-columns:1fr 1fr;gap:12px}.board-side>p,.board-side>h2,.side-note{grid-column:1/-1}.board-side .action-button{margin:0}.side-note{margin-top:8px}.action-cell{min-height:195px}.quiz-about{gap:30px!important}.quiz-hero{gap:24px}.zero-stamp{flex-basis:100px;height:100px}.zero-stamp strong{font-size:40px}}
@media(max-width:620px){.action-page{padding:32px 18px 42px}.action-intro{gap:20px;align-items:flex-start}.action-intro h1{font-size:32px}.zero-stamp{display:none}.bingo-sheet{padding:12px}.action-board{gap:7px}.action-cell{padding:10px;min-height:190px}.cell-title{font-size:12px;line-height:1.65}.cell-top{margin-bottom:12px}.cell-check{width:23px;height:23px}.cell-links{flex-wrap:wrap;gap:7px}.cell-links a,.cell-links button{font-size:10px}.sheet-bottom{align-items:flex-start}.sheet-bottom span{max-width:150px}.action-page .three-steps{grid-template-columns:1fr;gap:24px;margin-top:36px}.quiz-hero,.action-page .quiz-about,.action-page .quiz-test{grid-template-columns:1fr;padding:22px;gap:24px}.action-page .quiz-about{padding:0}.quiz-hero h2{font-size:25px}.quiz-topic{grid-column:span 3}.quiz-topic:nth-child(n+4){display:block}.quiz-topic:nth-child(n+4) img{height:auto;aspect-ratio:1.55}.quiz-topic>div{padding:14px}.quiz-topic h3{font-size:17px}.quiz-topic p{font-size:12px}.quiz-paper{padding:20px}.quiz-paper h3{font-size:18px}.test-intro h2 br{display:none}.score-grid{grid-template-columns:1fr}.quiz-numbers strong{font-size:26px}.action-page .quiz-topics,.action-page .quiz-test,.action-page .action-faq{margin-top:36px}}
