/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}}.masterBg{transition:background-image .7s,filter .8s,transform 7s;animation:10s ease-in-out infinite alternate bgBreathe;inset:-2%}.page-2 .masterBg,.page-3 .masterBg{background-image:url(/assets/bg-sky-scattering.png);background-position:50%}.page-4 .masterBg,.page-5 .masterBg{background-image:url(/assets/bg-heat-conduction.png);background-position:50%}.page-6 .masterBg,.page-7 .masterBg{background-image:url(/assets/bg-recycling.png);background-position:50%}.page-8 .masterBg{background-image:url(/assets/science-station-bg.png);background-position:bottom}.page-1 .masterBg,.page-3 .masterBg,.page-5 .masterBg,.page-7 .masterBg{filter:blur(8px)saturate(.8)}.screen.active>*{animation:.55s both itemRise}.screen.active>:nth-child(2){animation-delay:60ms}.screen.active>:nth-child(3){animation-delay:.12s}.screen.active>:nth-child(4){animation-delay:.18s}.screen.active>:nth-child(5){animation-delay:.24s}.pageFlash{z-index:7;pointer-events:none;background:linear-gradient(115deg,#0000 20%,#ffffff9e,#0000 75%);animation:.65s ease-out pageSweep;position:absolute;inset:0;transform:translate(-120%)}.ambient{z-index:1;pointer-events:none;position:absolute;inset:0}.ambient i{background:#246bfd6b;border-radius:50%;width:7px;height:7px;animation:7s ease-in-out infinite particleFloat;position:absolute;box-shadow:0 0 12px #246bfd59}.ambient i:first-child{top:21%;left:7%}.ambient i:nth-child(2){animation-delay:-1s;top:28%;left:88%}.ambient i:nth-child(3){animation-delay:-2s;top:68%;left:14%}.ambient i:nth-child(4){animation-delay:-3s;top:74%;left:78%}.ambient i:nth-child(5){animation-delay:-4s;top:18%;left:48%}.ambient i:nth-child(6){animation-delay:-5s;top:52%;left:60%}.ambient i:nth-child(n+7){width:3px;height:3px;animation-name:particleRise;top:88%}.ambient i:nth-child(7){left:12%}.ambient i:nth-child(8){left:25%}.ambient i:nth-child(9){left:43%}.ambient i:nth-child(10){left:59%}.ambient i:nth-child(11){left:76%}.ambient i:nth-child(12){left:91%}.scienceOrb span{animation:2.8s ease-in-out infinite iconHover}.options button{transition:transform .25s,box-shadow .25s,background .25s}.options button:active{transform:scale(.97)}.options button.selected{transform:translate(5px);box-shadow:0 8px 18px #246bfd24}.options button.selected span{animation:.35s choicePop}.feedback{animation:.48s cubic-bezier(.2,1.25,.4,1) feedbackPop}.feedback.bad{animation:.48s feedbackShake}.confetti{pointer-events:none;position:absolute;inset:0}.confetti i{background:var(--blue);border-radius:2px;width:6px;height:10px;animation:2.8s ease-out infinite confetti;position:absolute;top:21%;left:50%}.confetti i:nth-child(3n){background:var(--yellow)}.confetti i:nth-child(3n+1){background:var(--green)}.confetti i:nth-child(2){--x:-135px;animation-delay:-.4s}.confetti i:nth-child(3){--x:110px;animation-delay:-.8s}.confetti i:nth-child(4){--x:-80px;animation-delay:-1.2s}.confetti i:nth-child(5){--x:150px;animation-delay:-1.6s}.confetti i:nth-child(6){--x:-160px;animation-delay:-2s}.confetti i:nth-child(7){--x:70px;animation-delay:-2.4s}.confetti i:nth-child(n+8){--x:35px;animation-delay:-1s}@keyframes itemRise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes pageSweep{to{transform:translate(120%)}}@keyframes bgBreathe{to{transform:scale(1.035)translateY(-.5%)}}@keyframes iconHover{50%{transform:translateY(-8px)scale(1.04)}}@keyframes particleFloat{50%{opacity:.35;transform:translate(12px,-18px)}}@keyframes particleRise{0%{opacity:0;transform:translateY(12vh)}50%{opacity:.6}to{opacity:0;transform:translateY(-80vh)}}@keyframes choicePop{50%{transform:scale(1.18)}}@keyframes feedbackPop{0%{opacity:0;transform:translateY(15px)scale(.94)}to{opacity:1;transform:none}}@keyframes feedbackShake{0%{opacity:0;transform:translate(0)}25%{transform:translate(-7px)}50%{transform:translate(6px)}75%{transform:translate(-3px)}to{opacity:1;transform:none}}@keyframes confetti{0%{opacity:1;transform:translate(0)rotate(0)}to{transform:translate(var(--x,95px),300px) rotate(540deg);opacity:0}}@media (prefers-reduced-motion:reduce){.masterBg{transform:none!important}.ambient,.confetti,.pageFlash{display:none}}:root{--blue:#246bfd;--cyan:#55d7ff;--green:#22bc7e;--yellow:#ffc857;--ink:#102a43;--muted:#5d7488;--paper:#f4f9ff}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:#dbeeff;margin:0;font-family:Microsoft YaHei,PingFang SC,Arial,sans-serif}button{font:inherit}.app{background:#eaf5ff;width:100%;max-width:560px;min-height:100svh;margin:auto;position:relative;overflow:hidden;box-shadow:0 0 60px #93b7d5}.masterBg{background:url(/assets/science-station-bg.png) 50%/cover no-repeat;transition:all 1s;position:absolute;inset:0}.app:after{content:"";pointer-events:none;background:linear-gradient(#eff8ff0f,#eff8ff99 58%,#eff8ff 100%);position:absolute;inset:0}.page-1 .masterBg,.page-3 .masterBg,.page-5 .masterBg,.page-7 .masterBg{filter:blur(12px)saturate(.7);transform:scale(1.08)}.page-4 .masterBg,.page-5 .masterBg{background-position:50% 51%}.page-6 .masterBg,.page-7 .masterBg,.page-8 .masterBg{background-position:bottom}.topbar{z-index:9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f2f9ffad;border-bottom:1px solid #26577d24;justify-content:space-between;align-items:center;height:76px;padding:0 22px;display:flex;position:absolute;top:0;left:0;right:0}.logo{align-items:center;gap:8px;display:flex}.logo i{background:var(--blue);color:#fff;border-radius:10px;place-items:center;width:30px;height:30px;font-style:normal;display:grid}.logo span{letter-spacing:.08em;font:8px/1.2 Consolas}.logo b{color:var(--blue);font-size:11px}.progress{color:#6c8699;align-items:center;gap:8px;font:8px Consolas;display:flex}.progress>i{background:#ccdae5;width:64px;height:3px;display:block}.progress i b{background:var(--blue);height:100%;transition:all .4s;display:block}.screen{z-index:2;flex-direction:column;min-height:100svh;padding:108px 24px 64px;animation:.5s cubic-bezier(.2,.8,.2,1) enter;display:none;position:relative}.screen.active{display:flex}.heroBadge,.sectionNo{letter-spacing:.17em;color:var(--blue);font:700 9px Consolas}.heroBadge{background:#ffffffb3;border:1px solid #a6cbf7;border-radius:30px;align-self:center;margin-top:5vh;padding:9px 13px}.heroMark{text-align:center;text-shadow:0 2px #fff;margin-top:6vh}.heroMark span{letter-spacing:-.09em;color:#1456d9;font-size:70px;font-weight:900;display:block}.heroMark i{color:#14a977;letter-spacing:-.08em;margin-top:-16px;font-size:68px;font-style:normal;font-weight:900;display:block}.heroMark small{letter-spacing:.22em;color:#416b87;margin-top:8px;font:10px Consolas;display:block}.heroDesc{text-align:center;color:#42647a;margin:auto 0 26px;font-size:13px;line-height:1.85}.primary{color:#fff;letter-spacing:.04em;cursor:pointer;background:linear-gradient(135deg,#246bfd,#4c8aff);border:0;border-radius:18px;justify-content:space-between;align-items:center;height:54px;padding:0 20px;font-weight:700;display:flex;box-shadow:0 13px 26px #246bfd40}.primary:disabled{opacity:.45}.primary span{font-size:20px}.secondary{color:#3c6078;cursor:pointer;background:#ffffff8c;border:1px solid #96b2c9;border-radius:16px;height:48px;font-weight:700}.footnote{text-align:center;color:#7891a2;margin:14px 0 0;font-size:9px}.navFoot{z-index:8;color:#69879b;background:#edf8ffcc;border-top:1px solid #32668c1f;justify-content:space-between;align-items:center;height:42px;padding:0 22px;font-size:8px;display:flex;position:absolute;bottom:0;left:0;right:0}.navFoot b{color:var(--blue)}h1{letter-spacing:-.06em;margin:16px 0 10px;font-size:42px;line-height:1.08}.subtitle{color:var(--muted);font-size:13px;line-height:1.7}.guide .steps{gap:11px;margin:auto 0;display:grid}.steps article{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #538ab138;border-radius:20px;grid-template-columns:34px 48px 1fr;align-items:center;gap:10px;padding:15px;display:grid;box-shadow:0 10px 25px #44719414}.steps article>b{color:var(--blue);align-self:start;font:10px Consolas}.steps article>i{width:44px;height:44px;color:var(--blue);background:#dfebff;border-radius:14px;place-items:center;font-style:normal;font-weight:700;display:grid}.steps h3{margin:0 0 4px;font-size:14px}.steps p{color:#6b8394;margin:0;font-size:10px;line-height:1.5}.unitTag{color:var(--blue);background:#dce9ff;border-radius:30px;align-self:flex-start;margin-top:12px;padding:6px 12px;font-size:10px;font-weight:700}.knowledge h1 em{color:var(--blue);font-style:normal}.scienceOrb{aspect-ratio:1;align-self:center;place-items:center;width:190px;margin:8px 0;display:grid;position:relative}.scienceOrb span{z-index:2;color:var(--blue);filter:drop-shadow(0 10px 15px #246bfd40);font-size:80px;position:relative}.scienceOrb i{border:1px solid #246bfd38;border-radius:50%;width:130px;height:130px;animation:8s linear infinite orbit;position:absolute}.scienceOrb i:nth-of-type(2){border-style:dashed;width:170px;height:170px;animation-direction:reverse}.scienceOrb i:nth-of-type(3){background:var(--yellow);border:0;width:8px;height:8px;transform:translate(76px,-46px)}.orange .unitTag{color:#e28b00;background:#fff0d4}.orange h1 em,.orange .scienceOrb span{color:#f09724}.orange .scienceOrb i{border-color:#f097244d}.green .unitTag{color:#099b63;background:#daf7e9}.green h1 em,.green .scienceOrb span{color:var(--green)}.green .scienceOrb i{border-color:#22bc7e4d}.factCard{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd1;border:1px solid #6694b540;border-radius:20px;margin-bottom:auto;padding:19px}.factCard>b{color:var(--blue);font-size:11px}.factCard p{color:#42647a;font-size:12px;line-height:1.8}.factCard small{color:#7892a5;font-size:9px}.quizCount{color:#6f8798;margin-top:16px;font-size:11px}.quizCount b{float:right;color:var(--blue);font:24px Consolas}.quiz h1{margin:38px 0 24px;font-size:31px}.options{gap:12px;display:grid}.options button{text-align:left;color:#36556b;cursor:pointer;background:#ffffffc2;border:1px solid #4b7da140;border-radius:18px;min-height:61px;padding:10px 14px;font-weight:700}.options button span{color:#577489;background:#e5eff7;border-radius:12px;place-items:center;width:34px;height:34px;margin-right:13px;display:inline-grid}.options button.selected{border:2px solid var(--blue);color:var(--blue);background:#edf4ff}.options button.selected span{background:var(--blue);color:#fff}.quiz>.primary{margin-top:auto}.feedback{background:#ffffffe0;border:1px solid #a7c2d3;border-radius:20px;margin-top:18px;padding:18px}.feedback>b{font-size:18px;display:block}.feedback.good>b{color:var(--green)}.feedback.bad>b{color:#df6672}.feedback p{color:#526f82;font-size:11px;line-height:1.7}.feedback .secondary{width:100%;margin-bottom:9px}.result{text-align:center}.resultOrb{aspect-ratio:1;background:#ffffffbf;border:1px solid #8ec2ee;border-radius:50%;place-items:center;width:185px;margin:2vh auto 20px;display:grid;position:relative;box-shadow:0 15px 40px #2b68992e}.resultOrb>span{color:var(--yellow);font-size:26px;position:absolute;top:18px}.resultOrb>b{color:var(--blue);font:64px Consolas}.resultOrb small{color:#7190a6;font-size:18px}.result h1{color:#1456d9}.resultStats{grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0;display:grid}.resultStats span{color:#718b9d;background:#ffffffb8;border-radius:15px;padding:13px 4px;font-size:9px}.resultStats b{color:var(--blue);margin-top:6px;font:20px Consolas;display:block}.result .secondary{margin-top:10px}.credits{text-align:left;color:#527083;background:#ffffffa6;border-radius:12px;margin-top:12px;padding:10px;font-size:9px}.credits summary{cursor:pointer;color:var(--blue);font-weight:700}.credits p{line-height:1.65}.result .sectionNo{text-align:center}@keyframes enter{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:none}}@keyframes orbit{to{transform:rotate(360deg)}}@media (height>=800px){.screen{padding-top:122px;padding-bottom:75px}.heroBadge{margin-top:8vh}.scienceOrb{width:220px}.quiz h1{margin-top:55px}}@media (prefers-reduced-motion:reduce){*{animation:none!important}}@media print{.topbar,.navFoot,.result button,.credits{display:none}.app{box-shadow:none}.screen{min-height:100vh}.screen:not(.result){display:none}.result{display:flex}}