:root{--ink:#16243a;--muted:#697589;--paper:#fbfaf6;--line:#dce1e6;--teal:#2f9f91;--teal-dark:#176f69;--coral:#ef715f;--amber:#e7a746;--blue:#315c97;--soft-blue:#eaf0f7;--shadow:0 18px 60px rgba(22,36,58,.10);font-family:Inter,"Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 76% 2%,#e5f1ef 0,transparent 27rem),var(--paper);color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer}.site-shell{max-width:1440px;margin:0 auto;padding:0 38px}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(22,36,58,.10)}.brand{display:flex;gap:12px;align-items:center;color:var(--ink);text-decoration:none}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--ink);color:#fff;font-family:Georgia,serif;font-size:16px}.brand strong,.brand small{display:block}.brand strong{font-size:15px;letter-spacing:.04em}.brand small{font-size:11px;color:var(--muted);margin-top:2px}.topbar-meta{font-size:11px;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}.status-dot{display:inline-block;width:7px;height:7px;background:var(--teal);border-radius:50%;margin-right:5px}.hero{min-height:510px;display:grid;grid-template-columns:1.06fr .94fr;gap:70px;align-items:center;padding:72px 6% 80px}.eyebrow,.section-label,.nav-kicker{font-size:10px;letter-spacing:.16em;font-weight:800;color:var(--teal-dark);margin:0 0 16px}.hero h1{font-family:Georgia,"Noto Serif TC",serif;font-size:clamp(42px,5.2vw,78px);font-weight:400;line-height:1.07;letter-spacing:-.045em;margin:0 0 24px}.hero h1 em{color:var(--coral);font-style:normal}.hero-lede{max-width:570px;font-size:16px;line-height:1.9;color:var(--muted);margin:0}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:30px}.primary-btn{border:0;border-radius:999px;background:var(--ink);color:#fff;padding:14px 20px 14px 24px;font-weight:800;font-size:13px;letter-spacing:.03em;box-shadow:0 8px 20px rgba(22,36,58,.16);transition:transform .2s,background .2s}.primary-btn:hover{transform:translateY(-2px);background:var(--teal-dark)}.primary-btn span{display:inline-block;font-size:19px;line-height:10px;margin-left:15px}.text-btn{border:0;background:transparent;color:var(--ink);font-size:13px;font-weight:800;padding:8px 0}.text-btn:hover{color:var(--coral)}.source-line{font-size:11px;color:var(--muted);margin-top:52px}.source-line span{font-weight:800;color:var(--ink);margin-right:8px}.hero-visual{height:370px;position:relative;background:#d9e9e6;border-radius:42% 56% 47% 53%;isolation:isolate;overflow:hidden}.hero-visual:after{content:"";position:absolute;inset:36px 36px auto auto;width:190px;height:190px;background:rgba(255,255,255,.28);border-radius:50%;z-index:-1}.orbit{position:absolute;left:50%;top:50%;border:1px dashed rgba(23,111,105,.32);border-radius:50%;transform:translate(-50%,-50%) rotate(-20deg)}.orbit-one{width:292px;height:176px}.orbit-two{width:190px;height:310px;transform:translate(-50%,-50%) rotate(60deg)}.molecule{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;width:82px;height:82px;border-radius:50%;color:#fff;box-shadow:0 12px 22px rgba(22,36,58,.15);z-index:2}.molecule b{font:700 26px Georgia,serif}.molecule span{font-size:10px;opacity:.85}.sodium{left:28%;top:32%;background:var(--coral)}.potassium{right:24%;bottom:25%;background:var(--teal-dark)}.hero-note{position:absolute;background:rgba(255,255,255,.83);backdrop-filter:blur(7px);padding:12px 15px;border-radius:14px;font-size:11px;line-height:1.35;box-shadow:0 10px 28px rgba(22,36,58,.08)}.hero-note strong{display:block;font:700 23px Georgia,serif;margin-top:3px}.hero-note small{display:block;color:var(--muted);margin-top:3px}.note-top{right:8%;top:14%}.note-bottom{left:8%;bottom:12%}.learning-layout{display:grid;grid-template-columns:230px 1fr;gap:55px;padding:0 6% 80px}.tab-nav{padding-top:18px;position:sticky;top:20px;align-self:start}.nav-kicker{color:var(--muted);margin-bottom:18px}.tab-btn{display:flex;align-items:center;gap:12px;width:100%;border:0;border-left:2px solid transparent;background:transparent;color:var(--muted);padding:13px 10px;font-size:13px;text-align:left;transition:all .2s}.tab-btn span{font-size:10px;font-weight:800;color:#aab3bf;width:22px}.tab-btn:hover,.tab-btn.active{border-left-color:var(--coral);color:var(--ink);font-weight:800}.tab-btn.active span{color:var(--coral)}.quiz-tab{margin-top:12px;background:var(--ink);color:#fff;border-radius:10px;border-left:0!important;padding:14px}.quiz-tab:hover,.quiz-tab.active{background:var(--teal-dark);color:#fff}.quiz-tab span{color:#b8d8d3}.quiz-tab i{margin-left:auto;font-style:normal}.nav-footnote{margin-top:70px;padding:15px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);line-height:1.65}.nav-footnote strong{color:var(--ink);font-size:12px}.tab-content{min-width:0}.tab-panel{display:none;animation:fade .35s ease}.tab-panel.active{display:block}@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding:10px 0 22px;margin-bottom:30px}.panel-heading h2{font-family:Georgia,"Noto Serif TC",serif;font-size:clamp(29px,3.3vw,48px);font-weight:400;line-height:1.15;margin:0;letter-spacing:-.03em}.page-count{font-size:11px;color:var(--muted);letter-spacing:.1em;margin-top:10px}.takeaway-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.takeaway-card{position:relative;min-height:235px;padding:26px;border-radius:20px;background:#fff;box-shadow:var(--shadow);overflow:hidden}.takeaway-card:after{content:"";position:absolute;right:-40px;bottom:-55px;width:140px;height:140px;border-radius:50%;background:currentColor;opacity:.07}.accent-coral{color:var(--coral)}.accent-teal{color:var(--teal)}.accent-amber{color:var(--amber)}.takeaway-card h3,.takeaway-card p{color:var(--ink)}.takeaway-card h3{font-size:18px;margin:18px 0 10px}.takeaway-card p{font-size:13px;line-height:1.7;margin:0}.takeaway-card p strong{color:var(--coral)}.card-number{font:700 11px Georgia,serif;color:currentColor}.mini-meter{height:7px;background:#f1ede8;border-radius:8px;margin-top:26px;position:relative}.mini-meter span{display:block;height:100%;background:var(--coral);border-radius:8px}.mini-meter i{position:absolute;right:0;top:12px;color:var(--muted);font-size:10px;font-style:normal}.ratio-badge{display:flex;align-items:center;gap:10px;margin-top:27px;font:700 23px Georgia,serif;color:var(--ink)}.ratio-badge span{font:14px system-ui;color:var(--muted)}.ratio-badge .green{color:var(--teal-dark)}.stakeholder-dots{display:flex;gap:7px;margin-top:25px}.stakeholder-dots i{font-style:normal;display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#fcf0d9;color:#9e6c1c;font-size:11px}.lesson-callout{display:flex;align-items:center;gap:16px;margin-top:26px;border-radius:16px;padding:18px 20px;background:var(--soft-blue)}.callout-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#fff;color:var(--coral);font-size:18px}.lesson-callout strong{font-size:13px}.lesson-callout p{color:var(--muted);font-size:12px;line-height:1.6;margin:4px 0 0}.small-btn{border:0;background:transparent;color:var(--blue);font-size:12px;font-weight:800;white-space:nowrap;margin-left:auto}.citation-note{font-size:10px;color:#8b95a1;line-height:1.7;margin-top:30px;border-left:2px solid var(--line);padding-left:13px}.intro-band{display:flex;align-items:center;gap:20px;background:#fff;border-radius:18px;padding:23px 25px;box-shadow:var(--shadow);border-top:3px solid var(--teal)}.big-stat{font:700 44px Georgia,serif;color:var(--coral);line-height:1}.intro-band strong{font-size:16px}.intro-band p{font-size:13px;line-height:1.7;color:var(--muted);margin:4px 0 0}.stat-arrow{margin-left:auto;font:700 18px Georgia,serif;color:var(--teal-dark)}.mechanism-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:14px;margin:32px 0}.flow-step{padding:19px;border-radius:16px;background:#fff;border:1px solid var(--line)}.flow-step span{font-size:10px;color:var(--coral);font-weight:800}.flow-step b,.flow-step small{display:block}.flow-step b{margin:16px 0 5px;font-size:14px}.flow-step small{font-size:11px;line-height:1.5;color:var(--muted)}.flow-arrow{color:var(--teal);font-size:22px}.two-column-copy{display:grid;grid-template-columns:1fr 1fr;gap:18px}.two-column-copy article{padding:22px;background:#f3f6f5;border-radius:16px}.two-column-copy h3{font-size:16px;margin:0 0 10px}.two-column-copy p:last-child{font-size:13px;color:var(--muted);line-height:1.75;margin:0}.calculator-card{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;padding:30px;border-radius:22px;background:#fff;box-shadow:var(--shadow)}.calc-copy h3{font:400 26px Georgia,serif;margin:0 0 10px}.calc-copy>p:not(.section-label){font-size:13px;color:var(--muted);line-height:1.75;margin:0}.calc-switch{display:flex;gap:8px;margin:23px 0 15px}.calc-mode{border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);padding:8px 13px;font-size:11px}.calc-mode.active{background:var(--ink);border-color:var(--ink);color:#fff}.calc-input-label{display:block;font-size:11px;font-weight:800;margin-bottom:8px}.calc-input-row{display:flex;align-items:center;gap:10px}.calc-input-row input{border:1px solid var(--line);border-radius:10px;padding:11px 13px;width:145px;color:var(--ink);font-weight:800}.calc-input-row span{color:var(--muted);font-size:12px}.calc-result{display:flex;align-items:baseline;gap:12px;margin-top:22px}.calc-result span{font-size:11px;color:var(--muted)}.calc-result strong{font:700 24px Georgia,serif;color:var(--teal-dark)}.conversion-visual{display:flex;align-items:center;justify-content:center;gap:12px;background:#eef6f3;border-radius:16px;min-height:220px}.plate{display:grid;place-items:center;width:102px;height:102px;border-radius:50%;background:var(--coral);color:#fff;box-shadow:0 10px 20px rgba(239,113,95,.22);position:relative}.plate-green{background:var(--teal-dark);box-shadow:0 10px 20px rgba(23,111,105,.22)}.plate-ring{position:absolute;inset:8px;border:1px solid rgba(255,255,255,.45);border-radius:50%}.plate span{font:700 23px Georgia,serif}.plate small{font-size:10px;opacity:.8;margin-top:-29px}.conversion-line{display:flex;flex-direction:column;gap:8px;align-items:center;color:var(--muted)}.conversion-line i{width:30px;border-top:1px dashed var(--muted)}.conversion-line b{font-size:10px}.age-chart{margin-top:28px;padding:25px;background:#fff;border-radius:18px;border:1px solid var(--line)}.chart-heading{display:flex;justify-content:space-between;align-items:flex-start}.chart-heading h3{font:400 22px Georgia,serif;margin:0}.legend{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--muted)}.legend i{width:8px;height:8px;border-radius:50%;display:inline-block;margin-left:8px}.legend i:first-child{margin-left:0}.male{background:var(--blue)}.female{background:var(--coral)}.bars{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:28px 8px 0}.bar-group>span{display:block;font-size:11px;color:var(--muted);margin-bottom:10px}.bar-row{height:18px;margin-bottom:7px;background:#f0f2f4;border-radius:4px}.bar-row i{display:flex;align-items:center;justify-content:flex-end;height:100%;border-radius:4px;color:#fff;padding-right:7px;font-style:normal}.bar-row b{font-size:9px}.chart-footnote{font-size:10px;color:#9aa2ad;margin:21px 0 0}.action-map{height:360px;max-width:650px;margin:0 auto 30px;position:relative}.action-map:before,.action-map:after{content:"";position:absolute;left:50%;top:50%;border:1px dashed #a9cbc5;transform:translate(-50%,-50%) rotate(22deg);border-radius:50%}.action-map:before{width:330px;height:190px}.action-map:after{width:190px;height:330px;transform:translate(-50%,-50%) rotate(63deg)}.map-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:130px;height:130px;border-radius:50%;display:grid;place-content:center;text-align:center;background:var(--ink);color:#fff;z-index:2;box-shadow:0 15px 30px rgba(22,36,58,.2)}.map-center span{font:700 28px Georgia,serif;color:#ffd38a}.map-center strong{font-size:13px;margin-top:4px}.map-center small{font-size:9px;opacity:.6;margin-top:6px}.map-node{position:absolute;width:122px;height:84px;display:grid;place-content:center;text-align:center;background:#fff;border-radius:16px;border:1px solid var(--line);z-index:3;box-shadow:0 8px 20px rgba(22,36,58,.07)}.map-node span{font-size:19px;color:var(--coral)}.map-node b{font-size:13px;margin-top:5px}.map-node small{font-size:10px;color:var(--muted);margin-top:3px}.node-top{left:50%;top:0;transform:translateX(-50%)}.node-right{right:0;top:50%;transform:translateY(-50%)}.node-bottom{left:50%;bottom:0;transform:translateX(-50%)}.node-left{left:0;top:50%;transform:translateY(-50%)}.timeline{padding:24px;border-radius:18px;background:#f3f6f5}.timeline-heading h3{font:400 22px Georgia,serif;margin:0}.timeline-track{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:10px;margin:28px 0 20px}.timeline-track>i{height:2px;background:#bdd7d3}.timeline-point{border:0;background:transparent;text-align:left;padding:0}.timeline-point b,.timeline-point span{display:block}.timeline-point b{font:700 19px Georgia,serif;color:var(--muted)}.timeline-point span{font-size:10px;color:var(--muted);margin-top:4px}.timeline-point.active b{color:var(--coral)}.timeline-detail{background:#fff;border-radius:12px;padding:16px}.timeline-detail strong{font-size:13px}.timeline-detail p{font-size:12px;line-height:1.7;color:var(--muted);margin:6px 0 0}.action-list{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:20px}.action-list>div{display:flex;gap:11px;padding:16px;border:1px solid var(--line);border-radius:13px}.action-list span{color:var(--coral);font:700 12px Georgia,serif}.action-list p{font-size:11px;line-height:1.6;color:var(--muted);margin:0}.action-list b{color:var(--ink)}.safety-alert{display:flex;gap:14px;align-items:flex-start;padding:19px 21px;background:#fff1e5;border-left:4px solid var(--amber);border-radius:14px}.safety-alert>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--amber);color:#fff;font-weight:800}.safety-alert strong{font-size:14px}.safety-alert p{font-size:12px;line-height:1.6;color:var(--muted);margin:5px 0 0}.risk-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.risk-card{padding:25px;border-radius:18px;background:#fff;border:1px solid var(--line)}.risk-card h3{font:400 24px Georgia,serif;margin:5px 0 10px}.risk-card>p:not(.section-label),.risk-card li{font-size:12px;color:var(--muted);line-height:1.7}.risk-card ul{padding-left:18px;margin-bottom:0}.risk-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e3f3ef;color:var(--teal-dark);font-size:17px}.risk-card.caution{border-top:3px solid var(--amber)}.risk-card.caution .risk-icon{background:#fff1e5;color:#bd7a18}.safety-checklist{margin-top:25px;padding:24px;border-radius:18px;background:var(--ink);color:#fff}.safety-checklist>p{color:#9ed5cc}.safety-checklist>div{display:grid;grid-template-columns:32px 1fr 1.6fr;align-items:center;gap:12px;padding:13px 0;border-top:1px solid rgba(255,255,255,.12)}.safety-checklist span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--coral);font-size:11px;font-weight:800}.safety-checklist b{font-size:13px}.safety-checklist small{font-size:11px;color:#aebbc4}.quiz-start-card{padding:28px;border-radius:20px;background:#fff;box-shadow:var(--shadow)}.quiz-intro{display:flex;gap:16px;align-items:center}.quiz-number{font:700 50px Georgia,serif;color:var(--coral);line-height:1}.quiz-intro h3{font:400 25px Georgia,serif;margin:0 0 7px}.quiz-intro p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.profile-form{display:grid;grid-template-columns:1fr .7fr 1fr;gap:16px;margin-top:25px}.profile-form label:not(.consent-check){font-size:11px;font-weight:800}.profile-form input:not([type=checkbox]),.profile-form select{display:block;width:100%;margin-top:7px;border:1px solid var(--line);border-radius:9px;padding:11px 12px;color:var(--ink);background:#fff}.consent-check{grid-column:1 / -1;font-size:11px;color:var(--muted);display:flex;gap:7px;align-items:center}.profile-form .primary-btn{justify-self:start}.privacy-note{font-size:10px;color:#909aa4;margin:20px 0 0}.quiz-form{padding-top:5px}.quiz-progress{display:flex;align-items:center;gap:17px;margin-bottom:25px}.quiz-progress>span{white-space:nowrap;font-size:11px;font-weight:800;color:var(--muted)}.quiz-progress>div{height:6px;background:#e7ebe9;border-radius:8px;flex:1}.quiz-progress i{display:block;height:100%;width:20%;background:var(--coral);border-radius:8px;transition:width .25s}.question-card{padding:23px 25px;margin-bottom:15px;border:1px solid var(--line);border-radius:17px;background:#fff}.question-card h3{font-size:15px;line-height:1.6;margin:0 0 15px}.question-card h3 span{display:inline-block;color:var(--coral);font:700 11px Georgia,serif;margin-right:8px}.option{display:flex;gap:9px;align-items:flex-start;padding:11px 12px;border-radius:9px;color:var(--muted);font-size:12px;line-height:1.5;cursor:pointer}.option:hover{background:#f3f6f5;color:var(--ink)}.option input{accent-color:var(--teal-dark);margin-top:2px}.quiz-submit-row{display:flex;align-items:center;justify-content:space-between;margin-top:22px}.quiz-submit-row p{font-size:11px;color:var(--muted)}.quiz-result{padding:28px;border-radius:20px;background:var(--ink);color:#fff}.result-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.result-top h3{font:400 29px Georgia,serif;margin:0}.score-ring{display:grid;place-items:center;width:94px;height:94px;border:7px solid var(--teal);border-radius:50%;font:700 23px Georgia,serif;color:#bce9df}.score-ring small{display:block;font:10px system-ui;color:#aabac1;margin-top:-25px}.result-meta{font-size:11px;color:#aabac1;margin:7px 0 22px}.wrong-list{border-top:1px solid rgba(255,255,255,.13);padding-top:18px}.wrong-list h4{font-size:13px;margin:0 0 10px}.wrong-item{padding:11px 13px;border-radius:9px;background:rgba(255,255,255,.07);margin-top:7px;font-size:11px;line-height:1.6}.wrong-item b{color:#ffbfad}.result-actions{margin-top:20px;display:flex;gap:12px}.secondary-btn{border:1px solid rgba(255,255,255,.35);color:#fff;background:transparent;border-radius:999px;padding:10px 16px;font-size:11px}.site-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:25px 6%;font-size:10px;color:#9aa2ad}.site-footer span:first-child{font-weight:800;color:var(--ink)}@media (max-width:980px){.hero{gap:35px;padding-left:2%;padding-right:2%}.learning-layout{padding-left:2%;padding-right:2%;gap:28px}.takeaway-grid{grid-template-columns:1fr}.tab-nav{position:static}.site-shell{padding:0 22px}.profile-form{grid-template-columns:1fr 1fr}.profile-form .consent-check{grid-column:1 / -1}.profile-form .primary-btn{grid-column:1 / -1}.site-footer{padding-left:2%;padding-right:2%}}@media (max-width:720px){.topbar-meta{display:none}.hero{grid-template-columns:1fr;padding-top:50px}.hero-visual{height:300px}.learning-layout{display:block}.tab-nav{display:flex;gap:6px;overflow-x:auto;margin-bottom:30px;padding-bottom:8px}.nav-kicker,.nav-footnote{display:none}.tab-btn{width:auto;white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:10px 13px}.tab-btn.active{border-color:var(--coral)}.tab-btn span{display:none}.quiz-tab{margin-top:0}.mechanism-flow{grid-template-columns:1fr;gap:8px}.flow-arrow{transform:rotate(90deg);text-align:center}.two-column-copy,.calculator-card,.risk-grid{grid-template-columns:1fr}.bars{gap:9px}.bar-group .bar-row{height:15px}.bar-row b{font-size:8px}.action-list{grid-template-columns:1fr}.action-map{transform:scale(.84);width:119%;margin-left:-9.5%;margin-bottom:0}.safety-checklist>div{grid-template-columns:32px 1fr}.safety-checklist small{grid-column:2}.profile-form{grid-template-columns:1fr}.profile-form .consent-check{grid-column:auto}.quiz-submit-row{align-items:flex-start;flex-direction:column;gap:15px}.site-footer{flex-direction:column}.hero-note{font-size:10px}.hero-note strong{font-size:18px}.source-line{margin-top:33px}}