:root{color-scheme:light;--ink:#193936;--sub:#496460;--green:#175b4d;--deep:#15483e;--mint:#e0efe5;--paper:#fffef9;--bg:#f6f7f0;--line:#c9d9cd;--warm:#f7ecd4;--rust:#8a4931;--radius:24px;font-family:"Microsoft JhengHei","PingFang TC","Noto Sans TC","Noto Sans CJK TC",sans-serif;font-size:18px}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);line-height:1.65}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #a7622c;outline-offset:4px}a{color:var(--green)}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.29;letter-spacing:.02em}h1{font-size:clamp(2rem,4.7vw,3.7rem)}h2{font-size:clamp(1.5rem,3vw,2.05rem)}h3{font-size:1.2rem}main{width:min(1160px,calc(100% - 44px));margin:28px auto 0;min-height:62vh}main:focus{outline:none}.skip{position:absolute;top:0;left:12px;transform:translateY(-130%);padding:10px;background:white;z-index:5}.skip:focus{transform:none}
.top{background:var(--paper);border-bottom:1px solid var(--line)}.top-inner{width:min(1160px,calc(100% - 44px));margin:auto;display:flex;gap:14px;align-items:center;justify-content:space-between;padding:13px 0}.brand{display:flex;align-items:center;text-align:left;gap:10px;background:none;border:0;padding:0;font-size:1.07rem;font-weight:800;line-height:1.25;white-space:nowrap}.brand small{display:block;font-size:.67rem;font-weight:600;color:var(--sub);margin-top:3px}.top nav{display:flex;gap:8px}.top nav button{border:0;border-radius:10px;background:none;min-height:44px;padding:6px 12px;font-weight:700;font-size:.85rem;white-space:nowrap}.top nav button:hover,.top nav button[aria-current=page]{background:var(--mint)}#review-count:not(:empty){background:var(--green);color:white;border-radius:20px;padding:0 6px;font-size:.75rem}
.hero{background:linear-gradient(128deg,#e8f2e9,#d7ebe0);border:1px solid #bfd8cc;border-radius:32px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;overflow:hidden;padding:clamp(25px,4vw,55px);gap:5px;position:relative}.hero-art{width:100%;display:block;max-height:360px;animation:arrive .55s ease both}.hero h1{margin:14px 0 18px;line-height:1.16}.hero h1 span{display:block;color:var(--green)}.hero p:not(.tag){max-width:32em;color:var(--sub);font-size:1.03rem}.tag,.eyebrow{font-size:.79rem;font-weight:850;letter-spacing:.07em;color:var(--green)}.tag{display:inline-flex;border-radius:100px;background:#f8fbef;padding:5px 13px;border:1px solid #bfd6c4}.buttons{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:20px}
.btn{display:inline-flex;justify-content:center;align-items:center;gap:7px;border:1px solid var(--green);border-radius:13px;padding:10px 17px;min-height:48px;background:var(--green);color:white;font-weight:750;text-decoration:none;line-height:1.35}.btn:hover:not(:disabled){background:var(--deep)}.btn.alt{background:var(--paper);color:var(--green);border-color:var(--line)}.btn.alt:hover:not(:disabled){background:#eef4eb}.btn.link{border-color:transparent;background:transparent;color:var(--green);padding-left:4px}.btn.link:hover:not(:disabled){background:var(--mint)}
.overview{display:flex;gap:20px;align-items:center;border:1px solid var(--line);background:var(--paper);padding:14px 21px;border-radius:16px;margin:18px 0 32px}.overview .track{flex:1}.overview b{font-size:.95rem}.overview output{font-size:.88rem;color:var(--sub);white-space:nowrap}.track{background:#e5ece4;border-radius:100px;height:9px;overflow:hidden}.track>span{display:block;background:#34836a;height:100%;border-radius:100px;transition:width .3s}.section-title{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:15px}.section-title p{color:var(--sub);font-size:.92rem}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.card{display:flex;flex-direction:column;gap:10px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:18px;min-width:0}.card h3{font-size:1.24rem}.card p{font-size:.94rem;color:var(--sub);flex:1}.card .btn{align-self:flex-start;margin-top:1px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.icon{display:grid;place-items:center;background:#e2eee4;border-radius:13px;width:46px;height:46px;color:var(--green);flex:none}.icon svg{width:26px;height:26px}.card:nth-child(2n) .icon{background:var(--warm);color:var(--rust)}.card:last-child{background:#edf5ee;border-color:#a8c8b5}.small{font-size:.82rem;color:var(--sub)}
.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(17px,4vw,35px)}.narrow{max-width:870px;margin:0 auto}.panel h1{font-size:clamp(1.7rem,4.3vw,2.8rem);margin:8px 0 14px}.panel .lead{font-size:1.08rem;color:var(--sub)}.strategy{background:var(--mint);padding:16px 18px;border-radius:15px;margin:18px 0 0}.strategy p{margin-top:5px}.crumbs{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 0 10px}.crumbs .btn{font-size:.86rem}.q-head{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:8px}.q-head strong{font-size:.9rem}.question{font-size:clamp(1.25rem,3vw,1.72rem);line-height:1.45;margin:16px 0}.material{background:#f0f5ec;border:1px solid #c9ddcd;border-radius:14px;margin:15px 0}.material summary{cursor:pointer;font-weight:800;padding:10px 13px}.material-inner{padding:0 13px 13px}.material p+p{margin-top:8px}.material .small{margin-bottom:8px}dl{margin:0}.data-row{display:grid;grid-template-columns:minmax(100px,1fr) 2.6fr;gap:10px;padding:8px 0;border-top:1px solid var(--line)}dt{font-weight:800}dd{margin:0}.choices{display:grid;gap:9px}.option{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid var(--line);background:var(--paper);border-radius:13px;padding:10px 13px;min-height:54px;line-height:1.5}.option:hover:not(:disabled){border-color:#538a72}.option[aria-pressed=true]{background:var(--mint);border-color:#337659;box-shadow:inset 0 0 0 1px #337659}.option.is-correct{background:#dff1e3;opacity:1}.letter{display:grid;place-items:center;background:#e8efe7;border-radius:9px;min-width:30px;height:30px;font-size:.85rem;font-weight:800;color:var(--green)}.feedback:empty{display:none}.feedback{margin-top:14px;padding:14px;border-radius:13px;scroll-margin:12px}.feedback.wrong{background:var(--warm);color:#5e401e}.feedback.right{background:var(--mint);color:var(--deep)}.feedback strong{display:block}.feedback p{margin:4px 0}.feedback .small{display:block;margin-top:8px}.order-list{min-height:38px;margin:6px 0 12px;padding-left:27px}.order-list li{padding:3px}.prompt{margin-bottom:8px}.rubric{display:grid;gap:8px;margin:10px 0}.rubric label{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;background:#f3f7f0;border-radius:9px}.rubric input{accent-color:var(--green);width:20px;height:20px;flex:none;margin-top:4px}textarea{width:100%;min-height:100px;border:1px solid var(--line);border-radius:12px;padding:10px;background:#fffefb;resize:vertical;color:var(--ink)}.result-mark{display:inline-grid;place-items:center;color:var(--green);background:var(--mint);font-size:1.75rem;width:63px;height:63px;border-radius:21px;margin-bottom:12px}.result-list{margin:12px 0 0;padding-left:25px}.danger{color:#8b412b!important}
footer{width:min(1160px,calc(100% - 44px));margin:35px auto 0;padding:17px 0 23px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;color:var(--sub);font-size:.8rem}@keyframes arrive{from{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@media(max-width:880px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:1.05fr .95fr}.hero h1{font-size:clamp(1.9rem,5vw,2.8rem)}}
@media(max-width:590px){main,.top-inner,footer{width:calc(100% - 24px)}main{margin-top:14px}.top-inner{padding:9px 0;gap:5px}.brand{font-size:.86rem;gap:6px}.brand img{width:32px;height:32px}.brand small{font-size:.6rem}.top nav{gap:0}.top nav button{font-size:.75rem;padding:5px 7px}.hero{display:block;padding:22px 17px 8px;border-radius:22px}.hero h1{font-size:clamp(1.86rem,8vw,2.65rem)}.hero-art{height:165px;object-fit:contain;margin-top:6px}.overview{flex-wrap:wrap;padding:10px 13px;gap:5px 10px;margin:12px 0 24px}.overview .track{order:3;flex:1 0 100%}.overview output{margin-left:auto}.grid{grid-template-columns:1fr}.section-title{display:block}.section-title p{margin-top:5px}.panel{border-radius:18px}.data-row{grid-template-columns:1fr;gap:1px}footer{display:block}footer p+p{margin-top:4px}}