@charset "UTF-8";
:root{--green:#245c46;--deep:#193e31;--orange:#bd4c20;--ink:#253d33;--muted:#647269;--paper:#faf9f5;--line:#e0e5db;--sage:#edf2e7;--amber:#fcf1df;--red:#ad392f;--radius:18px;--font:"Microsoft JhengHei","PingFang TC",system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.7}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:var(--green);text-decoration:none}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #126cba;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1{font-size:44px;line-height:1.35;letter-spacing:-1.3px}h2{font-size:29px;line-height:1.45;letter-spacing:-.6px}h3{font-size:20px;line-height:1.5}p{color:var(--muted)}small{font-size:13px}.header{background:#faf9f5ed;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.header-inner{max-width:1232px;margin:auto;height:94px;padding:0 36px;display:flex;align-items:center;gap:46px}.brand{display:flex;gap:10px;align-items:center;font-size:28px;font-weight:800;line-height:1.2;white-space:nowrap}.brand:hover{text-decoration:none}.brand-mark{font-size:52px;font-weight:400;line-height:1}.brand-number{color:var(--orange);margin-left:4px}.brand small{display:block;font-size:10px;letter-spacing:2.5px;margin-top:7px;font-weight:500}.header nav{display:flex;gap:28px;margin:auto;font-size:15px}.header nav a{color:var(--muted);padding:34px 0 29px;border-bottom:3px solid transparent}.header nav a.active{color:var(--green);border-color:var(--green);font-weight:700}.records-link{font-size:14px;padding:10px 17px;border:1px solid #b7c3b3;border-radius:30px;white-space:nowrap}.records-link span{padding-right:7px;font-size:19px}main{max-width:1160px;min-height:65vh;margin:auto;padding:36px 0 64px;outline:none}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--green);display:flex;align-items:center;gap:10px;margin-bottom:20px}.eyebrow:before{content:"";width:22px;height:2px;background:var(--orange)}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:425px;align-items:center;background:#edf0e5;border-radius:24px;overflow:hidden;position:relative}.hero-copy{padding:44px 20px 42px 46px;z-index:1}.hero h1{font-size:49px;line-height:1.38;margin-bottom:19px;letter-spacing:-1.8px}.hero h1 em{font-style:normal;color:var(--orange)}.hero-copy>p{font-size:16px;line-height:1.9;max-width:395px;margin-bottom:24px}.hero-foot{display:flex;gap:15px;align-items:center;font-size:12px;color:var(--muted);margin-top:16px}.hero-art{position:relative;min-height:410px;height:100%;background:radial-gradient(ellipse at 55% 50%,#e0e8d2,transparent 70%)}.hero-art svg{width:100%;height:100%;position:absolute;inset:0}.float-note{position:absolute;left:16px;bottom:35px;background:#fffef5;padding:13px 19px;border:1px solid #e1e6d4;border-radius:12px;box-shadow:0 8px 28px #27402b0a;transform:rotate(-4deg);font-size:13px;color:var(--green)}.float-note strong{display:block;font-size:16px}.art-caption{position:absolute;right:30px;top:30px;font-size:12px;letter-spacing:2px;color:#637554;writing-mode:vertical-rl}.btn{display:inline-flex;min-height:50px;align-items:center;justify-content:center;gap:20px;padding:12px 24px;background:var(--green);color:#fff;border:1px solid var(--green);border-radius:9px;font-size:16px;font-weight:700;transition:background .15s,transform .15s;text-decoration:none}.btn:hover{background:var(--deep);text-decoration:none;transform:translateY(-1px)}.btn.orange{background:var(--orange);border-color:var(--orange)}.btn.outline{background:transparent;color:var(--green);border-color:#b9c7b9}.btn.outline:hover{background:var(--sage)}.btn.light{background:white;color:var(--green);border-color:white}.btn.small{min-height:44px;font-size:14px;padding:8px 16px}.trust-strip{display:flex;justify-content:space-around;gap:20px;padding:23px 0;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}.trust-strip b{font-size:17px;color:var(--green);margin-right:8px;font-weight:400}.section-top{display:flex;align-items:flex-end;justify-content:space-between;margin:39px 0 20px;gap:16px}.section-top h2{margin:0;font-size:26px}.section-top p{margin:4px 0 0;font-size:14px}.text-link{font-size:14px;font-weight:700;white-space:nowrap;padding:10px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tool-card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:25px;position:relative;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s}.tool-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px #25443209}.tool-card .number{position:absolute;top:23px;right:25px;color:#9aa79c;font-family:Georgia,serif;font-size:14px}.icon-tile{width:49px;height:49px;display:flex;align-items:center;justify-content:center;background:var(--sage);border-radius:13px;margin-bottom:17px;color:var(--green)}.icon-tile svg{width:28px;height:28px}.tool-card:nth-child(2) .icon-tile{background:#fbecdb;color:#a15c26}.tool-card:nth-child(3) .icon-tile{background:#e9eeee;color:#467076}.tool-card h3{margin-bottom:9px}.tool-card p{font-size:14px;line-height:1.8;flex:1;margin-bottom:18px}.tool-card .text-link{border-top:1px solid var(--line);padding-top:14px;display:flex;justify-content:space-between}.note-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--green);border-radius:16px;margin-top:34px;padding:29px 33px;color:white}.note-banner h3{margin:0 0 4px}.note-banner p{color:#d6e5d8;font-size:14px;margin:0}.article-card{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:white}.article-cover{height:145px;display:flex;align-items:center;justify-content:center;background:#edeedc;overflow:hidden;position:relative}.article-cover:after{content:"";width:170px;height:170px;border:1px solid #ffffff80;border-radius:50%;position:absolute;right:-30px;top:-70px}.article-cover svg{width:90px;height:90px;color:var(--green)}.article-card:nth-child(2) .article-cover{background:#eee0cb}.article-card:nth-child(3) .article-cover{background:#e0e8df}.article-copy{padding:21px}.article-copy .tag{font-size:11px;letter-spacing:1px;color:var(--orange)}.article-copy h3{font-size:18px;margin:8px 0 12px}.article-copy small{color:var(--muted)}.page-head{max-width:690px;margin:14px 0 32px}.page-head h1{font-size:37px;margin-bottom:12px}.page-head p{font-size:16px;margin:0}.pill{display:inline-flex;align-items:center;gap:5px;font-size:12px;padding:4px 10px;border-radius:50px;background:var(--sage);color:var(--green)}.pill.amber{background:var(--amber);color:#885313}.pill.red{background:#ffefeb;color:var(--red)}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px}.two-col{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;align-items:start}.muted{color:var(--muted);font-size:14px}.fine{font-size:12px;line-height:1.8;color:var(--muted)}.notice{background:var(--amber);color:#76531c;border:1px solid #e8d7b1;border-radius:12px;padding:17px 20px;font-size:14px;margin:20px 0}.notice p{color:inherit;margin:5px 0 0}.notice.info{background:var(--sage);border-color:#d6e0d1;color:var(--green)}.quiz-shell{max-width:700px;margin:10px auto 0}.quiz-top{display:flex;justify-content:space-between;font-size:14px;color:var(--muted);margin-bottom:13px}.progress-track{height:5px;border-radius:10px;background:#e6e9df;overflow:hidden;margin-bottom:32px}.progress-fill{height:100%;background:var(--green);transition:width .2s}.quiz-panel{padding:35px 38px}.quiz-panel h1{font-size:29px;margin:12px 0}.quiz-panel>p{font-size:15px}.choices{display:grid;gap:12px;margin:25px 0}.choice{border:1px solid var(--line);background:#fff;border-radius:12px;padding:18px 20px;display:flex;align-items:center;gap:16px;text-align:left;color:var(--ink);min-height:70px}.choice:hover{border-color:var(--green);background:#fafcf8}.choice.selected{border:2px solid var(--green);background:var(--sage);padding:17px 19px}.choice .radio{width:21px;height:21px;border:1.5px solid #9daa9b;border-radius:50%;margin-left:auto;flex-shrink:0}.choice.selected .radio{border:6px solid var(--green);background:white}.choice svg{width:27px;height:27px;color:var(--green)}.choice small{display:block;color:var(--muted);margin-top:3px}.quiz-actions{display:flex;justify-content:space-between;margin-top:25px;gap:12px}.field{display:flex;flex-direction:column;gap:7px;margin:16px 0}.field label{font-weight:700;font-size:15px}.field input,.field select,input.search{border:1px solid #b9c5b7;background:#fff;padding:13px 15px;border-radius:8px;min-height:50px;color:var(--ink);width:100%}.input-unit{position:relative}.input-unit input{padding-right:60px}.input-unit>span{position:absolute;right:17px;top:12px;color:var(--muted)}.form-error{color:var(--red);font-size:14px;min-height:24px;margin:0}.result-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:23px}.result-number{font-family:Georgia,serif;font-size:62px;color:var(--green);line-height:1.2}.result-number small{font-family:var(--font);font-size:18px}.ring{width:180px;height:180px;border-radius:50%;background:conic-gradient(var(--green) var(--pct),#e8eddf 0);display:grid;place-items:center;margin:22px auto}.ring-inside{background:white;width:153px;height:153px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column}.ring-inside strong{font-size:39px;line-height:1.3;font-family:Georgia,serif}.ring-inside span{font-size:12px;color:var(--muted)}.stat-row{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:13px 0;font-size:14px}.action-card{display:flex;gap:16px;padding:21px 0;border-bottom:1px solid var(--line)}.action-card:last-child{border-bottom:0}.action-card .index{background:var(--sage);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:14px;color:var(--green)}.action-card h3{font-size:17px;margin:0 0 4px}.action-card p{font-size:14px;margin:0}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.filters{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 24px}.chip{border:1px solid #bfcaba;border-radius:50px;min-height:44px;padding:8px 18px;background:white;color:var(--green);font-size:14px}.chip.active{background:var(--green);color:white;border-color:var(--green)}.meal-layout{display:grid;grid-template-columns:1fr 300px;gap:24px;align-items:start}.meal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.meal-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;padding:22px;background:#fff}.meal-card h3{margin:12px 0 5px;font-size:18px}.meal-card p{font-size:13px;margin-bottom:14px}.meal-card .food-symbol{font-size:32px;line-height:1.3}.meal-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}.meal-bottom strong{font-size:23px;color:var(--green);font-family:Georgia,serif}.meal-bottom small{font-family:var(--font);font-size:12px}.basket{position:sticky;top:115px}.basket h3{margin-bottom:10px}.basket-item{display:flex;justify-content:space-between;gap:10px;font-size:13px;border-bottom:1px solid var(--line);padding:12px 0}.basket-item span small{display:block;color:var(--muted)}.remove{border:0;background:transparent;color:var(--red);min-width:44px;min-height:44px;font-size:19px}.basket-total{font-size:35px;font-family:Georgia,serif;color:var(--green);padding:12px 0}.basket-total small{font-size:14px;font-family:var(--font)}.basket .btn{width:100%;margin-top:10px}.search{max-width:390px}.ingredient-row{display:grid;grid-template-columns:1.6fr 1fr 55px 44px;align-items:end;gap:9px}.ingredient-row .field{margin:6px 0}.ingredient-row label{font-size:12px}.ingredient-row input,.ingredient-row select{padding:10px;min-width:0;font-size:15px}.unit{padding-bottom:19px;font-size:13px;color:var(--muted)}.product-item{padding:17px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px}.product-item h3{margin:0 0 4px;font-size:17px}.product-item p{font-size:13px;margin:0}.empty{padding:35px 15px;text-align:center;color:var(--muted)}.empty svg{width:45px;height:45px;color:#a4b49e;margin-bottom:10px}.check-label{display:flex;align-items:flex-start;gap:11px;font-size:14px;margin:22px 0}.check-label input{width:21px;height:21px;flex-shrink:0;accent-color:var(--green);margin-top:3px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;font-weight:600;color:var(--muted);font-size:12px}td,th{padding:13px 9px;border-bottom:1px solid var(--line)}.reading{max-width:780px;margin:auto}.reading h1{font-size:35px}.reading h2{font-size:23px;margin-top:32px}.reading p,.reading li{font-size:17px;line-height:1.95}.reading a{text-decoration:underline;text-underline-offset:3px}.reading ul{padding-left:24px}.reading details{border-top:1px solid var(--line);padding:18px 0}.reading summary{cursor:pointer;font-weight:700}.record{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:24px 0;border-bottom:1px solid var(--line)}.record h3{font-size:18px;margin:0 0 4px}.record p{font-size:14px;margin:0}.record time{font-size:12px;color:var(--muted)}footer{max-width:1160px;margin:auto;padding:30px 0 40px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:12px}footer p{margin:5px 0}footer a{color:var(--muted)}.footer-brand{font-size:22px;font-weight:800;color:var(--green)}.footer-dot{padding:0 10px;color:var(--muted)}.mobile-nav{display:none}.skip{position:fixed;top:-100px;left:15px;z-index:100;background:white;padding:12px}.skip:focus{top:10px}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);background:var(--deep);color:white;border-radius:10px;padding:13px 24px;z-index:100;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;font-size:14px;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1500px){main{padding-top:45px}.hero{min-height:470px}.hero h1{font-size:53px}}
@media(max-width:1220px){main,footer{margin-left:30px;margin-right:30px}.header-inner{padding:0 30px;gap:25px}.header nav{gap:19px}.hero h1{font-size:43px}.hero-copy{padding-left:34px}}
@media(max-width:900px){.header-inner{height:80px}.header nav{gap:15px;font-size:13px}.brand{font-size:24px}.brand-mark{font-size:43px}.records-link{font-size:12px;padding:8px 11px}.hero h1{font-size:35px}.hero-copy{padding:32px 12px 32px 28px}.hero-art{min-height:370px}.cards{gap:13px}.tool-card{padding:20px}.meal-layout{grid-template-columns:1fr 260px}.two-col{grid-template-columns:1fr 1fr}.ingredient-row{grid-template-columns:1.4fr 1fr 35px 35px;gap:5px}}
@media(max-width:700px){body{font-size:18px}.header-inner{height:76px;padding:0 20px;gap:8px}.header nav{display:none}.brand{font-size:25px}.brand small{font-size:9px}.records-link{margin-left:auto;font-size:12px}.brand-mark{font-size:43px}main{padding:23px 0 36px;margin:0 20px}.hero{grid-template-columns:1fr;border-radius:20px}.hero-copy{padding:30px 26px 8px}.hero h1{font-size:38px;line-height:1.35}.hero-copy>p{font-size:15px;margin-bottom:20px}.hero-art{min-height:265px}.hero-art svg{max-height:320px;top:-22px}.hero-foot{font-size:11px}.float-note{left:28px;bottom:23px;font-size:11px;padding:10px 14px}.float-note strong{font-size:14px}.art-caption{top:20px;right:24px;font-size:10px}.eyebrow{font-size:10px;margin-bottom:14px}.trust-strip{gap:10px;padding:18px 0;font-size:11px;justify-content:space-between}.trust-strip b{font-size:13px;margin-right:3px}.section-top{margin-top:29px;align-items:center}.section-top h2{font-size:23px}.section-top p{font-size:12px}.text-link{font-size:12px}.cards{grid-template-columns:1fr;gap:13px}.tool-card{padding:23px}.tool-card .icon-tile{margin-bottom:12px}.tool-card h3{font-size:20px}.tool-card p{font-size:15px}.tool-card .text-link{font-size:14px}.note-banner{padding:24px;flex-direction:column;align-items:flex-start;gap:16px}.note-banner .btn{width:100%}.article-card{display:grid;grid-template-columns:100px 1fr}.article-cover{height:100%;min-height:140px}.article-cover svg{width:62px;height:62px}.article-copy{padding:17px}.article-copy h3{font-size:16px}.article-copy small{font-size:11px}.page-head{margin:9px 0 24px}.page-head h1{font-size:30px}.page-head p{font-size:15px}.two-col,.result-grid,.meal-layout{grid-template-columns:1fr}.panel{padding:22px}.quiz-panel{padding:24px 21px}.quiz-panel h1{font-size:26px}.choice{font-size:17px;padding:16px 13px}.choice.selected{padding:15px 12px}.choice small{font-size:12px}.quiz-actions .btn{padding:12px 19px;gap:8px}.quiz-top{font-size:12px}.progress-track{margin-bottom:23px}.meal-grid{gap:12px}.meal-card{padding:16px}.meal-card h3{font-size:16px}.meal-card p{font-size:12px}.meal-bottom{align-items:flex-start;flex-direction:column}.meal-bottom .btn{width:100%}.basket{position:static}.filters{gap:7px}.chip{padding:8px 13px;font-size:13px}.ingredient-row{grid-template-columns:1.4fr 1fr 35px 35px}.record{align-items:flex-start;gap:8px}.record .btn{white-space:nowrap}footer{margin:0 20px;padding-bottom:100px;display:block}footer>div+div{margin-top:20px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fffffff5;backdrop-filter:blur(10px);z-index:30;border-top:1px solid var(--line);justify-content:space-around;padding:7px 10px max(7px,env(safe-area-inset-bottom))}.mobile-nav a{display:flex;align-items:center;flex-direction:column;justify-content:center;font-size:10px;color:var(--muted);min-height:49px;min-width:56px;gap:0}.mobile-nav a span{font-size:24px;line-height:1.3}.mobile-nav a.active{color:var(--green);background:var(--sage);border-radius:12px}.reading h1{font-size:28px}.reading p,.reading li{font-size:16px}#toast{bottom:90px;width:max-content;text-align:center}.actions .btn{flex:1;white-space:nowrap}.result-number{font-size:51px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}