@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&family=Noto+Serif+TC:wght@400;600&family=VT323&family=Press+Start+2P&display=swap";@font-face{font-family:"Cubic 11";src:url(/sci-literacy/_astro/Cubic_11.Cgo53PBI.woff2) format("woff2");font-display:swap}:root{color-scheme:light;--bg-cream: #f4ecd8;--bg-cream-deep: #eadfc4;--bg-dark: #2d1f1a;--ink: #1a1410;--ink-muted: #5a4a3c;--accent-leaf: #6a8c3f;--accent-rose: #c44d4d;--accent-gold: #d4a04d;--accent-sky: #6a9bc4;--frame-wood-light: #8c6d4a;--frame-wood-dark: #5a3f29;--footer-bg: #2d1f1a;--rarity-sr: #a06ac4;--paper: #fbf6ea;--on-dark: #f4ecd8;--font-pixel-cjk: "Cubic 11", "Noto Sans TC", "PingFang TC", sans-serif;--font-pixel-num: "VT323", "Cubic 11", "Courier New", monospace;--font-pixel-en: "Press Start 2P", "Cubic 11", "Courier New", monospace;--font-legible: "Noto Serif TC", "Source Han Serif TC", "PingFang TC", "Microsoft JhengHei", Georgia, serif;--font-ui: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", -apple-system, system-ui, sans-serif;--font-code: "SFMono-Regular", Menlo, Consolas, "Courier New", monospace;--shadow-px: 2px 2px 0 var(--bg-dark);--shadow-px-lg: 4px 4px 0 var(--bg-dark);--reading-width: 680px;--page-width: 1088px;--dither: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' shape-rendering='crispEdges'%3E%3Crect width='1' height='1' fill='%23d9caa6'/%3E%3Crect x='2' y='2' width='1' height='1' fill='%23d9caa6'/%3E%3C/svg%3E")}*,*:before,*:after{box-sizing:border-box;border-radius:0}html{-webkit-text-size-adjust:100%}html,body{margin:0;padding:0;overflow-x:clip}body{background:var(--bg-cream);background-image:var(--dither);color:var(--ink);font-family:var(--font-pixel-cjk);font-size:16px;line-height:1.6;-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset;min-height:100vh;display:flex;flex-direction:column}img,svg{max-width:100%}img{height:auto;image-rendering:pixelated}a{color:var(--frame-wood-dark);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}a:hover{color:var(--accent-rose)}:focus-visible{outline:2px solid var(--accent-sky);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.site-header{background:var(--bg-dark);color:var(--on-dark);border-bottom:4px solid var(--frame-wood-dark);position:sticky;top:0;z-index:10}.site-header__inner{max-width:var(--page-width);margin:0 auto;padding:8px 16px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px}.site-title{color:var(--accent-gold);text-decoration:none;font-size:16px;display:inline-flex;align-items:center;gap:8px;min-height:44px}.site-title:hover{color:var(--on-dark)}.site-nav{display:flex;flex-wrap:wrap;gap:4px 16px}.site-nav a{color:var(--on-dark);text-decoration:none;font-size:16px;display:inline-flex;align-items:center;min-height:44px;padding:0 4px}.site-nav a[aria-current=page],.site-nav a:hover{color:var(--accent-gold)}.site-nav a[aria-current=page]:before{content:"▶";font-size:12px;margin-right:4px}main{flex:1;width:100%;max-width:var(--page-width);margin:0 auto;padding:24px 16px 48px}.site-footer{background:var(--footer-bg);color:var(--on-dark);border-top:4px solid var(--frame-wood-dark);font-family:var(--font-ui);font-size:14px}.site-footer__inner{max-width:var(--page-width);margin:0 auto;padding:16px;display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between}.site-footer a{color:var(--accent-gold)}.frame{background:var(--paper);border:4px solid var(--frame-wood-light);outline:2px solid var(--frame-wood-dark);outline-offset:-2px;box-shadow:var(--shadow-px-lg);padding:16px}.dialogue{background:var(--bg-dark);color:var(--on-dark);border:4px solid var(--frame-wood-light);box-shadow:var(--shadow-px-lg);padding:16px 16px 24px;position:relative;line-height:1.8}.dialogue:after{content:"▼";position:absolute;right:12px;bottom:4px;font-size:12px;color:var(--accent-gold);animation:blink 1s steps(2,start) infinite}@keyframes blink{to{visibility:hidden}}@media(prefers-reduced-motion:reduce){.dialogue:after{animation:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 16px;font-family:var(--font-pixel-cjk);font-size:16px;line-height:1.2;color:var(--ink);background:var(--paper);border:2px solid var(--bg-dark);box-shadow:var(--shadow-px);cursor:pointer;text-decoration:none}.btn:hover{background:var(--bg-cream-deep);color:var(--ink)}.btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--bg-dark)}.btn--primary{background:#4f6b2e;color:var(--on-dark)}.btn--primary:hover{background:#3f5724;color:var(--on-dark)}.btn--small{min-height:32px;padding:4px 8px;font-size:12px}.btn[disabled]{opacity:1;color:var(--ink-muted);cursor:not-allowed}.badge{display:inline-block;padding:2px 8px;font-size:12px;line-height:1.6;border:2px solid var(--bg-dark);background:var(--accent-gold);color:var(--ink)}.badge--rose{background:#a83c3c;color:var(--on-dark)}.badge--sky{background:var(--accent-sky);color:var(--ink)}.badge--wip{background:var(--bg-cream-deep)}.badge--physics{background:var(--accent-sky);color:var(--ink)}.badge--chemistry{background:#a83c3c;color:var(--on-dark)}.badge--biology{background:#4f6b2e;color:var(--on-dark)}.badge--earth{background:#7a4f99;color:var(--on-dark)}.lv{font-family:var(--font-pixel-en);font-size:12px;letter-spacing:0}.num{font-family:var(--font-pixel-num);font-size:20px;line-height:1}.meter{height:16px;border:2px solid var(--bg-dark);background:var(--bg-cream-deep);position:relative}.meter>span{display:block;height:100%;background:var(--accent-rose)}.page-title{font-size:24px;line-height:1.4;margin:0 0 8px}@media(min-width:768px){.page-title{font-size:32px}}.page-lead{font-family:var(--font-legible);color:var(--ink-muted);margin:0 0 24px;line-height:1.8}.prose{font-family:var(--font-legible);font-size:17px;line-height:1.85;-webkit-font-smoothing:antialiased;max-width:var(--reading-width);overflow-wrap:anywhere}@media(min-width:768px){.prose{font-size:18px}}.prose h2,.prose h3,.prose h4{font-family:var(--font-pixel-cjk);line-height:1.4;-webkit-font-smoothing:none;scroll-margin-top:80px}.prose h2{font-size:24px;margin:48px 0 16px;padding-bottom:8px;border-bottom:4px solid var(--frame-wood-light)}.prose h2:before{content:"◆ ";color:var(--accent-gold)}.prose h3{font-size:20px;margin:32px 0 8px}.prose p,.prose ul,.prose ol{margin:0 0 16px}.prose strong{font-weight:600}.prose blockquote{margin:24px 0;padding:12px 16px;background:var(--paper);border-left:8px solid var(--accent-gold);box-shadow:var(--shadow-px)}.prose blockquote p:last-child{margin-bottom:0}.prose code{font-family:var(--font-code);font-size:.85em;background:var(--bg-cream-deep);padding:1px 4px}.prose table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-family:var(--font-ui);font-size:15px;margin:24px 0}.prose th,.prose td{border:2px solid var(--frame-wood-dark);padding:4px 8px;text-align:left}.prose th{background:var(--bg-cream-deep)}.prose img{display:block;border:4px solid var(--frame-wood-light);background:#fff}.prose hr{border:0;border-top:4px dashed var(--frame-wood-light);margin:32px 0}.code-wrap{position:relative;margin:24px 0}.prose pre,.code-wrap pre{margin:0;padding:40px 16px 16px;overflow-x:auto;font-family:var(--font-code);font-size:14px;line-height:1.6;background:var(--bg-dark)!important;border:4px solid var(--frame-wood-light);box-shadow:var(--shadow-px-lg);-webkit-font-smoothing:antialiased}.prose pre code{background:none;padding:0;font-size:inherit}.code-copy{position:absolute;top:8px;right:8px;min-height:28px;padding:2px 8px;font-family:var(--font-pixel-cjk);font-size:12px;color:var(--ink);background:var(--accent-gold);border:2px solid var(--on-dark);cursor:pointer}.code-copy:active{transform:translate(1px,1px)}.code-lang{position:absolute;top:10px;left:12px;font-family:var(--font-pixel-en);font-size:8px;color:var(--accent-gold);text-transform:uppercase;pointer-events:none}.figure{margin:32px 0}.figure img{width:100%}.figure figcaption{font-family:var(--font-ui);font-size:14px;color:var(--ink-muted);margin-top:8px;line-height:1.6}.figure figcaption b{font-family:var(--font-pixel-cjk);color:var(--ink);margin-right:8px}.figure .fig-credit{display:block}.fig-scroll{max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.fig-scroll>svg,.fig-scroll>img{display:block;width:100%;height:auto;min-width:var(--fig-min, 0);cursor:zoom-in}.fig-tools{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:4px}.fig-swipe{display:none;margin-right:auto;font-family:var(--font-ui);font-size:13px;color:var(--ink-muted)}.fig-scroll[data-scrollable]+.fig-tools .fig-swipe{display:inline}.fig-zoom-btn{min-height:44px;min-width:44px;padding:0 12px;font-family:var(--font-pixel-cjk);font-size:14px;line-height:1;color:var(--ink);background:var(--paper);border:2px solid var(--bg-dark);box-shadow:var(--shadow-px);cursor:pointer}.fig-zoom-btn:hover{background:var(--bg-cream-deep)}.fig-zoom-btn:active{transform:translate(1px,1px);box-shadow:none}.fig-zoom-btn:focus-visible,.fz__btn:focus-visible{outline:3px solid var(--accent-gold);outline-offset:2px}.fz{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;background:#1a1410;color:var(--on-dark);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.fz[hidden]{display:none}.fz__bar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-dark);border-bottom:4px solid var(--frame-wood-dark)}.fz__title{flex:1;min-width:0;margin:0;font-family:var(--font-ui);font-size:14px;line-height:1.4;color:#d9caa6;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.fz__ctrls{display:flex;gap:6px;flex:none}.fz__btn{min-width:44px;min-height:44px;padding:0 8px;font-family:var(--font-pixel-cjk);font-size:18px;line-height:1;color:var(--on-dark);background:var(--bg-dark);border:2px solid var(--frame-wood-light);cursor:pointer}.fz__btn--num{font-size:16px;min-width:56px}.fz__btn--close{background:#a83c3c;border-color:var(--on-dark)}.fz__btn:active{transform:translate(1px,1px)}.fz__rotate{display:none;margin:0;padding:6px 12px;text-align:center;font-family:var(--font-pixel-cjk);font-size:14px;color:var(--accent-gold)}@media(orientation:portrait)and (max-width:767px){.fz__rotate{display:block}}.fz__stage{flex:1;min-height:0;display:flex;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch}.fz__stage:focus{outline:none}.fz__canvas{margin:auto;padding:16px;flex:none}.fz__canvas>svg,.fz__canvas>img{display:block;max-width:none;background:var(--paper);image-rendering:auto}.fz__help{margin:0;padding:6px 12px 10px;text-align:center;font-family:var(--font-ui);font-size:13px;color:#d9caa6}.ref-list{font-family:var(--font-ui);font-size:15px;line-height:1.7;padding-left:24px;overflow-wrap:anywhere}.ref-list li{margin-bottom:12px}.ref-list .ref-note{color:var(--ink-muted);font-size:14px}.notice{font-family:var(--font-ui);font-size:14px;line-height:1.7;background:var(--paper);border:2px solid var(--accent-rose);border-left-width:8px;padding:12px 16px;margin:24px 0}.site-header__inner>.site-nav{order:3;flex-basis:100%}@media(min-width:768px){.site-header__inner>.site-nav{order:2;flex-basis:auto;margin-left:auto}}.site-header__inner>.site-title{order:1;flex:1;min-width:0}.site-header__inner>.search{order:3}.site-header__inner>.site-nav{order:4;flex-basis:100%}@media(max-width:400px){.site-title{font-size:14px}}@media(min-width:768px){.site-header__inner>.site-title{flex:none}.site-header__inner>.search{margin-left:auto}}@media(min-width:1024px){.site-header__inner>.site-nav{order:3;flex-basis:auto;margin-left:auto}.site-header__inner>.search{order:4;margin-left:0}}h1,h2,h3,.page-title{font-weight:400}.search{position:relative;display:flex;align-items:center}.search__toggle{display:none;width:44px;height:44px;align-items:center;justify-content:center;background:transparent;color:var(--on-dark);border:2px solid var(--frame-wood-light);border-radius:0;cursor:pointer}.search__toggle:hover{color:var(--accent-gold)}.search__box{display:flex;align-items:center;gap:8px;height:40px;padding:0 10px;width:200px;background:var(--paper);color:var(--ink-muted);border:2px solid var(--frame-wood-light);border-radius:0;box-shadow:var(--shadow-px)}.search__box:focus-within{border-color:var(--accent-gold)}.search__icon{flex:none}.search__input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:var(--ink);font-family:var(--font-pixel-cjk);font-size:16px;border-radius:0;-webkit-appearance:none;appearance:none}.search__input::-webkit-search-cancel-button{display:none}.search__scrim{position:fixed;inset:0;background:#1a141099;z-index:-1}.search__scrim[hidden],.search__panel[hidden]{display:none}.search__panel{position:absolute;top:calc(100% + 8px);right:0;width:min(520px,calc(100vw - 32px));max-height:min(70vh,560px);overflow-y:auto;background:var(--paper);color:var(--ink);border:4px solid var(--frame-wood-light);outline:2px solid var(--frame-wood-dark);box-shadow:var(--shadow-px-lg);font-family:var(--font-ui);z-index:1}.search__meta{margin:0;padding:10px 14px;font-size:13px;color:var(--ink-muted);background:var(--bg-cream-deep);border-bottom:2px solid var(--bg-dark);position:sticky;top:0}.search__results{list-style:none;margin:0;padding:0}.search__item{border-bottom:2px dashed var(--bg-cream-deep);padding:8px 0}.search__doc{margin:0;padding:4px 14px;font-family:var(--font-pixel-cjk);font-size:15px;color:var(--frame-wood-dark)}.search__link{display:block;padding:6px 14px 6px 22px;color:var(--ink);text-decoration:none;border-left:4px solid transparent;font-size:14px;line-height:1.6}.search__link:hover,.search__link.is-active{background:var(--bg-cream-deep);border-left-color:var(--accent-rose)}.search__sub{display:block;font-weight:700;font-size:13px;color:var(--accent-rose)}.search__excerpt{display:block;color:var(--ink-muted)}.search mark,mark.search-hit{background:var(--accent-gold);color:var(--ink);padding:0 1px;border-radius:0}@media(max-width:767px){.site-title{flex:1}.search{order:2}.site-nav{order:3;width:100%}.search__toggle{display:inline-flex}.search__box{display:none}.search.is-expanded{position:static}.search.is-expanded .search__toggle{display:none}.search.is-expanded .search__box{display:flex;position:absolute;inset:0 0 auto;height:52px;width:auto;z-index:2;background:var(--paper)}.search__panel{position:absolute;left:0;right:0;width:auto;top:52px}.site-header__inner{position:relative}}@media(min-width:768px){.search{order:3}}
