/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@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{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.inline{display:inline}.table{display:table}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--navy:#0b2a46;--blue:#1f73c9;--sky:#dff2ff;--ice:#f4faff;--ink:#11283a;--muted:#637787;--line:#d7e6f0;--orange:#f0a24a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#fff;margin:0;font-family:Arial,Noto Sans TC,sans-serif}.shell{width:min(1180px,100% - 48px);margin-inline:auto}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.nav{z-index:5;justify-content:space-between;align-items:center;height:84px;display:flex;position:relative}.brand{letter-spacing:.04em;color:var(--navy);align-items:center;gap:11px;font-weight:800;display:flex}.brand b{color:var(--blue)}.brand-mark{background:var(--navy);color:#fff;border-radius:11px;place-items:center;width:36px;height:36px;font:20px Georgia,serif;display:grid}.nav-links{color:#456070;align-items:center;gap:22px;font-size:21px;display:flex}.nav-links a:hover,.text-button:hover{color:var(--blue)}.text-button{color:inherit;background:0 0;border:0}.nav-cta,.primary{background:var(--navy);color:#fff;border-radius:8px;align-items:center;gap:18px;padding:13px 18px;font-size:14px;font-weight:700;display:inline-flex}.nav-cta span,.primary span{color:#80caff}.hero{grid-template-columns:1.03fr .97fr;align-items:center;gap:42px;min-height:680px;padding-block:55px 90px;display:grid}.hero:before{content:"";z-index:-1;background:linear-gradient(120deg,#f3faff,#fff);border-bottom-right-radius:80px;height:650px;position:absolute;top:84px;left:0;right:48%}.eyebrow{color:var(--blue);letter-spacing:.13em;align-items:center;gap:10px;font-size:13px;font-weight:700;display:flex}.eyebrow span{background:var(--blue);width:28px;height:2px}h1{letter-spacing:-.055em;color:var(--navy);margin:25px 0;font-size:clamp(48px,5.2vw,72px);line-height:1.13}h1 em{color:var(--blue);font-style:normal}.hero-copy>p{color:#526b7b;max-width:590px;font-size:18px;line-height:1.9}.hero-actions{align-items:center;gap:28px;margin-top:34px;display:flex}.primary{padding:17px 23px}.secondary{color:var(--navy);border-bottom:1px solid var(--navy);padding-bottom:4px;font-weight:700}.trust-row{color:#647886;gap:24px;margin-top:34px;font-size:13px;display:flex}.hero-visual{background:radial-gradient(circle at 50% 48%,#e0f4ff 0 29%,#0000 30%),linear-gradient(145deg,#f4fbff 0 62%,#e9f6fd 62%);border-radius:42px 8px;place-items:center;height:530px;display:grid;position:relative;overflow:hidden}.orbit{border:1px solid #9fcce7;border-radius:50%;position:absolute;transform:rotate(-17deg)}.orbit-one{width:395px;height:220px}.orbit-two{width:470px;height:310px;transform:rotate(29deg)}.core{background:var(--navy);color:#fff;z-index:1;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:146px;height:146px;display:flex;box-shadow:0 22px 55px #13344d42}.core span{font:54px Georgia,serif}.core small{letter-spacing:.25em;color:#8bcdf7;font-size:9px}.mini-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffd;border:1px solid #fff;border-radius:13px;align-items:center;gap:12px;padding:15px 18px;display:flex;position:absolute;box-shadow:0 12px 35px #1e62851d}.mini-card i{color:var(--blue);font-style:normal;font-weight:700}.mini-card b,.mini-card small{display:block}.mini-card b{font-size:14px}.mini-card small{color:#77909f;margin-top:5px}.card-one{top:88px;left:24px}.card-two{bottom:78px;right:22px}.formula{color:#5b8aa7;font-family:Georgia,serif;font-style:italic;position:absolute}.formula-a{top:60px;right:37px}.formula-b{bottom:48px;left:40px}.dot{background:var(--orange);border-radius:50%;position:absolute}.dot-one{width:9px;height:9px;top:48%;left:18%}.dot-two{background:var(--blue);width:13px;height:13px;top:38%;right:15%}.dot-three{width:7px;height:7px;bottom:19%;right:28%}.section{padding-block:105px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:45px;display:flex}.section-heading span,.booking-intro>span{color:var(--blue);letter-spacing:.18em;font-size:12px;font-weight:800}.section-heading h2,.booking-intro h2{letter-spacing:-.035em;color:var(--navy);margin:11px 0 0;font-size:40px}.section-heading>p{max-width:410px;color:var(--muted);line-height:1.75}.course-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.course{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:15px;padding:28px;transition:all .2s}.course:hover,.course.active{border-color:#63a8df;transform:translateY(-5px);box-shadow:0 18px 45px #1d6ea713}.course-top{justify-content:flex-end;align-items:center;display:flex}.course-top small{color:#78909f;font-size:20px}.course h3{color:var(--navy);margin:24px 0 12px;font-size:30px}.course p{color:var(--muted);min-height:78px;font-size:21px;line-height:1.75}.course button{color:var(--blue);background:0 0;border:0;padding:12px 0;font-size:20px;font-weight:700}.booking-section{background:var(--navy);color:#fff;padding-block:105px;position:relative;overflow:hidden}.booking-section:after{content:"";border:1px solid #37647b;border-radius:50%;width:450px;height:450px;position:absolute;bottom:-260px;left:-230px}.booking-layout{grid-template-columns:.78fr 1.22fr;align-items:start;gap:80px;display:grid}.booking-intro{position:sticky;top:40px}.booking-intro h2{color:#fff;font-size:48px;line-height:1.22}.booking-intro>p{color:#b8c8d3;font-size:16px;line-height:1.85}.booking-intro ol{margin:38px 0;padding:0;list-style:none}.booking-intro li{color:#dbe8ef;align-items:center;gap:16px;margin:18px 0;display:flex}.booking-intro li b{color:#7ec5f5;border:1px solid #4e7188;border-radius:50%;place-items:center;width:30px;height:30px;font-size:12px;display:grid}.notice{border-left:3px solid var(--orange);padding:4px 0 4px 18px}.notice b{color:#f4b563;font-size:13px}.notice p{color:#aebfca;margin:6px 0;font-size:13px;line-height:1.6}.booking-card{color:var(--ink);background:#fff;border-radius:19px;padding:34px;box-shadow:0 28px 80px #00121e42}.form-step{align-items:center;gap:13px;display:flex}.form-step>span{background:var(--sky);width:34px;height:34px;color:var(--blue);border-radius:10px;place-items:center;font-size:12px;font-weight:700;display:grid}.form-step b,.form-step small{display:block}.form-step small{color:#8a9aa5;margin-top:3px}.divider{background:#e3edf3;height:1px;margin:28px 0}.select-wrap select,.fields input,.fields select,.fields textarea,.pin-form input,.add-slot input{width:100%;color:var(--ink);background:#fbfdff;border:1px solid #ccdde8;border-radius:9px;outline:none;padding:13px 14px}.select-wrap{margin-top:18px}.select-wrap select:focus,.fields input:focus,.fields select:focus,.fields textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2492df16}.date-list{gap:7px;margin-top:18px;display:grid}.date-row{background:#f6fafc;border-radius:10px;grid-template-columns:140px 1fr;align-items:center;padding:10px 12px;display:grid}.date-label b,.date-label small{display:block}.date-label small{color:#96a6b0;margin-top:3px;font-size:10px}.times{flex-wrap:wrap;gap:7px;display:flex}.time{color:#486274;background:#fff;border:1px solid #cbdde8;border-radius:7px;padding:8px 12px}.time:hover,.time.selected{background:var(--blue);border-color:var(--blue);color:#fff}.fields{grid-template-columns:1fr 1fr;gap:16px;margin-top:20px;display:grid}.fields label,.add-slot label{color:#536b7a;font-size:12px}.fields input,.fields select,.fields textarea{margin-top:8px;font-size:14px;display:block}.fields textarea{resize:vertical}.fields .full{grid-column:1/-1}.honey{position:absolute!important;left:-9999px!important}.consent{color:#617785;align-items:flex-start;gap:9px;margin:21px 0;font-size:12px;line-height:1.5;display:flex}.consent input{accent-color:var(--blue);margin-top:2px}.submit{background:var(--blue);color:#fff;border:0;border-radius:9px;justify-content:space-between;width:100%;padding:16px 19px;font-weight:700;display:flex}.submit:disabled{opacity:.65}.form-message,.empty{color:#26658e;background:#edf8ff;border-radius:8px;padding:13px;font-size:13px;line-height:1.5}.empty{margin-top:18px}footer{color:#fff;background:#081f33;padding:58px 0 25px}.footer-inner{grid-template-columns:1.3fr 1fr 1fr;gap:40px;display:grid}.brand.light{color:#fff}.footer-inner p{color:#8ea5b4;font-size:13px}.footer-inner small{color:#78909f;margin-bottom:9px;display:block}.footer-inner a{color:#cfe9f8}.copyright{color:#668192;border-top:1px solid #1b384d;margin-top:45px;padding-top:22px;font-size:11px}.admin-page{background:linear-gradient(145deg,#f3faff,#e7f4fc);min-height:100vh;padding:0 24px 72px}.admin-header{justify-content:space-between;align-items:center;width:min(1120px,100%);height:84px;margin:auto;display:flex}.admin-header>span{letter-spacing:.2em;color:#6b8494;font-size:10px;font-weight:800}.admin-login-card{border:1px solid var(--line);background:#fff;border-radius:20px;width:min(520px,100%);margin:70px auto 0;padding:38px;box-shadow:0 25px 70px #123e5b18}.admin-label{color:var(--blue);letter-spacing:.2em;font-size:10px;font-weight:700}.admin-login-card h1,.admin-title-row h1{letter-spacing:-.04em;color:var(--navy);margin:10px 0 16px;font-size:38px}.admin-login-card>p{color:var(--muted);line-height:1.8}.pin-form label{color:#536b7a;font-size:13px;display:block}.pin-form input,.add-slot input{width:100%;color:var(--ink);background:#fbfdff;border:1px solid #ccdde8;border-radius:9px;outline:none;padding:13px 14px}.pin-form input{margin-top:8px;display:block}.pin-form button,.add-slot button,.admin-actions button{background:var(--navy);color:#fff;border:0;border-radius:8px;margin-top:12px;padding:13px 17px}.pin-form button:disabled,.add-slot button:disabled,.admin-actions button:disabled{opacity:.6}.admin-dashboard{width:min(1120px,100%);margin:45px auto}.admin-title-row{justify-content:space-between;align-items:end;margin-bottom:25px;display:flex}.admin-title-row h1{margin-bottom:0}.admin-actions{gap:8px;display:flex}.admin-actions .quiet{color:var(--navy);border:1px solid var(--line);background:#fff}.admin-message{color:#225d82;background:#e2f4ff;border-radius:9px;padding:13px 16px;font-size:13px}.admin-message.error{color:#a74747;background:#fff0f0}.admin-panel{border:1px solid var(--line);background:#fff;border-radius:17px;margin-top:18px;padding:25px;box-shadow:0 12px 35px #123e5b0c}.panel-heading>div{align-items:flex-start;gap:13px;display:flex}.panel-heading>div>span{background:var(--sky);width:34px;height:34px;color:var(--blue);border-radius:10px;place-items:center;font-size:12px;font-weight:700;display:grid}.panel-heading h2{color:var(--navy);margin:0;font-size:18px}.panel-heading p{color:var(--muted);margin:6px 0 0;font-size:13px}.add-slot{background:#f3f9fd;border-radius:12px;grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:12px;margin-top:20px;padding:15px;display:grid}.add-slot label{color:#536b7a;font-size:12px}.add-slot input{margin-top:7px;display:block}.range-preview{padding:0 6px 6px}.range-preview small,.range-preview b{display:block}.range-preview small{color:#8295a2;margin-bottom:5px;font-size:10px}.range-preview b{color:var(--navy)}.admin-slots{border:1px solid var(--line);border-radius:10px;margin-top:20px;overflow:hidden}.admin-slots>div{border-bottom:1px solid #e8f0f5;grid-template-columns:1.2fr 1fr auto auto;align-items:center;gap:14px;padding:13px 15px;font-size:13px;display:grid}.admin-slots>div:last-child{border-bottom:0}.admin-slots span b,.admin-slots span small{display:block}.admin-slots span small{color:#91a2ad;margin-top:3px;font-size:10px}.admin-slots strong{color:var(--navy)}.admin-slots em{color:#4a819f;background:#e9f7ff;border-radius:999px;padding:6px 10px;font-size:11px;font-style:normal}.admin-slots em.requested{color:#8d641e;background:#fff4d9}.admin-slots em.closed{color:#7d8790;background:#eef1f3}.admin-slots button{color:#c35c5c;background:0 0;border:0}.booking-list,.inquiry-list{grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;display:grid}.booking-list article,.inquiry-list article{border:1px solid var(--line);border-radius:12px;padding:16px}.booking-list header,.inquiry-list header{justify-content:space-between;gap:14px;display:flex}.booking-list header span{color:var(--blue);text-align:right;font-size:12px}.booking-list p{color:#526c7b;margin:8px 0;font-size:13px}.booking-list p a{color:inherit}.booking-list small{color:#5e7482;background:#f5f9fb;padding:9px;line-height:1.55;display:block}.booking-list .reply{color:var(--blue);margin-top:11px;font-size:12px;font-weight:700;display:inline-block}.inquiry-list header{color:var(--navy)}.inquiry-list header span{color:#899ba7;font-size:11px}.inquiry-list blockquote{border-left:3px solid var(--blue);color:#496576;background:#f3f9fd;margin:14px 0;padding:12px 14px;font-size:13px;line-height:1.7}.inquiry-list p{color:var(--blue);font-size:13px}.inquiry-list small{color:#899ba7}.panel-empty{color:var(--muted);padding:14px;font-size:13px}@media (width<=900px){.nav-links{display:none}.hero{grid-template-columns:1fr;padding-top:40px}.hero:before{right:0}.hero-visual{height:440px}.course-grid{grid-template-columns:1fr 1fr}.booking-layout{grid-template-columns:1fr;gap:40px}.booking-intro{position:static}.section-heading{align-items:start;gap:20px}.footer-inner,.add-slot{grid-template-columns:1fr 1fr}.booking-list,.inquiry-list{grid-template-columns:1fr}}@media (width<=600px){.shell{width:min(100% - 28px,1180px)}.nav{height:72px}.nav-cta{padding:11px 13px}.brand>span:last-child{font-size:13px}.hero{min-height:0;padding-block:35px 65px}.hero:before{border-radius:0;height:580px;top:72px}h1{font-size:45px}.hero-copy>p{font-size:16px}.hero-actions{align-items:flex-start;gap:20px}.trust-row{flex-wrap:wrap;gap:10px}.hero-visual{height:360px}.orbit-one{width:290px}.orbit-two{width:345px}.mini-card{padding:11px}.card-one{top:48px;left:9px}.card-two{bottom:44px;right:8px}.formula-b{left:15px}.section{padding-block:70px}.section-heading{display:block}.section-heading h2{font-size:32px}.course-grid{grid-template-columns:1fr}.course p{min-height:0}.booking-section{padding-block:70px}.booking-intro h2{font-size:38px}.booking-card{padding:23px 18px}.date-row{grid-template-columns:1fr;gap:10px}.fields{grid-template-columns:1fr}.fields .full{grid-column:auto}.footer-inner{grid-template-columns:1fr}.admin-page{padding-inline:14px}.admin-header{height:72px}.admin-header>span{display:none}.admin-login-card{margin-top:35px;padding:26px 20px}.admin-login-card h1,.admin-title-row h1{font-size:31px}.admin-dashboard{margin-top:28px}.admin-title-row{display:block}.admin-actions{margin-top:15px}.admin-panel{padding:19px 14px}.add-slot{grid-template-columns:1fr}.admin-slots>div{grid-template-columns:1fr auto}.admin-slots strong{grid-column:1}.admin-slots em{grid-area:1/2}.admin-slots button{grid-area:2/2}.booking-list header,.inquiry-list header{display:block}.booking-list header span,.inquiry-list header span{text-align:left;margin-top:6px;display:block}}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.booking-section:after{display:none}.add-slot select{width:100%;color:var(--ink);background:#fbfdff;border:1px solid #ccdde8;border-radius:9px;outline:none;margin-top:7px;padding:13px 14px;display:block}.add-slot select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2492df16}.hero-copy h1,.section-heading h2,.booking-intro h2{letter-spacing:-.045em;font-family:Noto Serif TC,Source Han Serif TC,Songti TC,PMingLiU,serif;font-weight:900}.hero-copy h1{font-size:clamp(42px,4.25vw,58px);line-height:1.18}.course h3{font-family:Noto Serif TC,Source Han Serif TC,Songti TC,PMingLiU,serif;font-weight:800}.science-lab-course{background:linear-gradient(120deg,#fff 0%,#f4fbff 100%);grid-column:1/-1;scroll-margin-top:96px}.science-lab-course>p{max-width:820px;min-height:0}.eureka-story{border-left:3px solid var(--blue);background:#f1f8fc;border-radius:0 12px 12px 0;margin-top:30px;padding:22px 24px}.eureka-story>span{letter-spacing:.2em;color:var(--blue);font-size:10px;font-weight:800}.eureka-story p{color:#536c7c;margin:10px 0;line-height:1.85}.eureka-story b{color:var(--navy);font-family:Noto Serif TC,Songti TC,PMingLiU,serif;font-size:18px;line-height:1.65;display:block}.story-page{background:#fff}.story-nav{border-bottom:1px solid #e4eef4}.story-hero{grid-template-columns:1.15fr .85fr;align-items:center;gap:70px;min-height:660px;padding-block:80px 105px;display:grid}.story-hero-copy h1,.story-chapter h2,.insight-copy h2,.story-difference h2,.story-mission h2{color:var(--navy);letter-spacing:-.045em;font-family:Noto Serif TC,Source Han Serif TC,Songti TC,PMingLiU,serif;font-weight:900}.story-hero-copy h1{margin:28px 0;font-size:clamp(48px,5vw,70px);line-height:1.2}.story-hero-copy h1 em{color:var(--blue);font-style:normal}.story-hero-copy>p{color:#536c7c;max-width:680px;font-size:18px;line-height:1.95}.story-manifesto{background:var(--navy);color:#fff;border-radius:38px 8px;flex-direction:column;justify-content:center;min-height:430px;padding:48px;display:flex;position:relative;overflow:hidden}.story-manifesto:before,.story-manifesto:after{content:"";border:1px solid #315b78;border-radius:50%;position:absolute}.story-manifesto:before{width:390px;height:250px;top:20px;right:-120px;transform:rotate(25deg)}.story-manifesto:after{width:330px;height:330px;bottom:-180px;left:-190px}.story-manifesto>span,.chapter-title>span,.insight-copy>span,.story-difference>div>div>span,.story-mission>span{letter-spacing:.22em;color:#79c6f6;font-size:10px;font-weight:800}.story-manifesto blockquote{z-index:1;margin:25px 0;font-family:Noto Serif TC,Songti TC,PMingLiU,serif;font-size:29px;font-weight:800;line-height:1.75;position:relative}.manifesto-mark{color:#ffffff0f;font:82px Georgia,serif;position:absolute;bottom:20px;right:35px}.story-chapter{border-top:1px solid var(--line);grid-template-columns:90px .8fr 1.2fr;gap:50px;padding-block:120px;display:grid}.chapter-number{color:#6eabcf;font:italic 25px Georgia,serif}.chapter-title h2{margin:14px 0;font-size:42px;line-height:1.4}.chapter-copy{color:#536c7c;font-size:16px;line-height:2}.chapter-copy p:first-child{margin-top:0}.story-insight{background:#eef8fd;padding-block:110px}.insight-layout{grid-template-columns:.9fr 1.1fr;align-items:center;gap:90px;display:grid}.insight-visual{background:linear-gradient(145deg,#dff3ff,#f8fcff);border-radius:28px;place-items:center;height:430px;display:grid;position:relative;overflow:hidden}.insight-core{background:var(--navy);color:#fff;letter-spacing:.16em;z-index:2;border-radius:50%;place-items:center;width:125px;height:125px;font:700 23px Georgia,serif;display:grid}.insight-orbit{border:1px solid #69a9ce;border-radius:50%;position:absolute}.orbit-a{width:370px;height:190px;transform:rotate(24deg)}.orbit-b{width:390px;height:240px;transform:rotate(-22deg)}.insight-label{color:var(--blue);background:#fff;border:1px solid #d6e7f0;border-radius:9px;padding:10px 16px;font-size:13px;font-weight:700;position:absolute;box-shadow:0 10px 28px #2c6f9417}.label-one{top:80px;left:40px}.label-two{top:120px;right:35px}.label-three{bottom:60px;left:60px}.insight-copy h2{margin:14px 0 24px;font-size:42px;line-height:1.45}.insight-copy p{color:#536c7c;line-height:1.95}.story-facts{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:35px;display:grid}.story-facts>div{background:#f1f8fc;border-radius:12px;padding:20px}.story-facts b,.story-facts span{display:block}.story-facts b{color:var(--blue);font:700 31px Georgia,serif}.story-facts span{color:#6b8290;margin-top:7px;font-size:12px}.story-difference{background:var(--navy);color:#fff;padding-block:110px}.difference-layout{grid-template-columns:1fr 1fr;gap:95px;display:grid}.story-difference h2{color:#fff;margin:15px 0;font-size:46px;line-height:1.4}.difference-copy{color:#bed0db;line-height:2}.difference-copy p:first-child{margin-top:0}.story-mission{text-align:center;padding-block:135px}.story-mission h2{max-width:900px;margin:20px auto;font-size:52px;line-height:1.4}.story-mission>p{color:#617785;max-width:700px;margin:0 auto;font-size:17px;line-height:1.85}.story-actions{justify-content:center;align-items:center;gap:30px;margin-top:38px;display:flex}@media (width<=900px){.story-hero{grid-template-columns:1fr;gap:35px}.story-manifesto{min-height:340px}.story-chapter{grid-template-columns:60px 1fr}.chapter-copy{grid-column:2}.insight-layout,.difference-layout{grid-template-columns:1fr}.insight-layout{gap:45px}.story-difference{padding-block:80px}}@media (width<=600px){.story-hero{padding-block:55px 75px}.story-hero-copy h1{font-size:43px}.story-manifesto{padding:30px 24px}.story-manifesto blockquote{font-size:24px}.story-chapter{grid-template-columns:1fr;gap:18px;padding-block:75px}.chapter-copy{grid-column:auto}.chapter-title h2,.insight-copy h2{font-size:33px}.story-insight{padding-block:70px}.insight-visual{height:330px}.orbit-a{width:290px}.orbit-b{width:315px}.story-facts{grid-template-columns:1fr}.story-difference h2{font-size:36px}.story-mission{padding-block:90px}.story-mission h2{font-size:38px}.story-actions{flex-direction:column;gap:18px}}@media (width>=601px){.story-hero-copy h1{font-size:clamp(46px,4.45vw,60px);line-height:1.25}}.mobile-menu{display:none;position:relative}.mobile-menu summary{list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}@media (width<=1100px){.nav{gap:16px}.nav-links{display:none}.mobile-menu{margin-left:auto;display:block}.mobile-menu summary{color:var(--navy);cursor:pointer;background:#fff;border:1px solid #cbdde8;border-radius:9px;align-items:center;gap:10px;padding:10px 12px;font-size:12px;font-weight:800;display:flex}.menu-icon{gap:4px;width:20px;display:grid}.menu-icon i{background:var(--navy);border-radius:2px;height:2px;transition:all .2s;display:block}.mobile-menu[open] .menu-icon i:first-child{transform:translateY(6px)rotate(45deg)}.mobile-menu[open] .menu-icon i:nth-child(2){opacity:0}.mobile-menu[open] .menu-icon i:last-child{transform:translateY(-6px)rotate(-45deg)}.mobile-menu-panel{z-index:100;background:#fff;border:1px solid #d8e6ef;border-radius:15px;width:min(390px,100vw - 28px);padding:8px;position:absolute;top:54px;right:0;box-shadow:0 24px 60px #092d4652}.mobile-menu-panel>a{border-bottom:1px solid #e8f0f5;grid-template-columns:32px 1fr auto;align-items:center;gap:12px;padding:16px 14px;display:grid}.mobile-menu-panel>a:last-child{background:#eef8ff;border-bottom:0;border-radius:10px}.mobile-menu-panel small{color:var(--blue);font:italic 12px Georgia,serif}.mobile-menu-panel b,.mobile-menu-panel em{display:block}.mobile-menu-panel b{color:var(--navy);font-size:15px}.mobile-menu-panel em{color:#7a8e9b;margin-top:4px;font-size:11px;font-style:normal}.mobile-menu-panel strong{color:var(--blue)}}@media (width<=600px){.desktop-cta,.menu-label{display:none}.mobile-menu summary{padding:10px}.nav .brand{min-width:0}.nav .brand>span:last-child{font-size:12px}.hero-copy h1{font-size:40px;line-height:1.22}.hero-copy>p{line-height:1.75}.hero-actions{grid-template-columns:1fr auto;gap:18px;display:grid}.hero-actions .primary{justify-content:space-between}.hero-visual{border-radius:24px 6px;margin-top:5px}.section-heading>p{font-size:14px}.course{padding:22px}.booking-layout{gap:32px}.booking-intro>p{line-height:1.75}.story-hero{gap:28px;padding-block:38px 68px}.story-hero-copy h1{font-size:40px;line-height:1.28}.story-hero-copy>p{font-size:16px;line-height:1.8}.story-manifesto{min-height:290px;padding:28px 22px}.story-manifesto blockquote{font-size:22px;line-height:1.7}.story-chapter{padding-block:65px}.chapter-copy{font-size:15px;line-height:1.9}.insight-copy h2{line-height:1.4}.difference-layout{gap:30px}.difference-copy{line-height:1.85}.story-mission h2{font-size:34px}.story-mission>p{font-size:15px}.story-actions{width:100%}.story-actions .primary{justify-content:space-between;width:100%}.footer-inner{gap:25px}}.experiment-course{cursor:default}.course-explainer-label{color:var(--blue);letter-spacing:.15em;margin-top:30px;font-size:15px;font-weight:800;display:block}.experiment-course>p{margin-top:12px}.grade-picker{border-top:1px solid var(--line);margin-top:33px;padding-top:30px}.grade-picker>span{color:#6d8290;margin-bottom:15px;font-size:18px;font-weight:700;display:block}.grade-picker>div{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.grade-picker a{color:var(--navy);text-align:center;border:1px solid #cbdde8;border-radius:9px;flex-direction:column;gap:6px;padding:17px 15px;font-size:24px;font-weight:800;transition:transform .2s,background .2s,border-color .2s,color .2s;display:flex}.grade-picker a small{color:#8598a4;font-size:15px;font-weight:500}.grade-picker a:hover,.grade-picker a:focus-visible{color:var(--blue);background:#edf8ff;border-color:#5da5da;outline:none;transform:translateY(-3px);box-shadow:0 10px 22px #1d6ea714}.course-detail-page{background:#fff}.course-detail-hero{grid-template-columns:1.04fr .96fr;align-items:center;gap:70px;min-height:650px;padding-block:70px 100px;display:grid}.course-detail-copy h1,.overview-heading h2,.course-journey h2,.course-cta h2,.course-empty h1{font-family:Noto Serif TC,Source Han Serif TC,Songti TC,PMingLiU,serif;font-weight:900}.curriculum-tag{color:#336e92;background:#f3faff;border:1px solid #bcd9ea;border-radius:999px;margin-top:24px;padding:9px 13px;font-size:12px;font-weight:700;display:inline-flex}.course-detail-copy h1{margin:20px 0;font-size:clamp(52px,5.3vw,76px);line-height:1.16}.course-detail-copy>p{color:#526b7b;max-width:650px;font-size:18px;line-height:1.9}.course-detail-actions{align-items:center;gap:28px;margin-top:34px;display:flex}.density-visual{place-items:center;height:500px;display:grid;position:relative}.animation-variant-label{color:#7290a2;letter-spacing:.16em;font-size:10px;font-weight:800;position:absolute;top:10%;left:8%}.density-visual:before,.density-visual:after{content:"";background:linear-gradient(90deg,#0000,#b9d9ea,#0000);height:1px;position:absolute;left:8%;right:8%}.density-visual:before{top:20%}.density-visual:after{bottom:20%}.formula-animation{text-align:center;color:var(--navy)}.formula-kicker{color:var(--blue);letter-spacing:.25em;opacity:0;font-size:10px;font-weight:800;animation:1.4s .2s forwards formulaReveal;display:block}.formula-equation{letter-spacing:.02em;opacity:0;filter:blur(8px);justify-content:center;align-items:center;gap:.28em;margin:28px 0 34px;font:700 clamp(58px,7vw,92px)/1 Georgia,Times New Roman,serif;animation:1.9s cubic-bezier(.22,.8,.25,1) .45s forwards formulaReveal;display:flex;transform:translateY(10px)}.formula-equation i{font-style:italic;font-weight:700}.formula-equation b{color:#6c8da2;font-weight:400}.formula-meaning{color:#637d8e;letter-spacing:.08em;opacity:0;filter:blur(7px);justify-content:center;align-items:center;gap:15px;font-size:clamp(16px,1.6vw,22px);animation:1.8s 2.25s forwards meaningReveal;display:flex;transform:translateY(8px)}.formula-meaning b{color:#9ab0bd;font-weight:400}.formula-meaning strong{color:var(--blue)}@keyframes formulaReveal{to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes meaningReveal{to{opacity:1;filter:blur();transform:translateY(0)}}.course-overview{background:var(--navy);color:#fff;padding-block:100px}.overview-grid{grid-template-columns:.9fr 1.1fr;gap:90px;display:grid}.overview-heading>span,.course-cta span{color:#79c6f6;letter-spacing:.2em;font-size:10px;font-weight:800}.overview-heading h2{color:#fff;margin:18px 0;font-size:43px;line-height:1.45}.overview-copy{color:#bed0db;font-size:16px;line-height:2}.overview-copy p:first-child{margin-top:0}.course-journey{padding-block:105px}.journey-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.journey-grid article{border:1px solid var(--line);background:#fff;border-radius:16px;padding:28px}.journey-grid i{color:var(--blue);font:italic 17px Georgia,serif}.journey-grid span{color:#7d909d;letter-spacing:.12em;margin-top:22px;font-size:11px;display:block}.journey-grid h3{color:var(--navy);margin:10px 0;font-size:20px;line-height:1.5}.journey-grid p{color:var(--muted);font-size:14px;line-height:1.75}.course-cta{text-align:center;background:#eef8fd;padding-block:100px}.course-cta h2{color:var(--navy);margin:18px 0 30px;font-size:48px;line-height:1.42}.course-empty{flex-direction:column;justify-content:center;align-items:flex-start;min-height:650px;display:flex}.course-empty h1{margin:28px 0;font-size:clamp(48px,6vw,76px);line-height:1.2}.course-empty>p{max-width:670px;color:var(--muted);font-size:17px;line-height:1.9}.course-empty-actions{align-items:center;gap:26px;margin-top:30px;display:flex}.grade-course-switch{border:1px solid var(--line);background:#f8fcff;border-radius:12px;align-items:center;gap:24px;margin-top:22px;padding:12px 14px;display:flex}.grade-course-switch>span{color:#718897;letter-spacing:.12em;flex:none;font-size:11px;font-weight:800}.grade-course-switch>div{flex:1;gap:8px;display:flex}.grade-course-switch a{color:#5b7383;border-radius:8px;align-items:center;gap:9px;padding:10px 13px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.grade-course-switch a small{color:#8ba1af;letter-spacing:.08em;font-size:9px}.grade-course-switch a:hover,.grade-course-switch a:focus-visible,.grade-course-switch a.active{color:var(--blue);background:#e4f4ff;outline:none}.grade-course-switch a.active small{color:var(--blue)}.seawater-page .course-detail-copy h1{font-size:clamp(46px,4.7vw,68px)}.seawater-visual{background:linear-gradient(155deg,#f1faff,#dff2ff);border-radius:30px;flex-direction:column;justify-content:center;align-items:center;height:500px;padding:70px 36px 42px;display:flex;position:relative;overflow:hidden}.seawater-visual:before{content:"";border:1px solid #b7dff4;border-radius:50%;width:330px;height:330px;position:absolute;top:-150px;right:-155px}.seawater-visual .animation-variant-label{top:9%;left:8%}.separation-track{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:10px;width:100%;display:grid}.separation-stage{text-align:center;min-width:0;color:var(--navy);opacity:0;animation:.75s forwards separationReveal;transform:translateY(14px)}.separation-stage b{white-space:nowrap;margin-top:17px;font-size:12px;display:block}.stage-number{color:#6a8da3;letter-spacing:.14em;margin-bottom:13px;font:10px/1 Arial,sans-serif;display:block}.process-arrow{color:#70a9cb;opacity:0;font-size:23px;animation:.55s forwards arrowPass;transform:translate(-8px)}.lab-vessel{border:3px solid var(--navy);border-top:0;border-radius:0 0 12px 12px;width:62px;height:75px;margin:auto;position:relative;overflow:hidden}.lab-vessel:before{content:"";background:#7ecbf1;height:58%;animation:3.5s ease-in-out infinite alternate waterShift;position:absolute;bottom:0;left:0;right:0}.lab-vessel i{z-index:1;background:#af7842;border-radius:50%;width:5px;height:5px;position:absolute}.lab-vessel i:first-child{bottom:8px;left:10px}.lab-vessel i:nth-child(2){bottom:15px;left:26px}.lab-vessel i:nth-child(3){bottom:7px;right:9px}.lab-vessel i:nth-child(4){background:#fff;bottom:28px;left:17px}.lab-vessel i:nth-child(5){background:#fff;bottom:31px;right:14px}.filter-funnel{width:74px;height:75px;margin:auto;position:relative}.filter-funnel:before{content:"";filter:drop-shadow(0 -2px 0 var(--navy));border-top:43px solid #7ecbf1;border-left:34px solid #0000;border-right:34px solid #0000;position:absolute;top:0;left:3px}.filter-funnel:after{content:"";background:var(--navy);border-radius:0 0 4px 4px;width:6px;height:28px;position:absolute;top:39px;left:34px}.filter-funnel i{background:var(--blue);border-radius:50% 50% 55% 55%;width:7px;height:9px;animation:1.1s ease-in infinite filterDrop;position:absolute;top:67px;left:35px}.evaporation-dish{width:82px;height:75px;margin:auto;position:relative}.evaporation-dish:before{content:"";border:3px solid var(--navy);border-top-color:#6bb7e2;border-radius:50%;height:26px;position:absolute;bottom:4px;left:2px;right:2px}.evaporation-dish:after{content:"✦  ✦  ✦";color:#fff;letter-spacing:3px;font-size:10px;position:absolute;bottom:14px;left:10px;right:10px}.evaporation-dish i{opacity:0;background:#81b7d4;border-radius:99px;width:2px;height:25px;position:absolute;bottom:38px}.evaporation-dish i:first-child{animation:1.7s ease-in-out infinite steamRise;left:24px}.evaporation-dish i:nth-child(2){animation:1.7s ease-in-out .45s infinite steamRise;left:40px}.evaporation-dish i:nth-child(3){animation:1.7s ease-in-out .9s infinite steamRise;left:56px}.concentration-formula{color:#587184;opacity:0;background:#fff;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:54px;padding:15px 18px;font-size:12px;animation:.8s 3.05s forwards separationReveal;display:flex;transform:translateY(10px);box-shadow:0 12px 28px #19547a12}.concentration-formula b{color:#95aab7}.concentration-formula strong{color:var(--blue)}.journey-grid.four{grid-template-columns:repeat(4,1fr)}.matter-question{background:#f7fbfe;border-top:1px solid #e0edf4;padding-block:90px}.matter-question-grid{grid-template-columns:.7fr 1.1fr 1.2fr;align-items:start;gap:50px;display:grid}.matter-question span{color:var(--blue);letter-spacing:.2em;font-size:10px;font-weight:800}.matter-question h2{color:var(--navy);margin:0;font-family:Noto Serif TC,Source Han Serif TC,Songti TC,PMingLiU,serif;font-size:34px;line-height:1.5}.matter-question p{color:var(--muted);margin:0;font-size:15px;line-height:1.9}@keyframes separationReveal{to{opacity:1;transform:translateY(0)}}@keyframes arrowPass{to{opacity:1;transform:translate(0)}}@keyframes filterDrop{0%{opacity:0;transform:translateY(-4px)}35%{opacity:1}to{opacity:0;transform:translateY(12px)}}@keyframes steamRise{0%{opacity:0;transform:translateY(7px)scaleY(.7)}45%{opacity:.8}to{opacity:0;transform:translateY(-15px)scaleY(1.2)}}@keyframes waterShift{to{height:52%}}@media (width<=900px){.course-detail-hero{grid-template-columns:1fr;gap:36px}.overview-grid{grid-template-columns:1fr;gap:35px}.journey-grid{grid-template-columns:1fr}.density-visual{height:430px}}@media (width<=600px){.grade-picker>div{grid-template-columns:1fr}.grade-picker a{text-align:left;flex-direction:row;justify-content:space-between}.course-detail-hero{gap:28px;padding-block:40px 70px}.course-detail-copy h1{font-size:43px}.course-detail-copy>p{font-size:16px;line-height:1.8}.course-detail-actions{grid-template-columns:1fr auto;gap:18px;display:grid}.course-detail-actions .primary{justify-content:space-between}.density-visual{height:290px}.density-visual:before{top:10%}.density-visual:after{bottom:10%}.animation-variant-label{top:1%}.formula-equation{margin:22px 0 26px;font-size:56px}.formula-meaning{letter-spacing:.02em;gap:8px;font-size:15px}.course-overview{padding-block:70px}.overview-heading h2{font-size:34px}.overview-copy{font-size:15px}.course-journey{padding-block:70px}.journey-grid article{padding:23px}.course-cta{padding-block:75px}.course-cta h2{font-size:35px}.course-empty{min-height:560px}.course-empty h1{font-size:43px}.course-empty-actions{grid-template-columns:1fr auto;width:100%;display:grid}.course-empty-actions .primary{justify-content:space-between}}@media (prefers-reduced-motion:reduce){.formula-kicker,.formula-equation,.formula-meaning{opacity:1;filter:none;animation:none;transform:none}}@media (width<=900px){.grade-course-switch{align-items:flex-start}.grade-course-switch>div{flex-wrap:wrap}.seawater-visual{height:430px}.journey-grid.four{grid-template-columns:repeat(2,1fr)}.matter-question-grid{grid-template-columns:1fr;gap:22px}}@media (width<=600px){.grade-course-switch{margin-top:12px;padding:10px;display:block}.grade-course-switch>span{margin:2px 5px 9px;display:block}.grade-course-switch>div{grid-template-columns:1fr;display:grid}.grade-course-switch a{justify-content:space-between}.seawater-page .course-detail-copy h1{font-size:39px}.seawater-visual{border-radius:20px;height:365px;padding:58px 13px 30px}.seawater-visual .animation-variant-label{letter-spacing:.1em;top:6%;left:6%}.separation-track{gap:4px}.separation-stage b{margin-top:12px;font-size:10px}.process-arrow{font-size:17px}.lab-vessel{width:48px;height:63px}.filter-funnel{transform:scale(.82)}.evaporation-dish{transform:scale(.84)}.concentration-formula{gap:5px;margin-top:38px;padding:12px 9px;font-size:10px}.journey-grid.four{grid-template-columns:1fr}.matter-question{padding-block:65px}.matter-question h2{font-size:29px}}@media (prefers-reduced-motion:reduce){.separation-stage,.process-arrow,.concentration-formula,.filter-funnel i,.evaporation-dish i,.lab-vessel:before{opacity:1;animation:none;transform:none}}.grade-course-switch a{background:#fff;border:1px solid #d8e8f2;border-radius:15px;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:12px;min-height:150px;padding:24px 28px;font-size:30px;line-height:1.35}.grade-course-switch a small{letter-spacing:.12em;font-size:15px}.grade-course-switch a:hover,.grade-course-switch a:focus-visible,.grade-course-switch a.active{background:#e4f4ff;border-color:#acd8f2;box-shadow:0 14px 35px #1d6ea712}.seawater-visual{height:570px;padding:82px 32px 32px}.seawater-visual .animation-variant-label,.stage-number{font-size:15px}.separation-stage b{margin-top:20px;font-size:18px}.process-arrow{font-size:34px}.separation-principle,.concentration-formula{opacity:0;background:#fff;border-radius:11px;flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;width:min(100%,560px);padding:16px 20px;font-size:18px;line-height:1.5;display:flex;transform:translateY(10px);box-shadow:0 12px 28px #19547a12}.separation-principle{margin-top:42px;animation:.8s 3.05s forwards separationReveal}.separation-principle b{color:var(--navy)}.separation-principle span{color:#647f90}.separation-principle strong{color:var(--orange);font-weight:900}.separation-principle strong+strong{color:var(--blue)}.concentration-formula{margin-top:13px;font-size:18px;animation:.8s 4.25s forwards separationReveal}.concentration-formula strong{font-size:19px}@media (width<=900px){.grade-course-switch{min-height:0;padding:24px;display:block}.grade-course-switch>span{margin-bottom:16px;font-size:21px;display:block}.grade-course-switch>div{grid-template-columns:1fr 1fr;display:grid}.grade-course-switch a{min-height:115px;padding:20px;font-size:22px}.seawater-visual{height:560px}.separation-principle,.concentration-formula{font-size:16px}.concentration-formula strong{font-size:17px}}@media (width<=600px){.grade-course-switch{border-radius:14px;margin-top:14px;padding:15px}.grade-course-switch>span{font-size:18px}.grade-course-switch>div{grid-template-columns:1fr}.grade-course-switch a{flex-direction:row;justify-content:space-between;align-items:center;min-height:82px;padding:16px;font-size:18px;display:flex}.grade-course-switch a small{font-size:11px}.seawater-visual{height:510px;padding:65px 12px 24px}.seawater-visual .animation-variant-label{font-size:11px}.stage-number{font-size:12px}.separation-stage b{font-size:14px}.process-arrow{font-size:24px}.separation-principle{margin-top:32px}.separation-principle,.concentration-formula{gap:5px;padding:12px 9px;font-size:13px}.concentration-formula{margin-top:10px}.concentration-formula strong{font-size:14px}}@media (prefers-reduced-motion:reduce){.separation-principle{opacity:1;animation:none;transform:none}}.displacement-visual{background:linear-gradient(155deg,#f5fbff 0%,#e2f4ff 62%,#d5edfb 100%);border-radius:30px;height:570px;padding:70px 24px 24px;overflow:hidden}.displacement-visual:before,.displacement-visual:after{display:none}.displacement-visual .animation-variant-label{font-size:13px;top:6%;left:7%}.displacement-demo{flex-direction:column;align-items:center;width:min(100%,500px);animation:16s ease-in-out infinite displacementCycle;display:flex}.measuring-scene{width:400px;height:370px;position:relative}.cylinder{border:4px solid var(--navy);border-top:0;border-radius:0 0 25px 25px;width:142px;height:270px;position:absolute;top:62px;left:93px;overflow:hidden;box-shadow:inset 7px 0 #ffffff8a,inset -7px 0 #a7d8f044}.cylinder:before,.cylinder:after{content:"";z-index:5;background:var(--navy);border-radius:99px;width:32px;height:4px;position:absolute;top:-2px}.cylinder:before{left:-4px}.cylinder:after{right:-4px}.cylinder-water{z-index:1;will-change:height;background:linear-gradient(90deg,#72c4ed,#9cddf7 48%,#62b8e5);height:108px;animation:16s linear infinite waterRise;position:absolute;bottom:0;left:0;right:0}.cylinder-water span{background:#bcecff;border:2px solid #4fa8d5;border-radius:50%;height:10px;position:absolute;top:-5px;left:-1px;right:-1px;box-shadow:0 3px 8px #2a91c833}.rise-volume{z-index:2;opacity:0;background:repeating-linear-gradient(135deg,#ffb65d66 0 8px,#ffcc8052 8px 16px);border-top:2px dashed #e68a26;border-bottom:2px dashed #e68a26;height:55px;animation:16s infinite riseVolumeReveal;position:absolute;bottom:108px;left:0;right:0}.cylinder-scale{z-index:6;flex-direction:column;justify-content:space-between;align-items:flex-end;width:36px;display:flex;position:absolute;inset:14px 5px 17px auto}.cylinder-scale i{background:#315d77;width:17px;height:1px;display:block}.cylinder-scale i:nth-child(odd){width:28px}.cylinder-base{background:var(--navy);border-radius:50%;width:198px;height:16px;position:absolute;top:331px;left:65px;box-shadow:0 9px #b6dbea}.plummet{z-index:4;will-change:transform;backface-visibility:hidden;width:50px;height:195px;animation:16s linear infinite plummetDrop;position:absolute;top:-116px;left:139px}.plummet-cord{background:#547080;width:2px;height:126px;position:absolute;top:0;left:24px}.weight-eye{z-index:2;background:#8c9ba3;border:3px solid #334a57;border-radius:50%;width:16px;height:17px;position:absolute;top:116px;left:17px}.lead-weight{clip-path:polygon(50% 0,69% 12%,85% 35%,91% 58%,82% 79%,65% 94%,50% 100%,35% 94%,18% 79%,9% 58%,15% 35%,31% 12%);filter:drop-shadow(0 1px 1px #263e4c)drop-shadow(0 7px 7px #17364a2e);background:linear-gradient(90deg,#4f626d 0%,#8999a2 26%,#b6c0c5 48%,#7d8d96 70%,#455963 100%);width:46px;height:65px;position:absolute;top:126px;left:3px}.lead-weight:after{content:"50g";color:#526670;text-align:center;text-shadow:0 1px #cbd3d7;font:700 9px/1 Arial,sans-serif;position:absolute;inset:26px 0 auto}.level-label{color:#527387;background:#fff;border-radius:6px;padding:4px 8px;font:700 13px/1.2 Arial,sans-serif;position:absolute;left:252px;box-shadow:0 4px 12px #194e7015}.level-label:before{content:"";background:currentColor;width:22px;height:1px;position:absolute;top:50%;right:100%}.initial-level{animation:16s infinite initialLevel;top:211px}.final-level{color:var(--blue);opacity:0;animation:16s infinite finalLevel;top:156px}.rise-bracket{color:#d77818;white-space:nowrap;opacity:0;font-size:12px;font-weight:800;animation:16s infinite measurementReveal;position:absolute;top:175px;left:325px}.rise-bracket i{border-top:2px solid #e68a26;border-bottom:2px solid #e68a26;border-left:2px solid #e68a26;width:8px;height:54px;position:absolute;top:-10px;right:calc(100% + 9px)}.displacement-result{color:#647b8a;opacity:0;background:#fff;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:min(100%,490px);min-height:58px;padding:13px 17px;font-size:18px;font-weight:700;animation:16s infinite resultReveal;display:flex;transform:translateY(12px);box-shadow:0 14px 35px #19547a17}.displacement-result span,.displacement-result b,.displacement-result strong{color:inherit}.displacement-result strong,.displacement-result em{font-size:18px;font-weight:900}.displacement-result em{color:#d77818;font-style:normal}@keyframes plummetDrop{0%,12%{transform:translate(0,0)}24%{transform:translateY(150px)}34%,96%{transform:translateY(220px)}to{transform:translate(0,0)}}@keyframes waterRise{0%,24%{transform:translateY(55px)}34%,96%{transform:translate(0,0)}to{transform:translateY(55px)}}@keyframes riseVolumeReveal{0%,33%{opacity:0}40%,90%{opacity:1}96%,to{opacity:0}}@keyframes initialLevel{0%,24%{opacity:1}34%,to{opacity:.28}}@keyframes finalLevel{0%,33%{opacity:0}40%,90%{opacity:1}96%,to{opacity:0}}@keyframes measurementReveal{0%,39%{opacity:0;transform:translate(-5px)}46%,90%{opacity:1;transform:translate(0)}96%,to{opacity:0}}@keyframes resultReveal{0%,48%{opacity:0;transform:translateY(12px)}56%,82%{opacity:1;transform:translateY(0)}90%,to{opacity:0;transform:translateY(5px)}}@keyframes displacementCycle{0%,90%{opacity:1}96%,to{opacity:0}}.rise-bracket{left:345px}.cylinder-water{will-change:transform;height:163px;transform:translateY(55px)}@media (width<=900px){.displacement-visual{height:570px}}@media (width<=600px){.displacement-visual{border-radius:20px;height:500px;padding:58px 8px 18px}.displacement-visual .animation-variant-label{letter-spacing:.1em;font-size:10px;top:4%;left:6%}.measuring-scene{transform-origin:top;width:400px;height:345px;transform:scale(.75)}.displacement-result{gap:6px;margin-top:-34px;padding:11px 9px;font-size:14px}.displacement-result strong,.displacement-result em{font-size:14px}}@media (prefers-reduced-motion:reduce){.displacement-demo,.plummet,.cylinder-water,.rise-volume,.initial-level,.final-level,.rise-bracket,.displacement-result{animation:none}.plummet{transform:translateY(220px)}.cylinder-water{height:163px;transform:none}.rise-volume,.final-level,.rise-bracket,.displacement-result{opacity:1;transform:none}.initial-level{opacity:.28}}.grade-course-switch{border-width:1px;border-radius:10px;gap:17px;min-height:115px;margin-top:14px;padding:15px 17px}.grade-course-switch>span{letter-spacing:.1em;font-size:12px}.grade-course-switch>div{gap:9px}.grade-course-switch a{border-radius:8px;gap:6px;min-height:75px;padding:12px 14px;font-size:15px}.grade-course-switch a small{font-size:9px}.course,.grade-picker a,.grade-course-switch a,.menu-icon i{transition-duration:.4s}.formula-kicker{animation:2.8s .4s forwards formulaReveal}.formula-equation{animation:3.8s cubic-bezier(.22,.8,.25,1) .9s forwards formulaReveal}.formula-meaning{animation:3.6s 4.5s forwards meaningReveal}.separation-stage{animation-duration:1.5s}.mixture-stage{animation-delay:.6s}.filter-stage{animation-delay:2.5s}.evaporation-stage{animation-delay:4.4s}.process-arrow{animation-duration:1.1s}.process-arrow:first-of-type{animation-delay:1.9s}.process-arrow:nth-of-type(2){animation-delay:3.8s}.lab-vessel:before{animation-duration:7s}.filter-funnel i{animation-duration:2.2s}.evaporation-dish i:first-child{animation-duration:3.4s}.evaporation-dish i:nth-child(2){animation-duration:3.4s;animation-delay:.9s}.evaporation-dish i:nth-child(3){animation-duration:3.4s;animation-delay:1.8s}.separation-principle{animation:1.6s 6.1s forwards separationReveal}.concentration-formula{animation:1.6s 8.5s forwards separationReveal}.microscope-page .course-detail-copy h1{font-size:clamp(43px,4.4vw,64px)}.microscope-visual{background:radial-gradient(circle at 50% 44%,#f8fdff 0 34%,#dff3ff 35% 62%,#d3edfc 63%);border-radius:30px;flex-direction:column;justify-content:center;align-items:center;height:570px;padding:68px 35px 35px;display:flex;position:relative;overflow:hidden}.microscope-visual:before,.microscope-visual:after{content:"";border:1px solid #a9d7ef;border-radius:50%;position:absolute}.microscope-visual:before{width:430px;height:430px}.microscope-visual:after{opacity:.45;width:500px;height:500px}.microscope-visual .animation-variant-label{z-index:4;font-size:13px;top:7%;left:8%}.micro-field{border:11px solid var(--navy);z-index:2;background:#fff;border-radius:50%;width:340px;height:340px;position:relative;overflow:hidden;box-shadow:0 20px 55px #0b395b33,inset 0 0 40px #6ebce634}.micro-focus-ring{z-index:1;border:1px dashed #6bb4dc;border-radius:50%;width:382px;height:382px;animation:12s ease-in-out infinite focusRing;position:absolute}.micro-scene{color:var(--navy);text-align:center;opacity:0;flex-direction:column;justify-content:center;align-items:center;padding:36px;display:flex;position:absolute;inset:0}.micro-scene>b{margin-top:18px;font-family:Noto Serif TC,Songti TC,PMingLiU,serif;font-size:23px}.micro-scene>small{color:#5e7d90;margin-top:7px;font-size:12px}.tissue-scene{animation:32s ease-in-out 24s infinite microScene}.plant-cell-grid{background-color:#dff2c8;background-image:linear-gradient(#6fa979 2px,#0000 2px),linear-gradient(90deg,#6fa979 2px,#0000 2px);background-size:42px 42px;border:3px solid #478b61;width:210px;height:128px;position:relative;transform:rotate(-4deg)}.plant-cell-grid i{background:#365e9c;border-radius:50%;width:10px;height:10px;position:absolute}.plant-cell-grid i:first-child{top:14px;left:15px}.plant-cell-grid i:nth-child(2){top:55px;left:67px}.plant-cell-grid i:nth-child(3){top:18px;left:112px}.plant-cell-grid i:nth-child(4){top:57px;right:16px}.plant-cell-grid i:nth-child(5){bottom:14px;left:30px}.plant-cell-grid i:nth-child(6){bottom:15px;right:47px}.animal-cell-cluster{width:220px;height:135px;position:relative}.animal-cell-cluster i{background:#efdff1;border:3px solid #9b729e;border-radius:45% 55% 48% 52%;width:70px;height:58px;position:absolute}.animal-cell-cluster i:after{content:"";background:#704d7b;border-radius:50%;width:14px;height:14px;position:absolute;top:19px;left:25px}.animal-cell-cluster i:first-child{top:9px;left:8px;transform:rotate(13deg)}.animal-cell-cluster i:nth-child(2){top:2px;left:78px;transform:rotate(-8deg)}.animal-cell-cluster i:nth-child(3){top:28px;right:2px;transform:rotate(15deg)}.animal-cell-cluster i:nth-child(4){bottom:2px;left:40px;transform:rotate(-13deg)}.animal-cell-cluster i:nth-child(5){bottom:0;right:42px}.osmosis-arrows{color:var(--blue);align-items:center;gap:13px;font:700 13px Arial,sans-serif;display:flex}.osmosis-arrows i{font-size:25px;font-style:normal;animation:4s ease-in-out infinite waterArrow}.osmosis-arrows div{background:#dcefff;border:4px solid #6c8fbc;border-radius:50%;width:100px;height:100px;animation:8s ease-in-out infinite cellOsmosis;box-shadow:inset 0 0 0 19px #eff9ff}.muscle-fibers{gap:9px;width:220px;height:125px;display:grid;transform:rotate(-5deg)}.muscle-fibers i{background:repeating-linear-gradient(90deg,#f3b6b0 0 12px,#d77e7a 12px 16px);border:2px solid #a65f64;border-radius:999px;display:block;box-shadow:inset 0 0 0 3px #f7cfca}.micro-timeline{color:#637d8e;z-index:3;background:#ffffffdf;border-radius:999px;justify-content:center;align-items:center;gap:9px;margin-top:24px;padding:12px 17px;font-size:12px;display:flex;box-shadow:0 10px 25px #174a6b12}.micro-timeline i{color:#9ab3c2;font-style:normal}.micro-timeline strong{color:var(--blue)}.plant-organs{background:#f4f9f1;border-top:1px solid #dce9d8;padding-block:95px}.plant-organs-layout{grid-template-columns:.8fr 1.2fr;align-items:center;gap:70px;display:grid}.plant-organs-layout>div>span{color:#568466;letter-spacing:.2em;font-size:10px;font-weight:800}.plant-organs h2{color:var(--navy);margin:15px 0;font-family:Noto Serif TC,Songti TC,PMingLiU,serif;font-size:38px;line-height:1.45}.plant-organs p{color:var(--muted);line-height:1.85}.organ-list{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.organ-list>span{color:#315d40;background:#fff;border:1px solid #cfe0ca;border-radius:14px;flex-direction:column;justify-content:center;min-height:105px;padding:18px;font-family:Noto Serif TC,Songti TC,PMingLiU,serif;font-size:24px;font-weight:900;display:flex}.organ-list small{color:#789081;margin-top:8px;font-family:Arial,Noto Sans TC,sans-serif;font-size:11px;font-weight:500}@keyframes microScene{0%,20%{opacity:1;transform:scale(1)}24%,to{opacity:0;transform:scale(1.035)}}@keyframes focusRing{50%{opacity:.45;transform:scale(.96)}}@keyframes waterArrow{50%{opacity:.45;transform:translate(5px)}}@keyframes cellOsmosis{50%{border-radius:43% 57% 48% 52%;transform:scale(.78)}}@media (width<=900px){.grade-course-switch{min-height:0;padding:14px;display:block}.grade-course-switch>span{margin-bottom:9px;font-size:13px;display:block}.grade-course-switch>div{grid-template-columns:1fr 1fr;display:grid}.grade-course-switch a{min-height:66px;font-size:15px}.microscope-visual{height:540px}.plant-organs-layout{grid-template-columns:1fr;gap:35px}}@media (width<=600px){.grade-course-switch{padding:10px}.grade-course-switch>div{grid-template-columns:1fr}.grade-course-switch a{flex-direction:row;align-items:center;min-height:58px;padding:11px 12px;font-size:14px}.microscope-page .course-detail-copy h1{font-size:37px}.microscope-visual{border-radius:20px;height:420px;padding:52px 10px 24px}.microscope-visual .animation-variant-label{font-size:10px}.micro-field{border-width:8px;width:255px;height:255px}.micro-focus-ring{width:282px;height:282px}.micro-scene{padding:25px}.micro-scene>b{margin-top:12px;font-size:18px}.micro-scene>small{font-size:10px}.plant-cell-grid{transform:scale(.75)rotate(-4deg)}.animal-cell-cluster,.osmosis-arrows{transform:scale(.75)}.muscle-fibers{transform:scale(.75)rotate(-5deg)}.micro-timeline{gap:6px;margin-top:18px;padding:9px 11px;font-size:10px}.plant-organs{padding-block:65px}.plant-organs h2{font-size:31px}.organ-list{grid-template-columns:repeat(2,1fr)}.organ-list>span{min-height:88px;font-size:21px}}@media (prefers-reduced-motion:reduce){.formula-kicker,.formula-equation,.formula-meaning,.separation-stage,.process-arrow,.concentration-formula,.separation-principle,.filter-funnel i,.evaporation-dish i,.lab-vessel:before,.micro-scene,.micro-focus-ring,.osmosis-arrows i,.osmosis-arrows div{opacity:1;filter:none;animation:none;transform:none}.micro-scene:not(.plant-scene){display:none}}.plant-scene{animation:36s linear infinite plantSceneCycle}.animal-scene{animation:36s linear infinite animalSceneCycle}.osmosis-scene{animation:36s linear infinite osmosisSceneCycle}.micro-scene>small strong{color:#39794d;font-weight:900}.cell-diagram{flex:none;position:relative}.plant-cell{background:#bfe398;border:8px solid #456f3a;border-radius:20px 13px 22px 15px;width:218px;height:150px;overflow:hidden;box-shadow:inset 0 0 0 4px #82ba63,inset 0 0 28px #6ca64d55}.plant-cell .cell-membrane{border:2px solid #6d9b52;border-radius:11px;position:absolute;inset:5px}.large-vacuole{background:#d9f2ff;border:3px solid #6ba8c9;border-radius:48% 52% 44% 56%;width:125px;height:105px;position:absolute;top:21px;left:42px;box-shadow:inset 8px 8px 18px #fff8}.cell-nucleus{z-index:3;background:#b98bd1;border:4px solid #704e91;border-radius:50%;width:43px;height:43px;position:absolute;box-shadow:inset 0 0 0 6px #d6b8e5}.cell-nucleus i{background:#643f82;border-radius:50%;width:12px;height:12px;position:absolute;top:11px;left:12px}.plant-cell .cell-nucleus{top:49px;right:15px}.chloroplast{z-index:2;background:repeating-linear-gradient(90deg,#66b94f 0 3px,#2f843e 3px 5px);border:3px solid #286b3c;border-radius:50%;width:28px;height:15px;position:absolute}.chloroplast-one{top:20px;left:10px;transform:rotate(-18deg)}.chloroplast-two{bottom:23px;left:12px;transform:rotate(16deg)}.chloroplast-three{top:15px;right:8px;transform:rotate(20deg)}.mitochondrion{z-index:2;background:repeating-linear-gradient(90deg,#f0a75f 0 4px,#ce743d 4px 6px);border:3px solid #b96535;border-radius:50%;width:29px;height:15px;position:absolute}.plant-mito{bottom:13px;right:10px;transform:rotate(-20deg)}.golgi{z-index:2;background:repeating-linear-gradient(#b95769 0 3px,#0000 3px 6px);border-radius:45%;width:33px;height:25px;position:absolute}.plant-golgi{top:62px;left:14px;transform:rotate(-9deg)}.animal-cell{background:#f5c9a3;border:5px solid #b96f58;border-radius:48% 52% 43% 57%/52% 44% 56% 48%;width:218px;height:158px;box-shadow:inset 0 0 0 3px #e7a57e,inset 0 0 28px #cf79563b}.animal-cell .cell-nucleus{width:58px;height:58px;top:45px;left:83px}.animal-cell .cell-nucleus i{width:15px;height:15px;top:16px;left:17px}.animal-mito-one{top:33px;left:28px;transform:rotate(28deg)}.animal-mito-two{bottom:27px;right:27px;transform:rotate(-22deg)}.animal-golgi{bottom:26px;left:44px;transform:rotate(12deg)}.endoplasmic-reticulum{background:repeating-radial-gradient(#477fb6 0 2px,#0000 3px 7px);border-radius:45%;width:48px;height:37px;position:absolute;top:28px;right:24px;transform:rotate(-12deg)}.small-vesicle{background:#ffd88c;border:3px solid #d08b3f;border-radius:50%;width:13px;height:13px;position:absolute}.vesicle-one{top:76px;right:31px}.vesicle-two{top:21px;left:72px}.osmosis-environment{background:radial-gradient(circle at 16% 23%,#74b9e4 0 2px,#0000 3px),radial-gradient(circle at 82% 72%,#74b9e4 0 2px,#0000 3px),radial-gradient(circle at 72% 18%,#74b9e4 0 2px,#0000 3px),#e8f7ff;border-radius:24px;width:228px;height:158px;position:relative}.shrinking-cell{clip-path:polygon(50% 1%,70% 7%,87% 20%,98% 42%,96% 62%,82% 82%,60% 97%,38% 97%,17% 84%,3% 63%,2% 40%,14% 20%,31% 7%);background:#f5c9a3;border:5px solid #b96f58;width:100px;height:100px;animation:12s ease-in-out infinite shrinkWrinkle;position:absolute;top:27px;left:65px;box-shadow:inset 0 0 0 3px #e7a57e}.shrinking-cell .cell-nucleus{top:27px;left:27px}.tonicity-label{color:#39739a;letter-spacing:.04em;font-size:12px;font-weight:900;position:absolute;top:-3px;left:0;right:0}.low-tonicity{animation:12s linear infinite lowTonicityLabel}.high-tonicity{opacity:0;color:#a45b3d;animation:12s linear infinite highTonicityLabel}.water-out{color:var(--blue);opacity:0;font:800 10px/1 Arial,sans-serif;animation:12s ease-in-out infinite waterLeavesCell;position:absolute;inset:0}.water-out i{white-space:nowrap;font-style:normal;position:absolute}.water-up{top:20px;left:91px}.water-right{top:76px;right:4px}.water-down{bottom:4px;left:91px}.water-left{top:76px;left:4px}.objective-transition{z-index:20;background:#01070c;border-radius:50%;width:130%;height:130%;animation:12s cubic-bezier(.66,.02,.28,.98) infinite objectiveSwitch;position:absolute;top:-15%;left:-15%;transform:translate(115%)}@keyframes plantSceneCycle{0%,27%{opacity:1;transform:scale(1)}30%,to{opacity:0;transform:scale(1.015)}}@keyframes animalSceneCycle{0%,30%{opacity:0}33%,61%{opacity:1;transform:scale(1)}64%,to{opacity:0;transform:scale(1.015)}}@keyframes osmosisSceneCycle{0%,63%{opacity:0}66%,95%{opacity:1;transform:scale(1)}98%,to{opacity:0}}@keyframes objectiveSwitch{0%,72%{transform:translate(115%)}86%,92%{transform:translate(0)}to{transform:translate(-115%)}}@keyframes shrinkWrinkle{0%,32%{clip-path:polygon(50% 1%,70% 7%,87% 20%,98% 42%,96% 62%,82% 82%,60% 97%,38% 97%,17% 84%,3% 63%,2% 40%,14% 20%,31% 7%);border-radius:50%;transform:scale(1)}65%,to{clip-path:polygon(50% 1%,63% 15%,83% 10%,80% 31%,98% 43%,82% 57%,88% 78%,65% 76%,53% 98%,40% 78%,17% 88%,20% 63%,1% 51%,19% 37%,11% 17%,35% 19%);border-radius:39% 61% 42% 58%/60% 38% 62% 40%;transform:scale(.66)}}@keyframes lowTonicityLabel{0%,38%{opacity:1}48%,to{opacity:0}}@keyframes highTonicityLabel{0%,45%{opacity:0}55%,to{opacity:1}}@keyframes waterLeavesCell{0%,42%{opacity:0;transform:scale(.7)}58%,to{opacity:1;transform:scale(1)}}@media (width<=600px){.plant-cell,.animal-cell,.osmosis-environment{margin:-17px 0 -12px;transform:scale(.76)}.micro-scene>b{max-width:220px}.micro-scene>small{max-width:220px;line-height:1.45}.objective-transition{width:140%;height:140%;top:-20%;left:-20%}}@media (prefers-reduced-motion:reduce){.plant-scene,.animal-scene,.osmosis-scene,.shrinking-cell,.low-tonicity,.high-tonicity,.water-out,.objective-transition{animation:none;transform:none}.animal-scene,.osmosis-scene,.objective-transition{display:none}.plant-scene{opacity:1}}.micro-focus-ring{animation-duration:4s}.plant-scene,.animal-scene,.osmosis-scene{animation-duration:12s}.shrinking-cell,.low-tonicity,.high-tonicity,.water-out,.objective-transition{animation-duration:4s}.osmosis-arrows i{animation-duration:1.333s}.osmosis-arrows div{animation-duration:2.667s}.filter-funnel .sand-grain{--collect-x:0px;--collect-y:28px;z-index:3;opacity:1;will-change:transform;background:#a66d35;border-radius:46% 54% 42% 58%;width:6px;height:6px;animation:3.15s cubic-bezier(.38,.04,.22,1) forwards sandSettle;position:absolute;top:5px;box-shadow:inset 1px 1px #d5a46f,0 1px 2px #61401f42}.filter-funnel .grain-one{--collect-x:17px;--collect-y:29px;animation-delay:3s;left:13px}.filter-funnel .grain-two{--collect-x:10px;--collect-y:33px;animation-delay:3.35s;left:24px}.filter-funnel .grain-three{--collect-x:3px;--collect-y:26px;animation-delay:3.7s;left:36px}.filter-funnel .grain-four{--collect-x:-7px;--collect-y:31px;animation-delay:4.05s;left:50px}.filter-funnel .grain-five{--collect-x:13px;--collect-y:23px;animation-delay:4.4s;left:19px}.filter-funnel .grain-six{--collect-x:-4px;--collect-y:22px;animation-delay:4.75s;left:44px}@keyframes sandSettle{0%,12%{transform:translate(0,0)rotate(0)}78%,to{transform:translate3d(var(--collect-x),var(--collect-y),0) rotate(70deg)}}@media (prefers-reduced-motion:reduce){.filter-funnel .sand-grain{animation:none}.filter-funnel .grain-one{transform:translate(17px,29px)}.filter-funnel .grain-two{transform:translate(10px,33px)}.filter-funnel .grain-three{transform:translate(3px,26px)}.filter-funnel .grain-four{transform:translate(-7px,31px)}.filter-funnel .grain-five{transform:translate(13px,23px)}.filter-funnel .grain-six{transform:translate(-4px,22px)}}.photosynthesis-page .course-detail-copy h1{font-size:clamp(42px,4.35vw,63px)}.photosynthesis-visual{background:radial-gradient(circle at 50% 42%,#fbfff5 0 27%,#e8f7d9 55%,#d8efc9 100%);border-radius:30px;height:570px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #c9e2ba}.photosynthesis-visual:before,.photosynthesis-visual:after{content:"";opacity:.6;border:1px solid #acd59b;border-radius:50%;position:absolute}.photosynthesis-visual:before{width:440px;height:440px;top:-205px;right:-185px}.photosynthesis-visual:after{width:310px;height:310px;bottom:-170px;left:-175px}.photosynthesis-visual .animation-variant-label{z-index:6;color:#638566;font-size:13px;top:6%;left:7%}.photo-stage{z-index:3;color:var(--navy);text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;display:flex;position:absolute;inset:70px 28px 26px}.photo-step{color:#4c7f59;letter-spacing:.06em;align-self:flex-start;font-size:13px;font-weight:900}.evidence-line{color:#496858;background:#fff;border-radius:999px;margin-top:15px;padding:9px 15px;font-size:13px;box-shadow:0 8px 22px #315c3b12}.pondweed-comparison{justify-content:center;align-items:center;gap:18px;margin-top:13px;display:flex}.pondweed-jar{width:148px}.pondweed-jar>b{color:#456b4d;margin-bottom:7px;font-size:13px;display:block}.pondweed-jar>small{color:#647e6a;margin-top:7px;font-size:11px;font-weight:700;display:block}.versus{color:#89a58e;font:800 12px/1 Arial,sans-serif}.beaker{background:#d9f4f84a;border:4px solid #31556a;border-top:0;border-radius:0 0 12px 12px;width:124px;height:164px;margin:auto;position:relative;box-shadow:inset 5px 0 #ffffff73}.beaker:before{content:"";z-index:5;background:#31556a;border-radius:99px;height:4px;position:absolute;top:-3px;left:-8px;right:-8px}.beaker:after{content:"";z-index:6;border-bottom:4px solid #31556a;border-right:4px solid #31556a;border-radius:0 0 9px;width:20px;height:11px;position:absolute;top:-8px;right:-12px;transform:skewY(-16deg)}.jar-water{background:linear-gradient(90deg,#b9e8f3,#def7fa 48%,#a9dce9);border-radius:0 0 6px 6px;position:absolute;inset:4px 3px 3px;overflow:hidden;box-shadow:inset 6px 0 #ffffff73}.waterweed-art{z-index:1;object-fit:contain;filter:drop-shadow(0 4px 5px #2e6c3930);width:92px;height:158px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.jar-water i{--bubble-size:11px;--bubble-rise:-100px;z-index:2;width:var(--bubble-size);height:var(--bubble-size);opacity:0;background:#f2fdffde;border:2px solid #338fb9;border-radius:50%;animation:3.4s ease-in-out infinite oxygenBubble;position:absolute;box-shadow:inset 2px 2px #fff,0 0 5px #3b9fc98a}.carbon-added .jar-water i:first-child{--bubble-rise:-132px;animation-delay:50ms;bottom:20px;left:30px}.carbon-added .jar-water i:nth-child(2){--bubble-rise:-122px;animation-delay:.25s;bottom:30px;left:72px}.carbon-added .jar-water i:nth-child(3){--bubble-rise:-112px;animation-delay:.45s;bottom:40px;left:41px}.carbon-added .jar-water i:nth-child(4){--bubble-rise:-100px;animation-delay:.65s;bottom:52px;left:69px}.carbon-added .jar-water i:nth-child(5){--bubble-rise:-89px;animation-delay:.85s;bottom:63px;left:27px}.carbon-added .jar-water i:nth-child(6){--bubble-rise:-78px;animation-delay:1.05s;bottom:74px;left:78px}.carbon-added .jar-water i:nth-child(7){--bubble-rise:-67px;animation-delay:1.25s;bottom:85px;left:37px}.carbon-added .jar-water i:nth-child(8){--bubble-rise:-58px;animation-delay:1.45s;bottom:94px;left:64px}.carbon-added .jar-water i:nth-child(9){--bubble-rise:-46px;animation-delay:1.65s;bottom:106px;left:25px}.carbon-added .jar-water i:nth-child(10){--bubble-rise:-36px;animation-delay:1.85s;bottom:116px;left:76px}.carbon-added .jar-water i:nth-child(11){--bubble-rise:-26px;animation-delay:2.05s;bottom:126px;left:39px}.carbon-added .jar-water i:nth-child(12){--bubble-rise:-18px;animation-delay:2.25s;bottom:134px;left:67px}.carbon-added .jar-water i:nth-child(13){--bubble-rise:-12px;animation-delay:2.45s;bottom:141px;left:49px}.carbon-added .jar-water i:nth-child(14){--bubble-rise:-8px;animation-delay:2.65s;bottom:147px;left:56px}.carbon-added .jar-water i:nth-child(3n){--bubble-size:13px}.carbon-added .jar-water i:nth-child(4n){--bubble-size:9px}.carbon-control .jar-water i{--bubble-size:9px;animation-duration:6s}.carbon-control .jar-water i:first-child{--bubble-rise:-111px;animation-delay:.5s;bottom:41px;left:35px}.carbon-control .jar-water i:nth-child(2){--bubble-rise:-66px;animation-delay:2.5s;bottom:86px;left:70px}.carbon-control .jar-water i:nth-child(3){--bubble-rise:-29px;animation-delay:4.5s;bottom:123px;left:45px}.photosynthesis-reaction{color:#627466;opacity:0;background:#ffffffbd;border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:15px;padding:9px 14px;font:700 18px/1.25 Georgia,Times New Roman,serif;animation:.85s 3s forwards reactionReveal;display:flex;transform:translateY(10px);box-shadow:0 9px 25px #37664413}.photosynthesis-reaction b{color:#a4b2a6;font-weight:400}.photosynthesis-reaction>i{color:#4f8a59;flex-direction:column;font-size:27px;font-style:normal;line-height:.65;display:flex}.photosynthesis-reaction>i small{letter-spacing:.15em;font:800 9px/1 Arial,sans-serif}.photosynthesis-reaction strong{color:#256d3a}.reaction-co2{z-index:1;color:#326e3c;border-radius:8px;padding:4px 7px;animation:1.5s 4s 2 co2Emphasis;position:relative}.co2-inference{color:#345a3d;opacity:0;margin:11px 0 0;font-size:14px;font-weight:900;animation:.85s 6.7s forwards inferenceReveal;transform:translateY(8px)}@keyframes oxygenBubble{0%{opacity:0;transform:translate(0)scale(.45)}8%{opacity:1;transform:translate(0)scale(.8)}15%,34%{opacity:1;transform:translate(1px,-1px)scale(1)}41%{opacity:1;transform:translate(-1px,-5px)scale(1.03)}78%{opacity:.92;transform:translate(5px,-90px)scale(1.08)}to{opacity:0;transform:translate(-3px,var(--bubble-rise)) scale(1.13)}}@keyframes reactionReveal{to{opacity:1;transform:translateY(0)}}@keyframes co2Emphasis{0%,to{background:0 0;transform:scale(1);box-shadow:0 0 #f0a44100}45%{color:#a15a00;background:#fff0c9;transform:scale(1.12);box-shadow:0 0 0 7px #f0a4412e}}@keyframes inferenceReveal{to{opacity:1;transform:translateY(0)}}@media (width<=600px){.photosynthesis-page .course-detail-copy h1{font-size:36px}.photosynthesis-visual{border-radius:20px;height:535px}.photosynthesis-visual .animation-variant-label{font-size:10px;top:4%}.photo-stage{inset:58px 8px 20px}.photo-step{align-self:center;font-size:11px}.pondweed-comparison{gap:4px}.pondweed-jar{width:118px}.beaker{width:100px;height:150px}.waterweed-art{width:82px;height:146px}.evidence-line{margin-top:13px;padding:8px 10px;font-size:11px}.photosynthesis-reaction{gap:5px;margin-top:13px;padding:8px 9px;font-size:15px}.photosynthesis-reaction>i{font-size:23px}.co2-inference{max-width:270px;font-size:12px;line-height:1.6}}@media (prefers-reduced-motion:reduce){.jar-water i,.photosynthesis-reaction,.reaction-co2,.co2-inference{animation:none}.photosynthesis-reaction,.co2-inference{opacity:1;transform:none}.reaction-co2{color:#a15a00;background:#fff0c9;box-shadow:0 0 0 4px #f0a4412e}}.digestion-page .course-detail-copy h1{font-size:clamp(43px,4.25vw,62px)}.digestion-visual{background:linear-gradient(150deg,#fffaf0 0%,#f5ead4 52%,#e5efd7 100%);border-radius:30px;flex-direction:column;justify-content:center;align-items:center;height:570px;padding:75px 28px 32px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #e3d2b4}.digestion-visual:before,.digestion-visual:after{content:"";opacity:.55;border:1px solid #d8c49f;border-radius:50%;position:absolute}.digestion-visual:before{width:370px;height:370px;top:-190px;right:-190px}.digestion-visual:after{width:280px;height:280px;bottom:-145px;left:-155px}.digestion-visual .animation-variant-label{z-index:4;color:#87724e;font-size:13px;top:6%;left:7%}.digestion-line{z-index:2;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:7px;width:100%;display:grid;position:relative}.digest-station{text-align:center;min-width:0;color:var(--navy);opacity:.55;flex-direction:column;align-items:center;animation:16s ease-in-out infinite digestStation;display:flex;transform:translateY(4px)}.digest-station strong{margin-top:13px;font-family:Noto Serif TC,Songti TC,PMingLiU,serif;font-size:18px;font-weight:900}.digest-station small{color:#726b5e;white-space:nowrap;margin-top:5px;font-size:10px;font-weight:700}.station-number{color:#9a835b;letter-spacing:.14em;margin-bottom:12px;font:800 10px/1 Arial,sans-serif}.mouth-station{animation-delay:0s}.stomach-station{animation-delay:4s}.intestine-station{animation-delay:8s}.colon-station{animation-delay:12s}.digest-arrow{color:#b29d79;opacity:.45;font-size:23px;font-style:normal;animation:16s ease-in-out infinite digestArrow}.digest-arrow:first-of-type{animation-delay:2.8s}.digest-arrow:nth-of-type(2){animation-delay:6.8s}.digest-arrow:nth-of-type(3){animation-delay:10.8s}.mouth-beaker{background:linear-gradient(0deg,#f5d9a7 0 58%,#fff7e8 59%);border:4px solid #405d6e;border-top:0;border-radius:0 0 10px 10px;width:74px;height:95px;position:relative;overflow:hidden;box-shadow:inset 6px 0 #fff7}.mouth-beaker:before{content:"";z-index:3;background:#405d6e;height:4px;position:absolute;top:0;left:-3px;right:-3px}.mouth-beaker i{z-index:2;background:#cf774f;border-radius:48%;width:11px;height:8px;animation:3s ease-in-out infinite foodMix;position:absolute}.mouth-beaker i:first-child{bottom:17px;left:13px}.mouth-beaker i:nth-child(2){background:#6fa253;animation-delay:.6s;bottom:33px;right:12px}.mouth-beaker i:nth-child(3){background:#fff4ca;animation-delay:1.2s;bottom:46px;left:28px}.stirrer{z-index:4;transform-origin:50% 90%;background:#788c98;border-radius:99px;width:5px;height:76px;animation:3s ease-in-out infinite stirFood;position:absolute;top:4px;left:34px}.stomach-pouch{background:linear-gradient(150deg,#f4c7b6,#de9383);border:4px solid #8e5d55;border-radius:56% 44% 54% 46%/45% 38% 62% 55%;width:88px;height:96px;animation:4s ease-in-out infinite stomachSqueeze;position:relative;overflow:hidden;box-shadow:inset 9px 7px #fff4}.stomach-pouch:before{content:"";background:#e5846666;height:48%;position:absolute;bottom:0;left:0;right:0}.stomach-pouch i{z-index:2;color:#a43d32;font:900 13px Georgia,serif;position:absolute;bottom:17px;left:12px}.stomach-pouch b{z-index:2;color:#6e3937;width:42px;font-size:9px;line-height:1.25;position:absolute;top:16px;right:8px}.stomach-pouch span{z-index:2;background:#c36f49;border-radius:50%;width:9px;height:7px;animation:4s ease-in-out infinite proteinBreak;position:absolute}.stomach-pouch span:first-of-type{bottom:27px;left:32px}.stomach-pouch span:nth-of-type(2){animation-delay:.8s;bottom:18px;right:19px}.intestine-tube{border:8px solid #dfa76d;border-radius:38% 62% 43% 57%/55% 42% 58% 45%;width:92px;height:94px;animation:4s ease-in-out infinite intestinePulse;position:relative;box-shadow:inset 0 0 0 5px #fff5}.intestine-tube:before,.intestine-tube:after{content:"";background:#f8eedb;border:7px solid #dfa76d;border-radius:50%;width:54px;height:35px;position:absolute}.intestine-tube:before{top:9px;left:7px}.intestine-tube:after{bottom:8px;right:6px}.intestine-tube i{z-index:3;background:#dfb83f;border-radius:50%;animation:4s ease-in-out infinite fatEmulsify;position:absolute}.intestine-tube i:first-child{width:16px;height:16px;top:18px;left:19px}.intestine-tube i:nth-child(2){width:10px;height:10px;animation-delay:.5s;top:28px;right:16px}.intestine-tube i:nth-child(3){width:8px;height:8px;animation-delay:1s;bottom:12px;left:42px}.intestine-tube b{z-index:4;background:#5b9c4c;border-radius:99px;width:7px;height:20px;position:absolute;top:-5px;left:38px;box-shadow:12px 8px #5b9c4c,-9px 12px #5b9c4c}.intestine-tube em{z-index:5;color:#a54a56;background:#fff;border-radius:5px;padding:3px 5px;font:900 8px/1 Arial,Noto Sans TC,sans-serif;animation:4s ease-in-out infinite lipaseLabel;position:absolute;bottom:30px;left:19px;box-shadow:0 3px 7px #71452d20}.colon-model{background:#f7ecda;border:11px solid #a87354;border-radius:30% 44% 38% 50%;width:93px;height:96px;animation:4s ease-in-out infinite colonContract;position:relative;box-shadow:inset 0 0 0 3px #d6b48b}.colon-model:before{content:"";background:#f7ecda;border:8px solid #a87354;border-radius:45%;width:42px;height:43px;position:absolute;top:15px;left:13px}.colon-model i{z-index:3;opacity:0;background:#68b8dd;border-radius:50% 50% 60% 60%;width:8px;height:12px;animation:4s ease-in-out infinite waterLeave;position:absolute}.colon-model i:first-child{top:16px;left:-17px}.colon-model i:nth-child(2){animation-delay:.6s;top:36px;right:-16px}.colon-model i:nth-child(3){animation-delay:1.2s;bottom:-21px;left:16px}.colon-model b{z-index:4;background:#775038;border-radius:47% 53% 45% 55%;width:22px;height:28px;position:absolute;bottom:-1px;right:-3px;box-shadow:inset 4px 3px #a67753}.digest-progress{z-index:2;color:#7c7160;background:#ffffffd9;border-radius:13px;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;width:min(100%,500px);margin-top:34px;padding:13px;font-size:11px;font-weight:800;display:flex;position:relative;box-shadow:0 13px 32px #75552213}.digest-progress>*{font-style:normal}.digest-progress>:not(:last-child):after{content:"→";color:#b8a991;margin-left:7px}.digest-progress strong{color:#704c36}.digest-progress i{animation:16s ease-in-out infinite progressEmphasis}.digest-progress i:nth-child(2){animation-delay:4s}.digest-progress i:nth-child(3){animation-delay:8s}.digest-progress i:nth-child(4){animation-delay:12s}.digest-note{z-index:2;color:#695f50;text-align:center;margin:18px 0 0;font-size:13px;font-weight:800;position:relative}.lipase-evidence{background:#fffaf2;border-top:1px solid #eee0cb;padding-block:100px}.lipase-evidence-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.lipase-evidence article{background:#fff;border:1px solid #e5d5bb;border-radius:18px;padding:30px;box-shadow:0 15px 38px #7d56240a}.lipase-evidence article>i{color:#ad7740;letter-spacing:.14em;font:900 10px/1 Arial,sans-serif}.lipase-evidence h3{color:var(--navy);margin:17px 0 11px;font-family:Noto Serif TC,Source Han Serif TC,Songti TC,PMingLiU,serif;font-size:22px;line-height:1.45}.lipase-evidence p{color:var(--muted);font-size:14px;line-height:1.85}.lipase-evidence small{color:#8b6945;border-top:1px solid #efe4d2;margin-top:18px;padding-top:16px;font-size:11px;font-weight:700;line-height:1.7;display:block}.digestion-safety{background:#f8f2e7;border-top:1px solid #eadbc4;padding-block:90px}.digestion-safety-grid{grid-template-columns:.7fr 1.1fr 1.2fr;align-items:start;gap:50px;display:grid}.digestion-safety span{color:#986d3c;letter-spacing:.2em;font-size:10px;font-weight:800}.digestion-safety h2{color:var(--navy);margin:0;font-family:Noto Serif TC,Source Han Serif TC,Songti TC,PMingLiU,serif;font-size:34px;line-height:1.5}.digestion-safety p{color:var(--muted);margin:0;font-size:15px;line-height:1.9}@keyframes digestStation{0%,22%{opacity:1;filter:drop-shadow(0 9px 10px #8b6b3522);transform:translateY(0)scale(1.04)}25%,to{opacity:.55;filter:none;transform:translateY(4px)scale(1)}}@keyframes digestArrow{0%,15%{opacity:.3;transform:translate(-4px)}21%,30%{opacity:1;color:#3f8d64;transform:translate(4px)}34%,to{opacity:.3;transform:translate(0)}}@keyframes foodMix{50%{transform:translate(8px,-9px)rotate(35deg)}}@keyframes stirFood{50%{transform:rotate(18deg)}}@keyframes stomachSqueeze{50%{border-radius:47% 53% 46% 54%;transform:scaleX(.9)scaleY(1.04)}}@keyframes proteinBreak{50%{transform:scale(.65)translate(8px,-5px)}}@keyframes intestinePulse{50%{transform:scale(.95)rotate(2deg)}}@keyframes fatEmulsify{50%{transform:scale(.55);box-shadow:13px 5px #dfb83f,-8px 10px #dfb83f}}@keyframes lipaseLabel{0%,35%{opacity:.35;transform:scale(.9)}55%,to{opacity:1;transform:scale(1)}}@keyframes colonContract{50%{transform:scaleX(.94)scaleY(1.02)}}@keyframes waterLeave{0%,25%{opacity:0;transform:translate(0)}45%{opacity:1}to{opacity:0;transform:translate(12px,18px)}}@keyframes progressEmphasis{0%,22%{color:#2f8055;transform:scale(1.06)}25%,to{color:#7c7160;transform:scale(1)}}@media (width<=900px){.digestion-visual{height:560px}.lipase-evidence-grid{grid-template-columns:1fr}.digestion-safety-grid{grid-template-columns:1fr;gap:22px}.digestion-page .grade-course-switch>div{grid-template-columns:1fr 1fr}}@media (width<=600px){.digestion-page .course-detail-copy h1{font-size:37px}.digestion-page .grade-course-switch>div{grid-template-columns:1fr}.digestion-visual{border-radius:20px;height:590px;padding:58px 9px 24px}.digestion-visual .animation-variant-label{font-size:10px;top:4%}.digestion-line{grid-template-columns:1fr auto 1fr;gap:14px 5px}.digestion-line>.digest-arrow:nth-of-type(2){display:none}.digestion-line>.digest-arrow:nth-of-type(3){grid-column:1/-1;transform:rotate(90deg)}.digest-station strong{font-size:15px}.digest-station small{font-size:9px}.mouth-beaker{width:62px;height:78px}.stomach-pouch,.intestine-tube,.colon-model{margin:-8px;transform:scale(.82)}.mouth-station{grid-column:1}.stomach-station{grid-column:3}.intestine-station{grid-area:3/1}.colon-station{grid-area:3/3}.digest-progress{gap:4px;margin-top:21px;padding:10px 7px;font-size:9px}.digest-progress>:not(:last-child):after{margin-left:4px}.digest-note{font-size:11px;line-height:1.5}.lipase-evidence{padding-block:70px}.lipase-evidence article{padding:24px}.lipase-evidence h3{font-size:20px}.digestion-safety{padding-block:65px}.digestion-safety h2{font-size:29px}}@media (prefers-reduced-motion:reduce){.digest-station,.digest-arrow,.mouth-beaker i,.stirrer,.stomach-pouch,.stomach-pouch span,.intestine-tube,.intestine-tube i,.intestine-tube em,.colon-model,.colon-model i,.digest-progress i{opacity:1;filter:none;animation:none;transform:none}}.transport-page .course-detail-copy h1{font-size:clamp(49px,5vw,72px)}.transport-visual{background:linear-gradient(145deg,#f2f9ed 0%,#e8f5f0 48%,#e5f2f9 100%);border-radius:30px;height:750px;padding:72px 20px 26px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #cfe2d5}.transport-visual:before,.transport-visual:after{content:"";opacity:.55;border:1px solid #b9d7c6;border-radius:50%;position:absolute}.transport-visual:before{width:400px;height:400px;top:-225px;right:-235px}.transport-visual:after{width:280px;height:280px;bottom:-155px;left:-170px}.transport-visual .animation-variant-label{z-index:5;color:#5d7f70;font-size:13px;top:6%;left:7%}.transport-scenes{z-index:2;grid-template-columns:.58fr 1.42fr;gap:12px;height:610px;display:grid;position:relative}.transport-scene{background:#ffffffa8;border:1px solid #cfe1d8;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.transport-hour{color:#557667;letter-spacing:.06em;font-size:11px;font-weight:900;position:absolute;top:18px;left:18px}.plant-system{width:160px;height:270px;margin-top:18px;position:relative}.plant-transport-scene .plant-system{transform:scale(.78)}.leaf-shape{z-index:3;background:linear-gradient(145deg,#9bcc76,#d9efb7);border:4px solid #4f8b57;border-radius:88% 12%;width:94px;height:74px;position:absolute;top:0;left:56px;transform:rotate(-7deg);box-shadow:inset 8px 8px #fff3}.leaf-vein{background:#4f8b57;border-radius:99px;height:3px;position:absolute;top:35px;left:13px;right:7px;transform:rotate(-2deg)}.leaf-vein:before,.leaf-vein:after{content:"";transform-origin:0;background:#75a567;width:31px;height:2px;position:absolute;left:27px}.leaf-vein:before{top:-1px;transform:rotate(-30deg)}.leaf-vein:after{top:2px;transform:rotate(29deg)}.stoma{z-index:4;width:30px;height:21px;animation:7s ease-in-out infinite stomaPulse;position:absolute;bottom:8px;right:12px}.stoma b{background:#83bd68;border:2px solid #427c4b;border-radius:70%;width:14px;height:21px;position:absolute;top:0}.stoma b:first-child{left:1px;transform:rotate(-13deg)}.stoma b:nth-child(2){right:1px;transform:rotate(13deg)}.stoma i{background:#f6fff0;border-radius:50%;width:4px;height:11px;animation:7s ease-in-out infinite stomaOpening;position:absolute;top:5px;left:13px;box-shadow:0 0 0 2px #51885855}.stem-section{background:#d4eab7;border:4px solid #608e5c;border-radius:12px 12px 8px 8px;width:38px;height:142px;position:absolute;top:62px;left:69px;overflow:hidden;box-shadow:inset 6px 0 #fff5}.bundle{z-index:2;background:linear-gradient(90deg,#54a7d7 0 48%,#e89a5b 52% 100%);border-radius:50%;width:8px;height:8px;position:absolute;box-shadow:0 0 0 2px #fff9}.bundle-one{top:20px;left:6px}.bundle-two{top:58px;right:5px}.bundle-three{bottom:18px;left:8px}.xylem-flow,.phloem-flow{z-index:3;background:repeating-linear-gradient(0deg,#47a4d4 0 8px,#0000 8px 15px);border-radius:99px;width:5px;height:120px;animation:2.8s linear infinite vascularUp;position:absolute;top:9px}.xylem-flow{left:8px}.phloem-flow{background:repeating-linear-gradient(#e58a4c 0 8px,#0000 8px 15px);animation:3.2s linear infinite vascularDown;right:7px}.root-system{width:130px;height:78px;position:absolute;bottom:0;left:22px}.root-system:before{content:"";background:#b78e62;border-radius:4px 4px 80% 20%;width:10px;height:72px;position:absolute;top:0;left:61px;transform:rotate(2deg)}.root-system i,.root-system b{transform-origin:top;background:#caa77e;border-radius:99px;width:4px;height:66px;position:absolute;top:18px;left:65px}.root-system i:first-child{transform:rotate(48deg)}.root-system i:nth-child(2){transform:rotate(28deg)}.root-system i:nth-child(3){transform:rotate(-48deg)}.root-system b:first-of-type{transform:rotate(-27deg)}.root-system b:nth-of-type(2){height:54px;transform:rotate(68deg)}.transport-legend{color:#60796c;gap:12px;margin-top:3px;font-size:9px;font-weight:800;display:flex}.transport-legend span{align-items:center;gap:5px;display:flex}.transport-legend i{background:#47a4d4;border-radius:99px;width:16px;height:3px}.transport-legend span:last-child i{background:#e58a4c}.circulation-model{width:332px;height:570px;margin-top:17px;position:relative}.anatomical-circulation img{z-index:1;object-fit:contain;filter:saturate(.88)contrast(.98);mix-blend-mode:multiply;width:100%;height:100%;position:absolute;inset:0}.blood-flow-layer,.blood-track{z-index:3;pointer-events:none;position:absolute;inset:0}.blood-track i{--blood:#d95f52;background:var(--blood);offset-rotate:0deg;border:1.5px solid #fff;border-radius:50%;width:9px;height:9px;animation:6.4s linear infinite bloodFlow;position:absolute;top:0;left:0;box-shadow:0 2px 6px #6d302d38}.blood-track i:nth-child(2){animation-delay:-2.13s}.blood-track i:nth-child(3){animation-delay:-4.26s}.systemic-deoxygenated-upper i,.systemic-deoxygenated-lower i,.pulmonary-deoxygenated-left i,.pulmonary-deoxygenated-right i{--blood:#294f7f}.systemic-oxygenated-upper i:nth-child(2),.systemic-deoxygenated-upper i:nth-child(2){animation-delay:-3.2s}.systemic-oxygenated-upper i{offset-path:path("M 194 276 C 214 250 228 220 231 184 C 239 129 266 76 278 45 C 267 31 247 24 221 22")}.systemic-deoxygenated-upper i{offset-path:path("M 126 22 C 99 27 76 42 67 71 C 55 114 61 174 82 210 C 98 237 122 248 151 255")}.systemic-oxygenated-lower i{offset-path:path("M 196 280 C 221 293 253 318 270 363 C 285 405 282 474 261 522 C 250 544 232 555 210 558")}.systemic-deoxygenated-lower i{offset-path:path("M 124 558 C 96 552 77 535 68 509 C 54 466 56 407 62 361 C 69 310 101 274 151 257")}.pulmonary-deoxygenated-left i{offset-path:path("M 157 280 C 151 249 143 222 126 205 C 111 190 99 175 95 151 C 92 128 101 109 118 101");animation-duration:4.5s}.pulmonary-deoxygenated-right i{offset-path:path("M 162 279 C 166 249 171 222 188 204 C 204 187 220 172 225 149 C 229 127 221 109 206 101");animation-duration:4.5s}.pulmonary-oxygenated-left i{offset-path:path("M 128 137 C 128 164 138 185 153 199 C 166 212 179 231 184 252");animation-duration:4.5s}.pulmonary-oxygenated-right i{offset-path:path("M 207 136 C 205 161 198 181 187 198 C 180 211 181 231 186 251");animation-duration:4.5s}.pulmonary-deoxygenated-left i:nth-child(2),.pulmonary-deoxygenated-right i:nth-child(2),.pulmonary-oxygenated-left i:nth-child(2),.pulmonary-oxygenated-right i:nth-child(2){animation-delay:-2.25s}.circulation-labels{color:#567286;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;margin-top:1px;font-size:9px;font-weight:900;display:flex}.circulation-labels span{align-items:center;gap:4px;display:flex}.circulation-labels span>b{background:#d95f52;border-radius:50%;width:9px;height:9px;display:block}.circulation-labels .deoxygenated-key>b{background:#294f7f}.circulation-labels i{color:#9bb0bb;font-style:normal}.circulation-labels strong{color:#567286}.transport-timeline{z-index:3;color:#668076;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:9px;width:max-content;max-width:100%;margin:18px auto 0;padding:11px 16px;font-size:11px;font-weight:900;display:flex;position:relative;box-shadow:0 10px 28px #41695b12}.transport-timeline i{color:#8ba69b;font-style:normal}.transport-timeline strong{color:#2d759f}.transport-schedule{background:#f2f8f4;border-top:1px solid #dbe9df;padding-block:95px}.transport-schedule-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.transport-schedule article{background:#fff;border:1px solid #cfe1d6;border-radius:20px;padding:38px}.transport-schedule article:nth-child(2){border-color:#cddfea}.transport-schedule span{color:#48825e;letter-spacing:.17em;font-size:10px;font-weight:900}.transport-schedule article:nth-child(2) span{color:#397da6}.transport-schedule h2{color:var(--navy);margin:16px 0 4px;font-family:Noto Serif TC,Source Han Serif TC,Songti TC,PMingLiU,serif;font-size:36px}.transport-schedule h3{color:#31576d;margin:0 0 14px;font-size:19px}.transport-schedule p{color:var(--muted);margin:0;font-size:14px;line-height:1.85}.transport-question{background:linear-gradient(90deg,#f4faf5,#f3f9fc)}@keyframes stomaPulse{0%,to{transform:scaleX(.82)}45%,70%{transform:scaleX(1.13)}}@keyframes stomaOpening{0%,to{opacity:.45;transform:scaleX(.4)}45%,70%{opacity:1;transform:scaleX(1.3)}}@keyframes vascularUp{to{background-position:0 -30px}}@keyframes vascularDown{to{background-position:0 30px}}@keyframes bloodFlow{to{offset-distance:100%}}@media (width<=900px){.transport-visual{height:750px}.transport-schedule-grid{grid-template-columns:1fr}.transport-page .grade-course-switch>div{grid-template-columns:1fr 1fr}}@media (width<=600px){.transport-page .course-detail-copy h1{font-size:39px}.transport-page .grade-course-switch>div{grid-template-columns:1fr}.transport-visual{border-radius:20px;height:950px;padding:54px 9px 20px}.transport-visual .animation-variant-label{font-size:10px;top:3%}.transport-scenes{grid-template-rows:235px 595px;grid-template-columns:1fr;gap:9px;height:840px}.transport-scene{border-radius:16px}.transport-hour{font-size:9px;top:12px;left:13px}.plant-system{height:213px;margin:-9px 0 -20px}.plant-transport-scene .plant-system{transform:scale(.68)}.circulation-model{width:332px;height:570px;margin:7px 0 -35px;transform:scale(.88)}.transport-legend,.circulation-labels{font-size:9px}.transport-timeline{gap:6px;margin-top:12px;padding:9px 11px;font-size:9px}.transport-schedule{padding-block:65px}.transport-schedule article{padding:26px}.transport-schedule h2{font-size:30px}}@media (prefers-reduced-motion:reduce){.stoma,.stoma i,.xylem-flow,.phloem-flow,.blood-track i{animation:none}.blood-track i{display:none}}.specific-heat-page .course-detail-copy h1{font-size:clamp(54px,5.2vw,76px)}.specific-heat-visual{background:linear-gradient(145deg,#fff9f3 0%,#edf8fd 100%);border:1px solid #f0d8c7;border-radius:30px;flex-direction:column;justify-content:center;height:620px;padding:72px 24px 24px;display:flex;position:relative;overflow:hidden}.specific-heat-visual:before,.specific-heat-visual:after{content:"";opacity:.55;border:1px solid #ebcdb8;border-radius:50%;position:absolute}.specific-heat-visual:before{width:360px;height:360px;top:-190px;right:-210px}.specific-heat-visual:after{border-color:#b9dbea;width:250px;height:250px;bottom:-140px;left:-150px}.specific-heat-visual .animation-variant-label{z-index:4;color:#8a6b58;font-size:13px;top:5%;left:7%}.heat-concept-grid{z-index:2;grid-template-columns:1fr 1fr;gap:12px;display:grid;position:relative}.heat-concept-panel{background:#ffffffc9;border:1px solid #e4d9cf;border-radius:20px;min-width:0;height:400px;padding:20px 16px;box-shadow:0 16px 38px #74533a0b}.concept-heading{color:var(--navy);align-items:center;gap:9px;display:flex}.concept-heading small{color:#a55d36;background:#fae4d4;border-radius:50%;place-items:center;width:27px;height:27px;font:900 10px Arial,sans-serif;display:grid}.concept-heading b{font-family:Noto Serif TC,Source Han Serif TC,Songti TC,PMingLiU,serif;font-size:17px}.sample-comparison{grid-template-columns:1fr auto 1fr;align-items:end;gap:4px;height:255px;padding:10px 0 0;display:grid}.heat-sample{flex-direction:column;align-items:center;display:flex;position:relative}.heat-sample>b{color:var(--navy);margin-top:9px;font-size:14px}.heat-sample>small{color:#778d99;margin-top:3px;font-size:10px;font-weight:700}.sample-beaker{background:linear-gradient(0deg,#d9e5e9 0 55%,#f8fcfd 56%);border:4px solid #496b7e;border-top:0;border-radius:0 0 9px 9px;width:58px;height:76px;position:relative;overflow:hidden;box-shadow:inset 6px 0 #fff7}.sample-beaker:before{content:"";background:#496b7e;height:4px;position:absolute;top:0;left:-4px;right:-4px}.sample-beaker>span{background:#899ca5;border-radius:50%;width:10px;height:10px;position:absolute}.sample-beaker>span:first-child{bottom:10px;left:9px}.sample-beaker>span:nth-child(2){bottom:12px;right:8px}.sample-beaker>span:nth-child(3){bottom:27px;left:19px}.sample-beaker>span:nth-child(4){bottom:34px;right:16px}.sample-beaker.water{background:linear-gradient(0deg,#87ccec 0 62%,#f8fcfd 63%)}.sample-beaker.water>span{display:none}.thermometer{z-index:3;background:#fff;border:3px solid #496b7e;border-radius:8px;width:13px;height:96px;position:absolute;top:-55px;right:5px;overflow:hidden}.thermometer:after{content:"";background:#e56e45;border-radius:50%;width:5px;height:5px;position:absolute;bottom:1px;left:1px}.thermometer i{transform-origin:bottom;background:#e56e45;border-radius:99px;height:13px;animation:12s ease-in-out infinite metalTemperature;position:absolute;bottom:7px;left:2px;right:2px}.water-sample .thermometer i{animation-name:waterTemperature}.heater{background:#324f60;border-radius:4px;width:74px;height:14px;margin-top:7px;position:relative;box-shadow:0 6px 10px #4d2d1e20}.heater i{background:#ef835c;border-radius:99px;height:3px;animation:2s ease-in-out infinite heaterGlow;position:absolute;top:4px;left:12px;right:12px;box-shadow:0 0 8px #ed7045}.same-heat-mark{color:#83949e;flex-direction:column;align-self:center;align-items:center;gap:5px;padding-bottom:42px;font-size:8px;font-weight:800;display:flex}.same-heat-mark b{color:#d7633a;background:#fff1e6;border-radius:50%;place-items:center;width:42px;height:42px;font:900 15px Georgia,serif;display:grid;box-shadow:0 6px 18px #b85b3120}.specific-panel>p{color:#7a8c96;justify-content:center;gap:5px;margin:5px 0 0;font-size:10px;display:flex}.specific-panel>p strong:first-child{color:#c6673f}.specific-panel>p strong:last-child{color:#2e7ca3}.equilibrium-scene{grid-template-columns:1fr 70px 1fr;align-items:center;gap:2px;height:210px;padding-top:25px;display:grid}.hot-object,.cold-object{color:var(--navy);flex-direction:column;align-items:center;display:flex}.hot-object>b,.cold-object>b{margin-top:10px;font-size:12px}.hot-object>small,.cold-object>small{color:#7b8e99;margin-top:3px;font-size:10px;font-weight:800}.hot-object>i{background:radial-gradient(circle at 35% 30%,#ffbd8e,#df6a3f);border:4px solid #a14f34;border-radius:50%;width:70px;height:70px;animation:12s ease-in-out infinite hotObjectCooling;display:block;box-shadow:0 0 0 8px #f9dfce,0 8px 20px #a0482620}.insulated-cup{background:linear-gradient(0deg,#75c0e5 0 60%,#edf8fc 61%);border:7px double #486d7f;border-top:4px solid #486d7f;border-radius:7px 7px 16px 16px;width:76px;height:90px;position:relative;overflow:hidden}.insulated-cup:before{content:"";background:#fff8;height:2px;position:absolute;top:18px;left:8px;right:8px}.insulated-cup i{opacity:.15;background:linear-gradient(#75c0e500 42%,#e59a6a88);animation:12s ease-in-out infinite coldObjectWarming;position:absolute;inset:0}.heat-flow{color:#d56a42;justify-content:center;gap:7px;display:flex;position:relative}.heat-flow i{background:#ef8158;border-radius:50%;width:10px;height:10px;animation:3.5s ease-in-out infinite heatParticle;box-shadow:0 0 8px #ef8158}.heat-flow i:nth-child(2){animation-delay:.7s}.heat-flow i:nth-child(3){animation-delay:1.4s}.heat-flow span{white-space:nowrap;color:#a77962;font-size:8px;font-weight:800;position:absolute;top:22px}.equilibrium-result{color:#718893;opacity:.5;justify-content:center;align-items:center;gap:9px;font-size:12px;font-weight:900;animation:12s ease-in-out infinite equilibriumFocus;display:flex}.equilibrium-result i{color:#a1b1b9;font-style:normal}.equilibrium-result strong{color:#2b789e;background:#e9f5f9;border-radius:999px;padding:6px 10px;font-size:14px}.heat-balance-formula{color:#607985;opacity:.25;background:#f6fafb;border-radius:11px;justify-content:center;align-items:center;gap:9px;margin-top:19px;padding:12px;font:700 18px Georgia,Times New Roman,serif;animation:12s ease-in-out infinite balanceFormula;display:flex;transform:translateY(7px)}.heat-balance-formula b{color:#c55c38}.heat-balance-formula strong{color:#2780aa}.heat-balance-formula span{color:#8aa0aa}.specific-heat-formula{z-index:3;color:#738793;background:#fff;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;margin:12px auto 0;padding:13px 16px;font-size:10px;display:flex;position:relative;box-shadow:0 11px 28px #294d6410}.specific-heat-formula b{color:var(--navy);font:800 17px Georgia,Times New Roman,serif}.specific-heat-formula i{color:#9cafb8;font-style:normal}.specific-heat-formula b:last-child{color:var(--orange)}.thermal-reasoning{background:linear-gradient(100deg,#fff7f0,#eef8fc);border-top:1px solid #eadfd6;padding-block:95px}.thermal-reasoning-grid{grid-template-columns:1.1fr 1fr 1fr;align-items:stretch;gap:17px;display:grid}.thermal-reasoning-grid>div,.thermal-reasoning article{background:#fff;border:1px solid #eadfd7;border-radius:19px;padding:34px}.thermal-reasoning-grid>div{background:var(--navy);color:#fff}.thermal-reasoning-grid>div>span,.thermal-reasoning article>small{color:#ef9a6f;letter-spacing:.16em;font-size:10px;font-weight:900}.thermal-reasoning h2{margin:17px 0 0;font-family:Noto Serif TC,Source Han Serif TC,Songti TC,PMingLiU,serif;font-size:31px;line-height:1.5}.thermal-reasoning h3{color:var(--navy);margin:17px 0 10px;font-family:Noto Serif TC,Source Han Serif TC,Songti TC,PMingLiU,serif;font-size:23px}.thermal-reasoning p{color:var(--muted);margin:0;font-size:14px;line-height:1.85}@keyframes metalTemperature{0%,12%{background:#e56e45;height:13px}42%,72%{background:#d94f35;height:77px}88%,to{background:#e56e45;height:13px}}@keyframes waterTemperature{0%,12%{background:#e56e45;height:13px}42%,72%{background:#dd6842;height:43px}88%,to{background:#e56e45;height:13px}}@keyframes heaterGlow{50%{opacity:.55;box-shadow:0 0 3px #ed7045}}@keyframes hotObjectCooling{0%,15%{filter:saturate(1.15);box-shadow:0 0 0 8px #f9dfce,0 8px 20px #a0482620}55%,83%{filter:saturate(.55);box-shadow:0 0 0 8px #f3e7df,0 8px 20px #64788518}to{filter:saturate(1.15);box-shadow:0 0 0 8px #f9dfce,0 8px 20px #a0482620}}@keyframes coldObjectWarming{0%,15%{opacity:.1}55%,83%{opacity:.9}to{opacity:.1}}@keyframes heatParticle{0%{opacity:0;transform:translate(-24px)scale(.7)}18%{opacity:1}72%{opacity:1}to{opacity:0;transform:translate(26px)scale(.45)}}@keyframes equilibriumFocus{0%,40%{opacity:.3;transform:translateY(4px)}55%,83%{opacity:1;transform:translateY(0)}to{opacity:.3;transform:translateY(4px)}}@keyframes balanceFormula{0%,45%{opacity:.2;transform:translateY(7px)}58%,83%{opacity:1;transform:translateY(0)}to{opacity:.2;transform:translateY(7px)}}@media (width<=900px){.specific-heat-visual{height:620px}.thermal-reasoning-grid{grid-template-columns:1fr}.specific-heat-page .grade-course-switch>div{grid-template-columns:1fr 1fr}}@media (width<=600px){.specific-heat-page .course-detail-copy h1{font-size:43px}.specific-heat-page .grade-course-switch>div{grid-template-columns:1fr}.specific-heat-visual{border-radius:20px;height:930px;padding:57px 9px 18px}.specific-heat-visual .animation-variant-label{font-size:10px;top:2.5%;left:6%}.heat-concept-grid{grid-template-columns:1fr;gap:9px}.heat-concept-panel{height:383px;padding:16px 11px}.concept-heading b{font-size:15px}.sample-comparison{height:242px}.equilibrium-scene{height:196px}.specific-heat-formula{gap:5px;margin-top:9px;padding:10px 8px;font-size:9px}.specific-heat-formula b{font-size:14px}.thermal-reasoning{padding-block:65px}.thermal-reasoning-grid>div,.thermal-reasoning article{padding:27px}.thermal-reasoning h2{font-size:28px}}@media (prefers-reduced-motion:reduce){.thermometer i,.heater i,.hot-object>i,.insulated-cup i,.heat-flow i,.equilibrium-result,.heat-balance-formula{animation:none}.metal-sample .thermometer i{height:77px}.water-sample .thermometer i{height:43px}.equilibrium-result,.heat-balance-formula{opacity:1;transform:none}.insulated-cup i{opacity:.75}}.column-page{background:#fff}.column-hero{grid-template-columns:1.02fr .98fr;align-items:center;gap:72px;min-height:700px;padding-block:78px 110px;display:grid}.column-hero-copy h1,.column-feature-card h2,.column-latest h2,.column-topics h2,.column-topic-grid h3,.column-cta h2{font-family:Noto Serif TC,Source Han Serif TC,Songti TC,PMingLiU,serif;font-weight:900}.column-hero-copy h1{margin:27px 0;font-size:clamp(51px,5vw,70px);line-height:1.2}.column-hero-copy>p{color:#536c7c;max-width:650px;font-size:17px;line-height:1.95}.column-hero-copy>.primary{margin-top:23px}.column-feature-card{background:linear-gradient(150deg,#edf9ff,#d9f1fc);border:1px solid #bddbea;border-radius:40px 8px;flex-direction:column;justify-content:flex-end;min-height:525px;padding:46px;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.column-feature-card:hover{transform:translateY(-7px);box-shadow:0 24px 60px #1d6ea71b}.column-feature-card:before,.column-feature-card:after{content:"";opacity:.65;border:1px solid #74b4d7;border-radius:50%;position:absolute}.column-feature-card:before{width:470px;height:270px;top:50px;right:-145px;transform:rotate(23deg)}.column-feature-card:after{width:390px;height:230px;top:105px;left:-180px;transform:rotate(-18deg)}.column-card-top{color:#2e769e;letter-spacing:.17em;justify-content:space-between;gap:20px;font-size:10px;font-weight:900;display:flex;position:absolute;top:38px;left:46px;right:46px}.column-card-top small{color:#7693a3;letter-spacing:.11em}.column-formula{z-index:2;color:var(--navy);font:700 clamp(27px,3vw,43px) Georgia,serif;position:absolute;top:112px;right:43px}.column-water-mark{z-index:2;background:var(--navy);border-radius:50%;width:138px;height:138px;position:absolute;top:118px;left:75px;box-shadow:0 18px 45px #173f5d35}.column-water-mark i{background:#75c7ef;border-radius:50%;width:13px;height:13px;position:absolute}.column-water-mark i:first-child{top:39px;left:35px}.column-water-mark i:nth-child(2){background:#f0a24a;top:54px;right:34px}.column-water-mark i:nth-child(3){width:8px;height:8px;bottom:32px;left:63px}.column-feature-card h2{z-index:2;color:var(--navy);margin:0;font-size:39px;line-height:1.45;position:relative}.column-feature-card>p{z-index:2;color:#506c7d;margin:17px 0 0;line-height:1.85;position:relative}.column-read-more{z-index:2;color:var(--blue);margin-top:19px;font-size:13px;position:relative}.column-read-more span{margin-left:8px;transition:transform .2s;display:inline-block}.column-feature-card:hover .column-read-more span{transform:translate(5px)}.column-latest{background:var(--navy);color:#fff;padding-block:95px}.column-latest-grid{grid-template-columns:1fr 1fr;gap:85px;display:grid}.column-latest span,.column-cta span{color:#79c6f6;letter-spacing:.19em;font-size:10px;font-weight:900}.column-latest h2{margin:17px 0 0;font-size:39px;line-height:1.55}.column-latest p{color:#bed0db;margin:0;font-size:16px;line-height:2}.column-latest-link{color:#84caf3;border:1px solid #3b6278;border-radius:999px;align-items:center;gap:10px;margin-top:23px;padding:10px 15px;font-size:12px;font-weight:800;transition:all .2s;display:inline-flex}.column-latest-link:hover{background:#ffffff0c;border-color:#78c7f4}.column-latest-link span{letter-spacing:0;font-size:14px}.column-topics{padding-block:105px}.column-topic-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.column-topic-grid article{border:1px solid var(--line);background:#fff;border-radius:17px;padding:30px}.column-topic-grid i{color:var(--blue);font:italic 17px Georgia,serif}.column-topic-grid h3{color:var(--navy);margin:24px 0 11px;font-size:23px}.column-topic-grid p{color:var(--muted);margin:0;font-size:14px;line-height:1.85}.column-cta{text-align:center;background:linear-gradient(130deg,#f0f9fe,#fff7ef);padding-block:105px}.column-cta h2{color:var(--navy);margin:18px auto 30px;font-size:46px;line-height:1.45}.column-cta .primary{border:0}.column-cta .primary b{color:#80caff}@media (width<=900px){.column-hero{grid-template-columns:1fr;gap:42px;padding-top:55px}.column-feature-card{min-height:520px}.column-latest-grid{grid-template-columns:1fr;gap:35px}.column-topic-grid{grid-template-columns:1fr}.column-card-top{font-size:9px}}@media (width<=600px){.column-hero{padding-block:38px 72px}.column-hero-copy h1{font-size:42px}.column-hero-copy>p{font-size:16px}.column-feature-card{border-radius:28px 7px;min-height:470px;padding:30px 25px}.column-card-top{display:block;top:25px;left:25px;right:25px}.column-card-top small{margin-top:7px;display:block}.column-formula{font-size:24px;top:101px;right:24px}.column-water-mark{width:112px;height:112px;top:104px;left:30px}.column-feature-card h2{font-size:32px}.column-latest{padding-block:70px}.column-latest h2{font-size:31px}.column-topics{padding-block:70px}.column-cta{padding-block:75px}.column-cta h2{font-size:34px}.column-cta .primary{justify-content:space-between;width:100%}}.flytrap-feature-card{background:linear-gradient(150deg,#f2fbf5,#e3f4ed);min-height:610px}.flytrap-feature-card:before,.flytrap-feature-card:after{display:none}.column-feature-image{object-fit:cover;opacity:.98;width:100%;height:310px;position:absolute;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 65%,#0000);mask-image:linear-gradient(#000 65%,#0000)}.flytrap-feature-card h2{font-size:32px;line-height:1.45}.flytrap-feature-card>p{font-size:14px}.column-archive{border-bottom:1px solid var(--line);padding-block:105px}.column-archive-card{background:linear-gradient(135deg,#fbfdfe,#f1f8fc);border:1px solid #cfe1ea;border-radius:24px 6px;padding:38px 42px;transition:transform .2s,box-shadow .2s;display:block}.column-archive-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px #173f5d12}.column-archive-card>div{color:#6f8a9a;letter-spacing:.15em;justify-content:space-between;gap:20px;font-size:10px;font-weight:900;display:flex}.column-archive-card h3{color:var(--navy);margin:22px 0 10px;font:900 30px/1.45 Noto Serif TC,Source Han Serif TC,Songti TC,PMingLiU,serif}.column-archive-card p{color:#536c7c;margin:0;line-height:1.8}.column-archive-card strong{color:var(--blue);margin-top:20px;font-size:13px;display:inline-block}@media (width<=900px){.flytrap-feature-card{min-height:630px}}@media (width<=600px){.flytrap-feature-card{min-height:610px}.column-feature-image{height:300px}.flytrap-feature-card h2{font-size:27px}.column-archive{padding-block:70px}.column-archive-card{padding:28px 24px}.column-archive-card>div{display:block}.column-archive-card small{margin-top:8px;display:block}.column-archive-card h3{font-size:25px}}.column-index-hero{border-bottom:1px solid #dbe7ed;padding-block:76px 72px}.column-index-hero h1,.column-library h2,.column-article-card h3{font-family:Noto Serif TC,Source Han Serif TC,Songti TC,PMingLiU,serif;font-weight:900}.column-index-hero h1{color:var(--navy);letter-spacing:-.055em;margin:25px 0 22px;font-size:clamp(52px,6vw,82px);line-height:1.15}.column-index-hero h1 em{color:var(--blue);margin-left:.18em;font-style:normal}.column-index-hero>p{color:#415d6e;max-width:920px;margin:0;font-size:20px;line-height:1.95}.column-library{padding-block:66px 110px}.column-library-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:34px;display:flex}.column-library-heading h2{color:var(--navy);margin:0;font-size:34px}.column-library-heading>span{color:#7892a1;letter-spacing:.17em;font-size:10px;font-weight:900}.column-article-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 24px;display:grid}.column-article-card{display:block;position:relative}.column-article-card figure{background:#edf6f8;border:1px solid #d3e3ea;border-radius:20px 5px;margin:0;overflow:hidden}.column-article-card img{aspect-ratio:4/3;object-fit:cover;width:100%;transition:transform .45s;display:block}.column-article-card>div{padding:21px 42px 0 2px;position:relative}.column-article-card small{color:#688394;letter-spacing:.11em;font-size:10px;font-weight:900;display:block}.column-article-card h3{color:var(--navy);letter-spacing:-.02em;margin:12px 0 0;font-size:25px;line-height:1.55}.column-article-card>div>span{width:32px;height:32px;color:var(--blue);border:1px solid #b9d5e3;border-radius:50%;place-items:center;transition:transform .22s,background .22s,color .22s;display:grid;position:absolute;top:48px;right:3px}.column-article-card:hover img{transform:scale(1.035)}.column-article-card:hover>div>span{background:var(--blue);color:#fff;transform:translate(4px)}.column-article-card:focus-visible{outline-offset:7px;border-radius:20px;outline:3px solid #7ec8ef}@media (width<=900px){.column-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.column-index-hero>p{max-width:760px}}@media (width<=600px){.column-index-hero{padding-block:48px 50px}.column-index-hero h1{font-size:44px;line-height:1.25}.column-index-hero h1 em{margin-left:0;display:block}.column-index-hero>p{font-size:17px;line-height:1.9}.column-library{padding-block:45px 78px}.column-library-heading{margin-bottom:25px}.column-library-heading h2{font-size:29px}.column-article-grid{grid-template-columns:1fr;gap:38px}.column-article-card h3{font-size:24px}.column-article-card>div{padding-top:18px}.column-article-card>div>span{top:43px}}.science-article-page{color:#183247;background:#fff}.science-article-page .nav{background:#fff}.article-hero{grid-template-columns:1.04fr .96fr;align-items:center;gap:64px;padding-block:84px 72px;display:grid}.article-back{color:#678091;align-items:center;margin-bottom:34px;font-size:13px;font-weight:700;display:inline-flex}.article-back:hover{color:var(--blue)}.article-kicker,.article-section-label{color:var(--blue);letter-spacing:.2em;font-size:11px;font-weight:900}.article-hero h1,.article-body h2,.article-body h3,.article-pullquote strong,.definition-quote strong,.article-ending,.article-course-cta h2,.article-contact h2{font-family:Noto Serif TC,Source Han Serif TC,Songti TC,PMingLiU,serif;font-weight:900}.article-hero h1{letter-spacing:-.055em;margin:19px 0 27px;font-size:clamp(53px,5.3vw,78px);line-height:1.17}.article-hero h1 em{color:var(--blue);font-style:normal}.article-deck{color:#536d7d;max-width:680px;margin:0;font-size:19px;line-height:1.95}.article-meta{color:#78909f;flex-wrap:wrap;gap:9px 19px;margin-top:32px;font-size:12px;display:flex}.article-meta span+span,.article-meta time{border-left:1px solid #cedde6;padding-left:19px}.article-hero-visual{background:linear-gradient(145deg,#eff9fd,#fff6ed);border:1px solid #d6e8f1;border-radius:42px 8px;margin:0;overflow:hidden;box-shadow:0 28px 70px #173f5d14}.article-hero-visual img{aspect-ratio:3/2;object-fit:cover;width:100%;display:block}.article-rule{background:#dce8ef;height:1px}.article-layout{grid-template-columns:210px minmax(0,850px);justify-content:center;gap:76px;padding-block:88px 116px;display:grid}.article-toc{align-self:start;position:sticky;top:38px}.article-toc>span{color:#7d96a5;letter-spacing:.18em;margin-bottom:18px;font-size:9px;font-weight:900;display:block}.article-toc nav{border-top:1px solid #d7e5ed}.article-toc a{color:#587183;border-bottom:1px solid #e2ebf0;grid-template-columns:27px 1fr;gap:8px;padding:13px 0;font-size:12px;line-height:1.45;transition:all .2s;display:grid}.article-toc a:hover{color:var(--blue);padding-left:5px}.article-toc small{color:#9ab0bc;font-size:9px}.article-body{min-width:0}.article-body section{margin-top:96px;scroll-margin-top:35px}.article-body section:first-child{margin-top:0}.article-body p{color:#000;letter-spacing:0;margin:28px 0;font-size:27px;line-height:1.85}.article-lead{font-weight:700;color:#000!important;font-size:33px!important}.article-body h2{color:var(--navy);letter-spacing:-.035em;margin:15px 0 32px;font-size:38px;line-height:1.45}.article-body h3{color:var(--navy)}.scientist{color:#000;font-weight:800}.article-equation{min-height:160px;color:var(--navy);background:linear-gradient(145deg,#f4fbff,#fffaf4);border:1px solid #cfe4ef;border-radius:24px;justify-content:center;align-items:center;gap:11px;margin:35px 0;padding:27px;font-family:Georgia,Times New Roman,serif;display:flex}.article-equation span{font-size:50px;font-style:italic}.article-equation sub{color:#638092;align-self:center;margin:38px 4px 0 -13px;font:700 16px Arial,sans-serif}.article-equation b{color:#86a2b2;font-size:34px}.article-equation strong{color:var(--blue);font-size:64px}.article-equation>small{color:#5d7788;align-self:center;margin-top:20px;font-size:19px}.article-equation-compact{min-height:118px}.article-equation-compact span{font:700 22px Arial,sans-serif}.article-equation-compact strong{font-size:44px}.article-pullquote{background:var(--navy);color:#fff;border:0;border-radius:3px 28px;margin:46px 0;padding:38px 42px;position:relative;overflow:hidden}.article-pullquote:after{content:"1";color:#ffffff0d;font:900 190px Georgia,serif;position:absolute;bottom:-47px;right:-8px}.article-pullquote span{z-index:1;color:#86cff8;letter-spacing:.13em;margin-bottom:13px;font-size:12px;font-weight:900;display:block;position:relative}.article-pullquote strong{z-index:1;font-size:27px;line-height:1.75;display:block;position:relative}.article-figure{margin:39px 0}.article-figure img{background:#f0f7fa;border-radius:26px 5px;width:100%;display:block}.article-figure figcaption{color:#000;padding:13px 2px 0;font-size:18px;line-height:1.7}.article-contrast{background:#f8fcfe;border:1px solid #d6e6ee;border-radius:18px;grid-template-columns:1fr auto 1fr;align-items:center;gap:23px;margin:37px 0;padding:25px;display:grid}.article-contrast div{text-align:center}.article-contrast span{color:var(--blue);font:900 39px Georgia,serif;display:block}.article-contrast p{margin:5px 0 0;font-size:21px}.article-contrast i{color:#8da3b0;letter-spacing:.12em;font-size:10px;font-style:normal;font-weight:900}.article-note{background:#eff8fd;border-left:4px solid #68b4e2;margin:34px 0;padding:24px 27px}.article-note b{color:#000;font-size:24px}.article-note p{margin:10px 0 0;font-size:22.5px;line-height:1.8}.metric-panel{border:1px solid #cfe0e9;border-radius:18px;grid-template-columns:165px 1fr;align-items:center;margin:35px 0;display:grid;overflow:hidden}.metric-panel>div{background:var(--navy);color:#fff;flex-direction:column;justify-content:center;height:100%;padding:25px;display:flex}.metric-panel span{color:#7ec6ef;font:900 32px Georgia,serif}.metric-panel strong{margin-top:4px;font-size:12px}.metric-panel>p{margin:0;padding:26px;font-size:27px}.definition-quote{text-align:center;background:#fff8f2;border:1px solid #e7d5c7;border-radius:22px;margin:39px 0;padding:34px}.definition-quote>span{color:#be7044;letter-spacing:.18em;font-size:10px;font-weight:900;display:block}.definition-quote strong{color:var(--navy);margin:17px 0 0;font-size:27px;line-height:1.6;display:block}.definition-quote p{color:#000;margin:11px 0 0;font-size:21px}.three-rulers{grid-template-columns:repeat(3,1fr);gap:12px;margin:34px 0;display:grid}.three-rulers article{background:#fbfdfe;border:1px solid #d5e5ed;border-radius:17px;padding:25px 20px}.three-rulers span{color:var(--blue);font:italic 31px Georgia,serif}.three-rulers h3{margin:13px 0 5px;font-size:19px}.three-rulers p{margin:0;font-size:19.5px;line-height:1.7}.equation-fraction{min-height:140px}.equation-fraction .fraction{flex-direction:column;align-items:center;font-style:normal;display:flex}.equation-fraction .fraction strong{min-width:120px;color:var(--blue);text-align:center;border-bottom:2px solid #173f5b;padding-bottom:7px;font-size:37px}.equation-fraction .fraction small{color:var(--navy);padding-top:7px;font-size:27px}.dozen-analogy{background:#edf7fc;border-radius:18px;grid-template-columns:100px 1fr;align-items:center;gap:25px;margin:39px 0;padding:28px;display:grid}.dozen-analogy>span{background:var(--navy);color:#fff;border-radius:50%;place-items:center;width:84px;height:84px;font:900 39px Georgia,serif;display:grid}.dozen-analogy small{color:var(--blue);letter-spacing:.12em;font-size:11px;font-weight:900}.dozen-analogy p{margin:8px 0 0;font-size:22.5px;line-height:1.8}.accuracy-note{border-left-color:var(--orange);background:#fff8ef}.modern-units{border-top:1px solid #d6e4ec;margin:32px 0}.modern-units>div{border-bottom:1px solid #d6e4ec;grid-template-columns:120px 1fr;gap:20px;padding:20px 0;display:grid}.modern-units dt{color:var(--navy);font:900 20px Noto Serif TC,PMingLiU,serif}.modern-units dd{color:#000;margin:0;font-size:22.5px;line-height:1.75}.inline-formula{color:var(--blue);background:#edf7fc;border-radius:6px;margin-inline:5px;padding:2px 8px;font-family:Georgia,serif;display:inline-block}.article-ending{text-align:center;border-top:1px solid #b9d9e9;border-bottom:1px solid #b9d9e9;margin:47px 0 0;padding:45px 30px}.article-ending strong,.article-ending span{display:block}.article-ending strong{color:var(--navy);font-size:27px}.article-ending span{color:var(--blue);margin-top:8px;font-size:35px;font-weight:900}.article-sources{border-top:1px solid #dce7ed;padding-top:42px}.article-sources h2{font-size:28px}.article-sources ol{padding-left:25px}.article-sources li{color:#000;margin:15px 0;font-size:19.5px;line-height:1.65}.article-sources a{text-underline-offset:3px;text-decoration:underline}.article-sources a:hover{color:var(--blue)}.article-course-cta{background:var(--navy);color:#fff;padding-block:90px}.article-course-cta .shell{justify-content:space-between;align-items:end;gap:50px;display:flex}.article-course-cta span,.article-contact>div>span{color:#77c7f5;letter-spacing:.18em;font-size:10px;font-weight:900}.article-course-cta h2{margin:17px 0 12px;font-size:39px;line-height:1.45}.article-course-cta p{color:#b9cad5;max-width:700px;margin:0;font-size:15px;line-height:1.8}.article-course-cta .primary{color:var(--navy);background:#fff;flex:none}.article-course-cta .primary b{color:var(--blue)}.article-contact{text-align:center;background:linear-gradient(130deg,#f0f9fe,#fff7ef);padding-block:88px}.article-contact h2{color:var(--navy);margin:17px 0 27px;font-size:38px}.article-contact .primary{border:0}@media (width<=1120px){.article-hero{grid-template-columns:1fr;gap:45px;padding-top:55px}.article-hero-visual{max-width:760px}.article-layout{grid-template-columns:minmax(0,850px)}.article-toc{display:none;position:static}.article-course-cta .shell{display:block}.article-course-cta .primary{margin-top:28px}}@media (width<=600px){.article-hero{gap:32px;padding-block:38px 46px}.article-back{margin-bottom:25px}.article-hero h1{font-size:43px;line-height:1.23}.article-deck{font-size:17px;line-height:1.9}.article-meta{gap:8px 13px}.article-meta span+span,.article-meta time{padding-left:13px}.article-hero-visual{border-radius:27px 6px}.article-layout{padding-block:56px 80px}.article-body section{margin-top:72px}.article-body p{font-size:25.5px;line-height:1.8}.article-lead{font-size:28.5px!important}.article-body h2{margin-bottom:24px;font-size:31px}.article-equation{gap:7px;min-height:130px;padding:20px 12px}.article-equation span{font-size:39px}.article-equation strong{font-size:50px}.article-equation>small{font-size:14px}.article-pullquote{margin:36px 0;padding:30px 25px}.article-pullquote strong{font-size:23px}.article-figure img{border-radius:20px 5px}.article-contrast{gap:11px;padding:19px 12px}.article-contrast span{font-size:32px}.metric-panel{grid-template-columns:1fr}.metric-panel>div{padding:20px}.definition-quote{padding:27px 20px}.definition-quote strong{font-size:23px}.three-rulers{grid-template-columns:1fr}.three-rulers article{grid-template-columns:66px 1fr;column-gap:15px;display:grid}.three-rulers span{grid-row:1/3}.three-rulers h3{margin:0}.three-rulers p{margin-top:5px}.dozen-analogy{grid-template-columns:1fr;padding:23px}.dozen-analogy>span{width:67px;height:67px}.modern-units>div{grid-template-columns:1fr;gap:8px}.article-ending{padding-inline:8px}.article-ending strong{font-size:23px}.article-ending span{font-size:29px}.article-course-cta,.article-contact{padding-block:68px}.article-course-cta h2,.article-contact h2{font-size:31px}.article-course-cta .primary,.article-contact .primary{justify-content:space-between;width:100%}}.flytrap-article-page .article-hero-visual{background:linear-gradient(145deg,#edf8f1,#fff6ef)}.flytrap-pullquote:after{content:"!"}.flytrap-old-new{grid-template-columns:1fr 1fr;gap:14px;margin:38px 0;display:grid}.flytrap-old-new article{background:#f7fbf8;border:1px solid #d5e6de;border-radius:21px;padding:28px}.flytrap-old-new article:last-child{background:#eff8fd;border-color:#bcdceb}.flytrap-old-new span{color:#4b8d70;letter-spacing:.15em;font-size:11px;font-weight:900}.flytrap-old-new article:last-child span{color:var(--blue)}.flytrap-old-new h3{margin:14px 0 8px;font-size:25px}.flytrap-old-new p{margin:0;font-size:21px;line-height:1.75}.flytrap-analogy>span{background:#386f59}.flytrap-time-race{background:#f2f8f5;border-radius:24px;gap:27px;margin:40px 0;padding:32px;display:grid}.flytrap-time-race>div{grid-template-columns:1fr auto;align-items:end;gap:8px 24px;display:grid}.flytrap-time-race small{color:#385f4d;font-size:15px;font-weight:800}.flytrap-time-race strong{color:var(--navy);font:900 38px Georgia,serif}.flytrap-time-race strong em{margin-left:4px;font:700 14px Arial,sans-serif}.flytrap-time-race i{background:#5b9a7b;border-radius:999px;grid-column:1/-1;height:10px;display:block}.flytrap-time-race .short-bar{background:var(--orange);width:3%;min-width:14px}.flytrap-snap-sequence,.flytrap-evidence-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin:38px 0;display:grid}.flytrap-snap-sequence article,.flytrap-evidence-grid article{background:#fbfdfb;border:1px solid #d4e4dc;border-radius:18px;padding:26px 22px}.flytrap-snap-sequence span,.flytrap-evidence-grid span{color:#3f7e62;background:#e3f2e9;border-radius:50%;place-items:center;width:36px;height:36px;font:900 13px Georgia,serif;display:grid}.flytrap-snap-sequence b{color:var(--navy);margin-top:19px;font-size:20px;display:block}.flytrap-snap-sequence p,.flytrap-evidence-grid p{margin:9px 0 0;font-size:19.5px;line-height:1.7}.flytrap-evidence-grid article{background:#f5fbfe;border-color:#cee3ed}.flytrap-evidence-grid span{color:var(--blue);background:#deeff8}.flytrap-evidence-grid h3{margin:17px 0 0;font-size:21px}.article-subheading{margin:50px 0 18px;font-size:29px}.balloon-analogy>span{background:var(--blue);font-size:49px}.flytrap-engine{border-top:1px solid #cfe1d7;margin:37px 0}.flytrap-engine article{border-bottom:1px solid #cfe1d7;grid-template-columns:74px 1fr;gap:24px;padding:27px 0;display:grid}.flytrap-engine span{color:#4a896d;font:italic 27px Georgia,serif}.flytrap-engine h3{margin:0;font-size:24px}.flytrap-engine p{margin:7px 0 0;font-size:21px;line-height:1.75}.flytrap-ending span{font-size:31px;line-height:1.55}.flytrap-research-timeline{border-left:2px solid #9fcbb6;margin:38px 0}.flytrap-research-timeline article{grid-template-columns:90px 1fr;gap:22px;padding:8px 0 28px 28px;display:grid;position:relative}.flytrap-research-timeline article:before{content:"";background:#4f9473;border:3px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;top:15px;left:-8px}.flytrap-research-timeline time{color:#3c7b5d;font:900 25px Georgia,serif}.flytrap-research-timeline p{margin:0;font-size:21px;line-height:1.7}.flytrap-conclusion{background:#274f41}@media (width<=600px){.flytrap-article-page .article-hero h1{font-size:36px;line-height:1.3}.flytrap-old-new,.flytrap-snap-sequence,.flytrap-evidence-grid{grid-template-columns:1fr}.flytrap-time-race{padding:24px 20px}.flytrap-time-race>div{grid-template-columns:1fr}.flytrap-time-race strong{font-size:33px}.flytrap-snap-sequence p,.flytrap-evidence-grid p,.flytrap-old-new p,.flytrap-engine p,.flytrap-research-timeline p{font-size:21px}.flytrap-engine article{grid-template-columns:50px 1fr;gap:14px}.flytrap-research-timeline article{grid-template-columns:1fr;gap:6px}.flytrap-ending span{font-size:27px}}.flytrap-mechanism-figure{margin-block:46px 54px}.flytrap-mechanism-figure>img{border:1px solid #d3e5df;box-shadow:0 22px 55px #214b3a12}.flytrap-mechanism-steps{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px;display:grid}.flytrap-mechanism-steps article{background:#f8fbfc;border:1px solid #d5e5ed;border-radius:16px;grid-template-columns:42px 1fr;align-items:start;gap:13px;padding:20px 18px;display:grid}.flytrap-mechanism-steps span{width:38px;height:38px;color:var(--blue);background:#e2f0f8;border-radius:50%;place-items:center;font:900 13px Georgia,serif;display:grid}.flytrap-mechanism-steps strong{color:var(--navy);font-family:Noto Serif TC,Source Han Serif TC,Songti TC,PMingLiU,serif;font-size:18px;line-height:1.55;display:block}.flytrap-mechanism-steps p{color:#294252;margin:7px 0 0;font-size:16px;line-height:1.7}.flytrap-mechanism-steps article:nth-child(2){background:#f5faf7;border-color:#c7dfd2}.flytrap-mechanism-steps article:nth-child(2) span{color:#39785b;background:#dcefe5}.flytrap-mechanism-steps article:nth-child(3){background:#fffaf4;border-color:#eadbc9}.flytrap-mechanism-steps article:nth-child(3) span{color:#b96837;background:#f8e8d7}@media (width<=760px){.flytrap-mechanism-steps{grid-template-columns:1fr;gap:10px}.flytrap-mechanism-steps article{grid-template-columns:48px 1fr;padding:18px}.flytrap-mechanism-steps strong{font-size:20px}.flytrap-mechanism-steps p{font-size:18px}.flytrap-mechanism-figure figcaption{font-size:17px}}.inquiry-dialog{width:min(620px,100% - 28px);color:var(--ink);background:#fff;border:0;border-radius:22px;padding:0;overflow:visible;box-shadow:0 30px 100px #001c2f59}.inquiry-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#061d2db8}.inquiry-dialog>form,.inquiry-success{padding:42px}.inquiry-close{color:#637b8b;z-index:2;background:#fff;border:1px solid #d4e2ea;border-radius:50%;width:35px;height:35px;font-size:23px;line-height:1;position:absolute;top:15px;right:17px}.inquiry-progress{gap:6px;display:flex;position:absolute;top:27px;left:42px}.inquiry-progress span{background:#dbe7ee;border-radius:99px;width:38px;height:3px}.inquiry-progress span.active{background:var(--blue)}.inquiry-kicker{color:var(--blue);letter-spacing:.18em;margin-top:18px;font-size:10px;font-weight:800;display:block}.inquiry-dialog h2{color:var(--navy);margin:12px 0;font-family:Noto Serif TC,Songti TC,PMingLiU,serif;font-size:34px}.inquiry-dialog form>p,.inquiry-success>p{color:var(--muted);margin:0 0 25px;line-height:1.75}.inquiry-dialog label{color:#536b7a;font-size:12px;font-weight:700;display:block}.inquiry-dialog textarea,.inquiry-dialog input{width:100%;color:var(--ink);background:#fbfdff;border:1px solid #cbdde8;border-radius:10px;outline:none;margin-top:8px;padding:14px;font:14px/1.6 Arial,Noto Sans TC,sans-serif;display:block}.inquiry-dialog textarea{resize:vertical}.inquiry-dialog textarea:focus,.inquiry-dialog input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2492df16}.inquiry-fields{grid-template-columns:1fr 1fr;gap:15px;display:grid}.inquiry-fields .full{grid-column:1/-1}.inquiry-next{background:var(--navy);color:#fff;border:0;border-radius:9px;justify-content:space-between;align-items:center;gap:20px;width:100%;margin-top:22px;padding:15px 18px;font-weight:800;display:flex}.inquiry-next span{color:#7ec9f7}.inquiry-next:disabled{opacity:.65}.inquiry-message{border-radius:8px;padding:11px 13px;font-size:12px;color:#915c23!important;background:#fff1e2!important;margin:14px 0 0!important}.inquiry-privacy{color:#8597a3;margin-top:16px;line-height:1.6;display:block}.inquiry-actions{grid-template-columns:auto 1fr;align-items:end;gap:12px;display:grid}.inquiry-back{color:var(--navy);background:#fff;border:1px solid #cfdee7;border-radius:9px;padding:15px 17px;font-weight:700}.inquiry-actions .inquiry-next{margin-top:22px}.inquiry-success{text-align:center}.success-mark{width:58px;height:58px;color:var(--blue);background:#e1f5ff;border-radius:50%;place-items:center;margin:0 auto 18px;font-size:26px;font-weight:900;display:grid}.inquiry-success .inquiry-next{justify-content:center}.footer-inquiry{color:#cfe9f8;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.secondary.inquiry-trigger{background:0 0}.inquiry-trigger{cursor:pointer}@media (width<=600px){.inquiry-dialog>form,.inquiry-success{padding:36px 22px 24px}.inquiry-progress{top:22px;left:22px}.inquiry-dialog h2{font-size:29px}.inquiry-fields{grid-template-columns:1fr}.inquiry-fields .full{grid-column:auto}.inquiry-actions{grid-template-columns:1fr}.inquiry-actions .inquiry-next{margin-top:0}.inquiry-back{margin-top:18px}.inquiry-dialog{max-height:calc(100dvh - 24px);overflow:auto}}.inquiry-entry{cursor:pointer;align-items:center;gap:12px;transition:transform .4s,background-color .4s,border-color .4s,box-shadow .4s;display:inline-flex;position:relative}.inquiry-entry:after{content:"→";color:#7ec9f7;flex:none;font-size:18px;transition:transform .4s}.inquiry-entry:hover,.inquiry-entry:focus-visible{outline:none;transform:translateY(-2px)}.inquiry-entry:hover:after,.inquiry-entry:focus-visible:after{transform:translate(6px)}.footer-inquiry{color:#cfe9f8;text-align:left;background:#102d42;border:1px solid #31536b;border-radius:10px;max-width:310px;padding:11px 14px;line-height:1.55}.footer-inquiry:hover,.footer-inquiry:focus-visible{background:#173c55;border-color:#72bce9;box-shadow:0 10px 26px #0006}.secondary.inquiry-trigger{color:var(--navy);background:#fff;border:1px solid #bed6e6;border-radius:9px;padding:12px 15px}.secondary.inquiry-trigger:hover,.secondary.inquiry-trigger:focus-visible{background:#edf8ff;border-color:#65aade;box-shadow:0 10px 22px #1d6ea714}@media (width<=600px){.footer-inquiry{justify-content:space-between;width:100%;max-width:100%}.secondary.inquiry-trigger{text-align:left;justify-content:space-between;width:100%}}@media (prefers-reduced-motion:reduce){.inquiry-entry,.inquiry-entry:after{transition:none}.inquiry-entry:hover,.inquiry-entry:focus-visible{transform:none}}button,.nav-cta,.primary,.secondary,.grade-picker a,.grade-course-switch a,.booking-list .reply,.mobile-menu summary{will-change:transform;transition:transform .4s,box-shadow .4s,background-color .4s,border-color .4s,color .4s}.nav-cta>span,.primary>span,.primary>b,.course button>span,.submit>span,.inquiry-next>span,.mobile-menu-panel a>strong{transition:transform .4s;display:inline-block}@media (hover:hover) and (pointer:fine){button:not(:disabled):hover,.nav-cta:hover,.primary:hover,.secondary:hover,.grade-picker a:hover,.grade-course-switch a:hover,.booking-list .reply:hover,.mobile-menu summary:hover{transform:translateY(-2px)}.nav-cta:hover,.primary:hover,.submit:hover,.inquiry-next:hover,.pin-form button:hover,.add-slot button:hover,.admin-actions button:hover{box-shadow:0 12px 28px #092d4638}.time:hover,.inquiry-back:hover,.grade-picker a:hover,.grade-course-switch a:hover,.mobile-menu summary:hover{box-shadow:0 9px 22px #1d6ea71f}.inquiry-close:hover{transform:rotate(7deg)scale(1.06);box-shadow:0 7px 18px #092d4624}.admin-slots button:hover{color:#9f3d3d}.booking-list .reply:hover{color:#125fae}.nav-cta:hover>span,.primary:hover>span,.primary:hover>b,.course button:hover>span,.submit:hover>span,.inquiry-next:hover>span,.mobile-menu-panel a:hover>strong{transform:translate(6px)}}button:focus-visible,.nav-cta:focus-visible,.primary:focus-visible,.secondary:focus-visible,.grade-picker a:focus-visible,.grade-course-switch a:focus-visible,.booking-list .reply:focus-visible,.mobile-menu summary:focus-visible{outline-offset:3px;outline:3px solid #78c7f5;transform:translateY(-2px)}.nav-cta:focus-visible>span,.primary:focus-visible>span,.primary:focus-visible>b,.course button:focus-visible>span,.submit:focus-visible>span,.inquiry-next:focus-visible>span,.mobile-menu-panel a:focus-visible>strong{transform:translate(6px)}button:disabled{cursor:not-allowed;box-shadow:none!important;transform:none!important}@media (hover:none){button:hover,.nav-cta:hover,.primary:hover,.secondary:hover,.grade-picker a:hover,.grade-course-switch a:hover,.booking-list .reply:hover,.mobile-menu summary:hover{transform:none}}@media (prefers-reduced-motion:reduce){button,.nav-cta,.primary,.secondary,.grade-picker a,.grade-course-switch a,.booking-list .reply,.mobile-menu summary,.nav-cta>span,.primary>span,.primary>b,.course button>span,.submit>span,.inquiry-next>span,.mobile-menu-panel a>strong{transition:none!important}.nav-cta:hover,.primary:hover,.secondary:hover,button:hover{transform:none!important}}.interactive-tutor-page{min-height:100vh;color:var(--ink);background:#fff}.interactive-tutor-page .nav{border-bottom:1px solid #e5eef4}.interactive-hero{grid-template-columns:1.25fr .75fr;align-items:center;gap:70px;padding-block:78px 92px;display:grid}.interactive-hero h1,.interactive-hero-card strong,.lesson-rail h2,.lesson-complete h2{font-family:Noto Serif TC,Source Han Serif TC,Songti TC,PMingLiU,serif;font-weight:900}.interactive-hero h1{letter-spacing:-.052em;margin:23px 0 25px;font-size:clamp(48px,5vw,70px);line-height:1.2}.interactive-hero h1 em{color:var(--blue);font-style:normal}.interactive-hero>div:first-child>p{color:#536d7d;max-width:720px;margin:0;font-size:18px;line-height:1.9}.interactive-hero-card{background:linear-gradient(145deg,#eef8fd,#fffaf4);border:1px solid #cfe2ed;border-radius:32px 7px;padding:35px;box-shadow:0 25px 70px #123e5b14}.interactive-hero-card>small{color:var(--blue);letter-spacing:.18em;font-size:10px;font-weight:900;display:block}.interactive-hero-card>strong,.interactive-hero-card>span{display:block}.interactive-hero-card>strong{color:var(--navy);margin-top:16px;font-size:39px}.interactive-hero-card>span{color:#607989;margin:5px 0 27px;font-size:18px}.interactive-hero-card>div{border-top:1px solid #cfdee7;grid-template-columns:38px 1fr;align-items:center;gap:12px;padding:17px 0;display:grid}.interactive-hero-card>div>b{background:var(--blue);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font:700 12px Georgia,serif;display:grid}.interactive-hero-card>div>p{color:var(--navy);justify-content:space-between;align-items:center;gap:15px;margin:0;font-weight:800;display:flex}.interactive-hero-card>div em{color:#1766ad;background:#dff3ff;border-radius:99px;padding:5px 9px;font-size:10px;font-style:normal}.interactive-hero-card .locked{opacity:.48}.interactive-hero-card .locked>b{background:#8fa4b0}.interactive-hero-card .locked em{color:#647783;background:#e5eaed}.tutor-workspace{background:linear-gradient(#f1f8fc 0,#f8fbfd 100%);padding-block:70px 115px}.tutor-shell{grid-template-columns:265px minmax(0,820px);justify-content:center;align-items:start;gap:55px;display:grid}.lesson-rail{background:#fff;border:1px solid #d3e4ed;border-radius:18px;padding:27px 24px;position:sticky;top:30px;box-shadow:0 16px 42px #113f5c0c}.lesson-rail>span{color:var(--blue);letter-spacing:.14em;font-size:10px;font-weight:900}.lesson-rail h2{color:var(--navy);margin:11px 0 25px;font-size:28px}.lesson-rail ol{margin:0;padding:0;list-style:none}.lesson-rail li{color:#94a4ae;align-items:center;gap:11px;padding:12px 0;font-size:13px;display:flex;position:relative}.lesson-rail li i{background:#fff;border:2px solid #bed0da;border-radius:50%;width:10px;height:10px}.lesson-rail li.active{color:var(--navy);font-weight:800}.lesson-rail li.active i{border-color:var(--blue);box-shadow:0 0 0 5px #dff2ff}.lesson-rail li.done{color:#497084}.lesson-rail li.done i{border-color:var(--blue);background:var(--blue)}.lesson-progress{background:#e2edf3;border-radius:99px;height:6px;margin-top:25px;overflow:hidden}.lesson-progress span{border-radius:inherit;background:linear-gradient(90deg,var(--blue),#6bbbe8);height:100%;transition:width .7s;display:block}.lesson-rail>small{color:#7b919f;text-align:right;margin-top:8px;font-size:10px;display:block}.tutor-dialogue{min-width:0}.tutor-bubble{grid-template-columns:48px 1fr;align-items:start;gap:15px;margin-bottom:22px;display:grid}.tutor-avatar{background:var(--navy);color:#fff;border-radius:14px 4px;place-items:center;width:46px;height:46px;font:700 23px Georgia,serif;display:grid;box-shadow:0 9px 25px #092d4633}.tutor-bubble>div{background:#fff;border:1px solid #d2e4ed;border-radius:4px 22px 22px;padding:22px 25px;box-shadow:0 13px 36px #123e5b0d}.tutor-bubble small,.student-bubble small{color:var(--blue);letter-spacing:.16em;margin-bottom:8px;font-size:9px;font-weight:900;display:block}.tutor-bubble p{color:#294453;margin:0;font-size:18px;line-height:1.85}.tutor-bubble p+p{margin-top:16px}.tutor-bubble p b{color:var(--navy)}.dialogue-history{opacity:.72}.student-bubble{background:var(--navy);color:#fff;border-radius:19px 4px 19px 19px;width:min(620px,100% - 65px);margin:0 0 26px auto;padding:16px 21px}.student-bubble small{color:#86cff8}.student-bubble p{margin:0;font-size:16px;line-height:1.7}.measure-stage{background:linear-gradient(145deg,#eaf7fe,#fffaf3);border:1px solid #cfe3ee;border-radius:26px 6px;margin:26px 0 24px;position:relative;overflow:hidden;box-shadow:0 18px 45px #123e5b0d}.ruler-stage{place-items:center;min-height:330px;padding:55px;display:grid}.ruler-object{background:linear-gradient(#f7cf79,#e9b95c);border:2px solid #c58d45;border-radius:6px 6px 17px 17px;width:100%;height:150px;position:relative;box-shadow:0 14px 28px #9f6f2830,inset 0 2px #fff9}.ruler-brand{color:#8d5d23;letter-spacing:.12em;font:800 11px Arial,sans-serif;position:absolute;bottom:18px;right:25px}.ruler-ticks{border-top:2px solid #8a5f2a;height:105px;position:absolute;top:0;left:5%;right:5%}.ruler-ticks i{background:#6f4d26;width:1px;position:absolute;top:0;transform:translate(-.5px)}.ruler-ticks .millimetre{height:21px}.ruler-ticks .half{height:34px}.ruler-ticks .centimetre{width:2px;height:51px}.ruler-ticks b{color:#68451f;font:700 14px Arial,sans-serif;position:absolute;top:60px;transform:translate(-50%)}.pencil-stage{height:430px}.zoom-ruler{background:linear-gradient(#f7d483,#eab65a);border:2px solid #b8803c;border-radius:8px 8px 18px 18px;height:185px;position:absolute;bottom:43px;left:7%;right:7%;box-shadow:0 15px 35px #9f6f2828}.ruler-caption{color:#8a5a21;letter-spacing:.12em;font-size:10px;font-weight:900;position:absolute;bottom:19px;right:20px}.zoom-ticks{border-top:2px solid #704b20;height:105px;position:absolute;top:0;left:7%;right:7%}.zoom-ticks i{background:#704b20;width:2px;height:52px;position:absolute;top:0}.zoom-ticks .focus-tick{background:var(--blue);height:77px;box-shadow:0 0 0 4px #dff2ff66}.mark{color:var(--navy);font:900 19px Georgia,serif;position:absolute;top:88px;transform:translate(-50%)}.estimated-zone{background:linear-gradient(90deg,#1f73c914,#f0a24a2e);border-inline:1px dashed #1f73c9;width:12.28%;height:74px;position:absolute;top:2px;left:42.71%}.pencil-object{z-index:2;filter:drop-shadow(0 12px 11px #123e5b30);align-items:center;width:70%;height:47px;animation:1.6s cubic-bezier(.2,.8,.2,1) both pencil-arrives;display:flex;position:absolute;top:84px;left:8%}.pencil-body{background:linear-gradient(#2b82d2 0 30%,#1f73c9 31% 68%,#115aa8 69%);border-block:1px solid #0e5697;flex:1;height:38px}.pencil-eraser{background:#ea868e;border-right:8px solid #b9c4c9;border-radius:8px 0 0 8px;width:47px;height:38px}.pencil-wood{clip-path:polygon(0 0,100% 50%,0 100%);background:#f0c48d;width:61px;height:38px}.pencil-tip{clip-path:polygon(0 0,100% 50%,0 100%);background:#183247;width:14px;height:13px;margin-left:-15px}@keyframes pencil-arrives{0%{opacity:0;transform:translate(-100px,-42px)rotate(-5deg)}70%{opacity:1;transform:translate(8px,3px)rotate(.5deg)}to{opacity:1;transform:none}}.student-answer,.instrument-answer{background:#fff;border:1px solid #c7dce8;border-radius:18px 5px 18px 18px;margin:0 0 22px 63px;padding:21px}.student-answer>label,.instrument-answer label>span{color:#607785;margin-bottom:10px;font-size:12px;font-weight:800;display:block}.student-answer>div:first-of-type{grid-template-columns:1fr auto;gap:10px;display:grid}.student-answer input,.student-answer textarea,.instrument-answer textarea{width:100%;color:var(--navy);resize:vertical;background:#f9fcfe;border:1px solid #bfd4e1;border-radius:9px;outline:none;padding:14px 15px;font-size:16px}.student-answer input:focus,.student-answer textarea:focus,.instrument-answer textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px #dff2ff}.student-answer button,.instrument-answer>button,.tutor-feedback button,.lesson-next,.instrument-feedback button{background:var(--blue);color:#fff;border:0;border-radius:9px;padding:14px 18px;font-weight:800}.student-answer button span,.instrument-answer>button span,.tutor-feedback button span,.lesson-next span,.instrument-feedback button span{margin-left:15px;display:inline-block}.long-answer>textarea{display:block}.answer-actions{justify-content:flex-end;margin-top:11px;grid-template-columns:none!important;display:flex!important}.answer-actions .dont-know{color:#617986;background:#fff;border:1px solid #c8dbe7}.tutor-feedback{border-left:4px solid var(--orange);color:#684a25;background:#fff7eb;border-radius:0 13px 13px 0;margin:0 0 26px 63px;padding:20px 22px}.tutor-feedback.correct{color:#286146;background:#eef9f3;border-left-color:#4a9b73}.tutor-feedback p{margin:0;font-size:15px;line-height:1.75}.tutor-feedback button{margin-top:14px}.value-breakdown{background:#fff;border:1px solid #d1e3ed;border-radius:24px;justify-content:center;align-items:flex-start;min-height:270px;margin:28px 0;padding-top:42px;display:flex;position:relative}.reading-chunk{font:900 74px/1 Georgia,serif;position:relative}.certain-chunk>span{color:var(--navy)}.estimate-chunk>strong{color:var(--orange)}.value-breakdown>em{color:#7b8e99;margin:41px 0 0 10px;font:italic 20px Georgia,serif}.certain-label,.estimate-label{z-index:2;text-align:center;padding-top:25px;font-family:system-ui,-apple-system,Noto Sans TC,sans-serif;line-height:1.4;position:absolute;top:100%;left:50%;transform:translate(-50%)}.certain-label{width:230px}.estimate-label{width:210px}.certain-label:before,.estimate-label:before{content:"";height:2px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.certain-label:before{background:var(--navy);width:190px}.estimate-label:before{background:var(--orange);width:58px}.certain-label b,.certain-label small,.estimate-label b,.estimate-label small{display:block}.certain-label b,.estimate-label b{font-size:16px}.certain-label small,.estimate-label small{color:#748996;margin-top:6px;font-size:11px;line-height:1.5}.estimate-label b{color:#b76731}.concept-rule{background:var(--navy);color:#fff;border-radius:13px;flex-wrap:wrap;justify-content:center;align-items:center;gap:13px;margin:25px 0;padding:19px;font-family:Noto Serif TC,PMingLiU,serif;font-size:20px;font-weight:900;display:flex}.concept-rule b{color:#7fc9f4}.concept-rule .orange{color:#ffc77d}.lesson-next{margin-left:auto;padding:16px 21px;display:flex}.practice-progress{grid-template-columns:repeat(3,1fr);gap:9px;margin:24px 0;display:grid}.practice-progress>span{color:#8094a0;background:#fff;border:1px solid #d0e1ea;border-radius:10px;align-items:center;gap:8px;padding:11px 12px;font-size:12px;font-weight:800;display:flex}.practice-progress>span>b{color:#6c8492;background:#e9f1f5;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;display:grid}.practice-progress>span.active{color:var(--navy);background:#eef8fe;border-color:#75b8e0}.practice-progress>span.active>b{background:var(--blue);color:#fff}.practice-progress>span.done{color:#376c51;background:#f1faf5;border-color:#a9d7bc}.practice-progress>span.done>b{color:#fff;background:#46966d}.practice-visual{background:linear-gradient(145deg,#edf9fe,#fffaf4);border:1px solid #cfe3ee;border-radius:26px 6px;height:405px;margin:20px 0 24px;position:relative;overflow:hidden;box-shadow:0 18px 45px #123e5b0d}.thermometer-glass{background:#fff;border:3px solid #92b6ca;border-radius:18px 18px 5px 5px;width:34px;position:absolute;top:45px;bottom:67px;left:50%;overflow:hidden;transform:translate(-50%)}.thermometer-liquid{background:linear-gradient(90deg,#1784cc,#5eb6e5);border-radius:8px 8px 0 0;height:51.43%;position:absolute;bottom:0;left:7px;right:7px}.thermometer-bulb{background:#238fd0;border:3px solid #92b6ca;border-radius:50%;width:72px;height:72px;position:absolute;bottom:37px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 12px #fff6}.thermometer-scale{z-index:2;width:90px;position:absolute;top:45px;bottom:67px;left:calc(50% + 30px)}.thermometer-scale>span{color:#445f70;align-items:center;gap:9px;font:700 14px Georgia,serif;display:flex;position:absolute;transform:translateY(50%)}.thermometer-scale i{background:#607f91;width:33px;height:2px;display:block}.thermometer-practice>b{color:#6e8795;font-size:15px;position:absolute;top:24px;left:calc(50% + 72px)}.practice-cylinder-vessel{background:#ffffffb8;border:4px solid #7fa9be;border-top:0;border-radius:0 0 24px 24px;width:218px;position:absolute;top:35px;bottom:38px;left:50%;overflow:hidden;transform:translate(-50%)}.practice-cylinder-vessel:before{content:"";z-index:5;background:#fff;border:4px solid #7fa9be;border-radius:50%;width:calc(100% + 8px);height:11px;position:absolute;top:0;left:-4px}.practice-cylinder-water{background:linear-gradient(90deg,#7ad0eb,#42a9d6);height:73%;position:absolute;bottom:0;left:0;right:0;transition:none!important;animation:none!important}.practice-cylinder-water:before{content:"";background:#fff;border-bottom:4px solid #2697ca;border-radius:50%;width:calc(100% + 2px);height:20px;position:absolute;top:-10px;left:-1px;transition:none!important;animation:none!important}.practice-cylinder-vessel>i{z-index:4;background:#315f78;height:1px;position:absolute;right:0}.practice-cylinder-vessel>i.minor{width:24px}.practice-cylinder-vessel>i.middle{width:36px}.practice-cylinder-vessel>i.major{width:55px;height:2px}.cylinder-labels{width:42px;position:absolute;top:35px;bottom:38px;left:calc(50% - 154px)}.cylinder-labels>span{color:#476575;font:700 13px Georgia,serif;position:absolute;right:0;transform:translateY(50%)}.cylinder-practice>b{color:#6e8795;font-size:14px;position:absolute;top:28px;right:calc(50% - 172px)}.practice-ruler-body{background:linear-gradient(#f8d984,#eebd61);border:3px solid #be863e;border-radius:8px 8px 20px 20px;height:170px;position:absolute;top:78px;left:6%;right:6%;box-shadow:0 15px 30px #93631f24}.practice-ruler-ticks{border-top:3px solid #704b20;height:110px;position:absolute;top:0;left:6%;right:6%}.practice-ruler-ticks>i{background:#704b20;width:2px;position:absolute;top:0}.practice-ruler-ticks>i.minor{height:53px}.practice-ruler-ticks>i.major{width:3px;height:80px}.practice-mark-a,.practice-mark-b{color:#5c3d1d;font:900 19px Georgia,serif;position:absolute;top:89px;transform:translate(-50%)}.practice-mark-a{left:6%}.practice-mark-b{left:61%}.practice-pointer{z-index:5;background:var(--blue);border-radius:4px;width:4px;position:absolute;top:-24px;bottom:60px;left:33.5%;box-shadow:0 0 0 6px #dff2ff99}.ruler-practice>p{color:#7d5a2d;letter-spacing:.08em;margin:0;font-size:13px;font-weight:800;position:absolute;bottom:34px;right:7%}.measurement-input{background:#f9fcfe;border:1px solid #bfd4e1;border-radius:9px;grid-template-columns:1fr auto;align-items:center;display:grid;overflow:hidden}.measurement-input:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px #dff2ff}.measurement-input>input{box-shadow:none!important;border:0!important;border-radius:0!important}.measurement-input>span{color:#557080;padding:0 16px;font-size:17px;font-weight:900}.practice-feedback p{font-size:17px;line-height:1.8}.instrument-answer{grid-template-columns:1fr 1fr;gap:14px;display:grid}.instrument-answer label{display:block}.instrument-answer>button{grid-column:1/-1;justify-self:end}.instrument-feedback{margin-top:25px}.instrument-feedback .tutor-bubble>div{background:#f4fbf7;border-color:#a8d4bb}.instrument-feedback .tutor-bubble p{font-size:15px}.instrument-analysis-list{gap:10px;margin:16px 0;display:grid}.instrument-analysis-card{background:#fff;border:1px solid #c9dfd2;border-radius:12px;padding:15px 16px}.instrument-analysis-card>b{color:#2e6d4d;margin-bottom:6px;font-size:13px;display:block}.instrument-analysis-card>p{color:#3f5f50!important;margin:0!important;line-height:1.7!important}.instrument-analysis-card.revise{background:#fffaf1;border-color:#efca9a}.instrument-analysis-card.revise>b{color:#9a5d13}.instrument-analysis-card.revise>p{color:#6e512f!important}.instrument-analysis-card.clarify{background:#f6fbfe;border-color:#b9d7e8}.instrument-analysis-card.clarify>b{color:#286d97}.instrument-analysis-card.clarify>p{color:#3f6175!important}.measurement-principle,.definition-summary{background:#e4f4eb;border-radius:12px;gap:8px;margin:18px 0;padding:17px;display:grid}.measurement-principle b,.definition-summary>b{color:#2e6d4d;font-size:13px}.measurement-principle span{color:#37614d;font-size:13px;line-height:1.55}.definition-summary p{color:#315542!important;margin:0!important;line-height:1.75!important}.definition-summary strong{color:#174f35}.instrument-feedback button{margin-top:5px}.lesson-complete{text-align:center;background:#fff;border:1px solid #cfe1ea;border-radius:32px 7px;padding:55px 50px;box-shadow:0 20px 55px #123e5b12}.lesson-complete>span{color:#2f8559;background:#e4f6ec;border-radius:50%;place-items:center;width:68px;height:68px;margin:0 auto 18px;font-size:31px;display:grid}.lesson-complete>small{color:var(--blue);letter-spacing:.18em;font-weight:900}.lesson-complete h2{color:var(--navy);margin:16px 0;font-size:41px;line-height:1.45}.lesson-complete>p{color:#5a7281;max-width:610px;margin:0 auto;font-size:17px;line-height:1.85}.lesson-complete>div{justify-content:center;gap:15px;margin-top:30px;display:flex}.lesson-complete>div>button{color:var(--navy);background:#fff;border:1px solid #c5d8e4;border-radius:9px;padding:15px 20px}.instrument-answer>button:disabled,.student-answer button:disabled{cursor:wait;opacity:.72;transform:none!important}.ai-feedback-copy{color:#173e2d;font-size:20px;line-height:1.95}.ai-feedback-copy p{color:inherit!important;font-size:inherit!important;line-height:inherit!important;margin:0!important}.ai-feedback-copy p+p{margin-top:18px!important}.ai-feedback-copy strong{color:#0e5f9f;font-weight:900}.ai-turn-history{margin-top:26px}.ai-turn-history .tutor-bubble>div{background:#f4fbf7;border-color:#a8d4bb}.ai-follow-up-question{border-left:4px solid var(--blue);background:#eaf6fd;border-radius:0 10px 10px 0;padding:16px 18px;color:#163f5a!important;margin-top:18px!important;font-size:19px!important;line-height:1.75!important}.ai-follow-up-form{border-color:#a8ccdf;box-shadow:0 13px 36px #123e5b0b}.instrument-ai-error{color:#74401f;background:#fff5ed;border-left:4px solid #c66a32;border-radius:0 13px 13px 0;margin:0 0 24px 63px;padding:18px 20px}.instrument-ai-error p{margin:0;font-size:15px;line-height:1.7}.instrument-ai-error button{color:#8b4b24;background:#fff;border:1px solid #d99a71;border-radius:8px;margin-top:11px;padding:10px 14px;font-weight:800}@media (width<=1000px){.interactive-hero{grid-template-columns:1fr;gap:40px}.interactive-hero-card{max-width:670px}.tutor-shell{grid-template-columns:1fr}.lesson-rail{position:static}.lesson-rail ol{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.lesson-rail li{text-align:center;justify-items:center;display:grid}.lesson-progress{margin-top:18px}}@media (width<=700px){.interactive-hero{padding-block:48px 65px}.interactive-hero h1{font-size:40px;line-height:1.28}.interactive-hero>div:first-child>p{font-size:16px}.interactive-hero-card{padding:25px 21px}.interactive-hero-card>strong{font-size:32px}.tutor-workspace{padding-block:44px 80px}.tutor-shell{gap:30px}.lesson-rail{padding:21px 16px}.lesson-rail h2{font-size:24px}.lesson-rail ol{grid-template-columns:1fr 1fr}.lesson-rail li{justify-items:initial;text-align:left;display:flex}.tutor-bubble{grid-template-columns:38px 1fr;gap:10px}.tutor-avatar{width:38px;height:38px;font-size:19px}.tutor-bubble>div{padding:18px 17px}.tutor-bubble p{font-size:16px}.measure-stage{border-radius:20px 5px}.ruler-stage{min-height:235px;padding:25px 18px}.ruler-object{height:125px}.ruler-ticks b{font-size:10px}.ruler-brand{font-size:8px}.pencil-stage{height:315px}.pencil-object{width:77%;height:34px;top:55px;left:3%}.pencil-body,.pencil-eraser,.pencil-wood{height:28px}.pencil-eraser{border-right-width:6px;width:34px}.pencil-wood{width:43px}.pencil-tip{height:10px}.zoom-ruler{height:145px;bottom:28px;left:4%;right:4%}.zoom-ticks{left:5%;right:5%}.mark{font-size:15px;top:82px}.ruler-caption{font-size:8px}.student-answer,.instrument-answer,.tutor-feedback,.instrument-ai-error{margin-left:48px;padding:16px}.student-answer>div:first-of-type{grid-template-columns:1fr}.student-answer button{width:100%}.answer-actions{grid-template-columns:1fr 1fr!important;display:grid!important}.instrument-answer{grid-template-columns:1fr}.instrument-answer>button{grid-column:auto;width:100%}.value-breakdown{min-height:235px;padding-top:38px}.reading-chunk{font-size:58px}.certain-label{width:170px}.estimate-label{width:155px}.certain-label:before{width:135px}.estimate-label:before{width:44px}.certain-label b,.estimate-label b{font-size:14px}.certain-label small,.estimate-label small{font-size:10px}.practice-progress{grid-template-columns:1fr}.practice-visual{height:350px}.thermometer-glass,.thermometer-scale{top:42px;bottom:62px}.thermometer-bulb{bottom:32px}.practice-cylinder-vessel{width:180px;top:32px;bottom:35px}.cylinder-labels{top:32px;bottom:35px;left:calc(50% - 132px)}.cylinder-practice>b{right:calc(50% - 142px)}.practice-ruler-body{height:165px;top:65px}.practice-mark-a,.practice-mark-b{font-size:16px}.ruler-practice>p{font-size:11px;bottom:35px}.concept-rule{font-size:17px}.ai-feedback-copy{font-size:18px;line-height:1.9}.ai-follow-up-question{font-size:17px!important}.lesson-complete{padding:38px 20px}.lesson-complete h2{font-size:31px}.lesson-complete>div{flex-direction:column}.lesson-complete .primary{justify-content:space-between}}.practice-cylinder-water:before{width:calc(100% + 2px);height:8px;box-shadow:none;background:#f8fdff;border:0;border-bottom:1px solid #278fbe;border-radius:0 0 50% 50%;top:-8px;left:-1px}.cylinder-labels{width:42px;left:calc(50% + 122px)}.cylinder-labels>span{align-items:center;height:16px;font-size:13px;line-height:1;display:flex;left:0;right:auto;transform:translateY(50%)}.cylinder-labels>span:before{content:"";background:#315f78;width:55px;height:2px;position:absolute;right:calc(100% + 8px)}.cylinder-practice>b{right:calc(50% - 188px)}@media (width<=700px){.cylinder-labels{left:calc(50% + 103px)}.cylinder-practice>b{right:calc(50% - 169px)}}@media (prefers-reduced-motion:reduce){.pencil-object{animation:none}.lesson-progress span{transition:none}}.pencil-object{width:42%;left:8%}.mark-a{left:43.86%}.mark-b{left:56.14%}.estimated-zone{width:12.28%;left:43.86%}@media (width<=700px){.pencil-object{width:44%;left:6%}}.lesson-focus-anchor{scroll-margin-top:24px}.interactive-view-counter{color:#607987;background:#ffffffc7;border:1px solid #c9deeb;border-radius:999px;align-items:baseline;gap:12px;margin-top:22px;padding:10px 16px;display:inline-flex;box-shadow:0 9px 28px #143b560b}.interactive-view-counter span{letter-spacing:.08em;font-size:13px;font-weight:800}.interactive-view-counter strong{color:var(--blue);font:900 24px/1 Georgia,Noto Serif TC,serif}.next-unit-card{border-top:1px solid #cfdee7;align-items:center;gap:12px;padding:17px 0;grid-template-columns:38px 1fr!important;display:grid!important}.next-unit-card>b{background:var(--blue);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font:700 12px Georgia,serif;display:grid}.next-unit-card>p{color:var(--navy);justify-content:space-between;align-items:center;gap:15px;margin:0;font-weight:800;display:flex}.next-unit-card em{color:#1766ad;background:#dff3ff;border-radius:99px;padding:5px 9px;font-size:10px;font-style:normal}.next-unit-card:hover{color:var(--blue)}.mass-unit-hero{padding-block:72px 82px}.mass-unit-hero h1{font-family:Noto Serif TC,PMingLiU,serif;font-weight:900}.mass-unit-hero>p{color:#587080;max-width:650px;font-size:19px;line-height:1.8}.mass-unit-shell{grid-template-columns:265px minmax(0,820px);justify-content:center;align-items:start;gap:55px;display:grid}.back-unit{color:#6d8493;margin-top:24px;font-size:12px;font-weight:800;display:block}.back-unit:hover{color:var(--blue)}.space-lab,.scene-visual{position:relative;overflow:hidden}.space-lab{background:radial-gradient(circle at 23% 27%,#284e73 0 1px,#0000 2px),radial-gradient(circle at 72% 18%,#fff 0 1px,#0000 2px),radial-gradient(circle at 61% 74%,#5ba7da 0 1px,#0000 2px),linear-gradient(145deg,#061a2d,#0d3150 62%,#143f60);border-radius:28px 6px;height:390px}.star{background:#fff;border-radius:50%;width:4px;height:4px;position:absolute;box-shadow:0 0 9px #fff}.star-a{top:18%;left:17%}.star-b{top:32%;right:14%}.star-c{bottom:16%;left:42%}.iron-ball,.ping-pong{color:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;box-shadow:inset -15px -17px 24px #0007,0 15px 30px #0005}.iron-ball{background:radial-gradient(circle at 31% 28%,#b9c7ce,#536a76 43%,#263d49);width:112px;height:112px;top:42%;left:31%}.ping-pong{color:#5f3b1e;background:radial-gradient(circle at 30% 25%,#fff,#e3a85b 58%,#ba6e31);width:58px;height:58px;top:49%;left:68%}.iron-ball span,.ping-pong span{font-size:11px;font-weight:900}.iron-ball b,.ping-pong b{font:900 18px Georgia,serif}.push-hand{z-index:2;color:#184669;background:#ffffffde;border-radius:8px;padding:9px 12px;font-size:12px;font-weight:900;position:absolute;top:51%;left:7%}.push-hand span{color:var(--blue);margin-left:8px;font-size:21px;display:inline-block}.is-moving .iron-ball{animation:4.2s ease-in-out infinite heavy-push}.is-moving .ping-pong{animation:4.2s ease-in-out infinite light-push}.motion-line{background:#83cef7;height:2px;position:absolute;top:57%}.line-heavy{width:40px;left:45%}.line-light{width:105px;left:77%}.mass-choice{grid-template-columns:1fr 1fr;gap:13px;margin:20px 0 24px;display:grid}.mass-choice button{color:var(--navy);background:#fff;border:1px solid #cbdde8;border-radius:13px;justify-content:space-between;align-items:center;padding:20px;display:flex}.mass-choice button.selected{border-color:var(--blue);background:#eaf7ff;box-shadow:0 0 0 3px #d2edfc}.mass-choice b{font-size:19px}.mass-choice span{color:#6e8795}.mass-animation{background:#fff;border:1px solid #cfe2ed;border-radius:30px 7px;overflow:hidden;box-shadow:0 22px 55px #143b5612}.scene-visual{height:410px}.scene-visual>.space-lab{border-radius:0;height:100%}.scene-copy{min-height:245px;padding:30px 35px 35px}.scene-copy>small{color:var(--blue);letter-spacing:.15em;font-size:11px;font-weight:900}.scene-copy h2{color:var(--navy);margin:13px 0;font:900 30px/1.45 Noto Serif TC,PMingLiU,serif;animation:.8s both copy-reveal}.scene-copy p{color:#526e7e;margin:0;font-size:17px;line-height:1.9;animation:1.1s .25s both copy-reveal}.mass-definition{background:radial-gradient(circle,#edf8ff,#dceefa);place-items:center;height:100%;display:grid}.mass-definition .iron-ball{width:145px;height:145px;animation:5s ease-in-out infinite mass-orbit;position:relative;top:auto;left:auto}.mass-definition>strong{color:var(--blue);background:#fff;border-radius:999px;padding:11px 17px;position:absolute;bottom:40px;box-shadow:0 12px 28px #123e5b1a}.gravity-scene{background:linear-gradient(#9ddcff 0 69%,#d9f4ff 70%);height:100%;position:relative;overflow:hidden}.gravity-scene.air,.gravity-scene.moon{background:radial-gradient(circle at 72% 20%,#163d61 0 2px,#0000 3px),linear-gradient(#06182b,#123853 72%,#2c536a)}.scene-space-stars{display:none}.air .scene-space-stars,.moon .scene-space-stars{display:block}.scene-space-stars i{background:#fff;border-radius:50%;width:3px;height:3px;position:absolute;box-shadow:0 0 8px #fff}.scene-space-stars i:first-child{top:15%;left:12%}.scene-space-stars i:nth-child(2){top:34%;left:34%}.scene-space-stars i:nth-child(3){top:12%;right:20%}.scene-space-stars i:nth-child(4){top:48%;right:8%}.planet{z-index:1;background:radial-gradient(circle at 48% 25%,#55bfea,#1678b7 58%,#095788);border-radius:50%;width:520px;height:330px;position:absolute;bottom:-150px;left:-7%;overflow:hidden;box-shadow:0 -12px 38px #38a9dd66}.earth-land i{background:#58a85b;border-radius:55% 45% 60% 40%;position:absolute;box-shadow:inset -8px -5px #347c45}.earth-land i:first-child{width:150px;height:78px;top:34px;left:68px;transform:rotate(10deg)}.earth-land i:nth-child(2){width:105px;height:58px;top:72px;left:243px;transform:rotate(-16deg)}.earth-land i:nth-child(3){width:72px;height:94px;top:30px;left:355px;transform:rotate(28deg)}.planet span{z-index:2;color:#126795;background:#ffffffd9;border-radius:999px;padding:7px 13px;font-size:13px;font-weight:900;position:absolute;top:36px;left:210px}.moon .planet{background:radial-gradient(circle at 48% 22%,#d7dadd,#9ba2a7 56%,#646c72);bottom:-142px;left:-8%;box-shadow:0 -8px 30px #fff3}.moon .planet span{color:#586168}.moon-craters i{background:#858d93;border-radius:50%;position:absolute;box-shadow:inset 7px 6px #737b81,inset -5px -4px #c3c8cb}.moon-craters i:first-child{width:78px;height:42px;top:35px;left:70px}.moon-craters i:nth-child(2){width:48px;height:27px;top:76px;left:190px}.moon-craters i:nth-child(3){width:92px;height:55px;top:30px;left:290px}.moon-craters i:nth-child(4){width:42px;height:24px;top:95px;left:405px}.moon-craters i:nth-child(5){width:66px;height:35px;top:126px;left:135px}.air .planet{width:650px;height:370px;animation:7s ease-in-out both earth-pull-away;bottom:-222px;left:-18%}.air .gravity-ball{animation:7s ease-in-out both ball-climb}.air .gravity-arrow{animation:7s ease-in-out both gravity-weaken}.air .weight-readout{animation:7s ease-in-out both readout-arrive}.gravity-ball{z-index:3;color:#fff;background:radial-gradient(circle at 31% 28%,#c6d1d6,#506a78 50%,#233c48);border-radius:50%;place-items:center;width:105px;height:105px;display:grid;position:absolute;top:58px;left:42%;box-shadow:inset -13px -15px 20px #0007,0 15px 25px #123e5b33}.gravity-ball span{font-size:10px}.gravity-ball strong{font:900 21px Georgia,serif}.gravity-arrow{z-index:2;color:#d8732d;height:105px;position:absolute;top:167px;left:calc(42% + 43px)}.gravity-arrow i{background:#e48138;border-radius:99px;width:8px;height:78px;display:block}.gravity-arrow i:after{content:"";border:12px solid #0000;border-top-color:#e48138;position:absolute;bottom:18px;left:-8px}.gravity-arrow b{white-space:nowrap;position:absolute;top:29px;left:18px}.weight-readout{z-index:4;color:#5b7483;background:#fffffff0;border-radius:14px;gap:5px;padding:18px 20px;display:grid;position:absolute;top:38%;right:6%;box-shadow:0 15px 35px #123e5b1c}.weight-readout strong{color:var(--navy);font:900 25px Georgia,serif}.weight-readout span{color:#d06f30;font-size:11px;font-weight:900}.airplane{z-index:2;color:#d9edf7;font-size:49px;animation:7s ease-in-out both airplane-fly;position:absolute;top:37%;left:18%;transform:rotate(-8deg)}.altitude-guide{z-index:2;color:#fff;border-left:2px dashed #fff9;width:2px;height:105px;position:absolute;bottom:80px;left:25%}.altitude-guide:after{content:"";border:6px solid #0000;border-bottom-color:#fff;position:absolute;top:-3px;left:-7px}.altitude-guide span{width:110px;font-size:12px;font-weight:800;position:absolute;top:30px;left:14px}.moon .gravity-ball{animation:3.8s ease-out both moon-ball-settle}.moon .gravity-arrow{animation:5.2s ease-out both moon-gravity}.concept-compare{background:linear-gradient(145deg,#eaf7fe,#fff8ed);grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;height:100%;padding:45px;display:grid}.concept-compare>div{text-align:center;background:#fff;border:1px solid #cfe0e9;border-radius:18px;gap:10px;padding:28px;display:grid}.concept-compare small{color:var(--blue);letter-spacing:.13em;font-weight:900}.concept-compare strong{color:var(--navy);font:900 32px Georgia,serif}.concept-compare span{color:#607986;font-size:13px;line-height:1.6}.concept-compare>i{color:var(--orange);font-size:32px;font-style:normal}.scene-controls{justify-content:space-between;align-items:center;margin:18px 4px;display:flex}.scene-controls>div{gap:8px;display:flex}.scene-controls button{background:#d5e4ec;border:0;border-radius:999px;width:28px;height:7px;padding:0}.scene-controls button.done{background:#82bbde}.scene-controls button.active{background:var(--blue);width:48px}.scene-controls>span{color:#738c9b;font-size:12px;font-weight:800}.animation-finish{margin-top:12px}.mass-weight-page .instrument-feedback{margin-top:0}@keyframes heavy-push{0%,18%{transform:translate(0)}55%,to{transform:translate(34px)}}@keyframes light-push{0%,18%{transform:translate(0)}55%,to{transform:translate(105px)}}@keyframes copy-reveal{0%{opacity:0;filter:blur(4px);transform:translateY(13px)}to{opacity:1;filter:none;transform:none}}@keyframes mass-orbit{0%,to{transform:translateY(0)}50%{transform:translateY(-13px)}}@keyframes earth-pull-away{0%,18%{transform:scale(1.35)translate(10%,18%)}65%,to{transform:scale(.78)translate(-10%,19%)}}@keyframes ball-climb{0%,18%{transform:translate(-70px,170px)scale(.92)}65%,to{transform:translate(35px,-18px)scale(.76)}}@keyframes gravity-weaken{0%,18%{opacity:1;transform:translate(-70px,155px)scaleY(1)}65%,to{opacity:.72;transform:translate(35px,-22px)scaleY(.55)}}@keyframes readout-arrive{0%,48%{opacity:0;transform:translateY(14px)}70%,to{opacity:1;transform:none}}@keyframes airplane-fly{0%,25%{opacity:0;transform:translate(-55px,35px)rotate(-8deg)}48%,to{opacity:1;transform:translate(0)rotate(-8deg)}}@keyframes moon-ball-settle{0%{opacity:.3;transform:translateY(-95px)}62%,to{opacity:1;transform:translateY(58px)}}@keyframes moon-gravity{0%,32%{opacity:0;transform:translateY(-50px)scaleY(.4)}70%,to{opacity:1;transform:translateY(58px)scaleY(.48)}}@media (width<=1000px){.mass-unit-shell{grid-template-columns:1fr}.mass-unit-shell .lesson-rail{position:static}}@media (width<=700px){.mass-unit-hero{padding-block:45px 60px}.mass-unit-hero h1{font-size:42px}.space-lab,.scene-visual{height:330px}.iron-ball{width:92px;height:92px;left:24%}.ping-pong{width:50px;height:50px;left:67%}.push-hand{top:26%;left:3%}.mass-choice{grid-template-columns:1fr}.scene-copy{min-height:285px;padding:25px 21px}.scene-copy h2{font-size:24px}.scene-copy p{font-size:16px}.gravity-ball{width:88px;height:88px;left:45%}.gravity-arrow{top:145px;left:calc(45% + 36px)}.weight-readout{padding:12px;top:63%;right:3%}.weight-readout strong{font-size:19px}.concept-compare{grid-template-columns:1fr;gap:8px;padding:20px}.concept-compare>i{font-size:24px}.concept-compare>div,.mass-choice button{padding:17px}}@media (prefers-reduced-motion:reduce){.is-moving .iron-ball,.is-moving .ping-pong,.mass-definition .iron-ball,.scene-copy h2,.scene-copy p,.air .planet,.air .gravity-ball,.air .gravity-arrow,.air .weight-readout,.airplane,.moon .gravity-ball,.moon .gravity-arrow{animation:none}}.volume-animation{background:#fff;border:1px solid #cfe2ed;border-radius:30px 7px;overflow:hidden;box-shadow:0 22px 55px #143b5612}.volume-scene-visual{background:linear-gradient(145deg,#eaf7ff,#fffaf0);height:440px;position:relative;overflow:hidden}.volume-space-grid{perspective:700px;background-image:linear-gradient(#65a9d51b 1px,#0000 1px),linear-gradient(90deg,#65a9d51b 1px,#0000 1px);background-size:40px 40px;height:100%;position:relative}.volume-cube{width:122px;height:122px;transform-style:preserve-3d;animation:5.5s ease-out both cube-enter;position:absolute;top:35%;left:43%;transform:rotateX(-9deg)rotateY(-18deg)}.volume-cube i{background:#2f83c3cc;border:3px solid #0d527f;display:block;position:absolute}.cube-front{inset:0}.cube-top{transform-origin:bottom;width:122px;height:42px;top:-42px;left:0;transform:skew(-45deg);background:#78bde9!important}.cube-side{transform-origin:0;width:42px;height:122px;top:-21px;right:-42px;transform:skewY(-45deg);background:#1f679dcc!important}.space-brackets{border:2px dashed #df8436;border-radius:17px;width:250px;height:210px;animation:5.5s 1s both bracket-reveal;position:absolute;top:28%;left:calc(43% - 55px)}.space-brackets span{color:#be6828;background:#fff;border-radius:999px;padding:8px 12px;font-weight:900;position:absolute;bottom:12px;right:12px}.shape-field{height:100%;position:relative}.shape-sphere,.shape-cube,.shape-stone{filter:drop-shadow(0 17px 16px #173c552c);position:absolute;top:34%}.shape-sphere{background:radial-gradient(circle at 30% 25%,#9ad8f5,#247bb7 58%,#0f4f7e);border-radius:50%;width:105px;height:105px;left:15%}.shape-cube{clip-path:polygon(22% 0,100% 18%,100% 83%,76% 100%,0 80%,0 18%);background:linear-gradient(135deg,#f5bd63,#d87931);width:105px;height:105px;left:44%}.shape-stone{background:radial-gradient(circle at 32% 25%,#aebbc2,#526b78 65%,#344b56);border-radius:54% 42% 48% 38%;width:125px;height:102px;right:13%;transform:rotate(-8deg)}.shape-labels{color:#536f7e;justify-content:space-between;font-size:13px;font-weight:900;display:flex;position:absolute;top:65%;left:11%;right:9%}.shape-field>strong{color:var(--blue);white-space:nowrap;background:#fff;border-radius:999px;padding:10px 17px;position:absolute;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 12px 28px #123e5b1a}.volume-cylinder-scene{width:min(100%,640px);height:100%;margin:auto;position:relative}.volume-cylinder{border:4px solid var(--navy);background:#ffffff79;border-top:0;border-radius:0 0 25px 25px;width:165px;height:275px;position:absolute;top:74px;left:27%;overflow:hidden;box-shadow:inset 7px 0 #fff8}.volume-cylinder:before,.volume-cylinder:after{content:"";z-index:8;background:var(--navy);border-radius:99px;width:36px;height:4px;position:absolute;top:0}.volume-cylinder:before{left:0}.volume-cylinder:after{right:0}.volume-water{background:linear-gradient(90deg,#69bee8,#a4e1f8 50%,#61b4df);height:112px;position:absolute;bottom:0;left:0;right:0}.volume-water i{background:#b8ebff;border:2px solid #4ba6d3;border-radius:50%;height:14px;position:absolute;top:-7px;left:-2px;right:-2px}.displaced-water{opacity:0;background:repeating-linear-gradient(135deg,#ffad4e80 0 8px,#ffca7c66 8px 16px);border-top:2px dashed #df7e1e;height:58px;position:absolute;bottom:112px;left:0;right:0}.volume-scale{z-index:7;flex-direction:column;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;top:18px;bottom:18px;right:5px}.volume-scale i{background:#315d77;width:18px;height:1px}.volume-scale i:nth-child(odd){width:29px}.level{z-index:9;color:#607a89;background:#fff;border-radius:5px;padding:4px 7px;font:800 12px Georgia,serif;position:absolute;left:7px}.level-before{bottom:105px}.level-after{color:var(--blue);opacity:0;bottom:163px}.volume-cylinder-base{background:var(--navy);border-radius:50%;width:215px;height:16px;position:absolute;top:345px;left:calc(27% - 25px);box-shadow:0 9px #b6dbea}.volume-object{z-index:11;color:#fff;background:radial-gradient(circle at 30% 25%,#b9c6cd,#536b77 58%,#29424f);border-radius:45% 55% 48% 52%;place-items:center;width:58px;height:58px;display:grid;position:absolute;top:9px;left:calc(27% + 54px);box-shadow:inset -8px -9px 13px #0005}.volume-object i{background:#526d7d;width:2px;height:30px;position:absolute;top:-28px}.volume-object b{font-size:10px}.submerged-object{z-index:4;opacity:0;background:#5e717bd9;border-radius:45% 55% 48% 52%;width:58px;height:58px;position:absolute;bottom:20px;left:53px}.volume-rise-mark{color:#ce6e22;font-size:14px;font-weight:900;position:absolute;top:170px;left:62%}.volume-rise-mark i{border-top:2px solid #df7e1e;border-bottom:2px solid #df7e1e;border-left:2px solid #df7e1e;width:10px;height:58px;position:absolute;top:-16px;right:calc(100% + 10px)}.volume-equation{color:#667f8d;background:#fff;border-radius:13px;align-items:center;gap:8px;padding:13px 17px;font-size:15px;font-weight:800;display:flex;position:absolute;bottom:24px;right:2%;box-shadow:0 14px 35px #19547a17}.volume-equation strong{color:var(--blue)}.volume-equation em{color:#d77818;font-size:18px;font-style:normal}.is-dropped .volume-object{animation:7s ease-in-out both volume-object-drop}.is-dropped .submerged-object{animation:7s both submerged-reveal}.is-dropped .volume-water{animation:7s ease-in-out both volume-water-rise}.is-dropped .displaced-water{animation:7s ease-in-out both displaced-reveal}.is-dropped .level-before{animation:7s both old-level-fade}.is-dropped .level-after,.is-dropped .volume-rise-mark,.is-dropped .volume-equation{animation:7s both volume-result-reveal}.volume-page .instrument-feedback{margin-top:0}@keyframes cube-enter{0%{opacity:0;transform:translateY(-55px)scale(.75)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes bracket-reveal{0%{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}@keyframes volume-object-drop{0%,18%{transform:translateY(0)}60%,to{opacity:0;transform:translateY(245px)}}@keyframes submerged-reveal{0%,48%{opacity:0}63%,to{opacity:1}}@keyframes volume-water-rise{0%,46%{height:40%}72%,to{height:55%}}@keyframes displaced-reveal{0%,46%{opacity:0}72%,to{opacity:1}}@keyframes old-level-fade{0%,52%{opacity:1}72%,to{opacity:.25}}@keyframes volume-result-reveal{0%,63%{opacity:0}82%,to{opacity:1}}@media (width<=700px){.volume-scene-visual{height:400px}.volume-cube{left:33%;transform:scale(.8)rotateX(-9deg)rotateY(-18deg)}.space-brackets{width:225px;left:21%}.shape-sphere{width:78px;height:78px;left:8%}.shape-cube{width:78px;height:78px;left:41%}.shape-stone{width:88px;height:75px;right:7%}.shape-labels{font-size:10px;left:5%;right:4%}.volume-cylinder-scene{transform-origin:top;width:500px;margin-left:calc(50% - 250px);transform:scale(.82)}.volume-equation{font-size:12px;right:7%}.volume-rise-mark{left:65%}}@media (prefers-reduced-motion:reduce){.volume-cube,.space-brackets,.is-dropped .volume-object,.is-dropped .submerged-object,.is-dropped .volume-water,.is-dropped .displaced-water,.is-dropped .level-before,.is-dropped .level-after,.is-dropped .volume-rise-mark,.is-dropped .volume-equation{animation:none}.is-dropped .volume-object{opacity:0}.is-dropped .submerged-object,.is-dropped .displaced-water,.is-dropped .level-after,.is-dropped .volume-rise-mark,.is-dropped .volume-equation{opacity:1}.is-dropped .volume-water{height:170px}}.volume-space-grid{perspective:none}.volume-cube{transform-style:flat;filter:drop-shadow(0 20px 18px #173c5530);width:180px;height:180px;top:25%;left:calc(50% - 90px);transform:none}.volume-cube i{border:0;width:auto;height:auto;inset:0;transform:none}.volume-cube .cube-top{clip-path:polygon(50% 0,100% 25%,50% 50%,0 25%);background:#8bc9ee!important}.volume-cube .cube-front{clip-path:polygon(0 25%,50% 50%,50% 100%,0 75%);background:#347fb9!important}.volume-cube .cube-side{clip-path:polygon(50% 50%,100% 25%,100% 75%,50% 100%);background:#155d93!important}.volume-cube:after{display:none}.space-brackets{width:274px;height:260px;top:18%;left:calc(50% - 137px)}@media (width<=700px){.volume-cube{width:156px;height:156px;top:25%;left:calc(50% - 78px);transform:none}.space-brackets{width:224px;height:230px;top:18%;left:calc(50% - 112px)}}.density-lab{background:#fff;border:1px solid #bdd8e9;border-radius:30px 8px;overflow:hidden;box-shadow:0 24px 60px #143b5615}.density-lab-header{background:linear-gradient(135deg,#eaf7ff,#fffaf1);justify-content:space-between;align-items:end;gap:28px;padding:30px 32px 26px;display:flex}.density-lab-header small,.density-lab-complete small{color:var(--blue);letter-spacing:.16em;font-size:11px;font-weight:900}.density-lab-header h2{color:var(--navy);margin:7px 0 5px;font-family:Georgia,Noto Serif TC,serif;font-size:34px}.density-lab-header p{color:#5f7889;margin:0;line-height:1.7}.density-lab-progress{background:#cfe3ef;border-radius:999px;width:220px;height:9px;overflow:hidden}.density-lab-progress span{border-radius:inherit;background:linear-gradient(90deg,var(--orange),#ffd18a);width:0;height:100%;transition:width .45s;display:block}.density-lab-mission{color:#fff;background:var(--navy);justify-content:space-between;align-items:center;gap:20px;padding:16px 32px;display:flex}.density-lab-mission b{font-size:18px}.density-lab-mission span{color:#b9d9ec;font-size:13px}.density-lab-layout{grid-template-columns:205px minmax(0,1fr);display:grid}.density-object-tray{background:#f4faff;border-right:1px solid #d7e6f0;padding:24px 18px}.density-object-tray>small{color:#6b8292;letter-spacing:.1em;margin-bottom:14px;font-size:11px;font-weight:900;display:block}.density-object-card{width:100%;min-height:160px;color:var(--navy);cursor:grab;background:#fff;border:2px solid #0000;border-radius:20px;place-items:center;margin-bottom:13px;padding:17px;transition:all .2s;display:grid;position:relative;box-shadow:0 8px 22px #153f5e0c}.density-object-card:hover,.density-object-card:focus-visible,.density-object-card.selected{border-color:#4c9bdd;outline:0;transform:translateY(-3px);box-shadow:0 12px 25px #1f73c920}.density-object-card.done:after{content:"已完成";color:#fff;background:#2d8b6f;border-radius:999px;padding:3px 8px;font-size:9px;font-weight:900;position:absolute;top:9px;right:9px}.density-object-card b{margin-top:9px;font-family:Georgia,Noto Serif TC,serif;font-size:18px}.density-object-card>span:last-child{color:#8095a3;font-size:11px}.density-lab-workspace{min-width:0;padding:24px}.density-instruments{grid-template-columns:.9fr 1.1fr;gap:16px;display:grid}.density-instrument{cursor:pointer;background:linear-gradient(#fbfdff,#eef8fd);border:2px dashed #aacde3;border-radius:22px;min-height:330px;padding:19px;transition:all .2s;position:relative}.density-instrument:hover,.density-instrument:focus-visible{border-color:var(--blue);background:#e9f6ff;outline:0;transform:translateY(-2px)}.density-instrument header h3{color:var(--navy);margin:0;font-size:20px}.density-instrument header span{color:#728999;font-size:12px}.density-specimen-shape{width:50px;height:75px;display:block;position:relative}.density-specimen-shape.lead{background:linear-gradient(90deg,#657686,#aeb9c1 45%,#5b6c7b);border:3px solid #435665;border-radius:42% 42% 50% 50%/24% 24% 76% 76%;box-shadow:inset 6px 0 9px #ffffff42,0 6px 9px #17374b2b}.density-specimen-shape.lead:before{content:"";border:5px solid #5b6b78;border-radius:50%;width:18px;height:18px;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.density-specimen-shape.iron{background:linear-gradient(135deg,#becbd3 0 18%,#6e8392 19% 58%,#42596c 59%);border:3px solid #344a5d;border-radius:7px;width:70px;height:70px;box-shadow:inset -9px -9px 13px #0e273a47,inset 7px 7px 9px #ffffff42,0 7px 9px #17374b2b}.density-specimen-shape.compact{transform-origin:bottom;transform:scale(.72)}.density-scale-zone{flex-direction:column;display:flex}.density-scale-pan{border-bottom:11px solid #607888;border-radius:0 0 50% 50%;place-items:end center;width:78%;height:148px;margin:auto auto -5px;display:grid}.density-scale-body{background:linear-gradient(150deg,#dce8ee,#96aab7);border:3px solid #496577;border-radius:16px 16px 22px 22px;width:86%;margin:0 auto 10px;padding:17px;box-shadow:0 10px 19px #1d3c521c}.density-scale-body output{color:#193d2f;text-align:center;min-height:57px;font:900 23px/1.3 var(--font-geist-mono),monospace;letter-spacing:.05em;background:#d8f0d5;border:5px solid #27404f;border-radius:8px;padding:8px 12px;display:block}.density-cylinder-zone{overflow:hidden}.density-cylinder-wrap{width:225px;height:245px;margin:10px auto 0;position:relative}.density-cylinder{background:#ffffff7d;border:4px solid #5f8ea8;border-top:0;border-radius:0 0 18px 18px;width:105px;height:225px;position:absolute;bottom:0;left:38px;overflow:hidden;box-shadow:inset 9px 0 13px #ffffff5c}.density-cylinder:before{content:"";z-index:8;border-top:4px solid #5f8ea8;border-radius:50%;width:calc(100% + 8px);height:5px;position:absolute;top:0;left:-4px}.density-water{z-index:1;background:linear-gradient(#78cdec,#419ed4);height:50%;transition:height 1.05s cubic-bezier(.22,.78,.3,1);position:absolute;bottom:0;left:0;right:0}.density-water:before{content:"";background:#a4e2f7;border-radius:50%;width:100%;height:8px;position:absolute;top:-4px;left:0;box-shadow:inset 0 -2px #4aa8d5}.density-submerged{z-index:3;opacity:.82;place-items:end center;height:90px;display:grid;position:absolute;bottom:5px;left:0;right:0}.density-cylinder-ticks{z-index:7;pointer-events:none;position:absolute;inset:0}.density-cylinder-ticks i{background:#315c75;height:1px;display:block;position:absolute;right:0}.density-cylinder-ticks .minor{opacity:.65;width:13px}.density-cylinder-ticks .middle{width:21px}.density-cylinder-ticks .major{width:30px;height:2px}.density-cylinder-labels{color:#355e76;width:60px;font:800 11px/1 var(--font-geist-sans),sans-serif;position:absolute;top:0;bottom:0;left:154px}.density-cylinder-labels span{position:absolute;transform:translateY(50%)}.density-cylinder-labels b{color:#8296a3;font-size:10px;position:absolute;bottom:-1px;right:0}.density-feedback{border-radius:12px;margin-top:16px;padding:13px 15px;font-size:14px;line-height:1.65}.density-feedback.hint{color:#74471e;background:#fff4e5;border:1px solid #f1c28c}.density-feedback.success{color:#185b45;background:#eaf8f2;border:1px solid #9cd6c2}.density-calculation{background:#f8fbfd;border:1px solid #d4e5ef;border-radius:20px;margin-top:16px;padding:21px}.density-calculation h3{color:var(--navy);margin:0;font-family:Georgia,Noto Serif TC,serif;font-size:23px}.density-calculation>p{color:#67808f;margin:6px 0 16px;font-size:13px}.density-calculation>p b{color:var(--blue)}.density-inputs{grid-template-columns:repeat(5,minmax(92px,1fr));gap:9px;display:grid}.density-inputs label{color:#617988;font-size:11px;font-weight:800}.density-inputs label>span{margin-top:6px;display:block;position:relative}.density-inputs input{width:100%;height:49px;color:var(--navy);background:#fff;border:1.5px solid #b7cede;border-radius:10px;outline:0;padding:8px 40px 8px 10px;font-size:16px;font-weight:800}.density-inputs input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #247ac51a}.density-inputs i{color:#8095a2;font-size:9px;font-style:normal;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.density-actions{flex-wrap:wrap;gap:9px;margin-top:17px;display:flex}.density-actions button,.density-lab-complete button{border:1px solid var(--navy);background:var(--navy);color:#fff;border-radius:9px;min-height:48px;padding:10px 17px;font-weight:900}.density-actions button+button{color:var(--navy);background:0 0}.density-actions button:disabled{opacity:.45}.density-lab-complete{background:linear-gradient(135deg,#effbf6,#e7f7ff);border:2px solid #83cbb4;border-radius:18px;align-items:center;gap:17px;margin-top:18px;padding:20px;animation:.5s both density-complete-in;display:flex}.density-lab-complete>span{color:#fff;background:#2e8b70;border-radius:50%;flex:0 0 45px;place-items:center;width:45px;height:45px;font-size:24px;font-weight:900;display:grid}.density-lab-complete h3{color:var(--navy);margin:3px 0;font-size:21px}.density-lab-complete p{color:#587382;margin:0;font-size:13px}.density-lab-complete button{white-space:nowrap;margin-left:auto}@keyframes density-complete-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (width<=980px){.density-lab-layout{grid-template-columns:1fr}.density-object-tray{border-bottom:1px solid #d7e6f0;border-right:0;grid-template-columns:1fr 1fr;gap:11px;display:grid}.density-object-tray>small{grid-column:1/-1;margin:0}.density-object-card{min-height:135px;margin:0}.density-inputs{grid-template-columns:repeat(2,1fr)}.density-inputs label:last-child{grid-column:1/-1}.density-lab-complete{flex-wrap:wrap;align-items:flex-start}.density-lab-complete button{margin-left:62px}}@media (width<=700px){.density-lab{border-radius:22px 6px}.density-lab-header{padding:23px 19px;display:block}.density-lab-header h2{font-size:28px}.density-lab-progress{width:100%;margin-top:18px}.density-lab-mission{flex-direction:column;align-items:flex-start;padding:14px 19px}.density-lab-mission span{margin-top:-12px}.density-object-tray,.density-lab-workspace{padding:16px}.density-instruments{grid-template-columns:1fr}.density-instrument{min-height:305px}.density-inputs{grid-template-columns:1fr}.density-inputs label:last-child{grid-column:auto}.density-actions button{width:100%}.density-lab-complete button{width:100%;margin-left:0}.density-calculation{padding:17px 14px}}@media (prefers-reduced-motion:reduce){.density-lab-progress span,.density-water,.density-lab-complete{transition:none;animation:none}}.volume-water{height:40%}.volume-water i{background:#f5fbfe;border:0;border-bottom:1px solid #278fbe;border-radius:0 0 50% 50%;height:7px;top:-7px;left:-1px;right:-1px}.displaced-water{border:0;height:15%;bottom:40%}.volume-scale{pointer-events:none;display:block;inset:0}.volume-scale i{background:#315d77;height:1px;display:block;position:absolute;right:0}.volume-scale .minor{opacity:.62;width:15px}.volume-scale .middle{width:23px;height:2px}.volume-scale .major{width:34px;height:2px}.volume-reading-overlay{z-index:10;pointer-events:none;width:165px;height:271px;position:absolute;top:74px;left:27%}.volume-reading-overlay .level{white-space:nowrap;align-items:center;height:20px;padding:0 5px;display:flex;left:calc(100% + 12px);transform:translateY(50%)}.volume-reading-overlay .level:before{content:"";background:currentColor;width:38px;height:2px;position:absolute;right:100%}.level-after{color:var(--blue);opacity:0}@media (prefers-reduced-motion:reduce){.is-dropped .volume-water{height:55%}}.density-water:before{width:calc(100% + 2px);height:7px;box-shadow:none;background:#f7fcff;border:0;border-bottom:1px solid #278fbe;border-radius:0 0 50% 50%;top:-7px;left:-1px}.density-cylinder-labels{width:42px;top:20px;bottom:0;left:154px}.density-cylinder-labels span{align-items:center;height:14px;font-size:10px;line-height:1;display:flex;right:0;transform:translateY(calc(50% - 3px))}.density-cylinder-labels span:first-child{transform:translateY(calc(50% - 3px))}.density-cylinder-labels span:before{content:"";background:#315d77;width:30px;height:2px;position:absolute;right:calc(100% + 8px)}.density-cylinder-labels b{right:-22px}.matter-investigation-page{color:#eef8f7;background:#061c28;min-height:100vh}.matter-story{isolation:isolate;background:#092330;min-height:calc(100vh - 78px);position:relative;overflow:hidden}.matter-background{z-index:-3;background:url(/matter-investigation/bureau-entrance.png) 50%/cover no-repeat;animation:1.6s ease-out both matter-scene-in;position:absolute;inset:0;transform:scale(1.015)}.matter-vignette{z-index:-2;background:linear-gradient(#03121b8c 0%,#0000 28%,#03121be6 100%),linear-gradient(90deg,#051a2899,#0000 55%,#04131f52);position:absolute;inset:0}.matter-casebar{color:#dceced;grid-template-columns:120px 1fr 90px;align-items:center;gap:20px;width:min(1180px,100% - 48px);margin:auto;padding-top:28px;display:grid}.matter-casebar>a{color:#e8f5f3;font-size:13px;font-weight:800}.matter-casebar>div{text-align:center}.matter-casebar span{color:#7ed6dc;letter-spacing:.2em;font-size:10px;font-weight:900;display:block}.matter-casebar b{margin-top:7px;font-family:Noto Serif TC,PMingLiU,serif;font-size:17px;display:block}.matter-casebar small{font:800 11px/1 var(--font-geist-mono),monospace;letter-spacing:.12em;background:#061e2bb5;border:1px solid #b9e4df59;border-radius:99px;justify-self:end;padding:8px 12px}.matter-doctor{z-index:-1;object-fit:contain;object-position:right bottom;filter:drop-shadow(0 24px 35px #0008);width:min(47vw,600px);height:82%;animation:.75s cubic-bezier(.2,.8,.2,1) both doctor-arrive;position:absolute;bottom:-3%;right:max(2vw,50vw - 590px)}.matter-dialogue-wrap{align-items:flex-end;width:min(1180px,100% - 48px);min-height:calc(100vh - 178px);margin:auto;padding:40px 0 55px;display:flex}.matter-dialogue{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(135deg,#061d2ce8,#0b2e3ae8);border:1px solid #b9e3de52;border-radius:22px 5px;width:min(760px,72vw);padding:27px 30px 28px;animation:.55s ease-out both dialogue-up;position:relative;box-shadow:0 28px 80px #0008,inset 0 1px #ffffff1f}.matter-dialogue:before{content:"";background:linear-gradient(90deg,#62d2d8,#eabf71);width:80px;height:3px;position:absolute;top:-2px;left:28px}.matter-dialogue small{color:#7ed6dc;letter-spacing:.14em;font-size:11px;font-weight:900}.matter-dialogue p{color:#f2f8f7;text-shadow:0 2px 12px #0009;margin:13px 0 22px;font:700 clamp(21px,2.1vw,30px)/1.65 Noto Serif TC,PMingLiU,serif}.matter-dialogue p b{color:#f5c878}.matter-dialogue button,.case-actions a{color:#092330;letter-spacing:.08em;cursor:pointer;background:#7ed6dc;border:1px solid #80dce0;border-radius:9px;justify-content:center;align-items:center;gap:22px;min-height:48px;padding:11px 18px;font-size:12px;font-weight:950;display:inline-flex;box-shadow:0 9px 24px #0004}.matter-dialogue button:hover,.matter-dialogue button:focus-visible,.case-actions a:hover{background:#b4f1ed;transform:translateY(-1px)}.matter-dialogue button:disabled{cursor:not-allowed;opacity:.55;transform:none}.mission-dialogue{width:min(880px,82vw)}.mission-dialogue p{font-size:clamp(18px,1.75vw,25px)}.doctor-dialogue{width:min(650px,58vw);margin-right:auto}.matter-answer p{margin-bottom:16px}.matter-answer label{color:#aad8d6;letter-spacing:.08em;margin-bottom:8px;font-size:12px;font-weight:900;display:block}.matter-answer textarea{color:#12333b;width:100%;font:600 16px/1.7 var(--font-geist-sans),sans-serif;resize:vertical;background:#f7fbf8f2;border:1px solid #9bc9ca78;border-radius:11px;outline:none;margin-bottom:13px;padding:15px 16px;display:block}.matter-answer textarea:focus{border-color:#7ed6dc;box-shadow:0 0 0 4px #7ed6dc2b}.matter-error{color:#ffd9d0;background:#602c26a3;border:1px solid #ec9f8c66;border-radius:8px;margin:-2px 0 13px;padding:10px 12px;font-size:13px}.result-dialogue p,.case-dialogue p{font-size:clamp(17px,1.55vw,23px)}.case-actions{flex-wrap:wrap;gap:10px;display:flex}.case-actions button{color:#dff5f2;background:0 0}.case-actions a{color:#eef9f7;background:#ffffff12;border-color:#ffffff4d}.case-dialogue{border-color:#efc77c73}.case-dialogue:before{background:#efc77c}.case-dialogue small{color:#f5c878}@keyframes matter-scene-in{0%{opacity:.2;transform:scale(1.08)}to{opacity:1;transform:scale(1.015)}}@keyframes doctor-arrive{0%{opacity:0;transform:translate(65px)}to{opacity:1;transform:none}}@keyframes dialogue-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media (width<=800px){.matter-story{min-height:calc(100svh - 66px)}.matter-casebar{grid-template-columns:75px 1fr 58px;gap:8px;width:calc(100% - 28px);padding-top:17px}.matter-casebar span{display:none}.matter-casebar b{font-size:14px}.matter-casebar small{padding:7px 8px;font-size:9px}.matter-doctor{opacity:.92;width:88vw;height:55%;bottom:16%;right:-18%}.matter-dialogue-wrap{width:calc(100% - 28px);min-height:calc(100svh - 137px);padding:25px 0 22px}.matter-dialogue,.mission-dialogue,.doctor-dialogue{border-radius:18px 4px;width:100%;padding:21px 19px 22px}.matter-dialogue p{font-size:18px;line-height:1.65}.matter-dialogue button{width:100%}.matter-answer textarea{font-size:16px}.case-actions{display:grid}.case-actions a{width:100%}.matter-vignette{background:linear-gradient(#03121b9c 0%,#0000 23%,#03121bf2 100%),linear-gradient(90deg,#051a2866,#0000)}}@media (prefers-reduced-motion:reduce){.matter-background,.matter-doctor,.matter-dialogue{animation:none}.matter-dialogue button:hover{transform:none}}.matter-dialogue p{min-height:1.65em}.typewriter-cursor{vertical-align:-.12em;background:#8ce7e5;width:2px;height:1.05em;margin-left:3px;display:none;box-shadow:0 0 8px #8ce7e5}.is-typing .typewriter-cursor{animation:.72s step-end infinite typewriter-blink;display:inline-block}.matter-dialogue button,.case-actions,.matter-answer-fields{animation:.3s ease-out both control-reveal}.doctor-dialogue{border-color:#79d5d881;box-shadow:0 28px 80px #0008,0 0 0 1px #6ad7da17,inset 0 1px #ffffff24}.doctor-dialogue:after{content:"";filter:drop-shadow(3px 2px 1px #0004);border-top:15px solid #0000;border-bottom:15px solid #0000;border-left:25px solid #0a2b38e8;width:0;height:0;position:absolute;top:42%;right:-25px}.doctor-dialogue small{align-items:center;gap:8px;display:flex}.doctor-dialogue small i{background:#6bd8d8;border:2px solid #baf3ed;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite voice-pulse;display:inline-block;box-shadow:0 0 0 4px #6bd8d821,0 0 12px #6bd8d8}.matter-answer-fields{animation-duration:.4s}@keyframes control-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes typewriter-blink{0%,45%{opacity:1}46%,to{opacity:0}}@keyframes voice-pulse{0%,to{opacity:.75;transform:scale(.85)}50%{opacity:1;transform:scale(1.08)}}@media (width<=800px){.doctor-dialogue:after{border:13px solid #0000;border-top:0;border-bottom:23px solid #0a2b38e8;top:-23px;right:17%}}@media (prefers-reduced-motion:reduce){.matter-dialogue button,.case-actions,.matter-answer-fields,.doctor-dialogue small i{animation:none}.typewriter-cursor{display:none}}.boba-scene .matter-background{background-image:url(/matter-investigation/boba-lab.png);animation:1.4s ease-out both boba-scene-in}.boba-scene .matter-vignette{background:linear-gradient(#03121b94 0%,#0000 25%,#03121bea 100%),linear-gradient(90deg,#051a28a3,#0000 58%,#04131f57)}.boba-scene .matter-doctor{width:min(49vw,630px);height:84%;right:max(1vw,50vw - 630px)}.boba-dialogue{width:min(690px,58vw)}.matter-inline-feedback{color:#fff1c9;background:#543f1bb8;border:1px solid #e9c2757a;border-radius:9px;margin:-2px 0 13px;padding:12px 14px;font-size:13px;line-height:1.65}.matter-inline-feedback b{color:#ffd98b;letter-spacing:.12em;margin-bottom:3px;font-size:10px;display:block}.method-result:before{background:#79d5d8}.method-works{border-color:#77d7ad82}.method-works:before{background:#77d7ad}.method-revise{border-color:#e6bd6c82}.method-revise:before{background:#e6bd6c}.physical-limit{width:min(760px,64vw)}.electrolysis-stage{z-index:0;width:min(520px,46vw);animation:.7s ease-out both experiment-arrive;position:absolute;top:105px;left:max(3vw,50vw - 600px)}.electrolysis-card{color:#153745;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(150deg,#eaf8f7f2,#d9eef2ed);border:1px solid #a4d7de78;border-radius:24px 7px;padding:17px 19px 16px;position:relative;box-shadow:0 24px 70px #00121aa3}.power-supply{color:#fff;text-align:center;background:#526d79;border:3px solid #315363;border-radius:9px;grid-template-columns:42px 1fr 42px;align-items:center;width:75%;height:42px;margin:0 auto 10px;display:grid}.power-supply span{font:900 23px/1 Georgia,serif}.power-supply span:first-child{color:#9edcff}.power-supply span:last-child{color:#ffb48d}.power-supply b{letter-spacing:.1em;font-size:11px}.electrolysis-tank{background:#ffffff70;border:5px solid #5d8b9c;border-top:0;border-radius:0 0 24px 24px;width:84%;height:238px;margin:auto;position:relative;overflow:hidden;box-shadow:inset 12px 0 22px #fff9}.electrolysis-tank:before{content:"";z-index:8;border-top:5px solid #5d8b9c;border-radius:50%;height:8px;position:absolute;top:0;left:-5px;right:-5px}.electrolysis-water{z-index:1;background:linear-gradient(#70cbe56e,#2f9ed1b0);height:76%;position:absolute;bottom:0;left:0;right:0}.electrode{z-index:5;background:linear-gradient(90deg,#56636b,#c1cbd0,#53616a);border-radius:5px 5px 1px 1px;width:9px;height:135px;position:absolute;bottom:18px;box-shadow:0 2px 7px #16384955}.electrode:before{content:"";background:#31434d;width:2px;height:75px;position:absolute;bottom:100%;left:3px}.electrode span{color:#fff;text-shadow:0 1px 5px #10425b;width:68px;font-size:9px;font-weight:900;position:absolute;bottom:-3px}.cathode{left:28%}.anode{right:28%}.cathode span{text-align:right;right:13px}.anode span{left:13px}.collecting-tube{z-index:4;text-align:center;background:#eaf9fc91;border:4px solid #6f9bad;border-bottom:0;border-radius:18px 18px 0 0;width:82px;height:165px;position:absolute;top:16px;box-shadow:inset 7px 0 12px #fff9}.hydrogen-tube{left:calc(28% - 36px)}.oxygen-tube{right:calc(28% - 36px)}.collecting-tube strong{z-index:3;color:#194c68;margin-top:15px;font:900 22px/1 Georgia,serif;display:block;position:relative}.collecting-tube small{z-index:3;color:#527384;font-size:10px;font-weight:900;position:relative}.gas-level{z-index:2;background:#dff8ffe8;border-bottom:1px solid #5ab4d3;animation:5.5s ease-in-out infinite alternate gas-collect;position:absolute;top:0;left:0;right:0}.hydrogen-tube .gas-level{height:58%}.oxygen-tube .gas-level{height:31%;animation-duration:6.4s}.bubble-column{z-index:6;width:50px;height:138px;position:absolute;bottom:18px}.hydrogen-bubbles{left:calc(28% - 21px)}.oxygen-bubbles{right:calc(28% - 21px)}.bubble-column i{background:#c4f2ff7a;border:1px solid #e9fdff;border-radius:50%;width:7px;height:7px;animation:2.1s linear infinite bubble-rise;position:absolute;bottom:0;box-shadow:0 0 5px #fff}.oxygen-bubbles i{width:6px;height:6px;animation-duration:2.8s}.gas-ratio{color:#456677;justify-content:center;align-items:center;gap:12px;margin:11px 0 8px;font-size:11px;font-weight:800;display:flex}.gas-ratio span{background:#fff;border-radius:99px;padding:5px 9px}.gas-ratio b{color:#1b6b91;font-size:16px}.gas-ratio i{font-style:normal}.electrolysis-equation{color:#355668;background:#fff;border:1px solid #a5cbd7;border-radius:10px;justify-content:center;align-items:center;gap:12px;padding:10px;display:flex}.electrolysis-equation b,.electrolysis-equation strong{color:#153f55;font:900 18px/1 Georgia,serif}.electrolysis-equation span{color:#d36f37;padding:0 20px;font-size:10px;font-weight:900;position:relative}.electrolysis-equation span:before{content:"";background:#d8895c;height:2px;position:absolute;top:50%;left:0;right:0}.electrolysis-equation span:after{content:"";border:5px solid #0000;border-left-color:#d8895c;position:absolute;top:calc(50% - 4px);right:-1px}.with-experiment{align-items:flex-end;min-height:calc(100vh - 178px)}.electrolysis-dialogue{width:min(600px,50vw);margin-left:auto;margin-right:0}@keyframes boba-scene-in{0%{opacity:.15;transform:scale(1.07)}to{opacity:1;transform:scale(1.015)}}@keyframes experiment-arrive{0%{opacity:0;transform:translateY(-14px)scale(.96)}to{opacity:1;transform:none}}@keyframes bubble-rise{0%{opacity:0;transform:translateY(0)scale(.55)}20%{opacity:1}to{opacity:0;transform:translateY(-125px)scale(1.2)}}@keyframes gas-collect{0%{transform-origin:top;transform:scaleY(.72)}to{transform-origin:top;transform:scaleY(1)}}@media (width<=900px){.boba-scene .matter-doctor{width:88vw;height:57%;bottom:18%;right:-16%}.boba-dialogue,.physical-limit{width:100%}.electrolysis-stage{width:auto;top:82px;left:14px;right:14px}.electrolysis-card{padding:12px}.electrolysis-tank{height:190px}.collecting-tube{height:132px}.electrode,.bubble-column{height:105px}.with-experiment{min-height:calc(100svh + 245px);padding-top:365px}.electrolysis-dialogue{width:100%;margin:0}.power-supply{height:34px}.electrolysis-equation b,.electrolysis-equation strong{font-size:15px}}@media (prefers-reduced-motion:reduce){.boba-scene .matter-background,.electrolysis-stage,.gas-level,.bubble-column i{animation:none}}.matter-doctor.doctor-exits{animation:.9s cubic-bezier(.5,0,.8,.3) both doctor-exit-right}.sugar-ratio-stage{z-index:0;width:min(500px,43vw);animation:.7s ease-out both experiment-arrive;position:absolute;top:112px;left:max(3vw,50vw - 600px)}.sugar-ratio-card{color:#3a2419;background:linear-gradient(150deg,#fff7e9f3,#eed8bff0);border:1px solid #d6c18b8c;border-radius:24px 7px;padding:20px 22px 18px;box-shadow:0 24px 70px #00121aa3}.tea-comparison-title{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.tea-comparison-title span{letter-spacing:.12em;font-size:11px;font-weight:900}.tea-comparison-title b{color:#9b552c;font-size:13px}.tea-cups{justify-content:space-around;gap:22px;display:flex}.tea-example{justify-items:center;min-width:125px;padding-top:34px;display:grid;position:relative}.tea-glass{background:#ffffff85;border:4px solid #c8d7d8;border-top:0;border-radius:4px 4px 18px 18px;width:92px;height:115px;position:relative;overflow:hidden;box-shadow:inset 8px 0 12px #fff8}.tea-glass:before{content:"";z-index:3;border-top:4px solid #c8d7d8;border-radius:50%;height:8px;position:absolute;top:0;left:-4px;right:-4px}.tea-glass span{background:linear-gradient(#ba5727d9,#792d17eb);border-radius:2px 2px 14px 14px;height:82%;animation:4s ease-in-out infinite alternate tea-sweeten;position:absolute;bottom:3px;left:3px;right:3px}.more-sugar .tea-glass span{background:linear-gradient(#a54721e8,#642313f2)}.sugar-pour{z-index:4;justify-content:center;gap:2px;width:62px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.sugar-pour:before{content:"";background:#d5b284;border-radius:50%;width:58px;height:18px;position:absolute;top:-4px;transform:rotate(-7deg)}.sugar-pour i{background:#fff8d4;border-radius:50%;width:7px;height:7px;animation:2.2s ease-in infinite sugar-fall;display:block;position:relative;box-shadow:0 0 2px #a97d4c}.sugar-pour i:nth-child(2){animation-delay:.3s}.sugar-pour i:nth-child(3){animation-delay:.65s}.sugar-pour i:nth-child(4){animation-delay:.95s}.tea-example>b{color:#66351f;margin-top:8px;font-size:13px}.tea-example>small{color:#936447;font-size:11px}.sugar-ratio-card>p{color:#6c442d;text-align:center;background:#fff9;border-radius:9px;margin:12px 0 0;padding:9px 12px;font-size:12px;font-weight:800}.ratio-dialogue{width:min(600px,50vw);margin-left:auto;margin-right:0}.sample-arrival-dialogue{border-color:#e9c16b88;animation:1.4s ease-out both alert-dialogue}.sample-arrival-dialogue:before{background:#f1bd5c}.unknown-lab{z-index:4;background:linear-gradient(145deg,#071c29f2,#0b3140ed);border:1px solid #8bcfd269;border-radius:24px 7px;width:min(1180px,100% - 48px);margin:34px auto 48px;padding:20px;animation:.6s ease-out both dialogue-up;position:relative;box-shadow:0 32px 90px #000b}.unknown-lab-header{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.unknown-lab-header span{color:#7ed6dc;letter-spacing:.14em;font-size:10px;font-weight:900}.unknown-lab-header h1{margin:4px 0 0;font:800 25px/1.2 Noto Serif TC,serif}.unknown-lab-header>strong{color:#9ce8e4;font:900 12px/1 var(--font-geist-mono),monospace;background:#0d3c48;border:1px solid #73d6d980;border-radius:99px;padding:9px 13px}.lab-workspace{grid-template-columns:145px 270px 1fr;gap:16px;min-height:390px;display:grid}.lab-tools,.sample-shelf,.experiment-viewer{background:#061a24b8;border:1px solid #a8d3d54a;border-radius:14px}.lab-tools{flex-direction:column;gap:10px;padding:14px;display:flex}.lab-tools>b{color:#e6f4f2;font-size:12px}.lab-tools>small{color:#91b4b5;margin-bottom:3px;font-size:10px;line-height:1.5}.lab-tools button{color:#e9f8f6;cursor:grab;background:#123d49;border:1px solid #94c9ca70;border-radius:10px;grid-template-columns:38px 1fr;align-items:center;min-height:62px;padding:8px;font-weight:900;display:grid}.lab-tools button.selected{background:#4d4025;border-color:#efc66e;box-shadow:0 0 0 3px #efc66e2e}.tool-icon{width:32px;height:32px;display:block;position:relative}.tool-icon.filter:before{content:"";clip-path:polygon(0 0,100% 0,66% 100%,34% 100%);border:3px solid #a6e4e1;border-top-width:8px;width:22px;height:15px;position:absolute;top:2px;left:5px}.tool-icon.filter:after{content:"";background:#a6e4e1;width:4px;height:11px;position:absolute;top:19px;left:14px}.tool-icon.heat:before{content:"♨";color:#ffbe74;font-size:28px;line-height:32px;position:absolute;inset:0}.sample-shelf{grid-template-columns:repeat(3,1fr);gap:8px;padding:13px;display:grid}.sample-bottle-card{color:#eaf7f5;cursor:pointer;background:#ffffff0a;border:1px solid #0000;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:9px 5px;display:flex}.sample-bottle-card:hover,.sample-bottle-card:focus-visible{background:#ffffff12;border-color:#77dadd}.sample-bottle{background:#dffafa22;border:3px solid #c9e4e4;border-radius:7px 7px 14px 14px;width:48px;height:116px;position:relative;box-shadow:inset 7px 0 10px #fff2}.sample-bottle:before{content:"";border:3px solid #c9e4e4;border-bottom:0;border-radius:3px 3px 0 0;width:26px;height:18px;position:absolute;top:-17px;left:8px}.sample-bottle i{background:#dceeeeaa;border-radius:2px 2px 10px 10px;height:74%;position:absolute;bottom:3px;left:3px;right:3px}.sample-card-a .sample-bottle i{background:linear-gradient(#eef7f6bd,#dcebeabb)}.sample-card-b .sample-bottle i{background:linear-gradient(#a84b2ecb,#632217e3)}.sample-card-c .sample-bottle i{background:linear-gradient(#b9e7efaa,#6fc8dcbb)}.sample-bottle-card>b{font-size:11px}.sample-bottle-card>span{gap:3px;display:flex}.sample-bottle-card>span i{color:#839fa2;background:#ffffff12;border-radius:4px;padding:3px 4px;font-size:8px;font-style:normal}.sample-bottle-card>span i.done{color:#d5fff0;background:#287b67}.experiment-viewer{justify-content:center;align-items:stretch;padding:13px;display:flex;overflow:hidden}.experiment-placeholder{color:#86a7aa;text-align:center;align-self:center;max-width:300px}.experiment-placeholder span{color:#75d2d4;font-size:52px;display:block}.experiment-placeholder b{color:#d9eae8;display:block}.experiment-placeholder p{font-size:12px;line-height:1.65}.test-animation{grid-template-rows:auto 1fr auto;width:100%;animation:.45s ease-out both test-result-in;display:grid}.test-animation>header{justify-content:space-between;align-items:center;display:flex}.test-animation>header span{color:#8de2df;letter-spacing:.12em;font-size:10px;font-weight:900}.test-animation>header b{color:#f4cc7a;font-size:12px}.test-apparatus{background:linear-gradient(#153a45b0,#08202a);border-radius:11px;min-height:255px;margin:8px 0;position:relative;overflow:hidden}.test-animation>p{color:#ddece9;background:#ffffff0a;border-left:3px solid #71d2ce;margin:0;padding:10px 12px;font-size:11px;line-height:1.6}.filter-source{border:3px solid #b8d9da;border-radius:4px 4px 18px 18px;width:68px;height:46px;animation:5s ease-in-out both pour-source;position:absolute;top:22px;left:20%;transform:rotate(24deg)}.filter-source i{background:#dceeee;border-radius:0 0 13px 13px;height:58%;position:absolute;bottom:3px;left:3px;right:3px}.sample-b .filter-source i{background:#84311f}.sample-c .filter-source i{background:#91d5e1}.filter-funnel{clip-path:polygon(0 0,100% 0,59% 70%,55% 100%,45% 100%,41% 70%);background:#eaffff21;border:4px solid #b9dddf;border-top-width:7px;width:92px;height:85px;position:absolute;top:67px;left:48%}.filter-paper{clip-path:polygon(0 0,100% 0,58% 100%,42% 100%);background:#f4eee5;height:48px;position:absolute;top:1px;left:5px;right:5px}.tea-leaf-residue{background:#3d2618;border-radius:50%;height:10px;animation:1s 3.4s both residue-appear;position:absolute;bottom:2px;left:18px;right:18px;box-shadow:-10px -4px #4a2b19,10px -3px #2e2419}.filter-flask{border:4px solid #b9dddf;border-radius:34px 34px 14px 14px;width:76px;height:82px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.filter-flask i{background:#dceeeeaa;border-radius:50% 50% 7px 7px;height:35%;animation:4.5s ease-out both filtrate-rise;position:absolute;bottom:4px;left:4px;right:4px}.sample-b .filter-flask i{background:#9b472bc4}.sample-c .filter-flask i{background:#8ed9e5aa}.filter-drops{position:absolute;top:147px;left:calc(50% + 38px)}.filter-drops i{background:#dffcff;border-radius:50% 50% 55% 55%;width:6px;height:10px;animation:1.2s linear infinite filter-drop;position:absolute}.filter-drops i:nth-child(2){animation-delay:.4s}.filter-drops i:nth-child(3){animation-delay:.8s}.heat-beaker{border:5px solid #bddfe1;border-top:0;border-radius:0 0 18px 18px;width:112px;height:126px;position:absolute;bottom:55px;left:46%;transform:translate(-50%)}.heat-beaker:before{content:"";border-top:5px solid #bddfe1;border-radius:50%;position:absolute;top:0;left:-5px;right:-5px}.heated-liquid{background:#dceeee9e;border-radius:2px 2px 12px 12px;height:78%;animation:7s ease-in-out forwards liquid-evaporate;position:absolute;bottom:4px;left:4px;right:4px}.sample-b .heated-liquid{background:#8e371fcf;animation:7s ease-in-out forwards liquid-evaporate}.sample-c .heated-liquid{background:#87d3df9e}.solid-residue{background:#6b2318;border-radius:50%;height:0;position:absolute;bottom:3px;left:11px;right:11px}.sample-b .solid-residue{animation:1s 5.7s forwards heated-residue}.hotplate{color:#ffcb7b;text-align:center;background:#455963;border-radius:7px;width:142px;padding:7px;font-size:9px;font-weight:900;position:absolute;bottom:31px;left:46%;transform:translate(-50%);box-shadow:inset 0 4px #ff9c4c}.lab-thermometer{background:#eef7f6;border:3px solid #c5e4e5;border-radius:10px;width:13px;height:145px;position:absolute;top:28px;right:18%}.lab-thermometer:after{content:"";background:#e35e42;border-radius:50%;width:23px;height:23px;position:absolute;bottom:-10px;left:-8px}.lab-thermometer i{background:#e35e42;border-radius:5px;height:8%;animation:7s ease-out forwards temperature-rise;position:absolute;bottom:2px;left:3px;right:3px}.lab-thermometer span{color:#ffdda0;width:100px;font:900 11px/1.4 var(--font-geist-mono),monospace;position:absolute;top:52px;left:22px}.steam-cloud{position:absolute;top:16px;left:37%}.steam-cloud i{border-left:4px solid #dff9f9aa;border-radius:50%;width:24px;height:34px;animation:2s ease-out infinite steam-rise;position:absolute}.steam-cloud i:nth-child(2){animation-delay:.6s;left:27px}.steam-cloud i:nth-child(3){animation-delay:1.2s;left:54px}.alcohol-phase{color:#f7dfad;background:#553d21a8;border:1px solid #f1c7776e;border-radius:8px;padding:7px 9px;font-size:9px;line-height:1.4;animation:7s ease-in-out both phase-note;position:absolute;top:18px;left:12px}.unknown-lab>footer{justify-content:space-between;align-items:center;gap:16px;padding-top:16px;display:flex}.unknown-lab>footer p{color:#a6c3c3;margin:0;font-size:11px}.unknown-lab>footer button{color:#092330;cursor:pointer;background:#7ed6dc;border:1px solid #7bd7d7;border-radius:8px;min-height:44px;padding:10px 16px;font-size:11px;font-weight:950}.unknown-lab>footer button:disabled{cursor:not-allowed;opacity:.4}.sample-argument-dialogue{width:min(950px,84vw);margin:auto}.sample-argument-dialogue>p{font-size:clamp(17px,1.55vw,22px)}.evidence-notebook{grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 15px;display:grid}.evidence-notebook article{background:#ffffff0a;border:1px solid #b6dcda42;border-radius:9px;padding:10px}.evidence-notebook article>b{color:#efc979;font-size:11px}.evidence-notebook article p{color:#cce0df;min-height:0;font:600 9px/1.55 var(--font-geist-sans),sans-serif;text-shadow:none;margin:4px 0}.classification-feedback{width:min(760px,64vw)}@keyframes doctor-exit-right{0%{opacity:1;transform:none}to{opacity:0;transform:translate(42vw)}}@keyframes sugar-fall{0%{opacity:0;transform:translateY(0)}25%{opacity:1}to{opacity:0;transform:translateY(85px)}}@keyframes tea-sweeten{0%{filter:saturate(.85)}to{filter:saturate(1.3)}}@keyframes alert-dialogue{0%{opacity:0;transform:translateY(18px)}45%{box-shadow:0 28px 80px #0008,0 0 0 1px #efc46622}60%{box-shadow:0 28px 80px #0008,0 0 35px #efc46666}to{opacity:1;transform:none}}@keyframes test-result-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pour-source{0%{opacity:0;transform:rotate(0)}15%,80%{opacity:1;transform:rotate(24deg)}to{opacity:.5;transform:rotate(24deg)}}@keyframes residue-appear{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}@keyframes filtrate-rise{0%{height:0}to{height:35%}}@keyframes filter-drop{0%{opacity:0;transform:translateY(0)}30%{opacity:1}to{opacity:0;transform:translateY(45px)}}@keyframes liquid-evaporate{0%,12%{height:78%}62%{height:25%}88%,to{height:0}}@keyframes heated-residue{0%{height:0}to{height:10px}}@keyframes temperature-rise{0%{height:8%}60%{height:64%}to{height:94%}}@keyframes steam-rise{0%{opacity:0;transform:translateY(45px)scale(.7)}40%{opacity:1}to{opacity:0;transform:translateY(-20px)scale(1.25)}}@keyframes phase-note{0%,44%{opacity:0;transform:translateY(8px)}52%,70%{opacity:1;transform:none}90%,to{opacity:.55}}@media (width<=900px){.sugar-ratio-stage{width:auto;top:82px;left:14px;right:14px}.sugar-ratio-card{padding:13px}.ratio-dialogue{width:100%;margin:0}.unknown-lab{width:calc(100% - 28px);margin:22px auto;padding:14px}.lab-workspace{grid-template-columns:1fr;min-height:0}.lab-tools{grid-template-columns:1fr 1fr;display:grid}.lab-tools>b,.lab-tools>small{grid-column:1/-1}.sample-shelf{min-height:170px}.sample-bottle{height:88px}.experiment-viewer{min-height:360px}.unknown-lab>footer{flex-direction:column;align-items:stretch}.unknown-lab>footer button,.sample-argument-dialogue{width:100%}.evidence-notebook{grid-template-columns:1fr}.classification-feedback{width:100%}.matter-dialogue-wrap:has(.ratio-dialogue){min-height:calc(100svh + 260px);padding-top:390px}}@media (prefers-reduced-motion:reduce){.matter-doctor.doctor-exits,.sugar-ratio-stage,.sugar-pour i,.tea-glass span,.test-animation,.filter-source,.tea-leaf-residue,.filter-flask i,.filter-drops i,.heated-liquid,.solid-residue,.lab-thermometer i,.steam-cloud i,.alcohol-phase{animation:none}.matter-doctor.doctor-exits{display:none}}.matter-doctor.doctor-lesson-position{width:min(39vw,510px);height:75%;animation:.85s cubic-bezier(.2,.8,.2,1) both doctor-shift-right;right:max(1vw,50vw - 640px)}.with-examples{align-items:flex-start;min-height:calc(100vh - 178px);padding-top:58px;padding-bottom:355px}.examples-dialogue{width:min(760px,62vw)}.examples-dialogue p{font-size:clamp(17px,1.45vw,22px)}.matter-examples-board{z-index:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#061d2cf0,#0c3440ed);border:1px solid #91d5d471;border-radius:18px 5px;grid-template-columns:1fr 1fr;gap:14px;width:min(720px,65vw);padding:15px;display:grid;position:absolute;bottom:30px;left:max(3vw,50vw - 590px);box-shadow:0 22px 70px #000a}.matter-examples-board section{background:#0f3a3d66;border:1px solid #86d2c953;border-radius:11px;padding:11px}.matter-examples-board section.not-matter{background:#49351f52;border-color:#d4ad7059}.matter-examples-board header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.matter-examples-board header b{color:#8ce2d2;font-size:13px}.matter-examples-board .not-matter header b{color:#efc27d}.matter-examples-board header span{color:#9cbdbc;font-size:8px;font-weight:800}.matter-examples-board section>div{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.matter-examples-board article{opacity:0;background:#ffffff0c;border-radius:8px;justify-items:center;gap:4px;padding:9px 5px;animation:.5s ease-out forwards matter-icon-arrive;display:grid}.matter-examples-board article i{color:#fff4c7;background:#eaf8f31a;border-radius:50%;place-items:center;width:42px;height:42px;font:27px/1 system-ui,sans-serif;display:grid}.matter-examples-board article strong{color:#e8f5f3;font-size:10px}.air-investigation-dialogue{width:min(720px,64vw)}.air-investigation-dialogue>p{font-size:clamp(17px,1.55vw,23px)}.air-evidence-progress{grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 12px;display:grid}.air-evidence-progress span{color:#829fa1;text-align:center;background:#ffffff0a;border:1px solid #8fb2b34f;border-radius:7px;padding:8px 6px;font-size:9px;font-weight:900}.air-evidence-progress span:before{content:"○";margin-right:4px}.air-evidence-progress span.done{color:#d5fff0;background:#1b5c4c82;border-color:#6ad5ae70}.air-evidence-progress span.done:before{content:"✓"}.air-turn-note{color:#d9e7e5;background:#ffffff0a;border-left:3px solid #e9c16f;margin:0 0 12px;padding:9px 11px;font-size:11px;line-height:1.55}.air-turn-note b{color:#f3ce86;letter-spacing:.12em;margin-bottom:2px;font-size:8px;display:block}.air-complete-dialogue{border-color:#72d7ae80;width:min(760px,64vw)}.air-complete-dialogue:before{background:#72d7ae}@keyframes doctor-shift-right{0%{opacity:.65;transform:translate(-60px)}to{opacity:1;transform:none}}@keyframes matter-icon-arrive{0%{opacity:0;transform:translateY(18px)scale(.86)}to{opacity:1;transform:none}}@media (width<=900px){.matter-doctor.doctor-lesson-position{width:78vw;height:47%;bottom:31%;right:-16%}.with-examples{min-height:calc(100svh + 360px);padding-top:22px;padding-bottom:440px}.examples-dialogue{width:100%}.matter-examples-board{grid-template-columns:1fr;width:auto;bottom:24px;left:14px;right:14px}.matter-examples-board section>div{gap:4px}.matter-examples-board article{padding:7px 3px}.matter-examples-board article i{width:37px;height:37px;font-size:23px}.air-investigation-dialogue,.air-complete-dialogue{width:100%}.air-evidence-progress{grid-template-columns:1fr}.air-turn-note{font-size:10px}}@media (prefers-reduced-motion:reduce){.matter-doctor.doctor-lesson-position,.matter-examples-board article{opacity:1;animation:none}}.state-question-dialogue{width:min(720px,64vw)}.state-question-dialogue>p{font-size:clamp(17px,1.55vw,23px)}.state-result-dialogue{width:min(760px,64vw)}.state-experiment-stage{z-index:1;width:min(535px,45vw);animation:.65s ease-out both experiment-arrive;position:absolute;top:112px;left:max(2.5vw,50vw - 610px)}.with-state-experiment{align-items:flex-end;min-height:calc(100vh - 178px)}.state-experiment-dialogue{width:min(585px,49vw);margin-left:auto;margin-right:0}.state-experiment-dialogue p{font-size:clamp(16px,1.35vw,21px)}.liquid-shape-card,.gas-compression-card{color:#153745;background:linear-gradient(150deg,#eef9f8f5,#dbeef2f0);border:1px solid #9dced88a;border-radius:22px 6px;padding:17px 19px 16px;box-shadow:0 24px 70px #00121aa3}.liquid-shape-card>header,.gas-compression-card>header{justify-content:space-between;align-items:center;display:flex}.liquid-shape-card>header span,.gas-compression-card>header span{color:#26798a;letter-spacing:.14em;font-size:9px;font-weight:950}.liquid-shape-card>header b,.gas-compression-card>header b{font-size:12px}.liquid-transfer-scene{background:linear-gradient(#f9fefead,#cfe9ee80);border-radius:13px;justify-content:center;align-items:flex-end;gap:100px;height:235px;margin-top:5px;padding-bottom:20px;display:flex;position:relative}.liquid-vessel{background:#ffffff80;border:4px solid #6e9eac;border-top:0;position:relative;overflow:hidden;box-shadow:inset 8px 0 12px #fff9}.liquid-vessel:before{content:"";z-index:4;border-top:4px solid #6e9eac;border-radius:50%;height:7px;position:absolute;top:0;left:-4px;right:-4px}.tall-vessel{border-radius:0 0 17px 17px;width:82px;height:172px}.wide-vessel{border-radius:0 0 25px 25px;width:142px;height:102px}.liquid-vessel .liquid-fill{background:linear-gradient(#61cce9b0,#208fc8d9);border-radius:2px 2px 12px 12px;position:absolute;bottom:3px;left:3px;right:3px}.tall-vessel .liquid-fill{height:70%;animation:7s ease-in-out infinite water-source-drain}.wide-vessel .liquid-fill{height:5%;animation:7s ease-in-out infinite water-target-fill}.liquid-vessel em{z-index:5;color:#186d8a;font:900 10px/1 var(--font-geist-mono),monospace;background:#ffffffc9;border-radius:4px;padding:3px 5px;font-style:normal;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.tall-vessel em{animation:7s ease-in-out infinite source-label-fade}.wide-vessel em{animation:7s ease-in-out infinite target-label-fade}.pouring-stream{z-index:3;opacity:0;transform-origin:top;background:linear-gradient(#68d4ed,#41add5);border-radius:50%;width:9px;height:112px;animation:7s ease-in-out infinite water-stream-show;position:absolute;top:59px;left:41%;transform:rotate(-56deg)}.transfer-arrow{color:#468192;font-size:28px;font-weight:900;animation:7s ease-in-out infinite transfer-arrow-pulse;position:absolute;top:46%;left:44%}.liquid-shape-card>p{grid-template-columns:1fr 1.35fr 1fr;gap:5px;margin:11px 0 0;display:grid}.liquid-shape-card>p span,.liquid-shape-card>p strong,.liquid-shape-card>p b{color:#456874;text-align:center;background:#fff;border-radius:6px;padding:7px;font-size:8px}.liquid-shape-card>p strong{color:#176e91}.liquid-shape-card>p b{color:#23785d}.gas-compression-card{background:linear-gradient(150deg,#f4f8f8f5,#dce8ecf2)}.syringe-scene{background:linear-gradient(#e9f2f2,#c8dade);border-radius:13px;height:206px;margin-top:12px;position:relative;overflow:hidden}.syringe-barrel{background:#f9ffff91;border:5px solid #62818c;border-radius:7px 17px 17px 7px;height:94px;position:absolute;top:52px;left:91px;right:52px;box-shadow:inset 0 10px 18px #fff}.syringe-barrel:after{content:"";border:4px solid #62818c;border-left:0;border-radius:0 8px 8px 0;width:23px;height:16px;position:absolute;top:32px;right:-25px}.syringe-handle{z-index:4;background:#d6e1e3;border:5px solid #607d87;border-radius:5px;width:18px;height:76px;animation:6.8s ease-in-out infinite syringe-handle-push;position:absolute;top:62px;left:13px}.syringe-handle:before{content:"";background:#718a92;width:61px;height:9px;position:absolute;top:29px;right:-62px}.syringe-plunger{z-index:5;background:#4d656e;border-radius:4px;width:14px;height:92px;animation:6.8s ease-in-out infinite syringe-plunger-push;position:absolute;top:53px;left:78px}.syringe-plunger i{background:#b3c6ca;width:5px;position:absolute;top:5px;bottom:5px;left:3px}.gas-compression-chamber{z-index:2;background:#a5dbe591;border-radius:4px 11px 11px 4px;animation:6.8s ease-in-out infinite gas-chamber-compress;position:absolute;inset:5px 7px 5px 10px;overflow:hidden}.gas-compression-chamber i{background:#74c3dc;border:2px solid #207895;border-radius:50%;width:9px;height:9px;animation:1.1s ease-in-out infinite alternate gas-particle-jitter;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 7px #4aa8c6}.syringe-scale{z-index:4;background:#6e8b94;width:2px;height:17px;position:absolute;top:4px}.s1{left:20%}.s2{left:35%}.s3{left:50%}.s4{left:65%}.s5{left:80%}.sealed-nozzle{color:#b34f36;text-align:center;font-size:8px;font-weight:950;position:absolute;top:78px;right:10px}.sealed-nozzle i{background:repeating-linear-gradient(45deg,#d95f42 0 4px,#f7c6a9 4px 8px);border-radius:5px;width:23px;height:25px;margin:auto;animation:1.4s ease-in-out infinite seal-pulse;display:block}.compression-readout{grid-template-columns:1fr auto 1fr;align-items:center;gap:7px;margin:9px 0;display:grid}.compression-readout span{color:#51727c;text-align:center;background:#fff;border-radius:6px;padding:6px;font-size:8px;font-weight:800}.compression-readout b{color:#c95e3a;font-size:9px}.gas-compression-card>p{color:#486773;background:#fff;border-left:3px solid #318eaa;margin:0;padding:8px 10px;font-size:9px;line-height:1.55}@keyframes water-source-drain{0%,18%{opacity:1;height:70%}58%,78%{opacity:.35;height:5%}92%,to{opacity:1;height:70%}}@keyframes water-target-fill{0%,18%{opacity:.35;height:5%}58%,78%{opacity:1;height:57%}92%,to{opacity:.35;height:5%}}@keyframes water-stream-show{0%,16%,67%,to{opacity:0}23%,55%{opacity:.85}}@keyframes transfer-arrow-pulse{0%,20%,65%,to{opacity:.25;transform:translate(0)}35%,50%{opacity:1;transform:translate(12px)}}@keyframes source-label-fade{0%,30%{opacity:1}55%,82%{opacity:0}to{opacity:1}}@keyframes target-label-fade{0%,30%{opacity:0}55%,82%{opacity:1}to{opacity:0}}@keyframes syringe-handle-push{0%,18%,to{transform:translate(0)}58%,78%{transform:translate(132px)}}@keyframes syringe-plunger-push{0%,18%,to{transform:translate(0)}58%,78%{transform:translate(132px)}}@keyframes gas-chamber-compress{0%,18%,to{left:10px}58%,78%{left:142px}}@keyframes gas-particle-jitter{0%{margin:0}to{margin-top:-2px;margin-left:3px}}@keyframes seal-pulse{0%,to{filter:saturate(.8)}50%{filter:saturate(1.5);box-shadow:0 0 10px #d95f4270}}@media (width<=900px){.state-question-dialogue,.state-result-dialogue{width:100%}.state-experiment-stage{width:auto;top:82px;left:14px;right:14px}.with-state-experiment{min-height:calc(100svh + 300px);padding-top:405px}.state-experiment-dialogue{width:100%;margin:0}.liquid-transfer-scene{gap:60px;height:205px}.pouring-stream{left:39%}.syringe-barrel{left:78px}.syringe-handle{left:9px}.syringe-plunger{left:66px}@keyframes syringe-handle-push{0%,18%,to{transform:translate(0)}58%,78%{transform:translate(92px)}}@keyframes syringe-plunger-push{0%,18%,to{transform:translate(0)}58%,78%{transform:translate(92px)}}@keyframes gas-chamber-compress{0%,18%,to{left:10px}58%,78%{left:102px}}}@media (prefers-reduced-motion:reduce){.state-experiment-stage,.tall-vessel .liquid-fill,.wide-vessel .liquid-fill,.liquid-vessel em,.pouring-stream,.transfer-arrow,.syringe-handle,.syringe-plunger,.gas-compression-chamber,.gas-compression-chamber i,.sealed-nozzle i{animation:none}.wide-vessel .liquid-fill{opacity:1;height:57%}.wide-vessel em{opacity:1}.tall-vessel .liquid-fill{height:70%}}