:root{--science-ink:#18343b;--science-teal:#16726d;--science-gold:#e2a644;--science-paper:#fbf8f0}
.science-gallery-page{margin:0;background:var(--science-paper);color:var(--science-ink);font-family:'Noto Sans TC',sans-serif}.science-gallery-page main{width:min(1120px,calc(100% - 48px));margin:0 auto;padding:48px 0 90px}.science-gallery-page .course-back{display:inline-block;color:var(--science-teal);font-weight:800;text-decoration:none;margin-bottom:40px}.science-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center}.science-hero h1{font-size:clamp(42px,5vw,62px);line-height:1.2;margin:0 0 17px}.science-lead{font-size:17px;line-height:1.95;color:#617277;max-width:570px}.science-hero ul{padding:0;list-style:none;margin:24px 0}.science-hero li{margin:9px 0;color:#31505a}.science-hero li:before{content:'✓';color:var(--science-teal);font-weight:800;margin-right:10px}.science-hero>img{width:100%;max-height:370px;object-fit:contain;background:#e7f1ed;border-radius:23px;padding:22px}.science-gallery-section{margin-top:78px;padding:45px;border-radius:23px;background:#fff;border:1px solid #d5e2dc}.science-gallery-heading h2{font-size:clamp(29px,3.5vw,42px);margin:6px 0}.science-gallery-heading>p:last-child{color:#617277;margin-bottom:27px}.science-scroller{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(245px,32%);gap:16px;overflow-x:auto;padding:4px 4px 18px;scroll-snap-type:x mandatory;scrollbar-color:#78a99b #edf3ef}.science-photo{appearance:none;border:0;background:#edf4f0;padding:0;border-radius:13px;overflow:hidden;cursor:zoom-in;aspect-ratio:3/4;scroll-snap-align:start;box-shadow:0 5px 13px #18343b18}.science-photo img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .24s ease}.science-photo:hover img,.science-photo:focus-visible img{transform:scale(1.04)}.science-photo:focus-visible{outline:3px solid var(--science-gold);outline-offset:3px}.science-lightbox{max-width:min(92vw,860px);max-height:92vh;padding:44px 22px 17px;border:0;border-radius:16px;background:#102b32;color:#d7e9e2;box-shadow:0 28px 80px #0009}.science-lightbox::backdrop{background:#061a1ecc}.science-lightbox img{display:block;max-width:100%;max-height:75vh;margin:auto;object-fit:contain}.science-lightbox p{text-align:center;margin:10px 0 0;font-size:13px}.lightbox-close{position:absolute;right:10px;top:8px;width:31px;height:31px;border:0;border-radius:50%;background:#fff;color:#12313a;font-size:25px;line-height:1;cursor:pointer}@media(max-width:760px){.science-gallery-page main{width:min(100% - 34px,1120px);padding-top:32px}.science-hero{grid-template-columns:1fr;gap:30px}.science-hero>img{order:-1}.science-gallery-section{margin-top:52px;padding:28px 20px}.science-scroller{grid-auto-columns:78%}}