:root{--green:#126544;--green-2:#2f8b50;--lime:#cfe85a;--orange:#ff7046;--cream:#fffdf3;--ink:#303735;--muted:#66716d;--soft:#f3f8e9;--shadow:0 14px 36px rgba(54,88,48,.14);--radius:28px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif;line-height:1.65}button,a{font:inherit}button{cursor:pointer}.skip-link{position:fixed;z-index:9999;left:1rem;top:-5rem;padding:.7rem 1rem;background:#fff;color:var(--green);border-radius:10px}.skip-link:focus{top:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{position:sticky;top:0;z-index:100;padding:0 18px;background:linear-gradient(180deg,rgba(255,253,243,.96),rgba(255,253,243,.7),transparent);backdrop-filter:blur(8px)}.desktop-header{position:relative;max-width:1400px;height:clamp(118px,12vw,174px);margin:auto;overflow:hidden;border-radius:0 0 42px 42px}.desktop-header>img{display:block;width:94%;max-width:none;height:auto;transform:translateY(-29%);transform-origin:left top;filter:drop-shadow(0 7px 12px rgba(59,79,48,.13))}.nav-hotspots{position:absolute;left:32.5%;right:1.4%;top:31%;bottom:10%;display:grid;grid-template-columns:.82fr 1.22fr 1.05fr 1.22fr 1fr 1.25fr .58fr;gap:2px;padding:5px;border-radius:999px;background:#fffaf0}.nav-hotspots a,.search-hotspot{display:grid;place-items:center;border:0;background:transparent;border-radius:999px;color:#414541;text-decoration:none;font-size:clamp(.88rem,1.32vw,1.18rem);font-weight:800;white-space:nowrap;transition:background-color .2s,color .2s,box-shadow .2s}.nav-hotspots a:hover{color:var(--green);background:#eef4de}.nav-hotspots a.active{color:#fff;background:linear-gradient(135deg,#36a341,#278c38);box-shadow:0 6px 14px rgba(40,137,55,.24)}.search-hotspot::before{content:"";width:22px;height:22px;border:4px solid #8f8779;border-radius:50%;transform:translate(-2px,-2px)}.search-hotspot::after{content:"";position:absolute;width:12px;height:4px;margin:22px 0 0 23px;background:#8f8779;border-radius:4px;transform:rotate(45deg)}.nav-hotspots a:focus-visible,.search-hotspot:focus-visible{outline:4px solid #ff8a5c;outline-offset:-4px}.mobile-header,.mobile-menu{display:none}
@media(min-width:901px) and (max-width:1100px){.nav-hotspots a,.search-hotspot{font-size:.82rem}.nav-hotspots{left:31.5%;right:.8%}}
.hero{min-height:650px;margin-top:-94px;padding-top:94px;background-image:linear-gradient(180deg,rgba(255,255,255,0) 80%,var(--cream) 100%),url("assets/hero-background.png");background-size:cover;background-position:center bottom;overflow:hidden}.hero-inner{max-width:1400px;min-height:560px;margin:auto;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;padding:50px 5% 0}.hero-copy{position:relative;z-index:2;text-align:center}.hero-copy img{display:block;width:min(760px,100%);height:auto;filter:drop-shadow(0 8px 8px rgba(255,255,255,.5))}.hero-cta{display:inline-block;margin-top:22px;padding:12px 26px;color:#fff;background:linear-gradient(135deg,var(--green),var(--green-2));border-radius:999px;text-decoration:none;font-weight:800;box-shadow:0 9px 20px rgba(18,101,68,.26);transition:.2s}.hero-cta:hover{transform:translateY(-3px)}.hero-mascots{width:min(590px,100%);align-self:end;justify-self:center;filter:drop-shadow(0 15px 20px rgba(72,83,51,.16));animation:float 5s ease-in-out infinite}@keyframes float{50%{transform:translateY(-9px)}}
.section{max-width:1320px;margin:auto;padding:86px 28px}.section-heading{text-align:center;margin-bottom:34px}.section-heading p{margin:0;color:var(--orange);font-size:.84rem;font-weight:900;letter-spacing:.18em}.section-heading h2{margin:5px 0;color:var(--green);font-size:clamp(1.8rem,3.2vw,2.65rem);line-height:1.3}.section-heading span{color:var(--muted)}.topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.topic-card{display:block;border-radius:var(--radius);transition:.25s;filter:drop-shadow(0 12px 17px rgba(55,82,42,.13))}.topic-card:last-child{grid-column:1/-1;width:calc(50% - 13px);justify-self:center}.topic-card:hover{transform:translateY(-7px) rotate(-.25deg)}.topic-card:focus-visible{outline:5px solid var(--orange);outline-offset:5px}.topic-card img{display:block;width:100%;height:auto;border-radius:var(--radius)}
.quick{padding-top:30px}.quick-visual{position:relative;filter:drop-shadow(0 16px 26px rgba(52,91,38,.15))}.quick-visual>img{display:block;width:100%;height:auto}.quick-hotspots{position:absolute;left:3%;right:3%;top:61%;bottom:10%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:6% 1%}.quick-hotspots>*{border:0;background:transparent;border-radius:999px}.quick-hotspots>*:focus-visible{outline:4px solid var(--orange)}.quick-mobile{display:none}
.soft-section{max-width:none;background:linear-gradient(135deg,#f6faeb,#fff8e8);padding-left:max(28px,calc((100% - 1264px)/2));padding-right:max(28px,calc((100% - 1264px)/2))}.document-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.document-grid.two-col{grid-template-columns:repeat(2,1fr);max-width:900px;margin:auto}.document-grid.three-col{grid-template-columns:repeat(3,1fr)}.document-card{text-align:left;border:1px solid rgba(87,121,70,.14);background:#fff;padding:24px;border-radius:22px;box-shadow:0 10px 28px rgba(63,91,48,.09);transition:.22s;color:var(--ink)}.document-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.document-card span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#eaf5cf;color:var(--green);font-weight:900}.document-card strong{display:block;margin:14px 0 4px;color:var(--green);font-size:1.05rem}.document-card small{color:var(--muted)}.data-note{margin:26px auto 0;padding:14px 18px;max-width:760px;text-align:center;color:#665d46;background:#fff5ce;border-radius:15px}
.year-switcher{display:flex;justify-content:center;margin-bottom:28px}.year-switcher button{border:0;padding:11px 26px;color:#fff;background:var(--green);border-radius:999px;font-weight:800}.activity-list{display:grid;gap:24px}.activity-card{background:#fff;border-radius:26px;box-shadow:var(--shadow);overflow:hidden}.activity-info{padding:26px 28px 14px}.activity-info h3{margin:0 0 10px;color:var(--green);font-size:1.3rem}.activity-meta{display:flex;gap:12px;flex-wrap:wrap}.activity-meta span{padding:5px 12px;border-radius:999px;background:#f2f7df;color:#526043;font-size:.92rem}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:14px 18px 20px}.gallery button{border:0;padding:0;background:#e7eddf;border-radius:14px;overflow:hidden;aspect-ratio:4/3}.gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:.25s}.gallery button:hover img{transform:scale(1.055)}
.safety-panel{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:34px;background:linear-gradient(135deg,#e9f7d2,#fff4d5);border-radius:28px;border:1px solid #dce8b6}.safety-panel strong{color:var(--green);font-size:1.45rem}.safety-panel p{margin:.4rem 0 0}.primary-button{border:0;white-space:nowrap;padding:13px 24px;border-radius:999px;color:#fff;background:var(--green);font-weight:800}.site-footer{text-align:center;padding:20px 20px 30px;background:#f2f7e5;color:#60705e}.site-footer img{display:block;width:min(1320px,100%);margin:0 auto 14px}.site-footer p{margin:0;font-size:.9rem}
dialog{border:0;padding:0}.pdf-dialog{width:min(1180px,94vw);height:min(88vh,900px);border-radius:22px;overflow:hidden;box-shadow:0 20px 70px rgba(0,0,0,.3)}dialog::backdrop{background:rgba(25,38,29,.72);backdrop-filter:blur(4px)}.dialog-bar{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 16px 0 24px;background:#fff}.dialog-bar h2{font-size:1.05rem;color:var(--green);margin:0}.dialog-bar div{display:flex;align-items:center;gap:8px}.dialog-bar a,.dialog-bar button{border:0;padding:8px 12px;text-decoration:none;border-radius:10px;background:#edf4df;color:var(--green);font-weight:700}.dialog-bar button{font-size:1.5rem;line-height:1}.pdf-dialog iframe{display:block;width:100%;height:calc(100% - 66px);border:0;background:#e9ede9}.lightbox{width:100vw;height:100vh;max-width:none;max-height:none;background:rgba(18,27,21,.95);color:#fff}.lightbox figure{width:min(1100px,82vw);height:88vh;margin:6vh auto;display:grid;place-items:center}.lightbox img{max-width:100%;max-height:80vh;object-fit:contain}.lightbox figcaption{text-align:center}.lightbox button{position:fixed;border:0;background:rgba(255,255,255,.12);color:#fff;border-radius:50%}.lightbox-close{right:22px;top:18px;width:48px;height:48px;font-size:2rem}.lightbox-prev,.lightbox-next{top:50%;width:54px;height:54px;font-size:2.5rem}.lightbox-prev{left:24px}.lightbox-next{right:24px}.search-dialog{width:min(680px,92vw);border-radius:24px;padding:30px}.search-close{float:right;border:0;background:none;font-size:2rem}.search-dialog h2{color:var(--green);margin-top:0}.search-dialog label{display:block;font-weight:700;margin-bottom:8px}.search-dialog input{width:100%;padding:14px 16px;border:2px solid #cad8b7;border-radius:14px;font-size:1rem}.search-result{display:block;padding:13px 14px;margin-top:10px;color:var(--green);background:#f4f8e9;border-radius:12px;text-decoration:none;font-weight:700}
@media(max-width:900px){html{scroll-padding-top:76px}.site-header{padding:0;background:rgba(255,253,243,.96)}.desktop-header{display:none}.mobile-header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.mobile-brand{color:var(--green);font-size:1.15rem;font-weight:900;text-decoration:none;line-height:1.15}.mobile-brand span{display:block;font-size:.8rem;color:var(--orange)}.menu-toggle{display:grid;gap:5px;border:0;background:transparent;padding:10px}.menu-toggle span{display:block;width:26px;height:3px;background:var(--green);border-radius:3px}.mobile-menu{display:none;padding:8px 18px 16px;grid-template-columns:repeat(2,1fr);gap:8px}.mobile-menu.open{display:grid}.mobile-menu a{text-align:center;padding:10px;color:var(--green);background:#f0f5e4;border-radius:12px;text-decoration:none;font-weight:700}.mobile-menu a.active{color:#fff;background:var(--green)}.hero{margin-top:0;padding-top:0;min-height:0;background-position:62% bottom}.hero-inner{min-height:650px;padding:55px 6% 0;grid-template-columns:1fr;grid-template-rows:auto 1fr}.hero-copy img{max-width:650px;margin:auto}.hero-cta{margin-top:14px}.hero-mascots{width:min(520px,92vw);margin-top:-40px}.section{padding:64px 18px}.topic-grid{gap:14px}.quick-hotspots{display:none}.quick-mobile{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px}.quick-mobile button{border:0;padding:12px 8px;border-radius:14px;background:#edf5df;color:var(--green);font-weight:800}.document-grid,.document-grid.three-col{grid-template-columns:repeat(2,1fr)}.gallery{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.hero-inner{min-height:570px;padding-top:35px}.hero-mascots{margin-top:-10px}.section{padding-top:54px;padding-bottom:54px}.section-heading{margin-bottom:24px}.topic-grid{grid-template-columns:1fr}.topic-card:last-child{grid-column:auto;width:100%}.topic-card{border-radius:18px}.topic-card img{border-radius:18px}.quick{padding-top:10px}.quick-visual{margin-left:-13px;margin-right:-13px}.document-grid,.document-grid.two-col,.document-grid.three-col{grid-template-columns:1fr}.document-card{padding:20px}.gallery{grid-template-columns:repeat(2,1fr);padding:12px}.activity-info{padding:22px 18px 10px}.safety-panel{align-items:flex-start;flex-direction:column;padding:24px}.primary-button{width:100%}.site-footer{padding-left:8px;padding-right:8px}.pdf-dialog{width:100vw;height:100vh;max-height:none;border-radius:0}.dialog-bar{padding-left:12px}.dialog-bar a{font-size:.78rem;padding:7px}.dialog-bar h2{font-size:.9rem;max-width:45%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lightbox-prev{left:8px}.lightbox-next{right:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-mascots{animation:none}*{transition:none!important}}
.search-hotspot{position:relative}

/* Compact homepage topic cards */
.topics{padding-top:52px;padding-bottom:38px}.topics .section-heading{margin-bottom:22px}.topic-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px 16px}.topic-card,.topic-card:last-child{grid-column:span 2;width:100%;aspect-ratio:2.3/1;overflow:hidden;border-radius:20px}.topic-card:nth-child(4){grid-column:2/span 2}.topic-card:nth-child(5){grid-column:4/span 2}.topic-card img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:20px}
@media(max-width:900px){.topics{padding-top:46px;padding-bottom:30px}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.topic-card,.topic-card:nth-child(4),.topic-card:nth-child(5),.topic-card:last-child{grid-column:auto;width:100%}.topic-card:last-child{grid-column:1/-1;width:calc(50% - 6px);justify-self:center}}
@media(max-width:600px){.topics{padding-top:42px;padding-bottom:24px}.topics .section-heading{margin-bottom:18px}.topic-grid{grid-template-columns:1fr}.topic-card,.topic-card:nth-child(4),.topic-card:nth-child(5),.topic-card:last-child{grid-column:auto;width:100%;aspect-ratio:2.25/1}}

/* PDF 閱讀區：保留可見捲軸，並支援滑鼠滾輪與鍵盤捲動。 */
.pdf-scroll{height:calc(100% - 66px);overflow:hidden;overscroll-behavior:contain;background:#e9ede9}
.pdf-dialog .pdf-scroll iframe{display:block;width:100%;height:100%;min-height:560px;border:0;background:#e9ede9}
@media(max-width:600px){.pdf-dialog .pdf-scroll iframe{min-height:calc(100vh - 66px)}}
.year-switcher{gap:9px;flex-wrap:wrap}.year-switcher button{color:var(--green);background:#e8f1d8}.year-switcher button[aria-selected="true"]{color:#fff;background:var(--green)}
.empty-state{padding:28px;text-align:center;background:#fff;border-radius:20px;color:var(--muted)}