:root{--bg:#f5f7f8;--card:#fff;--ink:#1c2925;--muted:#66736e;--line:#dfe7e3;--brand:#176b52;--brand2:#228564;--brand-soft:#e9f5f0;--warn:#a26000;--warn-soft:#fff6dd;--danger:#b43d3d;--danger-soft:#fff0f0;--blue:#226a9e;--blue-soft:#edf6fc;--shadow:0 8px 30px rgba(21,60,48,.08);--radius:18px}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;font-size:14px}
button,input,select{font:inherit} button{cursor:pointer} a{color:inherit}
body.landing-mode{background:#f6f2eb}
body.landing-mode .app{display:block}
body.landing-mode .sidebar,body.landing-mode .topbar{display:none}
body.landing-mode .content{max-width:none;padding:0}
.topbar-right{display:flex;align-items:center;gap:10px}
.landing-page{min-height:100vh;background:linear-gradient(180deg,#fbf8f2 0%,#f6f1e8 100%)}
.landing-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:22px 34px;background:rgba(251,248,242,.82);backdrop-filter:blur(12px);border-bottom:1px solid rgba(214,220,214,.6)}
.landing-brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:19px;color:#1b2c27}.landing-brand small{display:block;font-size:11px;color:#6b7a74;font-weight:600}.landing-logo{width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#2d8e6d 0,#176b52 60%,#104636 100%);position:relative;box-shadow:0 10px 25px rgba(23,107,82,.18)}.landing-logo:before,.landing-logo:after{content:"";position:absolute;background:#f2f6f3;border-radius:100px 100px 100px 0}.landing-logo:before{width:13px;height:18px;left:10px;top:10px;transform:rotate(-42deg)}.landing-logo:after{width:12px;height:16px;right:10px;top:13px;transform:rotate(35deg)}
.landing-nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.landing-nav button{border:0;background:transparent;padding:8px 2px;font-weight:700;color:#21322c;position:relative}.landing-nav button.active::after,.landing-nav button:hover::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:3px;border-radius:999px;background:var(--brand)}
.landing-actions{display:flex;align-items:center;gap:12px}
.landing-main{padding:14px 34px 54px}
.landing-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:center;padding:38px 0 20px}.landing-copy h1{margin:0;font-size:72px;line-height:1.08;letter-spacing:-2px;color:#15211d}.landing-copy p{margin:24px 0 0;font-size:22px;line-height:1.8;color:#68766f;max-width:760px}.landing-sub{font-size:18px!important;max-width:700px}.landing-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.btn.outline-brand{background:transparent;border-color:#8ab6a4;color:var(--brand)}
.hero-visual{position:relative;min-height:640px;border-radius:36px;overflow:hidden;background:radial-gradient(circle at 65% 30%,rgba(240,209,152,.45) 0,rgba(240,209,152,.14) 20%,transparent 42%),linear-gradient(180deg,#f8f4ee 0%,#eef4f0 40%,#e8f4ef 100%);box-shadow:0 28px 60px rgba(21,60,48,.12)}
.hero-visual:before{content:"";position:absolute;inset:auto -10% -5% -10%;height:48%;background:linear-gradient(180deg,#5fa58b 0%,#176b52 46%,#0f5b49 100%);border-radius:52% 48% 0 0 / 28% 32% 0 0;filter:drop-shadow(0 -8px 40px rgba(23,107,82,.18))}
.hero-visual:after{content:"";position:absolute;left:8%;right:22%;bottom:9%;height:4px;background:linear-gradient(90deg,transparent,rgba(255,244,220,.9),transparent);filter:blur(2px)}
.visual-flow{position:absolute;right:15%;bottom:21%;width:74%;height:36%;border-radius:200px;pointer-events:none}.visual-flow span{position:absolute;left:0;right:0;height:18px;border-radius:20px;filter:blur(.2px);animation:flowDrift 7s ease-in-out infinite}.visual-flow span:nth-child(1){top:10%;background:linear-gradient(90deg,rgba(247,215,160,.15),rgba(240,197,116,.9),rgba(255,250,240,0));transform:rotate(-8deg)}.visual-flow span:nth-child(2){top:36%;background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(171,223,208,.95),rgba(255,242,223,.82));transform:rotate(-6deg);animation-delay:-1.4s}.visual-flow span:nth-child(3){top:63%;background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(255,217,155,.8),rgba(195,236,222,.92));transform:rotate(-3deg);animation-delay:-2.4s}.visual-flow span:nth-child(4){top:84%;background:linear-gradient(90deg,rgba(255,255,255,.18),rgba(131,201,183,.95),rgba(255,255,255,0));animation-delay:-3.3s}
.hero-chart{position:absolute;right:4%;top:5%;width:43%;height:36%;opacity:.92}.hero-chart .point{position:absolute;width:14px;height:14px;border-radius:50%;background:#157765;box-shadow:0 0 0 6px rgba(21,119,101,.12);animation:pulseSoft 2.8s infinite}.hero-chart .point:nth-child(1){left:10%;top:72%}.hero-chart .point:nth-child(2){left:28%;top:58%;animation-delay:.4s}.hero-chart .point:nth-child(3){left:47%;top:48%;animation-delay:.9s}.hero-chart .point:nth-child(4){left:66%;top:38%;animation-delay:1.3s}.hero-chart .point:nth-child(5){left:82%;top:18%;animation-delay:1.8s}.hero-chart svg{position:absolute;inset:0;width:100%;height:100%}
.data-float{position:absolute;background:rgba(255,255,255,.64);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.75);border-radius:22px;box-shadow:0 18px 40px rgba(15,52,41,.12);animation:floatY 5.2s ease-in-out infinite}.data-float.card-a{left:11%;top:18%;width:160px;height:120px;animation-delay:-.5s}.data-float.card-b{left:26%;top:34%;width:176px;height:132px;animation-delay:-1.9s}.data-float.card-c{right:18%;bottom:14%;width:174px;height:122px;animation-delay:-2.8s}.float-head{height:12px;width:44%;border-radius:999px;background:#cfe8de;margin:18px 16px 12px}.float-line{height:10px;border-radius:999px;background:linear-gradient(90deg,#e7f0ec,#bfdacb);margin:10px 16px}.float-line.short{width:48%}.float-chart{position:absolute;left:16px;right:16px;bottom:18px;height:52px;border-radius:16px;background:linear-gradient(180deg,rgba(34,133,100,.16),rgba(34,133,100,.06));overflow:hidden}.float-chart:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 0,transparent 60%,rgba(255,255,255,.65) 61%,transparent 62%)}.float-chart:after{content:"";position:absolute;left:8px;right:8px;top:16px;height:24px;border-bottom:3px solid #dfa94a;border-left:3px solid transparent;border-radius:0 0 50px 0;transform:skewX(-25deg)}
.grain-cluster{position:absolute;left:6%;bottom:2%;display:flex;align-items:flex-end;gap:14px;z-index:2;animation:floatY 6.4s ease-in-out infinite}.grain-corn{width:70px;height:136px;border-radius:30px;background:linear-gradient(180deg,#ffd166 0,#efb63f 100%);position:relative;box-shadow:inset 0 0 0 5px rgba(255,255,255,.18)}.grain-corn:before{content:"";position:absolute;left:-18px;bottom:12px;width:36px;height:74px;background:linear-gradient(180deg,#b8c681,#6d8f4b);border-radius:40px 0 40px 40px;transform:rotate(-22deg)}.grain-corn:after{content:"";position:absolute;right:-18px;bottom:22px;width:32px;height:66px;background:linear-gradient(180deg,#d9dd93,#7f9a57);border-radius:0 40px 40px 40px;transform:rotate(20deg)}
.grain-soy{display:grid;grid-template-columns:repeat(4,16px);gap:8px 10px}.grain-soy span{width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f3e6c4,#d1b98a 70%,#b49763 100%);box-shadow:0 4px 8px rgba(108,82,33,.12)}.grain-pile{width:162px;height:60px;background:radial-gradient(circle at 50% 10%,#f4ead6 0,#ead7b3 45%,#d9c3a3 100%);border-radius:50% 50% 40% 40% / 65% 65% 35% 35%;box-shadow:0 10px 18px rgba(111,86,48,.12)}
.pig-shape{position:absolute;right:6%;bottom:10%;width:300px;height:142px;background:linear-gradient(180deg,#185c4a,#0e4738);border-radius:48% 46% 38% 42% / 54% 52% 34% 36%;z-index:2;box-shadow:0 14px 30px rgba(8,47,36,.18);animation:floatPig 5.8s ease-in-out infinite}.pig-shape:before{content:"";position:absolute;width:66px;height:56px;right:-18px;top:24px;background:inherit;border-radius:58% 44% 48% 38% / 50% 50% 44% 46%}.pig-shape:after{content:"";position:absolute;width:36px;height:36px;left:-14px;top:58px;border:6px solid #0e4738;border-radius:50%;background:transparent}.pig-ear{position:absolute;right:24px;top:-14px;width:28px;height:26px;background:#155542;border-radius:10px 26px 4px 14px;transform:rotate(18deg)}.pig-leg{position:absolute;bottom:-22px;width:16px;height:36px;background:#0e4738;border-radius:0 0 10px 10px}.pig-leg.l1{left:72px}.pig-leg.l2{left:120px}.pig-leg.l3{right:96px}.pig-leg.l4{right:48px}
.landing-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:18px}.landing-card{background:#fffdf9;border:1px solid rgba(212,219,214,.8);border-radius:26px;overflow:hidden;box-shadow:0 16px 38px rgba(20,49,40,.08);transition:transform .3s ease,box-shadow .3s ease}.landing-card:hover{transform:translateY(-6px);box-shadow:0 24px 45px rgba(20,49,40,.13)}.landing-card-visual{height:280px;position:relative;overflow:hidden}.landing-card-visual img{width:100%;height:100%;object-fit:cover;display:block}.landing-card-body{padding:18px 20px 22px}.landing-no{font-size:18px;font-weight:900;color:#136954;margin-bottom:10px}.landing-card h3{margin:0;font-size:30px;line-height:1.18;letter-spacing:-.5px}.landing-card p{margin:8px 0 0;color:#68756f;line-height:1.8}
.viz01{background:linear-gradient(180deg,#edf3ea 0,#dee8df 100%)}.viz01:before{content:"";position:absolute;left:18px;right:18px;bottom:0;height:42%;background:radial-gradient(circle at 50% 0,#f4e7d1 0,#e4d2ae 60%,transparent 61%)}.viz01 .bubble{position:absolute;width:84px;height:84px;border-radius:50%;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.94);display:grid;place-items:center;font-weight:800;color:#3a655b;box-shadow:0 8px 18px rgba(65,93,79,.08);animation:floatY 5.5s ease-in-out infinite;text-align:center;line-height:1.15}.viz01 .bubble small{display:block;font-size:14px;color:#73837d}.viz01 .b1{left:20px;top:34px}.viz01 .b2{right:18px;top:72px;animation-delay:-1.4s}.viz01 .b3{left:39%;top:102px;animation-delay:-2.2s}.viz01 .b4{left:18px;top:132px;animation-delay:-.8s}.viz01 .b5{right:26px;top:8px;animation-delay:-2.8s}.viz01 .corn-mini{position:absolute;left:34px;bottom:22px;width:74px;height:132px;border-radius:28px;background:linear-gradient(180deg,#ffd56d,#edb440)}.viz01 .soy-mini{position:absolute;left:102px;bottom:22px;width:94px;height:44px;background:radial-gradient(circle at 20% 40%,#ecdfbe 0,#d0b78b 70%,transparent 71%);border-radius:50%}
.viz02{background:linear-gradient(135deg,#1b7662 0,#55b0a0 58%,#f4ebd6 100%)}.viz02:before{content:'NE 2650';position:absolute;left:26px;top:44%;transform:translateY(-50%);font-size:48px;font-weight:900;color:#fff}.viz02:after{content:'KCal/kg';position:absolute;left:28px;top:57%;color:rgba(255,255,255,.96);font-size:22px;font-weight:800;letter-spacing:.4px}.viz02 .glow{position:absolute;inset:18px;border-radius:24px;border:1px solid rgba(255,255,255,.45)}.viz02 .wave{position:absolute;inset:auto -8% -18% -8%;height:70%;background:radial-gradient(circle at 18% 40%,rgba(255,255,255,.3),transparent 38%),linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0));border-radius:50%;animation:spinSlow 15s linear infinite}.viz02 .model-tag{position:absolute;top:22px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.38);color:#fff;font-weight:800;font-size:14px}.viz02 .model-tag.t1{right:94px}.viz02 .model-tag.t2{right:24px}
.viz03{background:linear-gradient(180deg,#f8e9cc 0,#f5e5c9 100%)}.viz03 .scale-bar{position:absolute;left:50%;top:68px;width:8px;height:132px;background:#65482a;transform:translateX(-50%);border-radius:6px}.viz03 .scale-arm{position:absolute;left:50%;top:72px;width:188px;height:8px;background:#65482a;transform:translateX(-50%);border-radius:6px}.viz03 .plate{position:absolute;top:132px;width:104px;height:58px;border:3px solid #65482a;border-top:0;border-radius:0 0 90px 90px}.viz03 .plate.left{left:36px}.viz03 .plate.right{right:36px}.viz03 .coin{position:absolute;width:22px;height:22px;border-radius:50%;background:#d6a753;box-shadow:inset 0 0 0 4px rgba(255,240,210,.45)}.viz03 .coin.c1{right:56px;bottom:46px}.viz03 .coin.c2{right:84px;bottom:52px}.viz03 .coin.c3{right:30px;bottom:60px}.viz03 .price-tag{position:absolute;right:56px;top:146px;width:74px;height:92px;border-radius:14px;background:#d79c46;color:#fff;display:grid;place-items:center;font-size:42px;font-weight:900;transform:rotate(8deg)}.viz03 .grain-basket{position:absolute;left:28px;bottom:34px;width:82px;height:56px;background:radial-gradient(circle at 50% 10%,#f2dfb5 0,#d8b988 65%,transparent 66%);border-radius:50%}
.viz04{background:linear-gradient(180deg,#e3eeea 0,#d7e8e3 100%)}.viz04:before{content:"";position:absolute;left:-5%;right:-5%;bottom:0;height:58%;background:linear-gradient(180deg,#7fb7ad 0,#1f7a66 100%);border-radius:50% 50% 0 0 / 36% 34% 0 0}.viz04 .trend{position:absolute;left:22px;right:22px;top:34px;bottom:62px}.viz04 svg{width:100%;height:100%}.viz04 .mini-pig{position:absolute;right:42px;bottom:52px;width:138px;height:70px;background:linear-gradient(180deg,#135442,#0f4738);border-radius:48% 46% 40% 40% / 56% 54% 34% 34%}.viz04 .stage-tags{position:absolute;left:16px;right:16px;bottom:12px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.viz04 .stage-tags span{display:block;padding:7px 0;border-radius:10px;background:rgba(16,72,58,.72);color:#fff;font-size:13px;font-weight:700;text-align:center}
.steps-section{padding:48px 0 34px;text-align:center}.steps-title{display:inline-flex;flex-direction:column;align-items:center;gap:8px;font-size:42px;font-weight:800;color:#21342d}.steps-title:after{content:"";width:52px;height:4px;border-radius:999px;background:#1e7f62}.steps-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:center;margin-top:30px}.step-item{position:relative;padding:0 10px}.step-item:not(:last-child):after{content:"";position:absolute;top:34px;left:64%;width:72%;border-top:2px dashed rgba(98,128,117,.35)}.step-icon{width:76px;height:76px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:#eef4ed;color:#1b6f58;font-size:34px;box-shadow:inset 0 0 0 1px rgba(182,203,194,.55);animation:pulseSoft 4s infinite}.step-item h4{margin:0;font-size:28px}.step-item p{margin:10px 0 0;color:#697670;font-size:22px}
.cta-banner{margin-top:24px;background:linear-gradient(100deg,#0f5141 0,#1d8067 45%,#5ca796 100%);border-radius:34px;padding:42px 44px;display:grid;grid-template-columns:1.2fr .8fr;gap:20px;align-items:center;position:relative;overflow:hidden;box-shadow:0 24px 50px rgba(15,81,65,.18)}.cta-banner:before{content:"";position:absolute;inset:auto -10% -30% -10%;height:70%;background:radial-gradient(circle at 50% 0,rgba(255,231,196,.25),transparent 45%)}.cta-banner h3{margin:0;color:#fff;font-size:54px;line-height:1.25}.cta-banner .btn{padding:14px 24px;border-radius:999px;font-size:18px}.cta-visual{position:relative;min-height:220px}.portal-ring{position:absolute;right:48px;top:0;width:226px;height:226px;border-radius:50%;border:12px solid rgba(252,248,235,.95);box-shadow:0 0 0 16px rgba(255,255,255,.08)}.portal-core{position:absolute;right:96px;top:48px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle at 50% 45%,rgba(255,235,183,.96),rgba(255,208,123,.76) 38%,rgba(255,255,255,.08) 68%,transparent 69%)}.portal-bars{position:absolute;right:132px;top:76px;display:flex;gap:10px;align-items:flex-end}.portal-bars span{display:block;width:18px;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#eaf6ef,#efc36f)}.portal-bars span:nth-child(1){height:52px}.portal-bars span:nth-child(2){height:82px}.portal-bars span:nth-child(3){height:116px}.cta-road{position:absolute;left:0;right:0;bottom:-10px;height:120px;background:radial-gradient(circle at 70% 0,rgba(255,255,255,.14),transparent 38%),linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.09));border-radius:50% 50% 0 0 / 72% 72% 0 0}.cta-road:before{content:"";position:absolute;left:46%;bottom:0;width:86px;height:112px;background:linear-gradient(180deg,#f6d291 0,#fff4de 100%);clip-path:polygon(42% 0,58% 0,88% 100%,12% 100%)}
.landing-about{padding:32px 0 0;color:#75817b;text-align:center;font-size:16px;line-height:1.9}
@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes floatPig{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes pulseSoft{0%,100%{box-shadow:0 0 0 0 rgba(21,119,101,.14)}50%{box-shadow:0 0 0 10px rgba(21,119,101,0)}}
@keyframes flowDrift{0%,100%{transform:translateX(0) rotate(-6deg)}50%{transform:translateX(10px) rotate(-2deg)}}
@keyframes spinSlow{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.hero-visual.image-hero{background:#f7f4ee;display:flex;align-items:flex-end;justify-content:center;padding:0;min-height:640px}.hero-visual.image-hero img{width:100%;height:100%;object-fit:contain;object-position:center bottom;display:block;animation:floatY 6s ease-in-out infinite}.cta-banner.image-banner{background:#fff;border:0;box-shadow:none;padding:0;display:block}.cta-banner.image-banner img{width:100%;display:block;border-radius:34px;box-shadow:0 24px 50px rgba(15,81,65,.12)}.cta-banner.image-banner .cta-link{position:absolute;left:34%;bottom:30px;transform:translateX(-50%);padding:14px 26px;border-radius:999px;background:rgba(216,156,70,.88);border:1px solid rgba(255,244,224,.75);color:#fff;font-weight:800;backdrop-filter:blur(6px)}.cta-banner.image-banner{position:relative}.landing-page .hero-visual:before,.landing-page .hero-visual:after{display:none!important}.landing-page .data-float,.landing-page .visual-flow,.landing-page .hero-chart,.landing-page .grain-cluster,.landing-page .pig-shape{display:none!important}
.workbench-hero{padding:28px 30px;background:linear-gradient(135deg,#123d31 0%,#176b52 70%,#2b9471 100%);color:#fff;border-radius:24px}.workbench-hero h2{margin:0 0 8px;font-size:36px}.workbench-hero p{margin:0;color:#dcede7;line-height:1.8}.workbench-chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.workbench-chip{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);font-weight:700}

.app{min-height:100vh;display:grid;grid-template-columns:236px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:#123d31;color:#eaf4f0;padding:24px 16px;display:flex;flex-direction:column;gap:22px}.brand{display:flex;gap:12px;align-items:center;padding:0 8px}.brand-mark{width:58px;height:58px;border-radius:16px;background:#eef9f5;display:grid;place-items:center;font-size:22px;box-shadow:0 5px 16px rgba(0,0,0,.16),inset 0 0 0 1px rgba(255,255,255,.3);overflow:hidden}.brand-mark img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;transform:none;padding:3px;background:#fff}.brand strong{display:block;font-size:16px}.brand small{color:#a9cbc0}.nav{display:flex;flex-direction:column;gap:6px}.nav button{border:0;background:transparent;color:#cbe1da;text-align:left;padding:12px 13px;border-radius:12px;display:flex;align-items:center;gap:10px}.nav button:hover,.nav button.active{background:rgba(255,255,255,.1);color:#fff}.nav .ico{width:24px;text-align:center;font-size:17px}.side-note{margin-top:auto;padding:13px;border:1px solid rgba(255,255,255,.11);border-radius:14px;color:#b8d2c9;font-size:12px;line-height:1.65}
.main{min-width:0}.topbar{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:rgba(245,247,248,.9);backdrop-filter:blur(10px);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(223,231,227,.8)}.topbar h1{font-size:18px;margin:0}.topbar .tag{font-size:12px;color:var(--brand);background:var(--brand-soft);border:1px solid #cfe8de;padding:7px 10px;border-radius:999px}.content{padding:28px 34px 56px;max-width:1500px;margin:auto}.view{display:none}.view.active{display:block}.page-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.page-head h2{margin:0 0 6px;font-size:28px;letter-spacing:-.5px}.page-head p{margin:0;color:var(--muted);line-height:1.7}.page-actions{display:flex;gap:8px;flex-wrap:wrap}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card-pad{padding:20px}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.hero{padding:34px;background:linear-gradient(135deg,#123d31 0%,#176b52 70%,#2b9471 100%);color:white;border-radius:24px;position:relative;overflow:hidden;box-shadow:var(--shadow)}.hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.07);right:-70px;top:-100px}.hero h2{font-size:34px;margin:0 0 10px;max-width:700px}.hero p{color:#d9ece5;line-height:1.8;max-width:760px;margin:0}.hero .stats{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}.hero .stat{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);padding:10px 14px;border-radius:12px}.feature-card{padding:20px;min-height:180px;display:flex;flex-direction:column}.feature-icon{width:44px;height:44px;border-radius:13px;background:var(--brand-soft);display:grid;place-items:center;font-size:22px;margin-bottom:14px}.feature-card h3{margin:0 0 8px;font-size:17px}.feature-card p{color:var(--muted);line-height:1.7;margin:0 0 18px}.feature-card button{margin-top:auto;align-self:flex-start}
.btn{border:1px solid var(--line);background:#fff;color:var(--ink);padding:9px 13px;border-radius:10px;font-weight:600}.btn:hover{border-color:#b8cbc3}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn.primary:hover{background:#125a45}.btn.soft{background:var(--brand-soft);border-color:#d5ebe2;color:var(--brand)}.btn.danger{background:var(--danger-soft);border-color:#ffd2d2;color:var(--danger)}.btn.sm{padding:6px 9px;font-size:12px;border-radius:8px}.btn.link{border:0;background:transparent;color:var(--brand);padding:5px 0}.pill{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#f0f4f2;color:#52615c;font-size:12px}.pill.green{background:var(--brand-soft);color:var(--brand)}.pill.blue{background:var(--blue-soft);color:var(--blue)}.pill.warn{background:var(--warn-soft);color:var(--warn)}
.landing-card,.feature-card{cursor:pointer}
.landing-card,.feature-card,.workbench-hero-v8,.cta-banner{animation:fadeRise .7s ease both}
.landing-card:nth-child(2),.feature-card:nth-child(2){animation-delay:.06s}
.landing-card:nth-child(3),.feature-card:nth-child(3){animation-delay:.12s}
.landing-card:nth-child(4),.feature-card:nth-child(4){animation-delay:.18s}
@keyframes fadeRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.feature-card{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.feature-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(18,61,49,.10);border-color:#b7d0c5}
.feature-card .feature-foot{margin-top:14px;color:#176b52;font-weight:700;font-size:13px}
.workbench-quick-actions{position:relative;z-index:1;display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.workbench-quick-actions .btn{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.18);color:#fff}
.workbench-quick-actions .btn:hover{background:rgba(255,255,255,.18)}
.about-sections{display:grid;gap:16px;margin-top:14px}
.about-panel{border:1px solid #dfe7e3;border-radius:14px;background:#fbfcfb;padding:14px 16px}
.about-panel h5{margin:0 0 8px;font-size:15px;color:#163f33}
.about-panel ul{margin:0;padding-left:18px;color:#566760;line-height:1.9}
.about-panel p{margin:0;color:#566760}
.about-highlight{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 2px}
.about-highlight span{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#eef7f3;color:#176b52;font-size:12px;font-weight:700}

.form-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;color:#596963;font-weight:600}.field input,.field select{width:100%;height:40px;padding:0 11px;border:1px solid #d7e0dc;border-radius:10px;background:#fff;color:var(--ink);outline:none}.field input:focus,.field select:focus{border-color:#69a991;box-shadow:0 0 0 3px rgba(34,133,100,.08)}.field .hint{font-size:11px;color:#8a9692}.input-group{display:grid;grid-template-columns:1fr auto;gap:8px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.section-title h3{margin:0;font-size:16px}.divider{height:1px;background:var(--line);margin:18px 0}.notice{padding:12px 14px;border-radius:12px;background:var(--blue-soft);border:1px solid #d7eaf7;color:#305d78;line-height:1.65}.notice.warn{background:var(--warn-soft);border-color:#f2dfad;color:#795215}.notice.error{background:var(--danger-soft);border-color:#f3caca;color:#943b3b}.empty{padding:34px;text-align:center;color:#84908c;border:1px dashed #ccd8d3;border-radius:14px;background:#fafcfb}.muted{color:var(--muted)}
.specs{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.spec-check{display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--line);border-radius:10px;background:#fff}.spec-check input{accent-color:var(--brand)}.compare-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}.data-table{width:100%;border-collapse:collapse;min-width:760px}.data-table th,.data-table td{padding:10px 12px;border-bottom:1px solid #edf1ef;text-align:left;vertical-align:top}.data-table th{background:#f8faf9;font-size:12px;color:#52625d;position:sticky;top:0}.data-table tr:last-child td{border-bottom:0}.data-table td.num{text-align:right;font-variant-numeric:tabular-nums}.data-table .editing{background:#fffbea}.nutri-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;margin-top:16px}.record-card{border:1px solid var(--line);border-radius:15px;background:#fff;overflow:hidden}.record-head{padding:15px;display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #edf1ef}.record-head h4{margin:0 0 6px}.record-body{padding:0 15px 15px}.record-body details{border-bottom:1px solid #edf1ef;padding:11px 0}.record-body details:last-child{border-bottom:0}.record-body summary{font-weight:700;cursor:pointer}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px}.metric{padding:8px 9px;border-radius:9px;background:#f8faf9;display:flex;justify-content:space-between;gap:8px}.metric span:first-child{color:#64736e}.source-note{font-size:11px;line-height:1.6;color:#7b8984;margin-top:10px}
.model-result{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.kpi{padding:13px;border:1px solid var(--line);border-radius:12px;background:#fafcfb}.kpi .label{font-size:11px;color:#74817d}.kpi .value{font-size:20px;font-weight:800;margin-top:4px;font-variant-numeric:tabular-nums}.kpi .unit{font-size:11px;color:#83908b;margin-left:3px}.compare-kpis{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:stretch}.compare-kpis .model-box{padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff}.compare-kpis .big{font-size:28px;font-weight:800;margin-top:6px}.delta-box{display:grid;place-items:center;padding:12px 18px;border-radius:14px;background:var(--brand-soft);color:var(--brand);font-weight:800}.tabs{display:flex;gap:7px;margin-bottom:16px;flex-wrap:wrap}.tabs button{border:1px solid var(--line);background:#fff;padding:9px 12px;border-radius:10px}.tabs button.active{background:var(--brand);color:#fff;border-color:var(--brand)}.subview{display:none}.subview.active{display:block}.price-inputs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.status-good{color:#1b7658}.status-bad{color:#ac4343}.rank-badge{width:26px;height:26px;border-radius:8px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-weight:800}.db-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.db-toolbar input{max-width:360px}.db-table input{width:85px;height:32px;border:1px solid #d8e1dd;border-radius:7px;padding:0 6px}.db-table input.name-input{width:150px}.mix-card{padding:18px}.mix-components{display:grid;grid-template-columns:1fr 100px;gap:8px}.mix-result{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.mix-result .metric{display:block}.mix-result .metric b{display:block;margin-top:3px}.operation-pos{color:#176b52;font-weight:700}.operation-neg{color:#b35a1c;font-weight:700}
.growth-controls{display:grid;grid-template-columns:180px 1fr 1fr auto;gap:12px;align-items:end}.toggle{display:inline-flex;background:#edf2ef;border-radius:10px;padding:3px}.toggle button{border:0;background:transparent;padding:7px 10px;border-radius:8px;color:#61716b}.toggle button.active{background:#fff;color:var(--brand);box-shadow:0 2px 8px rgba(0,0,0,.06);font-weight:700}.chart-card{padding:16px}.chart-wrap{height:360px;position:relative}.chart-wrap canvas{width:100%;height:100%}.mini-chart .chart-wrap{height:280px}.multi-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.multi-chart-grid .chart-card:last-child{grid-column:1 / -1}.legend{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:#66736e;margin-top:8px}.legend i{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:5px}.footnote{font-size:12px;color:#7d8985;line-height:1.7;margin-top:12px}
.toast{position:fixed;right:24px;bottom:24px;background:#163f34;color:white;padding:11px 14px;border-radius:11px;box-shadow:0 10px 30px rgba(0,0,0,.18);opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s;z-index:99}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:1100px){.app{grid-template-columns:82px 1fr}.brand .brand-text,.nav .label,.side-note{display:none}.sidebar{padding:20px 12px}.brand{justify-content:center;padding:0}.nav button{justify-content:center}.grid-4{grid-template-columns:repeat(2,1fr)}.form-row,.price-inputs{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.app{display:block}.sidebar{position:fixed;left:0;right:0;bottom:0;top:auto;height:66px;z-index:50;padding:7px;background:#123d31}.brand,.side-note{display:none}.nav{height:100%;flex-direction:row;justify-content:space-around}.nav button{padding:6px 9px;flex-direction:column;gap:1px;font-size:10px}.nav .label{display:block}.nav .ico{font-size:16px}.topbar{height:58px;padding:0 16px}.topbar .tag{display:none}.content{padding:20px 14px 90px}.page-head{align-items:flex-start;flex-direction:column}.page-head h2{font-size:24px}.hero{padding:26px 20px}.hero h2{font-size:27px}.grid-2,.grid-3,.grid-4,.form-row,.price-inputs,.model-result,.compare-kpis,.growth-controls,.multi-chart-grid,.landing-hero,.landing-feature-grid,.steps-row,.cta-banner{grid-template-columns:1fr}.nutri-cards{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}.mix-result{grid-template-columns:repeat(2,1fr)}body.landing-mode .content{padding:0}.landing-header{padding:14px 16px;gap:10px;flex-wrap:wrap}.landing-nav{display:none}.landing-main{padding:12px 14px 30px}.landing-copy h1{font-size:38px;letter-spacing:-1px}.landing-copy p,.step-item p{font-size:16px}.landing-cta{margin-top:24px}.hero-visual{min-height:420px}.landing-card-visual{height:210px}.steps-title{font-size:28px}.step-item:not(:last-child):after{display:none}.cta-banner h3{font-size:30px}.portal-ring{right:16px;width:150px;height:150px}.portal-core{right:48px;top:34px;width:90px;height:90px}.portal-bars{right:72px;top:56px}.cta-visual{min-height:160px}}

/* ===== Excel高保真增强层 ===== */
:root{--sheet-navy:#1f4e78;--sheet-blue:#2f75b5;--sheet-blue2:#5b9bd5;--sheet-light:#d9eaf7;--sheet-input:#fff2cc;--sheet-calc:#e2f0d9;--sheet-gray:#f2f2f2;--sheet-border:#c9d5df;--sheet-green:#70ad47;--sheet-red:#c55a11}
.sheet-shell{background:#fff;border:1px solid #cbd8e2;border-radius:14px;overflow:hidden;box-shadow:0 7px 26px rgba(31,78,121,.08);margin-bottom:18px}.sheet-title{background:var(--sheet-navy);color:#fff;font-size:20px;font-weight:800;text-align:center;padding:12px 16px;letter-spacing:.4px}.sheet-note{background:#eaf3f9;color:#42596c;padding:10px 14px;line-height:1.7;border-bottom:1px solid var(--sheet-border)}.sheet-section{background:var(--sheet-blue);color:#fff;font-weight:800;padding:8px 11px;display:flex;align-items:center;justify-content:space-between;gap:8px}.sheet-section.dark{background:var(--sheet-navy)}.sheet-section.soft{background:var(--sheet-blue2)}.sheet-section button.collapse-btn{border:0;background:rgba(255,255,255,.16);color:#fff;border-radius:7px;padding:3px 8px}.sheet-body{padding:0}.sheet-pad{padding:14px}.sheet-table-wrap{overflow:auto}.sheet-table{width:100%;border-collapse:collapse;min-width:760px;font-size:13px}.sheet-table th,.sheet-table td{border:1px solid var(--sheet-border);padding:7px 9px;vertical-align:middle}.sheet-table th{background:var(--sheet-navy);color:#fff;font-weight:700;text-align:center}.sheet-table td.label{background:#eef3f7;font-weight:700;color:#263c4e}.sheet-table td.db,.legend-chip.db{background:#dcecf7}.sheet-table td.input,.legend-chip.input{background:var(--sheet-input)}.sheet-table td.calc,.legend-chip.calc{background:var(--sheet-calc)}.sheet-table td.note-cell{background:#f7f9fb;color:#5d6871;line-height:1.55}.sheet-table input,.sheet-table select{width:100%;min-width:90px;height:34px;border:1px solid #c7d2db;border-radius:6px;background:transparent;padding:0 7px;outline:none}.sheet-table td.input input,.sheet-table td.input select{background:#fff8dc;border-color:#dfc66e}.sheet-table td.calc input{background:#edf7e7}.sheet-table .num{text-align:right;font-variant-numeric:tabular-nums}.sheet-legend{display:flex;gap:8px;flex-wrap:wrap;padding:9px 12px;background:#f7fafc;border-top:1px solid var(--sheet-border)}.legend-chip{padding:5px 9px;border:1px solid #ccd7df;border-radius:7px;font-size:12px}.sheet-selector{display:grid;grid-template-columns:140px minmax(220px,1fr) 120px minmax(220px,1fr);border-top:1px solid var(--sheet-border);border-left:1px solid var(--sheet-border)}.sheet-selector>div{min-height:42px;padding:6px 9px;border-right:1px solid var(--sheet-border);border-bottom:1px solid var(--sheet-border);display:flex;align-items:center}.sheet-selector .slabel{background:#d7e7f3;font-weight:800;justify-content:center}.sheet-selector .sinput{background:var(--sheet-input)}.sheet-selector select,.sheet-selector input{width:100%;height:34px;border:1px solid #cfba6b;border-radius:6px;background:#fff9df;padding:0 8px}.sheet-selector .scalc{background:var(--sheet-calc)}.sheet-specbar{padding:10px 12px;background:#fafbfc;border-top:1px solid var(--sheet-border)}.sheet-specbar .specs{margin-top:0}.sheet-specbar .spec-check{border-color:#b9cad7;border-radius:7px}.help-btn{width:22px;height:22px;border-radius:50%;border:1px solid currentColor;background:rgba(255,255,255,.88);color:#326d9f;font-weight:900;display:inline-grid;place-items:center;padding:0;line-height:1;font-size:12px;vertical-align:middle;margin-left:5px}.sheet-section .help-btn{color:#fff;background:rgba(255,255,255,.12)}.help-btn:hover{transform:translateY(-1px)}.help-modal{position:fixed;inset:0;background:rgba(18,39,52,.34);display:none;align-items:center;justify-content:center;z-index:1000;padding:20px}.help-modal.show{display:flex}.help-card{width:min(560px,100%);background:#fff;border-radius:16px;box-shadow:0 24px 80px rgba(0,0,0,.24);overflow:hidden}.help-card-head{padding:14px 17px;background:var(--sheet-navy);color:#fff;display:flex;align-items:center;justify-content:space-between}.help-card-head h3{margin:0;font-size:17px}.help-card-head button{border:0;background:rgba(255,255,255,.14);color:#fff;width:30px;height:30px;border-radius:8px}.help-card-body{padding:18px;line-height:1.85;color:#384b59;white-space:pre-line}.sheet-models{display:grid;gap:18px;margin-top:16px}.energy-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.energy-meta>div{display:grid;grid-template-columns:140px 1fr;border-bottom:1px solid var(--sheet-border);border-right:1px solid var(--sheet-border)}.energy-meta b{padding:8px 9px;background:#eef3f7}.energy-meta span{padding:8px 9px;background:var(--sheet-calc)}.sheet-output-highlight{font-weight:900;background:#d7f0d0!important;color:#155a28}.sheet-rank-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:14px}.index-legend{display:grid;gap:6px}.index-row{display:grid;grid-template-columns:100px 1fr;gap:8px;padding:8px 10px;border:1px solid #d7e0e6;border-radius:8px}.index-row.good{background:#e2f0d9}.index-row.mid{background:#fff2cc}.index-row.bad{background:#fce4d6}.section-number{display:inline-flex;width:24px;height:24px;border-radius:50%;background:#fff;color:var(--sheet-blue);align-items:center;justify-content:center;font-size:12px;margin-right:7px}.sheet-subgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.growth-grade-A td:first-child{border-left:5px solid #2f75b5}.growth-grade-B td:first-child{border-left:5px solid #70ad47}.growth-grade-C td:first-child{border-left:5px solid #ffc000}.growth-grade-D td:first-child{border-left:5px solid #ed7d31}.growth-grade-E td:first-child{border-left:5px solid #a64d79}.growth-rulebox{display:grid;grid-template-columns:130px 1fr 130px 1fr;border:1px solid var(--sheet-border);margin:12px 0}.growth-rulebox div{padding:8px 10px;border-right:1px solid var(--sheet-border);border-bottom:1px solid var(--sheet-border)}.growth-rulebox .lbl{background:#eef3f7;font-weight:700}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#70ad47;margin-right:5px}.status-dot.bad{background:#c55a11}.sheet-fidelity-tag{font-size:11px;border:1px solid #cbd9e4;background:#f3f8fb;color:#41647d;padding:5px 8px;border-radius:999px}.sheet-scroll-note{font-size:11px;color:#7a8790;margin:7px 2px}.sheet-table .restore-btn{white-space:nowrap}.sheet-table td.status-good{background:#edf7e7}.sheet-table td.status-bad{background:#fff0e8}.sheet-mini-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.sheet-source{font-size:11px;color:#6e7d87;line-height:1.6}.sheet-collapsible.collapsed .sheet-collapse-body{display:none}.quick-status-bar{display:flex;gap:10px;flex-wrap:wrap;padding:10px 12px;background:#f5f8fa;border-top:1px solid #d8e0e6}.quick-status-bar span{padding:5px 8px;border-radius:7px;background:#fff;border:1px solid #d5dfe6}.model-formula-list{padding:10px 14px;background:#f8fafc;line-height:1.8}.model-formula-list b{color:#234b69}.sheet-table td.rank-cell{text-align:center}.sheet-table .rank-badge{margin:auto}.impact-positive{background:#e2f0d9}.impact-negative{background:#fce4d6}.sheet-title-row{display:flex;align-items:center;gap:8px}.sheet-title-row h3{margin:0}.db-toolbar.sheet-toolbar{padding:12px 14px;margin:0;background:#f5f8fa;border-bottom:1px solid var(--sheet-border)}
@media(max-width:1100px){.landing-hero,.landing-feature-grid,.steps-row,.cta-banner{grid-template-columns:1fr 1fr}.landing-copy h1{font-size:52px}.hero-visual{min-height:520px}}
@media(max-width:980px){.sheet-selector{grid-template-columns:120px 1fr}.sheet-selector>div:nth-child(4n+3){border-left:0}.sheet-rank-grid,.sheet-subgrid{grid-template-columns:1fr}.energy-meta{grid-template-columns:1fr}.growth-rulebox{grid-template-columns:110px 1fr}.sheet-table{min-width:900px}}


.workbench-head{margin-bottom:18px}.workbench-head p{font-size:15px}.workbench-grid .feature-card{min-height:220px;border-top:4px solid var(--brand)}.workbench-grid .feature-icon{width:50px;height:50px;font-size:24px}.workbench-grid .feature-card h3{font-size:18px}.workbench-grid .feature-card p{max-width:290px}

/* V8 客户入口与信息完善 */
.landing-main{max-width:1320px;margin:0 auto;padding:18px 34px 54px}
.landing-header{padding-left:max(24px,calc((100vw - 1320px)/2));padding-right:max(24px,calc((100vw - 1320px)/2))}
.landing-feature-grid{gap:20px}
.landing-card{cursor:pointer;position:relative;outline:none}
.landing-card:focus-visible{box-shadow:0 0 0 4px rgba(23,107,82,.18),0 24px 45px rgba(20,49,40,.13)}
.landing-card:after{content:'点击进入';position:absolute;right:16px;bottom:16px;font-size:12px;font-weight:800;color:#176b52;opacity:0;transform:translateY(4px);transition:.25s ease}
.landing-card:hover:after,.landing-card:focus-visible:after{opacity:1;transform:translateY(0)}
.landing-card-visual{height:300px;background:#eef3ef}
.landing-card-visual img{image-rendering:auto;transform:translateZ(0);filter:saturate(1.02) contrast(1.03) drop-shadow(0 8px 20px rgba(0,0,0,.04));object-fit:cover}
.hero-visual.image-hero{min-height:590px}
.hero-visual.image-hero img{object-fit:contain;image-rendering:auto;filter:saturate(1.03) contrast(1.02)}
.landing-actions .about-link,.topbar-right .about-link{border:0;background:transparent;font-weight:700;color:#243630;padding:8px 4px}
.topbar-right .about-link{color:var(--brand);background:var(--brand-soft);border:1px solid #cfe8de;border-radius:999px;padding:6px 10px}
.site-footer{padding:20px 26px;border-top:1px solid #dfe7e3;background:#f9fbfa;color:#71807a;font-size:12px;display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;text-align:center}
.site-footer a{color:#176b52;text-decoration:none}.site-footer a:hover{text-decoration:underline}
body.landing-mode .site-footer{background:#f6f1e8;border-top-color:#e6dfd2}
.about-modal{position:fixed;inset:0;background:rgba(18,39,52,.38);display:none;align-items:center;justify-content:center;z-index:1200;padding:20px}.about-modal.show{display:flex}
.about-card{width:min(620px,100%);background:#fff;border-radius:20px;box-shadow:0 28px 90px rgba(0,0,0,.25);overflow:hidden}
.about-head{background:linear-gradient(135deg,#123d31,#176b52);color:#fff;padding:18px 20px;display:flex;align-items:center;justify-content:space-between}.about-head h3{margin:0;font-size:20px}.about-head button{border:0;background:rgba(255,255,255,.14);color:#fff;border-radius:9px;width:34px;height:34px;font-size:20px}
.about-body{padding:22px;line-height:1.85;color:#3d5049}.about-body h4{margin:0 0 8px;color:#163f33}.about-meta{margin-top:18px;display:grid;grid-template-columns:120px 1fr;border:1px solid #dfe7e3;border-radius:12px;overflow:hidden}.about-meta b,.about-meta span{padding:10px 12px;border-bottom:1px solid #e8eeeb}.about-meta b{background:#f2f7f5}.about-meta b:nth-last-of-type(1),.about-meta span:last-child{border-bottom:0}
.workbench-head{margin-bottom:16px}
.workbench-hero-v8{padding:38px 42px;background:linear-gradient(105deg,#0e4638 0%,#176b52 63%,#33a87c 100%);color:#fff;border-radius:28px;position:relative;overflow:hidden;box-shadow:0 12px 34px rgba(18,61,49,.13);margin-bottom:22px}
.workbench-hero-v8:after{content:'';position:absolute;width:240px;height:240px;border-radius:50%;right:-55px;top:-100px;background:rgba(255,255,255,.07)}
.workbench-hero-v8 h2{position:relative;z-index:1;margin:0 0 12px;font-size:36px;letter-spacing:-.5px}.workbench-hero-v8 p{position:relative;z-index:1;margin:0;max-width:1000px;line-height:1.8;color:#e2f1eb;font-size:15px}
.workbench-stats{position:relative;z-index:1;display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.workbench-stat{padding:11px 16px;border-radius:12px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.14);font-size:14px}.workbench-stat b{font-size:17px;margin-right:4px}
@media(max-width:760px){.landing-main{padding:12px 14px 28px}.landing-card-visual{height:240px}.hero-visual.image-hero{min-height:390px}.site-footer{padding-bottom:84px}.about-meta{grid-template-columns:100px 1fr}.workbench-hero-v8{padding:28px 22px}.workbench-hero-v8 h2{font-size:27px}}


.page-kicker{font-size:12px;font-weight:800;letter-spacing:.08em;color:#6f827a;text-transform:uppercase;margin-bottom:7px}
.view.active{animation:viewIn .28s ease both}@keyframes viewIn{from{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
#energyTabs,#valueTabs{position:sticky;top:78px;z-index:14;background:rgba(245,247,248,.94);backdrop-filter:blur(10px);padding:9px 0 10px;border-bottom:1px solid rgba(221,230,225,.72)}
#energyTabs button,#valueTabs button{transition:background .2s,border-color .2s,transform .2s}#energyTabs button:hover,#valueTabs button:hover{transform:translateY(-1px)}
button:focus-visible,[role="button"]:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(23,107,82,.22);outline-offset:2px}
.backtop{position:fixed;right:24px;bottom:24px;z-index:55;width:44px;height:44px;border:1px solid #d7e4de;border-radius:50%;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);color:#176b52;font-weight:900;box-shadow:0 10px 30px rgba(18,61,49,.14);display:none;place-items:center}.backtop.show{display:grid}.backtop:hover{transform:translateY(-2px)}
body.landing-mode .backtop{bottom:26px}
.status-hint{font-size:12px;color:#71807a}
@media(max-width:760px){#energyTabs,#valueTabs{top:58px;margin-left:-14px;margin-right:-14px;padding:8px 14px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}#energyTabs::-webkit-scrollbar,#valueTabs::-webkit-scrollbar{display:none}#energyTabs button,#valueTabs button{white-space:nowrap}.page-kicker{font-size:11px}.backtop{right:14px;bottom:78px;width:40px;height:40px}.page-actions{width:100%}.page-actions .btn,.page-actions .spec-check{flex:0 0 auto}.workbench-quick-actions{display:grid;grid-template-columns:1fr 1fr}.workbench-quick-actions .btn{width:100%}}

/* ===== V12: final-workbook faithful module styles ===== */
.selector-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.selector-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.selector-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.spec-slot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.spec-slot{border:1px solid #d6e0e6;border-radius:10px;padding:9px;background:#f9fbfc}.spec-slot label{display:block;font-size:12px;font-weight:700;color:#526773;margin-bottom:5px}.spec-slot select{width:100%;height:36px;border:1px solid #c8d5dd;border-radius:7px;background:#fff;padding:0 8px}
.readout{min-height:38px;display:flex;align-items:center;border:1px solid #c7d9cf;background:#edf7e7;border-radius:8px;padding:8px 10px;font-weight:700;color:#2d5f3c}.input-panel{display:grid;gap:10px;padding:12px;border:1px solid #d9e2e6;border-radius:10px;background:#f8fafb}.readout-row{display:flex;justify-content:space-between;gap:12px;padding:9px 10px;border:1px solid #dbe4e1;border-radius:8px;background:#fff}.status-line{margin-top:10px;padding:10px 12px;border-radius:9px;background:#f4f7f6;border:1px solid #dce5e1;color:#53655e}.status-line.status-good{background:#edf7e7;border-color:#cbe5bd;color:#276137}.status-line.status-bad{background:#fff0e8;border-color:#f2c8b4;color:#9a4b24}.callout{margin-top:10px;padding:12px 14px;border-left:4px solid #176b52;background:#f0f7f4;border-radius:8px;color:#36584d;line-height:1.7}
#nutritionResults .sheet-table th small{font-weight:500;opacity:.85}.sheet-source+.divider{height:1px;background:#e5ece8;margin:10px 0}.db-table input{min-width:90px}.metric span{display:block;margin-top:4px;color:#75847e;font-size:11px}.metric small{display:block;color:#61726c}.metric b{display:block;margin-top:5px;font-size:19px;color:#153f32}
#quickBody select,#costInputBody select,#mixtureBody select{min-width:130px}.rank-cell{text-align:center}.sheet-table td.status-good,.status-good{color:#246438}.sheet-table td.status-bad,.status-bad{color:#a74928}.sheet-output-highlight{background:#dff2d8!important;color:#155a28!important;font-weight:900}.sticky-tabs{scroll-margin-top:90px}
@media(max-width:980px){.selector-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.spec-slot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sheet-subgrid{grid-template-columns:1fr}}
@media(max-width:760px){.selector-grid,.selector-grid.four,.selector-grid.two,.spec-slot-grid{grid-template-columns:1fr}.energy-meta{grid-template-columns:1fr}.energy-meta>div{grid-template-columns:118px 1fr}.input-panel{padding:10px}.sheet-table{font-size:12px}.sheet-title{font-size:18px}}


/* --- V13 Feedy refinements --- */
.landing-logo{display:grid;place-items:center;overflow:hidden;background:#fff;border:1px solid rgba(33,90,73,.12)}
.landing-logo img{width:100%;height:100%;object-fit:contain;padding:4px;background:#fff}
.landing-card h3{font-size:22px;line-height:1.3}
.landing-card p{font-size:14px;line-height:1.7}
#landingFeatureCards{scroll-margin-top:90px}
.landing-card,.step-item,.rebuilt-banner,.hero-visual img{will-change:transform}
.landing-card-visual img{animation:cardFloat 8s ease-in-out infinite alternate}
.landing-card:nth-child(2) .landing-card-visual img{animation-delay:.8s}
.landing-card:nth-child(3) .landing-card-visual img{animation-delay:1.4s}
.landing-card:nth-child(4) .landing-card-visual img{animation-delay:2s}
.landing-card:hover{transform:translateY(-6px)}
.step-item{animation:fadeRise .8s ease both}
.step-item:nth-child(2){animation-delay:.1s}.step-item:nth-child(3){animation-delay:.18s}.step-item:nth-child(4){animation-delay:.26s}
@keyframes cardFloat{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.018)}100%{transform:translateY(-4px) scale(1.01)}}
.rebuilt-banner{margin-top:24px;background:linear-gradient(135deg,#f7fbf8 0%,#eef7f2 46%,#fef7e8 100%);border:1px solid rgba(25,97,74,.08);box-shadow:0 18px 36px rgba(20,72,56,.08);border-radius:34px;padding:30px 34px;display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:center;overflow:hidden;position:relative}
.rebuilt-banner:before{content:"";position:absolute;inset:auto -15% -48% 20%;height:70%;background:radial-gradient(circle at 50% 0,rgba(57,149,117,.18),transparent 55%)}
.rebuilt-banner .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:rgba(31,122,93,.09);color:#19634c;font-size:13px;font-weight:700}
.rebuilt-banner h3{margin:14px 0 10px;color:#173a2f;font-size:34px;line-height:1.32}
.rebuilt-banner p{margin:0;color:#5e6f69;font-size:16px;line-height:1.8}
.cta-badges{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 22px}
.cta-badges span{padding:8px 12px;border-radius:999px;background:#fff;border:1px solid rgba(31,122,93,.12);color:#215c49;font-size:13px;font-weight:700;box-shadow:0 8px 18px rgba(25,84,65,.05)}
.clearer-decision{position:relative;min-height:260px}
.decision-orbit{position:absolute;border-radius:999px;border:1px dashed rgba(30,122,93,.35);animation:spinOrbit 16s linear infinite}
.orbit-a{right:24px;top:8px;width:240px;height:240px}
.orbit-b{right:62px;top:46px;width:164px;height:164px;animation-duration:12s;animation-direction:reverse}
.decision-core{position:absolute;right:96px;top:80px;width:96px;height:96px;border-radius:26px;background:linear-gradient(135deg,#1f7a5d,#45a182);box-shadow:0 18px 34px rgba(31,122,93,.28);display:grid;place-items:center;color:#fff;font-size:34px;font-weight:800;animation:pulseSoft 4.2s infinite}
.decision-card{position:absolute;display:flex;align-items:center;gap:10px;min-width:118px;padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);box-shadow:0 14px 28px rgba(20,72,56,.08);border:1px solid rgba(31,122,93,.09);color:#214d3e;font-size:13px;font-weight:700;animation:floatY 5.2s ease-in-out infinite}
.decision-card small{display:block;color:#70817a;font-size:11px;font-weight:600}
.decision-card .ico{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:rgba(31,122,93,.10);font-size:18px}
.decision-card.card-a{left:8px;top:22px}
.decision-card.card-b{left:36px;bottom:26px;animation-delay:1s}
.decision-card.card-c{right:4px;bottom:30px;animation-delay:2s}
.decision-flow{position:absolute;left:38px;right:54px;top:126px;height:2px;background:linear-gradient(90deg,rgba(31,122,93,.12),rgba(233,170,62,.46),rgba(31,122,93,.12))}
.decision-flow:before,.decision-flow:after{content:"";position:absolute;top:-5px;width:12px;height:12px;border-radius:50%;background:#e6b35b;box-shadow:0 0 0 5px rgba(230,179,91,.16);animation:flowDot 6s linear infinite}
.decision-flow:after{animation-delay:3s}
@keyframes spinOrbit{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes flowDot{0%{left:0;opacity:0}10%{opacity:1}50%{left:50%;opacity:1}100%{left:100%;opacity:0}}
.about-card{max-height:min(86vh,780px);overflow:hidden}
.about-body{max-height:calc(86vh - 88px);overflow:auto;padding-right:6px}
.nutri-search-panel{align-items:end}
.selected-chip-box{min-height:48px;display:flex;flex-wrap:wrap;gap:8px;padding:10px 12px;border:1px solid #d8e5df;border-radius:14px;background:#fbfdfc}
.selected-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;background:#ecf6f1;color:#195842;font-size:12px;font-weight:700}
.selected-chip button{border:0;background:transparent;color:#548072;cursor:pointer;font-size:14px;line-height:1}
.nutri-record-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.nutri-record-item{display:flex;gap:10px;padding:14px 14px;border-radius:16px;border:1px solid #dbe7e1;background:#fff;box-shadow:0 10px 18px rgba(18,61,49,.04);transition:.2s ease}
.nutri-record-item:hover{border-color:#9dc9b8;transform:translateY(-2px)}
.nutri-record-item input{margin-top:4px}
.nutri-record-item b{display:block;color:#194e3d;margin-bottom:4px}
.nutri-record-item .meta{font-size:12px;color:#667771;line-height:1.6}
.nutri-record-item.active{border-color:#56a685;background:#f5fbf8;box-shadow:0 12px 24px rgba(31,122,93,.08)}
.nutri-record-empty{padding:18px 16px;border:1px dashed #cad8d1;border-radius:14px;color:#73837d;background:#fafcfb}
#view-energy .sheet-table th,#view-energy .sheet-table td{text-align:center;vertical-align:middle}
#view-energy .sheet-table td.label,#view-energy .sheet-table td.note-cell{text-align:left}
#view-energy .sheet-table thead th{background:#eff5f1}
#view-energy .db{background:#f7faf8}
#view-energy .calc{background:#fcf8ef}
#view-energy .note-cell{background:#fbfcfb;color:#667771}
.sheet-output-highlight{background:linear-gradient(135deg,#fff6d9,#ffe5aa)!important;color:#8a5a00;font-weight:800;border-radius:10px;box-shadow:inset 0 0 0 1px rgba(232,179,86,.36)}
.quick-layout{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:18px}
.quick-rank-table tr.rank-good td{color:#1a7a4f;font-weight:800}.quick-rank-table tr.rank-mid td{color:#b27b11;font-weight:800}.quick-rank-table tr.rank-bad td{color:#bf4b4b;font-weight:800}
#quickBody tr.row-good td:nth-child(3),#quickBody tr.row-good td:nth-child(4),#quickBody tr.row-good td:nth-child(5),#quickBody tr.row-good td:nth-child(7){color:#1a7a4f;font-weight:800}
#quickBody tr.row-mid td:nth-child(4),#quickBody tr.row-mid td:nth-child(5),#quickBody tr.row-mid td:nth-child(7){color:#b27b11;font-weight:800}
#quickBody tr.row-bad td:nth-child(4),#quickBody tr.row-bad td:nth-child(5),#quickBody tr.row-bad td:nth-child(7){color:#bf4b4b;font-weight:800}
#view-value .sheet-table input,#view-value .sheet-table select,#view-value .input-panel input,#view-value .input-panel select{background:#fffdf8}
#view-value .sheet-table input:focus,#view-value .sheet-table select:focus,#view-value .input-panel input:focus,#view-value .input-panel select:focus{background:#fffbea}
.cost-hidden{display:none!important}
.collapsible-hidden{display:none!important}
@media(max-width:1100px){.quick-layout,.rebuilt-banner,.nutri-record-list{grid-template-columns:1fr}}


/* --- V14 usability / visual QA refinements --- */
.landing-card h3{font-size:20px;line-height:1.28}
.field input,.field select,.sheet-table input,.sheet-table select,.input-panel input,.input-panel select{background:#fffdf8!important}
.field input:focus,.field select:focus,.sheet-table input:focus,.sheet-table select:focus,.input-panel input:focus,.input-panel select:focus{background:#fff9e9!important}
.reveal-on-scroll{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease;animation:none!important}
.reveal-on-scroll.is-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal-on-scroll{opacity:1;transform:none;transition:none}.landing-card-visual img,.step-item,.decision-orbit,.decision-card,.decision-flow:before,.decision-flow:after,.decision-core{animation:none!important}}
.quick-top-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.quick-shadow-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-top:14px}
.quick-shadow-box{grid-column:1/2}
.energy-compare-summary{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:18px}
.energy-compare-summary .mini{padding:14px 16px;border:1px solid #e0e9e4;border-radius:16px;background:#fbfdfc}
.energy-compare-summary b{display:block;color:#204d3d;margin-bottom:6px}.energy-compare-summary span{color:#6d7b76;font-size:13px}
.energy-compare-only .sheet-table th,.energy-compare-only .sheet-table td{text-align:center!important}
.energy-compare-only .sheet-table td.label{text-align:left!important}
@media(max-width:900px){.quick-top-grid,.quick-shadow-row,.energy-compare-summary{grid-template-columns:1fr}.quick-shadow-box{grid-column:auto}}


/* ===== V15 refinement patch ===== */
.landing-logo,.workbench-page-logo{width:58px;height:58px;border-radius:16px;background:#eef9f5;display:grid;place-items:center;box-shadow:0 5px 16px rgba(0,0,0,.16),inset 0 0 0 1px rgba(255,255,255,.3);overflow:hidden;flex:0 0 58px}
.landing-logo img,.workbench-page-logo img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;padding:3px;background:#fff}
.page-head.workbench-head{padding:22px 24px 10px}
.workbench-head-inner{display:flex;align-items:center;gap:14px}
.workbench-hero-v8 p{max-width:920px}
.rebuilt-banner{position:relative;overflow:hidden;min-height:220px;background:linear-gradient(135deg,rgba(17,59,111,.96),rgba(24,117,96,.90));border-radius:22px;box-shadow:0 18px 44px rgba(18,61,49,.18)}
.rebuilt-banner:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 18% 24%,rgba(255,255,255,.18),transparent 28%),radial-gradient(circle at 78% 26%,rgba(255,255,255,.12),transparent 24%),linear-gradient(120deg,rgba(255,255,255,.08),transparent 60%);pointer-events:none}
.rebuilt-banner>div:first-child{position:relative;z-index:2;max-width:720px}
.rebuilt-banner .eyebrow{font-size:34px;font-weight:900;line-height:1.35;color:#fff;margin:0 0 18px}
.rebuilt-banner h3,.rebuilt-banner p,.rebuilt-banner .cta-badges{display:none!important}
.rebuilt-banner .landing-cta{margin-top:0}
.rebuilt-banner .cta-visual{opacity:.92}
.sheet-section,.sheet-section.dark{background:#1f4e79;color:#fff}
.sheet-section.soft{background:#285f8b;color:#fff}
.sheet-section button.collapse-btn{background:rgba(255,255,255,.18);color:#fff}
.sheet-table .num,#quickTop5 td.num,#dbBody td.num{text-align:center}
.sheet-table input[type="number"],.sheet-table select{text-align:center}
.card-collapsible.is-hidden,.collapsible-hidden{display:none}
.mixture-card-grid{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:16px;padding:14px}
.mixture-card{border:1px solid #cbd8e2;border-radius:18px;background:linear-gradient(180deg,#ffffff,#f8fbfd);box-shadow:0 8px 24px rgba(31,78,121,.08);overflow:hidden}
.mixture-card-head{background:#1f4e79;color:#fff;padding:10px 14px;font-weight:800;display:flex;align-items:center;justify-content:space-between;gap:8px}
.mixture-card-body{padding:14px;display:grid;gap:12px}
.mixture-inline-grid{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:8px;align-items:end}
.mixture-card .field{margin-bottom:0}
.mixture-card .field label{display:block;font-size:12px;color:#4d6477;margin-bottom:4px}
.mixture-card select,.mixture-card input{width:100%;height:34px;border:1px solid #c7d2db;border-radius:8px;padding:0 8px;background:#fff}
.mixture-card input[type="number"]{background:#fff8dc;border-color:#dfc66e;text-align:center}
.mixture-summary{border-top:1px dashed #cdd8e2;padding-top:12px;display:grid;gap:8px}
.mixture-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.mixture-kpi{padding:10px 12px;border-radius:12px;background:#eef5f9;border:1px solid #d8e3eb}
.mixture-kpi small{display:block;color:#6c7b86;font-size:12px}
.mixture-kpi b{display:block;margin-top:3px;font-size:16px;color:#1f4e79}
.mix-status-line{display:flex;justify-content:space-between;gap:8px;align-items:center;flex-wrap:wrap}
.mix-status-tag{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}
.mix-status-tag.good{background:#e4f2df;color:#23643a}
.mix-status-tag.bad{background:#fce7de;color:#9d4e31}
.mix-composition{font-size:12px;color:#617280;line-height:1.6}
.quick-top-grid>div,.quick-shadow-box{border:1px solid #d8e3eb;border-radius:18px;background:#fff;padding:0;overflow:hidden}
.quick-top-grid .input-panel,.quick-top-grid .sheet-table-wrap,.quick-shadow-box .metric-grid,.quick-shadow-box .status-line{padding:14px}
.quick-shadow-box .status-line{padding-top:0}
@media(max-width:1100px){.mixture-card-grid{grid-template-columns:1fr}.workbench-head-inner{align-items:flex-start}}


/* ===== V16 卡片化精修 ===== */
:root{
  --brand:#176b52;--brand2:#228564;--brand-soft:#eef7f3;
  --sheet-navy:#16466d;--sheet-blue:#23618e;--sheet-blue2:#3f789f;
  --sheet-border:#dbe4e9;--sheet-input:#fffdf3;--sheet-calc:#f1f8f3;
  --soft-yellow:#fffdf3;--soft-yellow-border:#eadca9;--soft-blue:#f1f7fb;
}
body{background:#f4f7f6;color:#1d2b27}
.content{background:linear-gradient(180deg,#f7faf9 0,#f3f6f5 100%)}

/* 卡片基底 */
.card,.sheet-shell,.input-panel,.quick-top-grid>div,.quick-shadow-box,.metric,.readout-row{
  border-radius:18px;
}
.sheet-shell{
  border:1px solid #d9e3e0;
  box-shadow:0 10px 28px rgba(25,70,55,.065);
  background:#fff;
  overflow:hidden;
}
.sheet-shell:hover{box-shadow:0 13px 32px rgba(25,70,55,.08)}
.sheet-title{
  background:linear-gradient(135deg,#153f61 0%,#1e5c82 100%);
  padding:14px 18px;
  font-size:19px;
  letter-spacing:.2px;
}
.sheet-note{background:#f4f8fa;color:#506570;border-bottom:1px solid #e0e8ec;padding:11px 16px}

/* 模块标题改成“卡片标题条” */
.sheet-section,.sheet-section.dark,.sheet-section.soft{
  margin:12px 12px 0;
  border-radius:13px 13px 0 0;
  padding:9px 13px;
  background:linear-gradient(135deg,#1e537b,#2a6b95);
  box-shadow:0 4px 12px rgba(31,78,121,.08);
}
.sheet-section.soft{background:linear-gradient(135deg,#386f95,#4f86a8)}
.sheet-section.dark{background:linear-gradient(135deg,#123e60,#194f73)}
.sheet-section+.sheet-table-wrap,
.sheet-section+.sheet-pad,
.sheet-section+.input-panel,
.sheet-section+div>.sheet-table-wrap{
  margin-left:12px;margin-right:12px;
}
.sheet-table-wrap{border-radius:0 0 13px 13px;overflow:auto}
.sheet-pad{padding:14px 16px}

/* 表格：更清爽、数字居中 */
.sheet-table{background:#fff}
.sheet-table th{
  background:#174a70;
  color:#fff;
  padding:9px 10px;
  border-color:#d7e1e7;
  font-weight:750;
}
.sheet-table td{border-color:#e0e7eb;padding:8px 10px}
.sheet-table td.label{background:#f2f6f8;color:#2b414e}
.sheet-table td.db{background:#eef6fb}
.sheet-table td.calc{background:#f2f8f4}
.sheet-table td.input{background:var(--soft-yellow)}
.sheet-table .num{text-align:center!important;font-variant-numeric:tabular-nums}
.sheet-table input,.sheet-table select{text-align:center}

/* 所有用户输入统一淡黄色，不再发亮 */
input,select{transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.field input,.field select,.selector-grid input,.selector-grid select,.sheet-selector input,.sheet-selector select,
.sheet-table td.input input,.sheet-table td.input select,.mixture-card input[type="number"]{
  background:var(--soft-yellow)!important;
  border-color:var(--soft-yellow-border)!important;
  color:#27352f;
}
.field input:focus,.field select:focus,.selector-grid input:focus,.selector-grid select:focus,.sheet-selector input:focus,.sheet-selector select:focus,
.sheet-table td.input input:focus,.sheet-table td.input select:focus,.mixture-card input:focus,.mixture-card select:focus{
  outline:none;border-color:#cbb86f!important;box-shadow:0 0 0 3px rgba(214,189,92,.12);background:#fffaf0!important;
}
.readout{background:#f3f8f5!important;border:1px solid #dce9e2!important;color:#274438}

/* 输入面板/结果面板卡片化 */
.input-panel{
  border:1px solid #dde7e2;
  background:#fbfdfc;
  box-shadow:0 6px 18px rgba(23,72,55,.045);
  padding:14px;
}
.metric-grid{gap:10px}
.metric{
  border:1px solid #dce7e2;
  background:linear-gradient(180deg,#fff,#f8fbfa);
  box-shadow:0 5px 15px rgba(21,67,51,.045);
  padding:13px 14px;
}
.metric b{color:#174f3c}
.status-line,.callout{border-radius:13px}

/* 顶部页签更像产品导航 */
.tabs{gap:8px}
.tabs button{
  border-radius:12px 12px 0 0;
  padding:10px 15px;
  transition:.18s ease;
}
.tabs button:hover{background:#edf5f1}
.tabs button.active{box-shadow:0 -2px 0 #176b52 inset,0 4px 12px rgba(23,107,82,.08)}

/* 工作台卡片 */
.workbench-grid{gap:18px}
.workbench-grid .feature-card{
  border:1px solid #dce6e1;
  border-top:0;
  border-radius:20px;
  box-shadow:0 9px 26px rgba(21,65,50,.065);
  position:relative;overflow:hidden;
}
.workbench-grid .feature-card:before{content:'';position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#176b52,#58a78a)}
.workbench-grid .feature-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(21,65,50,.11)}

/* 性价比区域卡片对称化 */
.quick-top-grid{gap:16px}
.quick-top-grid>div,.quick-shadow-box{
  border:1px solid #dce5e1;
  box-shadow:0 7px 22px rgba(20,66,50,.055);
  overflow:hidden;
  background:#fff;
}
.quick-top-grid>div>.sheet-section,.quick-shadow-box>.sheet-section{margin:0;border-radius:0}
.quick-top-grid .input-panel{margin:0 12px 12px}
.quick-top-grid .sheet-table-wrap{margin:0 12px 12px}
.quick-shadow-box #quickShadowPanel{padding:0 12px 12px}
.quick-shadow-box .metric-grid{padding:12px 0 0}
#quickSelfPanel{margin-left:12px;margin-right:12px;margin-bottom:14px}
#quickBody td,#quickTop5 td{text-align:center}
#quickBody td:first-child,#quickTop5 td:nth-child(2){text-align:left}

/* 混合物卡片更精致 */
.mixture-card-grid{gap:18px;padding:16px}
.mixture-card{
  border:1px solid #d8e4df;
  border-radius:20px;
  box-shadow:0 9px 26px rgba(22,68,52,.07);
  transition:.2s ease;
}
.mixture-card:hover{transform:translateY(-3px);box-shadow:0 15px 32px rgba(22,68,52,.1)}
.mixture-card-head{background:linear-gradient(135deg,#17476c,#1e6d78);padding:12px 15px}
.mixture-card-body{background:#fbfdfc;padding:15px}
.mixture-card select{background:#fff!important;border-color:#d5e0dc!important}
.mixture-card .mixture-inline-grid input{background:var(--soft-yellow)!important}
.mixture-kpi{background:#f2f7f5;border-color:#dde8e3;border-radius:13px}
.mixture-kpi b{color:#155c43}

/* 净能页：减少花色，保持深色标题+浅色内容 */
#view-energy .sheet-shell{box-shadow:0 10px 26px rgba(24,74,102,.06)}
#view-energy .sheet-legend{background:#f8fafb}
#view-energy .legend-chip.db{background:#eef6fb}
#view-energy .legend-chip.input{background:var(--soft-yellow)}
#view-energy .legend-chip.calc{background:#f0f7f2}
#view-energy .energy-meta span{background:#f4f8f6}
#view-energy .sheet-output-highlight{background:#dff3e6!important;color:#155d3e!important}

/* 营养速查多选卡片 */
.nutri-record-item{
  border-radius:14px!important;
  border:1px solid #dce6e1!important;
  background:#fff!important;
  box-shadow:0 4px 12px rgba(23,67,52,.04);
  transition:.18s ease;
}
.nutri-record-item:hover{border-color:#9fc8b7!important;transform:translateY(-1px)}
.nutri-record-item.active{background:#eef8f3!important;border-color:#7eb59e!important;box-shadow:0 0 0 2px rgba(23,107,82,.08)}
.selected-chip{border-radius:999px!important;background:#edf7f2!important;border-color:#cfe7dc!important}

/* 按钮圆润化 */
.btn{border-radius:11px}
.btn.primary{background:linear-gradient(135deg,#176b52,#218563);box-shadow:0 5px 14px rgba(23,107,82,.16)}
.btn.primary:hover{filter:brightness(1.03);transform:translateY(-1px)}

@media(max-width:900px){
  .sheet-section,.sheet-section.dark,.sheet-section.soft{margin-left:8px;margin-right:8px}
  .sheet-section+.sheet-table-wrap,.sheet-section+.sheet-pad,.sheet-section+.input-panel{margin-left:8px;margin-right:8px}
  .mixture-card-grid{padding:10px}
}


/* ===== V19 customer-delivery review ===== */
.beta-tag{display:inline-flex;align-items:center;vertical-align:middle;margin-left:6px;padding:3px 7px;border-radius:999px;background:#eef7f3;color:#19634c;border:1px solid #cfe4da;font-size:.48em;font-weight:800;letter-spacing:.3px}
.nutrition-selection-bar{position:sticky;top:66px;z-index:14;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);padding:10px 14px;border-top:1px solid var(--sheet-border);border-bottom:1px solid var(--sheet-border);box-shadow:0 8px 18px rgba(18,61,49,.06)}
.selection-bar-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px;color:#365149;font-size:12px}.selection-bar-title b{font-size:13px;color:#174c39}.selection-bar-title span{color:#71817b}
.selected-chip-strip{min-height:38px!important;max-height:none!important;display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;align-items:center!important;padding:6px 8px!important;scrollbar-width:thin}.selected-chip-strip .selected-chip{flex:0 0 auto}
.energy-top-result{margin:12px 0 14px;border:1px solid #d7e4dd;border-radius:16px;overflow:hidden;box-shadow:0 9px 22px rgba(25,79,60,.06)}.energy-top-result .energy-result-kpis{padding:14px}.detail-toggle{margin-top:14px}.detail-toggle+.collapsible-hidden{display:none!important}
.quick-resize-handle span{display:grid!important;place-items:center;width:26px;height:26px;border-radius:50%;background:#f4f8f6;border:1px solid #d1ddd8;color:#477565;font-size:14px;font-weight:900;box-shadow:0 4px 10px rgba(20,72,56,.08)}.quick-resize-handle:hover span,.is-resizing .quick-resize-handle span{background:#e7f3ee;color:#176b52}
.about-disclaimer{margin-top:16px;padding:12px 14px;border-radius:12px;background:#f6f9f7;border:1px solid #dfe9e4;color:#5e6f68;line-height:1.75;font-size:13px}
@media(max-width:760px){.nutrition-selection-bar{top:58px}.selection-bar-title{align-items:flex-start;flex-direction:column;gap:2px}.energy-top-result{margin-left:0;margin-right:0}}


/* ===== V20: 成本优化配方展示 + 全局双栏拖拽 ===== */
.resizable-pair{
  --split-left:50%;
  display:grid!important;
  grid-template-columns:minmax(280px,var(--split-left)) 18px minmax(0,1fr)!important;
  gap:0!important;
  align-items:stretch!important;
}
.resizable-pair>.universal-resize-handle{
  position:relative;display:flex;align-items:center;justify-content:center;cursor:col-resize;
  touch-action:none;user-select:none;min-height:54px;z-index:4;
}
.resizable-pair>.universal-resize-handle:before{
  content:"";width:4px;height:62%;min-height:44px;max-height:180px;border-radius:999px;
  background:linear-gradient(180deg,#d7e4de,#86b7a6,#d7e4de);box-shadow:0 0 0 1px rgba(31,122,93,.08);
  transition:.18s ease;
}
.resizable-pair>.universal-resize-handle span{
  position:absolute;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;
  background:#fff;border:1px solid #bdd5cb;color:#22755c;font-size:13px;font-weight:900;
  box-shadow:0 5px 12px rgba(24,82,64,.12);transition:.18s ease;
}
.resizable-pair>.universal-resize-handle:hover:before,.resizable-pair>.universal-resize-handle.dragging:before{background:#2c8c6c;width:5px}
.resizable-pair>.universal-resize-handle:hover span,.resizable-pair>.universal-resize-handle.dragging span{transform:scale(1.08);border-color:#61a98e}
.resizable-pair>.universal-resize-handle+*{min-width:0}
.resizable-pair>*:first-child{min-width:0}
.cost-formula-section{padding:14px;background:#f7faf9}
.cost-formula-card{border:1px solid #d5e1dc;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 10px 24px rgba(24,75,60,.06)}
.cost-formula-card .formula-head{padding:12px 14px;background:#eef6f2;border-bottom:1px solid #dbe7e1;display:flex;justify-content:space-between;align-items:center;gap:10px}
.cost-formula-card .formula-head b{color:#174f3e;font-size:14px}
.cost-formula-card .formula-head span{font-size:12px;color:#6b7e76}
.cost-formula-card .sheet-table{min-width:560px}
.cost-formula-card .formula-foot{padding:10px 14px;background:#fbfcfb;border-top:1px solid #e4ebe7;display:flex;flex-wrap:wrap;gap:12px;color:#5b6f67;font-size:12px}
.cost-formula-card .formula-foot b{color:#184f3e}
.formula-delta-up{color:#b24a38;font-weight:800}.formula-delta-down{color:#18784d;font-weight:800}.formula-delta-zero{color:#7b8782}
.cost-formula-note{padding:10px 14px;background:#f3f8f5;color:#4f675e;border-bottom:1px solid #dfe9e4;line-height:1.7}
@media(max-width:1180px){
  .resizable-pair{grid-template-columns:1fr!important;gap:14px!important}
  .resizable-pair>.universal-resize-handle{display:none!important}
}


/* ===== V21: visible splitters + explicit formula comparison ===== */
.static-resizable{--split-left:50%;display:grid!important;grid-template-columns:minmax(260px,var(--split-left)) 28px minmax(260px,1fr)!important;gap:0!important;align-items:stretch!important}
.static-resizable>.universal-resize-handle{display:flex!important;position:relative!important;align-items:center!important;justify-content:center!important;cursor:col-resize!important;touch-action:none!important;user-select:none!important;min-height:80px!important;z-index:6!important}
.static-resizable>.universal-resize-handle:before{content:""!important;width:6px!important;height:76%!important;min-height:58px!important;max-height:220px!important;border-radius:999px!important;background:linear-gradient(180deg,#d5e4de 0%,#5d9f88 45%,#2f7f65 55%,#d5e4de 100%)!important;box-shadow:0 0 0 1px rgba(31,122,93,.10)!important}
.static-resizable>.universal-resize-handle span{position:absolute!important;width:30px!important;height:30px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#fff!important;border:1px solid #86b9a6!important;color:#176b52!important;font-size:15px!important;font-weight:900!important;box-shadow:0 5px 14px rgba(24,82,64,.18)!important}
.static-resizable>.universal-resize-handle:hover:before,.static-resizable>.universal-resize-handle.dragging:before{background:#18785a!important;width:7px!important}
.static-resizable>.universal-resize-handle:hover span,.static-resizable>.universal-resize-handle.dragging span{transform:scale(1.08);background:#eef8f3!important}
.cost-compare-wrap{padding:14px;background:#f7faf9}
.cost-compare-card{border:1px solid #d5e1dc;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 10px 24px rgba(24,75,60,.07)}
.cost-compare-card .compare-head{padding:13px 15px;background:linear-gradient(90deg,#1f4e79,#176b52);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:12px}
.cost-compare-card .compare-head b{font-size:15px}.cost-compare-card .compare-head span{font-size:12px;opacity:.9}
.cost-compare-table{min-width:900px!important}
.cost-compare-table th:nth-child(2){background:#526b7b!important}.cost-compare-table th:nth-child(3){background:#1f7a5d!important}.cost-compare-table th:nth-child(4){background:#8b6a24!important}
.cost-compare-table td.current-col{background:#f4f7f9!important}.cost-compare-table td.base-col{background:#eef8f3!important}.cost-compare-table td.target-col{background:#fff8e9!important}
.cost-compare-table td{font-variant-numeric:tabular-nums;text-align:center}.cost-compare-table td:first-child{text-align:left;font-weight:700;color:#31483f}
.cost-compare-summary{padding:12px 15px;background:#fbfcfb;border-top:1px solid #e3ebe7;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.cost-compare-summary .sum-item{padding:10px 12px;border:1px solid #dbe6e1;border-radius:12px;background:#fff}.cost-compare-summary small{display:block;color:#6c7d76;margin-bottom:4px}.cost-compare-summary b{font-size:17px;color:#174f3e}.cost-compare-summary .good b{color:#18784d}
.cost-flow-note{padding:11px 14px;background:#f3f8f5;border-bottom:1px solid #dfe9e4;color:#4d665d;line-height:1.7}
@media(max-width:1180px){.static-resizable{grid-template-columns:1fr!important;gap:14px!important}.static-resizable>.universal-resize-handle{display:none!important}.cost-compare-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.cost-compare-summary{grid-template-columns:1fr}}


/* ===== 手机端营养原料搜索增强 ===== */
.nutri-name-field{position:relative}
.nutri-name-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
.nutri-name-row #nName{min-width:0;height:44px}
.nutri-name-search-btn{height:44px;min-width:72px;white-space:nowrap}
.nutri-name-suggest{display:none;margin-top:7px;border:1px solid #d5e2dc;border-radius:12px;background:#fff;box-shadow:0 10px 26px rgba(18,61,49,.10);max-height:260px;overflow:auto;-webkit-overflow-scrolling:touch}
.nutri-name-suggest.show{display:block}
.nutri-name-option{display:block;width:100%;border:0;border-bottom:1px solid #edf2ef;background:#fff;padding:12px 13px;text-align:left;color:#1c2925;font:inherit;line-height:1.4;cursor:pointer}
.nutri-name-option:last-child{border-bottom:0}
.nutri-name-option:active,.nutri-name-option:hover{background:#eef7f3;color:#176b52}
.nutri-name-empty{padding:12px 13px;color:#77847f;font-size:12px}
@media(max-width:760px){
  .nutri-name-row{grid-template-columns:minmax(0,1fr) 70px}
  .nutri-name-row #nName,.nutri-name-search-btn{height:46px;font-size:16px}
  .nutri-name-suggest{max-height:230px}
  .nutri-name-option{padding:14px 13px;font-size:15px}
}




#view-energy .sheet-table thead th{background:var(--sheet-navy)!important;color:#fff!important}
.landing-logo,.workbench-page-logo,.brand-mark{overflow:visible!important;background:#fff!important;border:1px solid rgba(33,90,73,.12)!important}
.landing-logo img,.workbench-page-logo img,.brand-mark img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;padding:2px!important;background:#fff!important}
.nutri-search-panel{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.nutri-search-panel>.field:last-child{grid-column:1/-1!important}
#nSelectedSummary{max-height:82px!important;overflow:auto!important;align-content:flex-start!important}
.quick-top-grid{grid-template-columns:minmax(320px,.95fr) minmax(380px,1.05fr)!important}
.quick-shadow-row{grid-template-columns:minmax(320px,.95fr) minmax(380px,1.05fr)!important}
.quick-top-grid>div,.quick-shadow-box{resize:none!important;overflow:auto!important;min-width:320px!important;max-width:100%!important}
.quick-rank-table{min-width:540px!important}
.sheet-source b{color:#21463a!important}
.method-note{background:#f7faf8!important;color:#476056!important;border-top:0!important}



:root{--sheet-input:#fffdf4;--sheet-calc:#f1f8ee;--sheet-border:#d7e0e5}
.content{padding-bottom:46px}
.page-head{padding:22px 26px 16px;gap:18px}
.page-head h2{font-size:26px;letter-spacing:-.3px}
.page-head p{max-width:900px;line-height:1.7}
.tabs{padding-left:24px;gap:8px}
.tabs button{border-radius:12px 12px 0 0;padding:12px 18px}
.sheet-shell{border-radius:18px!important;box-shadow:0 10px 28px rgba(27,66,52,.06)!important;border-color:#d8e2de!important}
.sheet-title{font-size:18px;padding:13px 16px}
.sheet-section,.sheet-section.dark,.sheet-section.soft{min-height:42px;padding:9px 14px!important}
.sheet-table th,.sheet-table td{padding:9px 10px;line-height:1.45}
.sheet-table tbody tr{min-height:42px}
.sheet-table td.input input,.sheet-table td.input select,.input-panel input,.input-panel select,.sheet-selector .sinput input,.sheet-selector .sinput select{background:#fffdf4!important;border-color:#eadca5!important}
.sheet-table td.input input:focus,.sheet-table td.input select:focus,.input-panel input:focus,.input-panel select:focus{background:#fff9e6!important;border-color:#d8bb61!important;box-shadow:0 0 0 3px rgba(216,187,97,.11)}
.landing-logo,.workbench-page-logo,.brand-mark{border-radius:16px!important;overflow:hidden!important}
.landing-logo img,.workbench-page-logo img,.brand-mark img{padding:0!important;transform:scale(1.06)}
.simple-cta-banner{position:relative;min-height:230px;border-radius:28px;overflow:hidden;margin-top:26px;background-image:linear-gradient(90deg,rgba(13,65,51,.93) 0%,rgba(13,65,51,.76) 39%,rgba(13,65,51,.18) 70%,rgba(13,65,51,.04) 100%),var(--cta-bg);background-size:cover;background-position:center;box-shadow:0 18px 40px rgba(18,61,49,.15);display:flex;align-items:center;padding:34px 44px}
.simple-cta-copy{position:relative;z-index:2;max-width:700px}
.simple-cta-title{font-size:34px;line-height:1.35;font-weight:900;color:#fff;letter-spacing:.5px;text-shadow:0 2px 16px rgba(0,0,0,.16)}
.simple-cta-btn{margin-top:22px;background:#f0bd63!important;color:#173f32!important;border:0!important;font-weight:800;padding:11px 18px!important}
.nutri-search-panel{grid-template-columns:220px 260px minmax(340px,1fr)!important;max-width:1120px;margin-right:auto}
.nutri-search-panel>.field:last-child{grid-column:1/-1!important}
#nSelectedSummary{max-height:72px!important;min-height:48px!important;overflow:auto!important;padding:8px 10px!important}
.nutri-record-list{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.nutri-record-item{min-height:86px}
.nutri-record-item .meta{margin-top:5px;font-weight:700;color:#5c7269}
.sheet-source{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;background:#f7faf8;border:1px solid #e0e9e4;font-size:12px!important}
.sheet-source span{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eaf4ef;color:#21634d;font-weight:800}
.sheet-source+.divider{display:none!important}
.energy-pair-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;padding:14px;background:#f7faf9}
.energy-pair-card{background:#fff;border:1px solid #dbe5e0;border-radius:16px;overflow:hidden;box-shadow:0 7px 18px rgba(28,71,56,.05)}
.energy-pair-card .sheet-section{margin:0!important;border-radius:0!important}
.energy-pair-card .sheet-table-wrap{margin:0!important}
.energy-card-note{padding:9px 12px;background:#f8faf9;color:#65746e;font-size:12px;border-bottom:1px solid #e4ebe7}
.compact-table{min-width:620px!important}
.energy-result-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;background:#f8fbf9}
.energy-result-kpi{border-radius:15px;padding:14px 16px;border:1px solid #dbe6e0;background:#fff;box-shadow:0 7px 16px rgba(25,79,60,.05)}
.energy-result-kpi small{display:block;color:#65766f;font-weight:700}
.energy-result-kpi b{display:block;font-size:28px;line-height:1.15;margin:7px 0 4px;color:#174c39;font-variant-numeric:tabular-nums}
.energy-result-kpi span{font-size:11px;color:#7a8a84}
.energy-result-kpi.primary{background:linear-gradient(135deg,#e7f5eb,#f7fbf8);border-color:#b9dec7}
.energy-result-kpi.secondary{background:linear-gradient(135deg,#fff8e7,#fffdf7);border-color:#ead9ac}
.energy-result-kpi.reference{background:linear-gradient(135deg,#eef5fb,#f8fbfd);border-color:#cbdde9}
.cvb-result-kpis{max-width:780px}
#view-energy .sheet-table thead th{background:#1f4e79!important;color:#fff!important}
#view-energy .sheet-table td.label{color:#2f4557!important}
.quick-top-grid{--quick-left:40%;grid-template-columns:minmax(320px,var(--quick-left)) 10px minmax(420px,1fr)!important;gap:10px!important;align-items:stretch!important}
.quick-top-grid>div,.quick-shadow-box{resize:none!important;overflow:hidden!important;min-width:0!important}
.quick-resize-handle{width:10px;border-radius:999px;cursor:col-resize;display:flex;align-items:center;justify-content:center;background:transparent;position:relative}
.quick-resize-handle:before{content:"";width:4px;height:76px;border-radius:999px;background:#d4dfda;box-shadow:inset 0 0 0 1px #c7d4cf;transition:.2s}
.quick-resize-handle:hover:before,.is-resizing .quick-resize-handle:before{background:#68a68f}
.quick-resize-handle span{display:none}
body.is-resizing{user-select:none;cursor:col-resize}
.quick-shadow-row{--quick-left:40%;grid-template-columns:minmax(320px,var(--quick-left)) minmax(0,1fr)!important}
.quick-rank-table{min-width:580px!important}
#quickTop5 th,#quickTop5 td,.quick-rank-table th,.quick-rank-table td{text-align:center!important}
.db-table td,.db-table th{text-align:center}
.db-table td:nth-child(2) input{min-width:130px;text-align:left!important}
.mixture-card{border-radius:20px!important}
.mixture-card-head{padding:12px 15px!important}
.workbench-grid .feature-card{border-radius:20px!important}
@media(max-width:1180px){.nutri-record-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}.energy-pair-grid{grid-template-columns:1fr}.quick-top-grid{grid-template-columns:1fr!important}.quick-resize-handle{display:none}.quick-shadow-row{grid-template-columns:1fr!important}}
@media(max-width:760px){.nutri-search-panel{grid-template-columns:1fr!important}.nutri-record-list{grid-template-columns:1fr!important}.simple-cta-banner{min-height:210px;padding:28px 24px;background-position:65% center}.simple-cta-title{font-size:27px}.energy-result-kpis{grid-template-columns:1fr}}



/* 页签：激活状态在 hover/focus 时保持深色背景，彻底避免白字白底 */
.tabs button.active,
.tabs button.active:hover,
.tabs button.active:focus,
.tabs button.active:focus-visible{
  background:var(--brand)!important;
  color:#fff!important;
  border-color:var(--brand)!important;
  box-shadow:0 -2px 0 rgba(255,255,255,.22) inset,0 4px 12px rgba(23,107,82,.12)!important;
}
.nutri-start-hint{grid-column:1/-1;min-height:118px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;background:#f7faf8!important;border:1px dashed #c9d9d1!important;border-radius:16px!important;color:#60726a!important}
.nutri-start-hint b{font-size:15px;color:#254b3e}
.nutri-start-hint span{font-size:13px}
.starch-basis{display:inline-block;margin-left:4px;padding:2px 5px;border-radius:5px;background:#eef4f8;color:#4d6576;font-size:10px;font-weight:700;vertical-align:middle}

/* 手机首页：强制改成上下结构，避免后面的1100px规则再次覆盖 */
@media(max-width:760px){
  .landing-hero{grid-template-columns:1fr!important;gap:18px!important;padding:22px 0 10px!important}
  .landing-copy{width:100%!important;min-width:0!important}
  .landing-copy h1{font-size:40px!important;line-height:1.12!important;letter-spacing:-1px!important;max-width:none!important;word-break:keep-all}
  .landing-copy p,.landing-sub{font-size:15px!important;line-height:1.7!important;margin-top:14px!important}
  .landing-cta{margin-top:20px!important}
  .hero-visual.image-hero{min-height:300px!important;height:auto!important;border-radius:24px!important}
  .hero-visual.image-hero img{width:100%!important;height:300px!important;object-fit:contain!important;object-position:center!important}
  .landing-feature-grid{grid-template-columns:1fr!important}
  .landing-card-visual{height:220px!important}
}



.brand-mark,.landing-logo,.workbench-page-logo{background:transparent!important;border:0!important;overflow:visible!important;}
.brand-mark img,.landing-logo img,.workbench-page-logo img{object-fit:contain!important;object-position:center!important;padding:0!important;background:transparent!important;display:block!important;}
.brand-mark{width:58px!important;height:58px!important;}
.landing-logo{width:92px!important;height:92px!important;}



.quick-color-guide{margin:12px 14px 4px;padding:12px 14px;border:1px solid #dfe8e3;border-radius:16px;background:#fbfdfc;box-shadow:0 5px 16px rgba(24,76,58,.05)}
.quick-color-guide-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.quick-color-guide-head b{font-size:14px;color:#1f4438}.quick-color-guide-head span{font-size:12px;color:#718078}
.quick-color-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.quick-color-item{border-radius:13px;padding:11px 12px;border:1px solid transparent;min-height:78px}
.quick-color-item strong{display:flex;align-items:center;gap:8px;font-size:14px;margin-bottom:5px}
.quick-color-dot{width:12px;height:12px;border-radius:50%;display:inline-block;box-shadow:0 0 0 4px rgba(255,255,255,.65)}
.quick-color-item p{margin:0;color:#52645d;font-size:12px;line-height:1.65}
.quick-color-item.good{background:#edf7f0;border-color:#cfe6d6}.quick-color-item.good strong{color:#17633d}.quick-color-item.good .quick-color-dot{background:#4f9f67}
.quick-color-item.mid{background:#fff9e8;border-color:#efe0ad}.quick-color-item.mid strong{color:#8a6815}.quick-color-item.mid .quick-color-dot{background:#d9aa32}
.quick-color-item.bad{background:#fff0ed;border-color:#f0d0c9}.quick-color-item.bad strong{color:#a04b38}.quick-color-item.bad .quick-color-dot{background:#cf6b55}
.quick-color-guide-foot{margin-top:9px;padding-top:8px;border-top:1px dashed #dbe5df;color:#65746d;font-size:11px;line-height:1.6}
@media(max-width:760px){.quick-color-guide{margin:10px 10px 2px}.quick-color-guide-head{align-items:flex-start;flex-direction:column;gap:3px}.quick-color-guide-grid{grid-template-columns:1fr}.quick-color-item{min-height:auto}}




/* ===== V23: 手机端字号一致性 + 营养速查自由搜索 ===== */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
#view-nutrition .sheet-table th,#view-nutrition .sheet-table td{font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif}
.nutri-name-mode-hint{margin-top:6px;color:#6b7c75;font-size:12px;line-height:1.55}
@media(max-width:760px){
  #view-nutrition .sheet-shell{overflow:hidden}
  #view-nutrition .sheet-table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  #view-nutrition .sheet-table{font-size:13px!important;line-height:1.45!important}
  #view-nutrition .sheet-table th,#view-nutrition .sheet-table td{font-size:13px!important;line-height:1.45!important;padding:9px 10px!important;text-size-adjust:100%;-webkit-text-size-adjust:100%}
  #view-nutrition .sheet-table td.label{font-size:12px!important;font-weight:700!important;white-space:nowrap}
  #view-nutrition .sheet-table th{font-size:13px!important;font-weight:700!important}
  #view-nutrition .sheet-table th small{font-size:10px!important;line-height:1.35!important}
  #view-nutrition .sheet-table .btn{font-size:12px!important;line-height:1.2!important;white-space:nowrap}
  #view-nutrition .sheet-section{font-size:14px!important}
  #view-nutrition .sheet-section .sheet-fidelity-tag{font-size:11px!important}
  #view-nutrition .nutri-record-item b{font-size:14px!important;line-height:1.45!important}
  #view-nutrition .nutri-record-item .meta{font-size:12px!important}
  #view-nutrition .selected-chip{font-size:12px!important}
  .nutri-name-mode-hint{font-size:12px}
}

/* ===== VFinal: mobile robustness / safe area / single-record readability ===== */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.sheet-table-wrap{-webkit-overflow-scrolling:touch;max-width:100%}
@media(max-width:760px){
  .sidebar{height:calc(66px + env(safe-area-inset-bottom))!important;padding-bottom:calc(7px + env(safe-area-inset-bottom))!important}
  body:not(.landing-mode) .content{padding-bottom:calc(90px + env(safe-area-inset-bottom))!important}
  .site-footer{padding-bottom:calc(84px + env(safe-area-inset-bottom))!important}
  .btn,.field input,.field select,.tabs button,.nutri-name-option{min-height:44px;touch-action:manipulation}
  #nutritionResults .sheet-table th,#nutritionResults .sheet-table td{font-size:13px!important;line-height:1.55!important;-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important}
  #nutritionResults .sheet-table td,#nutritionResults .sheet-table th{overflow-wrap:anywhere;word-break:break-word}
  #nutritionResults .nutrition-info-table.cols-1,#nutritionResults .nutrition-metric-table.cols-1{min-width:0!important;width:100%!important;table-layout:fixed}
  #nutritionResults .nutrition-info-table.cols-1 td:first-child{width:34%}
  #nutritionResults .nutrition-info-table.cols-1 td:nth-child(2){width:66%}
  #nutritionResults .nutrition-metric-table.cols-1 th:nth-child(1),#nutritionResults .nutrition-metric-table.cols-1 td:nth-child(1){width:31%}
  #nutritionResults .nutrition-metric-table.cols-1 th:nth-child(2),#nutritionResults .nutrition-metric-table.cols-1 td:nth-child(2){width:19%}
  #nutritionResults .nutrition-metric-table.cols-1 th:nth-child(3),#nutritionResults .nutrition-metric-table.cols-1 td:nth-child(3){width:50%}
}



/* ===== 营养速查：智能分类/全库搜索提示 ===== */
.nutri-name-mode-hint{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:7px;color:#708078;font-size:12px;line-height:1.55}
.nutri-search-scope{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border:1px solid #cfe0d8;border-radius:999px;background:#eef7f3;color:#176b52;font-size:11px;font-weight:800;white-space:nowrap}
.nutri-search-scope.scope-all{border-color:#d8d4bf;background:#fff8e8;color:#86621c}
.nutri-search-scope.scope-fallback{border-color:#efcf9b;background:#fff5df;color:#925c10}
.nutri-name-suggest{max-height:310px}
.nutri-name-option{display:flex;align-items:center;justify-content:space-between;gap:12px}
.nutri-name-option .name-main{min-width:0;font-weight:700}
.nutri-name-option mark{padding:0;background:#fff0a8;color:inherit;border-radius:2px}
.nutri-name-option .name-path{flex:0 0 auto;max-width:44%;color:#7a8a83;font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nutri-name-suggest-foot{padding:9px 12px;background:#f7faf8;border-top:1px solid #e4ece8;color:#6f7f78;font-size:11px;line-height:1.45}
@media(max-width:760px){.nutri-name-suggest{max-height:260px}.nutri-name-option .name-path{max-width:40%;font-size:10px}.nutri-name-mode-hint{font-size:11px}}


/* ===== Feedy bilingual UI ===== */
.feedy-lang-switch{
  display:inline-flex;align-items:center;gap:2px;padding:2px;border:1px solid rgba(34,92,73,.14);
  border-radius:10px;background:rgba(255,255,255,.72);box-shadow:none;backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);flex:0 0 auto
}
.feedy-lang-switch button{
  appearance:none;border:0;background:transparent;color:#647a71;font:inherit;font-size:12px;font-weight:800;
  min-width:32px;height:28px;padding:0 8px;border-radius:8px;cursor:pointer;line-height:1;
  transition:background .16s ease,color .16s ease,transform .16s ease
}
.feedy-lang-switch button:hover{background:#eef6f2;color:#176b52}
.feedy-lang-switch button:active{transform:scale(.97)}
.feedy-lang-switch button.active{background:#176b52;color:#fff;box-shadow:none}
.feedy-lang-switch button:focus-visible{outline:2px solid rgba(23,107,82,.25);outline-offset:2px}
html[lang="en"] .landing-copy h1{letter-spacing:-1.4px;max-width:780px}
html[lang="en"] .landing-copy p{max-width:760px}
html[lang="en"] .nav button{line-height:1.15}
html[lang="en"] .page-head h2{max-width:980px}
html[lang="en"] .sheet-section{line-height:1.35}
html[lang="en"] .field label{line-height:1.3}
html[lang="en"] .tabs button{line-height:1.2}
html[lang="en"] .landing-nav{gap:4px}
html[lang="en"] .landing-nav button{padding-left:10px;padding-right:10px}
@media(max-width:1100px){
  html[lang="en"] .nav .label{font-size:10px;line-height:1.1;text-align:center}
}
@media(max-width:760px){
  .feedy-lang-switch{border-radius:9px;padding:2px}
  .feedy-lang-switch button{height:30px;min-width:30px;padding:0 7px;font-size:11px}
  .topbar-right .feedy-lang-switch{margin-left:auto}
  html[lang="en"] .nav .label{font-size:9px;line-height:1.05;max-width:66px;white-space:normal}
  html[lang="en"] .page-head h2{font-size:22px}
  html[lang="en"] #nutritionResults .sheet-table th,
  html[lang="en"] #nutritionResults .sheet-table td{font-size:12px!important}
}

/* ===== 2026-08-10 English mobile polish ===== */
html,body{max-width:100%;overflow-x:hidden}
.content,.view,.sheet-shell,.sheet-pad,.input-panel{min-width:0}

@media(max-width:760px){
  /* compact sticky header */
  .topbar{height:52px!important;padding:0 10px!important}
  .topbar h1{display:none!important}
  .topbar-right{width:100%;min-width:0;justify-content:flex-end;gap:7px!important}
  .topbar-right .btn,.topbar-right .about-link{min-height:34px!important;height:34px!important;padding:0 11px!important;border-radius:10px!important;white-space:nowrap}
  .topbar-right [data-go="landing"],.topbar-right .about-link{font-size:0!important}
  html[lang="zh-CN"] .topbar-right [data-go="landing"]::after{content:"首页";font-size:12px;font-weight:800}
  html[lang="en"] .topbar-right [data-go="landing"]::after{content:"Home";font-size:12px;font-weight:800}
  html[lang="zh-CN"] .topbar-right .about-link::after{content:"关于";font-size:12px;font-weight:800}
  html[lang="en"] .topbar-right .about-link::after{content:"About";font-size:12px;font-weight:800}
  .topbar-right .feedy-lang-switch{margin-left:0!important}
  .feedy-lang-switch{height:34px!important;border-radius:10px!important;padding:2px!important}
  .feedy-lang-switch button{height:28px!important;min-width:31px!important;padding:0 7px!important;font-size:11px!important;border-radius:8px!important}
  .feedy-lang-switch button[data-feedy-lang="zh"]{min-width:40px!important}

  /* bottom navigation: one compact line, no oversized green block */
  .sidebar{height:calc(62px + env(safe-area-inset-bottom))!important;padding:4px 5px calc(4px + env(safe-area-inset-bottom))!important}
  .nav{align-items:stretch!important;gap:2px!important}
  .nav button{min-width:0!important;flex:1 1 20%!important;padding:5px 2px!important;border-radius:12px!important;justify-content:center!important;gap:1px!important;line-height:1!important}
  .nav .ico{width:auto!important;font-size:17px!important;line-height:1!important}
  .nav .label{font-size:9.5px!important;line-height:1!important;white-space:nowrap!important;max-width:none!important}
  html[lang="en"] .nav .label{font-size:0!important}
  html[lang="en"] .nav button[data-view="workbench"] .label::after{content:"Home";font-size:9.5px}
  html[lang="en"] .nav button[data-view="nutrition"] .label::after{content:"Nutrients";font-size:9.5px}
  html[lang="en"] .nav button[data-view="energy"] .label::after{content:"Energy";font-size:9.5px}
  html[lang="en"] .nav button[data-view="value"] .label::after{content:"Value";font-size:9.5px}
  html[lang="en"] .nav button[data-view="growth"] .label::after{content:"Growth";font-size:9.5px}
  body:not(.landing-mode) .content{padding-bottom:calc(78px + env(safe-area-inset-bottom))!important}
  .backtop{bottom:calc(72px + env(safe-area-inset-bottom))!important}

  /* internal tabs: compact English labels and horizontal containment */
  #energyTabs,#valueTabs{top:52px!important;margin-left:-14px!important;margin-right:-14px!important;padding:7px 14px!important;gap:7px!important;overflow-x:auto!important;overflow-y:hidden!important;flex-wrap:nowrap!important;scroll-snap-type:x proximity}
  #energyTabs button,#valueTabs button{flex:0 0 auto!important;min-height:40px!important;padding:8px 13px!important;scroll-snap-align:start;white-space:nowrap!important}
  html[lang="en"] #energyTabs button,html[lang="en"] #valueTabs button{font-size:0!important}
  html[lang="en"] #energyTabs button[data-energy-tab="inra"]::after{content:"INRA";font-size:13px}
  html[lang="en"] #energyTabs button[data-energy-tab="cvb"]::after{content:"CVB";font-size:13px}
  html[lang="en"] #energyTabs button[data-energy-tab="compare"]::after{content:"Compare";font-size:13px}
  html[lang="en"] #valueTabs button[data-tab="quick"]::after{content:"Value Screening";font-size:13px}
  html[lang="en"] #valueTabs button[data-tab="cost"]::after{content:"Cost Optimisation";font-size:13px}
  html[lang="en"] #valueTabs button[data-tab="db"]::after{content:"Database";font-size:13px}
  html[lang="en"] #valueTabs button[data-tab="mix"]::after{content:"Blends";font-size:13px}

  /* page headings live in the page body; keep them readable but not huge */
  .page-head{gap:12px!important;margin-bottom:14px!important}
  html[lang="en"] .page-head h2{font-size:22px!important;line-height:1.18!important;overflow-wrap:anywhere}
  html[lang="en"] .page-head p{font-size:13px!important;line-height:1.55!important}

  /* buttons and long English helper text must wrap instead of clipping */
  .sheet-mini-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important;min-width:0!important}
  .sheet-mini-actions .btn{max-width:100%!important;white-space:normal!important;text-align:left!important;line-height:1.35!important}
  .callout,.status-line,.sheet-note,.method-note,.cost-formula-note,.cost-flow-note{max-width:100%!important;overflow-wrap:anywhere!important;word-break:normal!important}

  /* cost result cards: stack label/value, prevent right-edge clipping */
  #costKpis{grid-template-columns:1fr!important}
  #costKpis .metric{display:block!important;min-width:0!important;padding:13px 14px!important}
  #costKpis .metric small{display:block!important;max-width:100%!important;line-height:1.35!important;overflow-wrap:anywhere}
  #costKpis .metric b{display:inline-block!important;margin-top:7px!important;font-size:21px!important;line-height:1.15!important;max-width:100%!important;overflow-wrap:anywhere}
  #costKpis .metric span{display:inline-block!important;margin-left:5px!important}
  .cost-compare-summary{grid-template-columns:1fr!important}
  .cost-compare-summary .sum-item{min-width:0!important}
  .cost-compare-summary small,.cost-compare-summary b{overflow-wrap:anywhere!important}
  .cost-compare-card .compare-head{align-items:flex-start!important;flex-direction:column!important}
  .cost-compare-card .compare-head span{max-width:100%!important;overflow-wrap:anywhere!important}

  /* comparison/data tables should scroll inside their own card, never widen the page */
  .sheet-table-wrap,.compare-wrap{max-width:100%!important;overflow-x:auto!important;overscroll-behavior-x:contain!important}
  #view-energy .energy-compare-only .sheet-table{min-width:720px!important}
  #view-value .cost-compare-table{min-width:820px!important}
  #view-growth .sheet-table{min-width:680px}
}

@media(min-width:761px){
  html[lang="en"] .landing-copy h1{font-size:64px!important;line-height:1.08!important;max-width:820px!important}
}


/* ===== 2026-08-10 final UI refinement + 30-minute reset undo ===== */

/* Refined language segmented control: compact, calm, no oversized pill. */
.feedy-lang-switch{
  gap:0!important;
  padding:2px!important;
  border:1px solid #d8e3de!important;
  border-radius:11px!important;
  background:#f1f6f3!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75)!important;
  overflow:hidden;
}
.feedy-lang-switch button{
  min-width:38px;
  height:29px;
  padding:0 9px;
  border-radius:8px!important;
  color:#62776e;
  font-size:12px;
  font-weight:780;
  letter-spacing:.01em;
}
.feedy-lang-switch button[data-feedy-lang="zh"]{min-width:46px}
.feedy-lang-switch button.active{
  background:#176b52!important;
  color:#fff!important;
  box-shadow:0 2px 7px rgba(23,107,82,.18)!important;
}
.feedy-lang-switch button:not(.active):hover{
  background:rgba(255,255,255,.78)!important;
  color:#176b52!important;
}

/* Reset undo button. */
.undo-reset-btn{
  border-color:#bfd6cc!important;
  background:#f5faf7!important;
  color:#176b52!important;
  min-width:112px;
  font-variant-numeric:tabular-nums;
}
.undo-reset-btn:not(:disabled):hover{
  background:#eaf6f0!important;
  border-color:#8dbba8!important;
}
.undo-reset-btn:disabled{
  opacity:.46;
  cursor:not-allowed;
  filter:saturate(.65);
}

/* English landing headline: use natural wrapping instead of the Chinese forced break. */
html[lang="en"] .landing-copy h1 br{display:none}
html[lang="en"] .landing-copy h1 span:first-child::after{content:" "}
@media(min-width:1101px){
  html[lang="en"] .landing-copy h1{
    font-size:60px!important;
    line-height:1.055!important;
    letter-spacing:-1.5px!important;
    max-width:760px!important;
  }
}
@media(min-width:761px) and (max-width:1100px){
  html[lang="en"] .landing-copy h1{
    font-size:50px!important;
    line-height:1.07!important;
    letter-spacing:-1.15px!important;
    max-width:700px!important;
  }
}

@media(max-width:760px){
  /* 1) Top bar: keep only compact utility actions; language control sits at far right. */
  .topbar{
    height:48px!important;
    min-height:48px!important;
    padding:0 10px!important;
  }
  .topbar-right{
    width:100%!important;
    justify-content:flex-start!important;
    gap:4px!important;
  }
  .topbar-right .btn,
  .topbar-right .about-link{
    min-height:30px!important;
    height:30px!important;
    padding:0 7px!important;
    border:0!important;
    border-radius:8px!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#356052!important;
  }
  .topbar-right [data-go="landing"]::after,
  .topbar-right .about-link::after{
    font-size:11.5px!important;
    font-weight:750!important;
  }
  html[lang="zh-CN"] .topbar-right [data-go="landing"]::after{content:"← 首页"!important}
  html[lang="en"] .topbar-right [data-go="landing"]::after{content:"← Home"!important}
  .topbar-right .feedy-lang-switch{
    margin-left:auto!important;
    height:32px!important;
  }
  .topbar-right .feedy-lang-switch button{
    height:26px!important;
    min-width:31px!important;
    padding:0 6px!important;
    font-size:10.5px!important;
  }
  .topbar-right .feedy-lang-switch button[data-feedy-lang="zh"]{min-width:39px!important}

  /* 2) Blue section headers: long status/help text moves to a clean second row. */
  .sheet-section,.sheet-section.dark,.sheet-section.soft{
    min-height:42px!important;
    padding:9px 11px!important;
    gap:6px 8px!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    justify-content:flex-start!important;
    line-height:1.28!important;
  }
  .sheet-section > span:first-child{
    flex:1 1 190px;
    min-width:0;
    overflow-wrap:anywhere;
  }
  .sheet-section > span:nth-child(2),
  .sheet-section > .sheet-fidelity-tag{
    flex:1 0 100%;
    max-width:100%;
    margin:0!important;
    font-size:10.5px!important;
    line-height:1.35!important;
    white-space:normal!important;
    overflow-wrap:anywhere;
  }
  .sheet-section > .sheet-fidelity-tag{
    width:fit-content;
    background:rgba(255,255,255,.92)!important;
  }
  .sheet-section > button,
  .sheet-section > div{
    flex:0 0 auto;
    margin-left:auto;
  }
  .sheet-section .collapse-btn{
    min-height:28px!important;
    padding:3px 8px!important;
    font-size:10.5px!important;
    white-space:nowrap!important;
  }

  /* Value/energy sticky tabs should never make the page itself wider. */
  #energyTabs,#valueTabs{
    top:48px!important;
    max-width:calc(100vw + 28px)!important;
    overscroll-behavior-x:contain!important;
  }

  /* 3/4) Bottom navigation: shorter labels and a lower, calmer bar. */
  .sidebar{
    height:calc(58px + env(safe-area-inset-bottom))!important;
    padding:3px 5px calc(3px + env(safe-area-inset-bottom))!important;
  }
  .nav button{
    padding:4px 2px!important;
    border-radius:10px!important;
  }
  .nav button.active{
    background:rgba(255,255,255,.11)!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);
  }
  .nav .ico{font-size:16px!important}
  .nav .label{font-size:9.2px!important}
  html[lang="en"] .nav button[data-view="workbench"] .label::after{content:"Workbench";font-size:8.8px}
  html[lang="en"] .nav button[data-view="nutrition"] .label::after{content:"Nutrients";font-size:9.2px}
  html[lang="en"] .nav button[data-view="energy"] .label::after{content:"Energy";font-size:9.2px}
  html[lang="en"] .nav button[data-view="value"] .label::after{content:"Value";font-size:9.2px}
  html[lang="en"] .nav button[data-view="growth"] .label::after{content:"Growth";font-size:9.2px}
  body:not(.landing-mode) .content{
    padding-bottom:calc(72px + env(safe-area-inset-bottom))!important;
  }
  .backtop{bottom:calc(67px + env(safe-area-inset-bottom))!important}

  /* Page action buttons: avoid another crowded row on mobile. */
  .page-actions{
    width:100%;
    display:flex!important;
    gap:7px!important;
    flex-wrap:wrap!important;
  }
  .page-actions .btn{
    min-height:38px!important;
    padding:8px 11px!important;
    white-space:normal!important;
    line-height:1.25!important;
  }
  .value-page-actions [data-go="workbench"]{flex:1 1 100%}
  .value-page-actions #resetPriceDb,
  .value-page-actions #undoPriceDbReset{flex:1 1 calc(50% - 4px);min-width:0}

  /* Avoid narrow cards being distorted by very long English labels. */
  .sheet-title{font-size:17px!important;line-height:1.3!important;padding:11px 13px!important}
  .sheet-note{font-size:12px!important;line-height:1.6!important;overflow-wrap:anywhere}
  .metric small,.metric b,.readout-row span,.readout-row b{overflow-wrap:anywhere}
  .db-toolbar.sheet-toolbar{
    align-items:stretch!important;
    flex-direction:column!important;
  }
  .db-toolbar.sheet-toolbar input{max-width:none!important;width:100%!important}
  .db-toolbar.sheet-toolbar .sheet-mini-actions{width:100%!important}
  .db-toolbar.sheet-toolbar .sheet-mini-actions .btn{flex:1 1 auto!important;text-align:center!important}

  /* Landing header on small phones: don't let actions collide with the brand. */
  body.landing-mode .landing-header{
    padding:10px 12px!important;
    row-gap:8px!important;
  }
  body.landing-mode .landing-brand{font-size:16px!important}
  body.landing-mode .landing-brand small{font-size:10px!important}
  body.landing-mode .landing-actions{
    gap:6px!important;
    margin-left:auto;
  }
  body.landing-mode .landing-actions .about-link{
    padding:6px 4px!important;
    font-size:11px!important;
  }
  body.landing-mode .landing-actions .btn.primary{
    min-height:34px!important;
    padding:7px 10px!important;
    font-size:11px!important;
  }
  body.landing-mode .landing-actions .feedy-lang-switch button{
    height:26px!important;
    min-width:31px!important;
    padding:0 6px!important;
    font-size:10.5px!important;
  }
  body.landing-mode .landing-actions .feedy-lang-switch button[data-feedy-lang="zh"]{min-width:39px!important}
}

/* very narrow devices get a little more breathing room */
@media(max-width:390px){
  .topbar-right .btn,.topbar-right .about-link{padding:0 5px!important}
  .topbar-right{gap:2px!important}
  .value-page-actions #resetPriceDb,
  .value-page-actions #undoPriceDbReset{font-size:11px!important}
}

@media(max-width:760px){
  .nutrition-selection-bar{top:48px!important}
  .sheet-section > span:nth-child(2):not(.sheet-fidelity-tag){
    color:rgba(255,255,255,.86);
    font-weight:600;
  }
  body.landing-mode .backtop{bottom:18px!important}
  body.landing-mode .site-footer{padding-bottom:20px!important}
}

@media(max-width:760px){
  /* Bottom Workbench already provides the same navigation; avoid redundant page-head button. */
  .page-head .page-actions [data-go="workbench"]{display:none!important}
  .value-page-actions #resetPriceDb,
  .value-page-actions #undoPriceDbReset{flex:1 1 calc(50% - 4px)!important}
}


/* ===== Feedy visit counter ===== */
.site-footer{flex-direction:column;gap:7px}
.footer-meta,.visit-stats{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;text-align:center}
.visit-stats{
  min-height:28px;
  padding:4px 12px;
  border:1px solid rgba(23,107,82,.12);
  border-radius:999px;
  background:rgba(255,255,255,.62);
  color:#687a72;
}
.visit-stat{display:inline-flex;align-items:baseline;gap:6px;white-space:nowrap}
.visit-stat strong{
  min-width:18px;
  color:#176b52;
  font-size:13px;
  font-variant-numeric:tabular-nums;
  letter-spacing:.01em;
}
.visit-stat-sep{opacity:.5}
body.landing-mode .visit-stats{background:rgba(255,255,255,.48)}
@media(max-width:760px){
  .site-footer{gap:8px}
  .footer-meta{gap:6px 8px}
  .visit-stats{gap:7px;padding:5px 10px;font-size:11px}
  .visit-stat{gap:5px}
  .visit-stat strong{font-size:12px}
}

/* ===== English-mode hard-coded CSS text ===== */
html[lang="zh-CN"] .landing-card::after{content:"点击进入"}
html[lang="en"] .landing-card::after{content:"Open"}


/* ===== 2026-08-10 Cost Optimisation desktop fit refinement ===== */
@media(min-width:1181px){
  #costMainSplit{
    --split-left:61%;
    grid-template-columns:minmax(0,var(--split-left)) 24px minmax(360px,1fr)!important;
  }
  #costMainSplit>div:first-child{min-width:0!important}
  #costMainSplit>div:last-child{min-width:0!important}
  #costMainSplit>div:first-child>.sheet-table-wrap{overflow-x:hidden!important;max-width:100%!important}
  #costMainSplit #costInputBody{font-size:12px}
  #costMainSplit #costInputBody~*{min-width:0}
  #costMainSplit .sheet-table{
    width:100%!important;
    min-width:0!important;
    table-layout:fixed!important;
  }
  #costMainSplit .sheet-table th,#costMainSplit .sheet-table td{padding:6px 6px!important}
  #costMainSplit .sheet-table th:nth-child(1){width:12%!important}
  #costMainSplit .sheet-table th:nth-child(2){width:25%!important}
  #costMainSplit .sheet-table th:nth-child(3){width:21%!important}
  #costMainSplit .sheet-table th:nth-child(4){width:21%!important}
  #costMainSplit .sheet-table th:nth-child(5){width:21%!important}
  #costMainSplit .sheet-table td:nth-child(1){white-space:normal!important;line-height:1.25!important}
  #costMainSplit .sheet-table input,#costMainSplit .sheet-table select{
    min-width:0!important;width:100%!important;padding-left:6px!important;padding-right:6px!important;
  }
  #costKpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  #costKpis .metric{
    display:grid!important;
    grid-template-columns:minmax(94px,1fr) auto auto!important;
    align-items:center!important;gap:6px!important;min-width:0!important;
    padding:12px 13px!important;
  }
  #costKpis .metric small{font-size:11px!important;line-height:1.35!important;overflow-wrap:normal!important;word-break:keep-all!important}
  #costKpis .metric b{font-size:19px!important;white-space:nowrap!important;margin:0!important}
  #costKpis .metric span{font-size:11px!important;white-space:nowrap!important;margin:0!important}
}
@media(min-width:1181px) and (max-width:1320px){
  #costMainSplit{--split-left:64%;grid-template-columns:minmax(0,var(--split-left)) 20px minmax(320px,1fr)!important}
  #costKpis{grid-template-columns:1fr!important}
}
@media(max-width:1180px){
  #costMainSplit>div:first-child>.sheet-table-wrap{overflow-x:auto!important}
  #costMainSplit .sheet-table{min-width:720px!important}
}

/* ===== 2026-08-16 workflow refinement ===== */
.nutri-search-panel{display:block!important;max-width:none!important}
.nutri-search-panel>.nutri-name-field{max-width:none!important;width:100%!important}
.nutri-filter-row{
  display:grid;
  grid-template-columns:minmax(220px,300px) minmax(220px,340px) auto;
  gap:12px;
  align-items:end;
  margin-top:14px;
  max-width:860px;
}
.nutri-clear-inline{height:44px;white-space:nowrap;padding-left:18px;padding-right:18px}
.field-hint{display:block;margin-top:6px;color:#73837d;font-size:11px;line-height:1.45}
.cost-target-panel{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.cost-input-table{table-layout:fixed!important}
@media(min-width:1181px){
  #costMainSplit{
    --split-left:66%;
    grid-template-columns:minmax(0,var(--split-left)) 22px minmax(340px,1fr)!important;
  }
  #costMainSplit .cost-input-table th,#costMainSplit .cost-input-table td{padding:6px 5px!important}
  #costMainSplit .cost-input-table th:nth-child(1){width:10%!important}
  #costMainSplit .cost-input-table th:nth-child(2){width:22%!important}
  #costMainSplit .cost-input-table th:nth-child(3){width:16%!important}
  #costMainSplit .cost-input-table th:nth-child(4){width:16%!important}
  #costMainSplit .cost-input-table th:nth-child(5){width:18%!important}
  #costMainSplit .cost-input-table th:nth-child(6){width:18%!important}
  #costMainSplit .cost-input-wrap{overflow-x:hidden!important}
  #costMainSplit .cost-input-table{min-width:0!important;width:100%!important}
}
@media(min-width:1181px) and (max-width:1360px){
  #costMainSplit{--split-left:69%;grid-template-columns:minmax(0,var(--split-left)) 18px minmax(300px,1fr)!important}
  #costKpis{grid-template-columns:1fr!important}
}
@media(max-width:1180px){
  .cost-input-table{min-width:830px!important}
}
@media(max-width:760px){
  .nutri-filter-row{grid-template-columns:1fr 1fr;max-width:none}
  .nutri-clear-inline{grid-column:1/-1;width:100%}
  .cost-target-panel{grid-template-columns:1fr!important}
}


/* ===== 2026-08-16 target-first cost workflow ===== */
#costTopSplit{
  --split-left:52%;
  grid-template-columns:minmax(0,var(--split-left)) 22px minmax(360px,1fr)!important;
  align-items:start;
}
#costTopSplit .universal-resize-handle{align-self:stretch}
.cost-target-panel{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.cost-target-lock-note{
  margin-top:9px;
  padding:9px 12px;
  border:1px solid rgba(23,107,82,.16);
  border-radius:12px;
  background:rgba(238,247,243,.72);
  color:#526861;
  font-size:12px;
  line-height:1.55;
}
.cost-target-lock-note:empty{display:none}
.cost-formula-section-head{margin-top:4px}
.cost-table-explain{
  padding:10px 14px;
  border-bottom:1px solid #e1e9e5;
  color:#657771;
  font-size:12px;
  line-height:1.55;
}
.cost-input-wrap{overflow-x:auto}
.cost-input-table{
  width:100%!important;
  min-width:1080px!important;
  table-layout:fixed!important;
}
.cost-input-table th,
.cost-input-table td{
  padding:7px 7px!important;
  vertical-align:middle;
}
.cost-input-table th{
  position:relative;
  user-select:none;
}
.cost-input-table th[draggable="true"]{cursor:grab}
.cost-input-table th[draggable="true"]:active{cursor:grabbing}
.cost-input-table th.cost-col-dragging{opacity:.45}
.cost-input-table th.cost-col-drop{
  box-shadow:inset 3px 0 0 #1b8765;
}
.cost-input-table [data-cost-col="category"]{width:10%}
.cost-input-table [data-cost-col="ingredient"]{width:20%}
.cost-input-table [data-cost-col="price"]{width:13%}
.cost-input-table [data-cost-col="use"]{width:13%}
.cost-input-table [data-cost-col="min"]{width:13%}
.cost-input-table [data-cost-col="max"]{width:13%}
.cost-input-table [data-cost-col="optimal"]{width:18%}
.bound-input-with-signal{
  display:flex;
  align-items:center;
  gap:5px;
}
.bound-input-with-signal input{min-width:0;flex:1}
.bound-signal{
  flex:0 0 auto;
  display:inline-flex;
  width:22px;
  height:22px;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  font-size:15px;
  font-weight:900;
  line-height:1;
}
.bound-signal.min-down{
  color:#167a55;
  background:#e9f7ef;
  border:1px solid #b9e2ca;
}
.bound-signal.max-up{
  color:#c84f3e;
  background:#fff0ed;
  border:1px solid #efc4bc;
}
.cost-optimal-cell{
  line-height:1.25;
  text-align:right;
}
.cost-optimal-cell b{
  display:block;
  color:#145f49;
  font-variant-numeric:tabular-nums;
}
.cost-optimal-cell small{
  display:block;
  margin-top:3px;
  color:#778680;
  font-size:10px;
  white-space:normal;
}
.cost-optimal-cell .cost-direct-down{color:#167a55}
.cost-optimal-cell .cost-direct-up{color:#b85a47}
#costLockedTargetTag{max-width:54%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#costTargetCurrentUseField input{font-variant-numeric:tabular-nums}
@media(min-width:1181px){
  #costTopSplit #costKpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #costTopSplit #costKpis .metric{
    grid-template-columns:minmax(95px,1fr) auto auto!important;
  }
  .cost-input-wrap{overflow-x:hidden!important}
  .cost-input-table{min-width:0!important}
}
@media(min-width:1181px) and (max-width:1360px){
  #costTopSplit{--split-left:55%;grid-template-columns:minmax(0,var(--split-left)) 18px minmax(330px,1fr)!important}
  #costTopSplit #costKpis{grid-template-columns:1fr!important}
}
@media(max-width:1180px){
  #costTopSplit{
    display:block!important;
  }
  #costTopSplit>.universal-resize-handle{display:none!important}
  #costTopSplit>div+div+div{margin-top:14px}
  .cost-input-table{min-width:1050px!important}
}
@media(max-width:760px){
  .cost-target-panel{grid-template-columns:1fr!important}
  #costLockedTargetTag{display:none}
}

/* ===== 2026-08-16 cost workflow refinement ===== */
.cost-locked-target-row td{
  background:linear-gradient(90deg,rgba(232,247,239,.78),rgba(246,251,248,.92))!important;
}
.cost-locked-target-row td:first-child{
  box-shadow:inset 4px 0 0 #1a7c5c;
  color:#176b52;
  font-weight:800;
}
.cost-locked-target-row .locked-value{
  display:block;
  color:#24493f;
  font-weight:780;
  text-align:center;
  font-variant-numeric:tabular-nums;
}
.cost-locked-target-row .locked-note{
  display:block;
  margin-top:2px;
  color:#6f817a;
  font-size:10px;
  line-height:1.25;
  text-align:center;
}
.cost-self-opt-summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-height:50px;
  padding:10px 16px;
  border-top:1px solid #dce8e2;
  border-bottom:1px solid #dce8e2;
  background:linear-gradient(90deg,#f3faf6,#fbfdfc);
  color:#52675f;
}
.cost-self-opt-summary:empty{display:none}
.cost-self-opt-summary .summary-label{
  color:#176b52;
  font-weight:850;
  white-space:nowrap;
}
.cost-self-opt-summary .summary-values{
  display:flex;
  align-items:baseline;
  justify-content:flex-end;
  gap:12px;
  flex-wrap:wrap;
}
.cost-self-opt-summary b{
  color:#145f49;
  font-size:18px;
  font-variant-numeric:tabular-nums;
}
.cost-self-opt-summary .saving-positive b{color:#15724f}
.cost-self-opt-summary .saving-zero b{color:#6d7d77}
.cost-self-opt-summary .saving-negative b{color:#bc5b49}
.cost-input-table input:focus,
.cost-target-panel input:focus,
.cost-input-table select:focus,
.cost-target-panel select:focus{
  outline:2px solid rgba(23,107,82,.18);
  outline-offset:1px;
}
@media(max-width:760px){
  .cost-self-opt-summary{align-items:flex-start;flex-direction:column;gap:6px}
  .cost-self-opt-summary .summary-values{justify-content:flex-start}
}

/* ===== 2026-08-16 final cost UX refinement ===== */
.cost-target-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:8px;
}
.cost-import-link{
  padding-left:0!important;
  padding-right:4px!important;
  font-size:12px!important;
  box-shadow:none!important;
}
.cost-refresh-btn{
  background:#f7faf8!important;
  color:#2d6e5a!important;
  border:1px solid #cfe0d8!important;
  box-shadow:none!important;
}
.cost-input-table{
  min-width:1040px!important;
}
.cost-input-table [data-cost-col="ingredient"]{width:23%!important}
.cost-input-table [data-cost-col="price"]{width:12%!important}
.cost-input-table [data-cost-col="use"]{width:12%!important}
.cost-input-table [data-cost-col="min"]{width:12%!important}
.cost-input-table [data-cost-col="max"]{width:12%!important}
.cost-input-table [data-cost-col="optimal"]{width:14.5%!important}
.cost-input-table [data-cost-col="target"]{width:14.5%!important}
.cost-ingredient-cell{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
}
.cost-ingredient-cell select{width:100%}
.cost-ingredient-meta{
  display:flex;
  align-items:center;
  gap:6px;
  min-height:14px;
  color:#7b8984;
  font-size:10px;
  line-height:1.15;
}
.cost-ingredient-chip{
  display:inline-flex;
  align-items:center;
  padding:1px 6px;
  border-radius:999px;
  border:1px solid #d8e4de;
  background:#f6faf8;
  color:#62766f;
  font-size:9px;
  white-space:nowrap;
}
.cost-ingredient-chip.target{
  border-color:#b9dfcf;
  background:#eaf7f0;
  color:#176b52;
  font-weight:800;
}
.cost-target-cell{
  line-height:1.25;
  text-align:right;
}
.cost-target-cell b{
  display:block;
  color:#1a6650;
  font-variant-numeric:tabular-nums;
}
.cost-target-cell small{
  display:block;
  margin-top:3px;
  color:#778680;
  font-size:10px;
  white-space:normal;
}
.cost-target-cell .delta-up{color:#b65042}
.cost-target-cell .delta-down{color:#147953}
.cost-target-cell .delta-zero{color:#7b8984}
.cost-locked-target-row td{
  background:linear-gradient(90deg,rgba(232,247,239,.8),rgba(248,252,250,.96))!important;
}
.cost-new-target-row td{
  background:linear-gradient(90deg,rgba(252,248,229,.82),rgba(255,253,245,.96))!important;
}
.cost-new-target-row td:first-child,
.cost-locked-target-row td:first-child{
  box-shadow:none!important;
}
.cost-self-opt-summary{
  align-items:stretch!important;
  padding:11px 14px!important;
}
.cost-self-opt-summary .summary-values{
  flex:1;
}
.cost-summary-stage{
  display:flex;
  align-items:center;
  gap:7px;
  padding:5px 9px;
  border-radius:10px;
  background:rgba(255,255,255,.72);
  border:1px solid #e0e8e4;
}
.cost-summary-stage small{
  color:#75847e;
}
.cost-summary-stage.target{
  border-color:#d4e4dc;
  background:#f8fcfa;
}
.cost-pending{
  color:#657873!important;
  background:#f4f8f6!important;
  border-color:#dbe6e1!important;
}
.cost-pending::before{
  content:"";
  display:inline-block;
  width:8px;
  height:8px;
  margin-right:7px;
  border-radius:50%;
  background:#4e927d;
  vertical-align:1px;
}
.cost-table-explain{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
#costDetailWrap.collapsible-hidden{display:none!important}
@media(min-width:1181px){
  .cost-input-table{min-width:0!important}
  .cost-input-wrap{overflow-x:hidden!important}
}
@media(max-width:1180px){
  .cost-input-table{min-width:980px!important}
}
@media(max-width:760px){
  .cost-target-actions{align-items:flex-start;flex-direction:column}
  .cost-self-opt-summary .summary-values{justify-content:flex-start}
  .cost-summary-stage{width:100%;justify-content:space-between}
}

/* terminology readability + database-specific energy display */
#nutritionResults .nutrition-metric-label{
  display:flex;flex-direction:column;align-items:flex-start;gap:3px;
  line-height:1.35;white-space:normal;
}
#nutritionResults .nutrition-term-full{display:block;color:#304754;font-weight:760}
#nutritionResults .nutrition-term-abbr{
  display:inline-flex;align-items:center;min-height:18px;padding:1px 6px;
  border:1px solid #d6e2dd;border-radius:999px;background:#f5f9f7;
  color:#5a7269;font-size:10px;font-weight:750;white-space:nowrap;
}
#nutritionResults .nutrition-not-provided{color:#84918c!important;font-size:11px;text-align:center}
@media(max-width:760px){
  #nutritionResults .nutrition-metric-table td.label{
    white-space:normal!important;font-size:11.5px!important;line-height:1.38!important;
  }
  #nutritionResults .nutrition-metric-table.cols-1 th:nth-child(1),
  #nutritionResults .nutrition-metric-table.cols-1 td:nth-child(1){width:42%!important}
  #nutritionResults .nutrition-metric-table.cols-1 th:nth-child(2),
  #nutritionResults .nutrition-metric-table.cols-1 td:nth-child(2){width:16%!important}
  #nutritionResults .nutrition-metric-table.cols-1 th:nth-child(3),
  #nutritionResults .nutrition-metric-table.cols-1 td:nth-child(3){width:42%!important}
  #nutritionResults .nutrition-term-abbr{font-size:9.5px;padding:1px 5px}
}

/* ===== Phase 1 decision-workbench upgrade: batch prices, sensitivity, constraint explain ===== */
.decision-action-strip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 12px 2px;padding:9px 10px;border:1px solid #dbe7e1;border-radius:12px;background:#f8fbf9}
.decision-tool-btn{background:#f3faf7!important;color:#1d6b54!important;border:1px solid #bcd9ce!important;box-shadow:none!important}
.decision-tool-btn:hover{background:#e9f6f0!important}
.decision-action-note{font-size:11px;color:#6f8079;margin-left:auto}
.cost-action-buttons{display:flex;gap:8px;flex-wrap:wrap}
.constraint-brief{margin-top:10px;border:1px solid #dce7e1;border-radius:13px;background:#fbfdfc;overflow:hidden}
.constraint-brief-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-bottom:1px solid #e2ebe7;color:#34564b;font-size:12px}
.constraint-brief-head span{font-size:10px;color:#7a8984}
.constraint-brief-list{display:grid;gap:0}
.constraint-item{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:start;padding:8px 10px;border-bottom:1px dashed #e5ece9;font-size:11px;line-height:1.5;color:#4a5f58}
.constraint-item:last-child{border-bottom:0}
.constraint-tag{display:inline-flex;align-items:center;justify-content:center;min-width:42px;padding:2px 6px;border-radius:999px;font-size:9px;font-weight:800;border:1px solid #d4dfda;background:#f4f8f6;color:#61736c}
.constraint-tag.bound{background:#fff7e5;border-color:#ecd8a0;color:#82641e}.constraint-tag.nutrient{background:#eef6fb;border-color:#cbdfea;color:#2d6686}.constraint-tag.target{background:#eaf7f0;border-color:#badfce;color:#176b52}
.constraint-impact{white-space:nowrap;font-variant-numeric:tabular-nums;color:#176b52;font-weight:800}
.constraint-empty{padding:10px;color:#83908b;font-size:11px}
.cost-sensitivity-panel{margin:12px 14px 14px;border:1px solid #d6e4dd;border-radius:15px;background:#fbfdfc;overflow:hidden}
.cost-sensitivity-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;background:#eef7f3;border-bottom:1px solid #d9e7e0}
.cost-sensitivity-head>div{display:flex;flex-direction:column;gap:2px}.cost-sensitivity-head b{color:#1f5f4b}.cost-sensitivity-head span{font-size:11px;color:#718179}
.cost-sensitivity-controls{display:grid;grid-template-columns:1.2fr repeat(3,1fr) auto;gap:10px;align-items:end;padding:12px 13px}
.cost-sensitivity-controls .field{margin:0}.cost-sensitivity-controls label{font-size:11px}.cost-sensitivity-controls input,.cost-sensitivity-controls select{height:36px}
.cost-sensitivity-status{margin:0 13px 10px;padding:7px 9px;border-radius:9px;background:#f3f7f5;color:#64766f;font-size:11px}
.cost-sensitivity-summary{display:flex;gap:8px;flex-wrap:wrap;padding:0 13px 10px}
.sensitivity-summary-chip{padding:7px 9px;border:1px solid #dce6e1;border-radius:10px;background:#fff;font-size:11px;color:#5b6d66}.sensitivity-summary-chip b{color:#185f49;margin-left:4px}
.cost-sensitivity-result-grid{display:grid;grid-template-columns:minmax(260px,.78fr) minmax(460px,1.22fr);gap:12px;padding:0 13px 13px}
.cost-sensitivity-chart{min-height:230px;border:1px solid #e0e8e4;border-radius:12px;background:#fff;padding:6px;display:flex;align-items:center;justify-content:center;color:#7b8984;font-size:11px}
.cost-sensitivity-chart svg{width:100%;height:220px;display:block}.sensitivity-table{min-width:520px!important}.sensitivity-table tr.best td{background:#edf8f1}.sensitivity-table tr.infeasible td{color:#9a6c62;background:#fff8f5}
.decision-modal{position:fixed;inset:0;z-index:1500;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(18,39,52,.42)}
.decision-modal.show{display:flex}.decision-modal-card{width:min(620px,100%);max-height:min(88vh,820px);display:flex;flex-direction:column;background:#fff;border-radius:17px;box-shadow:0 24px 80px rgba(0,0,0,.28);overflow:hidden}.decision-modal-wide{width:min(820px,100%)}
.decision-modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 15px;background:#174a6b;color:#fff}.decision-modal-head>div{display:flex;flex-direction:column;gap:2px}.decision-modal-head b{font-size:16px}.decision-modal-head span{font-size:11px;opacity:.82}
.decision-modal-close{width:32px;height:32px;border:0;border-radius:9px;background:rgba(255,255,255,.14);color:#fff;font-size:20px;line-height:1}.decision-modal-body{padding:14px;overflow:auto}.decision-modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:11px 14px;border-top:1px solid #e1e8e5;background:#fafcfb}
.decision-tip{padding:8px 10px;border-radius:10px;background:#f3f8f5;color:#62746d;font-size:11px;line-height:1.6;margin-bottom:10px}.batch-price-paste{display:grid;gap:7px;margin-bottom:10px}.batch-price-paste textarea{width:100%;resize:vertical;border:1px solid #cbd8d2;border-radius:10px;padding:9px;line-height:1.5}.batch-price-paste>div{display:flex;align-items:center;gap:10px}.batch-price-paste span{font-size:11px;color:#667870}.decision-toolbar{display:flex;align-items:center;gap:10px;margin:9px 0}.decision-toolbar input{flex:1;height:36px;border:1px solid #ccd9d3;border-radius:9px;padding:0 10px}.decision-toolbar span{font-size:11px;color:#73827c}.batch-price-table-wrap{max-height:330px}.batch-price-table{min-width:560px!important}.batch-price-table td:first-child{font-weight:700}.batch-price-table input{background:#fffaf0!important;border-color:#dfcb89!important}
@media(max-width:900px){.cost-sensitivity-controls{grid-template-columns:1fr 1fr}.cost-sensitivity-controls .btn{grid-column:1/-1}.cost-sensitivity-result-grid{grid-template-columns:1fr}.decision-action-note{width:100%;margin-left:0}.constraint-item{grid-template-columns:auto 1fr}.constraint-impact{grid-column:2}}
@media(max-width:560px){.decision-modal{padding:8px}.decision-modal-card{max-height:94vh;border-radius:14px}.cost-sensitivity-controls{grid-template-columns:1fr}.cost-sensitivity-controls .btn{grid-column:auto}.decision-action-strip{margin:0 8px 2px}.decision-action-strip .btn{flex:1}.batch-price-table{min-width:480px!important}}

/* ===== Nutrition visualization + INRA CF estimate ===== */
.nutri-result-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;padding:10px 12px;border:1px solid #dce7e2;border-radius:12px;background:#fbfdfc}
.nutri-view-toggle{display:inline-flex;border:1px solid #d2e0da;border-radius:10px;overflow:hidden;background:#fff;flex:0 0 auto}
.nutri-view-toggle button{border:0;background:transparent;padding:8px 18px;color:#50665e;font-weight:800;cursor:pointer}
.nutri-view-toggle button.active{background:#176b52;color:#fff}
.nutri-toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;color:#75847f;font-size:11px;text-align:right}
.nutri-visual-panel{border:1px solid #dbe7e1;border-radius:16px;background:#fff;padding:14px;margin:0 0 14px;box-shadow:0 8px 24px rgba(28,73,57,.04)}
.nutri-vis-groups,.nutri-vis-metrics{display:flex;gap:7px;flex-wrap:wrap}
.nutri-vis-groups{margin-bottom:10px}.nutri-vis-metrics{padding-top:10px;border-top:1px dashed #dce6e1}
.nutri-vis-group,.nutri-vis-metric{border:1px solid #d7e3dd;background:#f8fbf9;color:#47635a;border-radius:999px;padding:6px 11px;font-size:11px;font-weight:800;cursor:pointer}
.nutri-vis-group.active,.nutri-vis-metric.active{background:#1d6e58;border-color:#1d6e58;color:#fff}
.nutri-vis-metric small{font-size:9px;opacity:.82}
.nutri-chart-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:16px 2px 10px}
.nutri-chart-head small{color:#7b8a84}.nutri-chart-head h4{margin:2px 0 0;color:#24483e;font-size:18px}.nutri-chart-head h4 span{font-size:11px;color:#587169;background:#edf5f1;border-radius:999px;padding:2px 7px}.nutri-chart-head>span{font-size:10px;color:#8a9691}
.nutri-bars{display:flex;flex-direction:column;gap:10px}
.nutri-bar-row{display:grid;grid-template-columns:minmax(150px,220px) 1fr minmax(105px,145px);align-items:center;gap:12px;padding:7px 8px;border-radius:10px;background:#fbfcfc}
.nutri-bar-name{min-width:0}.nutri-bar-name b{display:block;color:#314b42;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nutri-bar-name span{display:block;color:#7b8984;font-size:10px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nutri-bar-track{height:14px;border-radius:999px;background:#e9f0ed;overflow:hidden}.nutri-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#2c7c65,#5aa68c)}
.nutri-bar-value{text-align:right;color:#1d6550;font-weight:850;font-variant-numeric:tabular-nums}.nutri-bar-value small{color:#75847e;font-weight:600}.nutri-bar-value.missing{color:#9aa6a1;font-weight:650}
.nutri-diff-summary{margin-top:16px;padding-top:14px;border-top:1px solid #e0e8e4}.nutri-diff-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.nutri-diff-title b{color:#285748}.nutri-diff-title span{font-size:10px;color:#88948f}
.nutri-diff-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:9px}.nutri-diff-card{position:relative;display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:start;padding:10px;border-radius:12px;background:#f6faf8;border:1px solid #dfe9e4}.nutri-diff-card .rank{display:flex;width:22px;height:22px;align-items:center;justify-content:center;border-radius:50%;background:#1c6f58;color:#fff;font-size:10px;font-weight:850}.nutri-diff-card b{color:#315449}.nutri-diff-card b small{color:#6f827a}.nutri-diff-card p{margin:4px 0 0;color:#72817b;font-size:10px;line-height:1.45}.nutri-diff-card em{font-style:normal;font-size:16px;color:#b15b45;font-weight:850}
.nutri-chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:180px;margin-bottom:14px;border:1px dashed #cfddd6;border-radius:15px;background:#fafcfb;text-align:center;color:#6f8179}.nutri-chart-empty b{color:#35594d}
.inra-cf-note{margin-bottom:8px!important;background:#f6faf8!important;border-left:4px solid #5a9e87!important}.cf-pred-badge{display:inline-flex;margin-left:5px;padding:1px 5px;border-radius:999px;background:#e8f4ef;color:#2f755f;font-size:9px;font-weight:800;vertical-align:1px}
@media(max-width:760px){
 .nutri-result-toolbar{align-items:flex-start;flex-direction:column}.nutri-toolbar-actions{align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;text-align:left}.nutri-view-toggle{width:100%}.nutri-view-toggle button{flex:1}
 .nutri-visual-panel{padding:10px}.nutri-chart-head{align-items:flex-start;flex-direction:column}.nutri-chart-head>span{display:none}.nutri-bar-row{grid-template-columns:1fr;gap:5px;padding:9px}.nutri-bar-track{height:12px}.nutri-bar-value{text-align:left}.nutri-diff-grid{grid-template-columns:1fr}.nutri-diff-title{align-items:flex-start;flex-direction:column}.nutri-vis-metrics{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.nutri-vis-metric{flex:0 0 auto}
}


/* ===== Release B: local batch ingredient cards ===== */
.batch-workbench-shell{margin:0 0 16px}.batch-section-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.batch-storage-note{padding-top:10px;padding-bottom:10px}.batch-recent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.batch-card{border:1px solid #dce8e2;border-radius:14px;background:#fff;padding:14px;display:flex;flex-direction:column;gap:10px;min-width:0;box-shadow:0 4px 15px rgba(30,63,52,.04)}.batch-card-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.batch-card-title{min-width:0}.batch-card-title b{display:block;font-size:15px;color:#183d31;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.batch-card-title span{display:block;margin-top:3px;font-size:11px;color:#75837d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.batch-card-date{font-size:11px;color:#7b8983;white-space:nowrap}.batch-card-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.batch-card-metric{background:#f7faf8;border:1px solid #e8efeb;border-radius:10px;padding:8px;min-width:0}.batch-card-metric small{display:block;font-size:10px;color:#75837d;white-space:nowrap}.batch-card-metric b{display:block;margin-top:3px;font-size:13px;color:#183d31;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.batch-card-foot{display:flex;justify-content:space-between;align-items:center;gap:8px}.batch-state-tags{display:flex;gap:4px;flex-wrap:wrap}.batch-state-tag{display:inline-flex;align-items:center;border-radius:999px;padding:2px 6px;font-size:9px;font-weight:700;border:1px solid transparent}.batch-state-tag.measured{background:#fff8df;border-color:#eed994;color:#85640d}.batch-state-tag.predicted{background:#edf8f0;border-color:#cce6d3;color:#317344}.batch-state-tag.reference{background:#eef5fb;border-color:#cfdfec;color:#356984}.batch-card-open{border:0;background:transparent;color:#1f6b53;font-size:11px;font-weight:800;cursor:pointer;padding:4px 0}.batch-card-open:hover{text-decoration:underline}.batch-empty{grid-column:1/-1;margin:0}
.batch-selection-actions{display:flex;gap:10px;align-items:center}.batch-selection-actions .selected-chip-box{flex:1;min-width:0}.batch-inline-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.batch-modal{position:fixed;inset:0;background:rgba(18,39,32,.45);z-index:1300;display:none;align-items:center;justify-content:center;padding:20px}.batch-modal.show{display:flex}.batch-modal-card{width:min(1180px,96vw);max-height:92vh;background:#fff;border-radius:18px;box-shadow:0 26px 80px rgba(7,28,20,.25);display:flex;flex-direction:column;overflow:hidden}.batch-manager-card{width:min(1100px,96vw)}.batch-modal-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid #e3ebe7;background:#f8fbf9}.batch-modal-head>div{min-width:0}.batch-modal-head b{display:block;font-size:17px;color:#173d31}.batch-modal-head span{display:block;margin-top:2px;font-size:11px;color:#77857f}.batch-modal-close{border:0;background:transparent;font-size:25px;line-height:1;color:#62736b;cursor:pointer;padding:2px 6px}.batch-modal-body{padding:16px 18px;overflow:auto}.batch-modal-foot{padding:12px 18px;border-top:1px solid #e4ece8;display:flex;justify-content:flex-end;align-items:center;gap:8px;background:#fbfcfb}.batch-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:16px}.batch-editor-main{min-width:0}.batch-editor-side{background:#f7faf8;border:1px solid #e1ebe6;border-radius:14px;padding:14px;align-self:start;position:sticky;top:0}.batch-side-title{font-size:13px;font-weight:850;color:#244c3e;margin-bottom:10px}.batch-provenance-list{display:grid;gap:8px}.batch-provenance-row{display:grid;gap:2px}.batch-provenance-row small{font-size:9px;color:#83908a;text-transform:uppercase;letter-spacing:.03em}.batch-provenance-row span{font-size:11px;color:#425b51;word-break:break-word}.batch-side-note{margin-top:13px;padding-top:10px;border-top:1px dashed #ccdcd4;font-size:10px;line-height:1.6;color:#708078}.batch-form-section{border:1px solid #e3ebe7;border-radius:14px;padding:13px 14px;margin-bottom:12px}.batch-form-title{font-size:13px;font-weight:850;color:#244c3e;margin-bottom:10px}.batch-form-title span{font-weight:500;font-size:10px;color:#84908a;margin-left:5px}.batch-reference-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:10px}.batch-reference-item{background:#f7faf8;border:1px solid #e8efeb;border-radius:9px;padding:7px}.batch-reference-item small{display:block;font-size:9px;color:#829088}.batch-reference-item b{display:block;margin-top:3px;font-size:11px;color:#304b40;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.batch-measured-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.batch-more-toggle{margin-top:10px;border:0;background:transparent;padding:4px 0;color:#1f6b53;font-size:11px;font-weight:800;cursor:pointer}.batch-more-metrics{margin-top:7px}.batch-predicted-preview{display:flex;gap:7px;flex-wrap:wrap}.batch-pred-chip{border:1px solid #cae4d2;background:#f0faf3;color:#376d48;border-radius:999px;padding:5px 8px;font-size:10px}.batch-error{display:none;margin-top:8px;border-radius:10px;padding:8px 10px;font-size:11px;background:#fff0ee;color:#9b3e34}.batch-error.show{display:block}.batch-manager-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.batch-manager-left{display:flex;gap:8px;align-items:center;min-width:0;flex:1}.batch-manager-left input{max-width:390px}.batch-manager-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.batch-storage-warning{font-size:10.5px;line-height:1.55;color:#6f7f78;background:#f7faf8;border:1px solid #e1ebe6;border-radius:10px;padding:8px 10px;margin-bottom:12px}.batch-manager-list{display:grid;gap:9px}.batch-manager-row{display:grid;grid-template-columns:minmax(170px,1.4fr) minmax(130px,1fr) minmax(220px,1.8fr) auto;gap:10px;align-items:center;border:1px solid #e3ebe7;border-radius:12px;padding:11px 12px;background:#fff}.batch-manager-row-main b{display:block;color:#203f34;font-size:13px}.batch-manager-row-main span,.batch-manager-row-meta span{display:block;margin-top:3px;color:#7d8a85;font-size:10px}.batch-manager-row-metrics{display:flex;gap:6px;flex-wrap:wrap}.batch-manager-row-actions{display:flex;gap:5px}.batch-icon-btn{border:1px solid #d9e5df;background:#f9fbfa;color:#315f4d;border-radius:8px;padding:6px 8px;font-size:10px;font-weight:750;cursor:pointer}.batch-icon-btn.danger{color:#a34a42;background:#fff9f8}.batch-icon-btn:hover{filter:brightness(.98)}
@media(max-width:980px){.batch-recent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.batch-editor-layout{grid-template-columns:1fr}.batch-editor-side{position:static}.batch-measured-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.batch-reference-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.batch-manager-row{grid-template-columns:1.2fr 1fr;}.batch-manager-row-metrics{grid-column:1/-1}.batch-manager-row-actions{justify-self:end}}
@media(max-width:760px){.batch-recent-grid{grid-template-columns:1fr}.batch-section-actions{width:100%;justify-content:flex-start}.batch-selection-actions{align-items:flex-start;flex-direction:column}.batch-selection-actions .btn{width:100%}.batch-modal{padding:8px}.batch-modal-card{width:100%;max-height:96vh;border-radius:14px}.batch-modal-head,.batch-modal-body,.batch-modal-foot{padding-left:12px;padding-right:12px}.batch-meta-grid,.batch-ref-grid{grid-template-columns:1fr!important}.batch-measured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.batch-reference-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.batch-manager-toolbar{align-items:stretch;flex-direction:column}.batch-manager-left{align-items:stretch;flex-direction:column}.batch-manager-left input{max-width:none}.batch-manager-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.batch-manager-actions .btn{padding-left:5px;padding-right:5px}.batch-manager-row{grid-template-columns:1fr}.batch-manager-row-metrics{grid-column:auto}.batch-manager-row-actions{justify-self:start}.batch-card-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:430px){.batch-measured-grid{grid-template-columns:1fr 1fr}.batch-card-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.batch-manager-actions{grid-template-columns:1fr}.batch-reference-summary{grid-template-columns:1fr 1fr}}

/* ===== Release C: live batch evaluation + decision bridge ===== */
.batch-decision-strip{margin:12px 18px 0;padding:11px 12px;border:1px solid #d7e8e0;border-radius:12px;background:#f7fbf9;display:grid;grid-template-columns:minmax(210px,1fr) minmax(240px,1.2fr) auto auto;gap:10px;align-items:center}
.batch-decision-copy{display:flex;flex-direction:column;gap:2px}.batch-decision-copy b{font-size:13px;color:#183f33}.batch-decision-copy span{font-size:11px;color:#66766f}
.batch-decision-strip select{min-width:0;width:100%;height:36px;border:1px solid #cbdad4;border-radius:8px;background:#fff;padding:0 9px}
.batch-live-hero{display:grid;grid-template-columns:1.25fr .9fr 1.35fr;gap:10px;margin-bottom:14px}
.batch-live-primary,.batch-live-secondary,.batch-live-model-box{border:1px solid #d5e6df;border-radius:14px;background:#f8fcfa;padding:14px}
.batch-live-primary{background:linear-gradient(135deg,#edf8f3,#f9fcfb);border-color:#bcdccd}.batch-live-primary>small,.batch-live-secondary>small,.batch-live-model-box>small{display:block;color:#65776f;font-size:11px;margin-bottom:5px}
.batch-live-primary>div:first-of-type{display:flex;align-items:baseline;gap:7px}.batch-live-primary>div:first-of-type b{font-size:34px;line-height:1;color:#0d674b}.batch-live-primary>div:first-of-type span{font-size:12px;color:#5b6b65}
.batch-live-sub{display:flex;flex-wrap:wrap;gap:9px;margin-top:8px;font-size:11px;color:#5a6d66}.batch-live-sub b{color:#1e4e40}
.batch-live-secondary b{display:block;font-size:23px;color:#284f43}.batch-live-secondary>span{display:inline-block;margin-top:7px}
.batch-live-model-box b{display:block;font-size:13px;color:#24483d}.batch-live-model-box span{display:block;margin-top:6px;font-size:11px;line-height:1.45;color:#687a73}
.batch-editor-layout-c{grid-template-columns:minmax(0,1fr) 235px}.batch-editor-card-c{width:min(1180px,calc(100vw - 26px));max-height:94vh}
.batch-live-prediction-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.batch-live-metric{border:1px solid #d9e7e1;background:#fbfdfc;border-radius:11px;padding:10px;min-width:0}.batch-live-metric small{display:block;color:#687970;font-size:11px}.batch-live-metric b{display:block;margin-top:4px;color:#173f34;font-size:18px}.batch-live-metric span{display:inline-block;margin-top:5px;font-size:10px;color:#33745f}.batch-live-metric em{display:block;margin-top:4px;font-size:10px;font-style:normal;color:#7d6b31}
.batch-aa-note{margin:0 0 9px!important;padding:8px 10px!important}.batch-aa-table input{width:110px;max-width:100%;height:31px;padding:4px 7px;border:1px solid #cfdcd7;border-radius:7px}.batch-aa-table td:nth-child(2),.batch-aa-table td:nth-child(4){font-variant-numeric:tabular-nums;text-align:right}
.batch-ne-override-grid{display:grid;gap:8px;margin-bottom:9px}.batch-ne-override-row{display:grid;grid-template-columns:110px 1fr 1.25fr 1fr auto;gap:10px;align-items:center;border:1px solid #d9e7e1;border-radius:10px;padding:9px;background:#fbfdfc}.batch-ne-override-row b{color:#214c40}.batch-ne-override-row span,.batch-ne-override-row label{font-size:11px;color:#65766f}.batch-ne-override-row input{width:110px;height:31px;border:1px solid #cfdcd7;border-radius:7px;padding:4px 7px}
.batch-state-tag.override{background:#f1e7fb;color:#6a3f83;border-color:#ddc7ef}.batch-card-actions{display:flex;gap:6px;flex-wrap:wrap}.batch-card-open.accent{color:#0e6b4d;border-color:#bddbce;background:#f0f8f4}.batch-modal-foot-c{flex-wrap:wrap}
@media(max-width:900px){.batch-decision-strip{grid-template-columns:1fr 1fr}.batch-decision-copy{grid-column:1/-1}.batch-live-hero{grid-template-columns:1fr 1fr}.batch-live-model-box{grid-column:1/-1}.batch-editor-layout-c{grid-template-columns:1fr}.batch-live-prediction-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.batch-ne-override-row{grid-template-columns:1fr 1fr}.batch-ne-override-row b{grid-column:1/-1}}
@media(max-width:560px){.batch-decision-strip{grid-template-columns:1fr;margin:10px 10px 0}.batch-live-hero{grid-template-columns:1fr}.batch-live-model-box{grid-column:auto}.batch-live-prediction-grid{grid-template-columns:1fr 1fr}.batch-ne-override-row{grid-template-columns:1fr}.batch-ne-override-row b{grid-column:auto}.batch-aa-table{min-width:650px}.batch-live-primary>div:first-of-type b{font-size:30px}}

/* Release C1 */
@media(min-width:901px){
  .batch-decision-strip{grid-template-columns:minmax(210px,1fr) minmax(220px,1.1fr) auto auto auto}
}

/* ===== Release D: workflow and interaction UX ===== */
.current-object-bar{position:sticky;top:70px;z-index:42;margin:0 18px 10px;border:1px solid #cfe1d9;border-radius:13px;background:rgba(248,252,250,.97);box-shadow:0 4px 16px rgba(27,69,55,.08);backdrop-filter:blur(10px)}
.current-object-bar[hidden]{display:none!important}.current-object-empty,.current-object-body{min-height:64px;padding:9px 12px;display:flex;align-items:center;gap:16px}.current-object-empty{justify-content:space-between}.current-object-empty>div{display:flex;flex-direction:column;gap:1px}.current-object-empty small,.current-object-identity small{font-size:10px;color:#648176}.current-object-empty b,.current-object-identity b{font-size:14px;color:#173f34}.current-object-empty span,.current-object-identity span{font-size:10px;color:#74867f}.current-object-body{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(260px,1fr) auto}.current-object-identity{display:flex;flex-direction:column;min-width:0}.current-object-identity b,.current-object-identity span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.current-object-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.current-object-metrics>div{border-left:1px solid #d8e5e0;padding-left:9px;display:flex;flex-direction:column}.current-object-metrics small{font-size:9px;color:#70847c}.current-object-metrics b{font-size:14px;color:#214d40}.current-object-metrics span{font-size:9px;color:#81928c}.current-object-actions{display:flex;gap:5px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.current-object-clear{width:28px;height:28px;border-radius:50%;border:0;background:#edf2f0;color:#60716b;cursor:pointer;font-size:18px}
.sheet-section-actions{display:flex;align-items:center;gap:8px}.visually-hidden-select{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.batch-reference-picker{width:100%;min-height:48px;border:1px solid #cbdad4;border-radius:10px;background:#fff;padding:7px 10px;display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer}.batch-reference-picker:hover{border-color:#86b7a5;background:#f9fcfb}.batch-reference-picker span{display:flex;flex-direction:column;min-width:0}.batch-reference-picker b{font-size:12px;color:#234b3e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.batch-reference-picker small{font-size:10px;color:#74867f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.batch-reference-picker em{font-style:normal;font-size:22px;color:#35745f}
.ingredient-picker-modal{position:fixed;inset:0;z-index:12000;background:rgba(9,30,24,.42);display:none;align-items:center;justify-content:center;padding:16px}.ingredient-picker-modal.show{display:flex}.ingredient-picker-card{width:min(820px,100%);max-height:min(820px,92vh);background:#fff;border-radius:17px;box-shadow:0 22px 70px rgba(0,0,0,.25);display:flex;flex-direction:column;overflow:hidden}.ingredient-picker-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #e1ebe7}.ingredient-picker-head>div{display:flex;flex-direction:column}.ingredient-picker-head b{font-size:16px;color:#173f34}.ingredient-picker-head span{font-size:10px;color:#768880}.ingredient-picker-head button{width:34px;height:34px;border:0;border-radius:50%;background:#eef4f1;font-size:20px;color:#526961}.ingredient-picker-search{display:flex;gap:8px;padding:12px 16px 8px}.ingredient-picker-search input{flex:1;height:44px;border:1px solid #c7d8d1;border-radius:10px;padding:0 12px;font-size:14px}.ingredient-picker-search span{min-width:48px;height:44px;border-radius:10px;background:#eef6f2;display:grid;place-items:center;color:#356a58;font-weight:700}.ingredient-picker-recent-wrap{padding:2px 16px 8px}.ingredient-picker-recent-wrap>small{display:block;margin-bottom:5px;color:#71837c}.ingredient-picker-recent{display:flex;gap:6px;overflow:auto;padding-bottom:2px}.ingredient-recent-chip{border:1px solid #d5e4de;background:#fbfdfc;border-radius:999px;padding:5px 9px;white-space:nowrap;color:#285343;cursor:pointer}.ingredient-recent-chip small{margin-left:5px;color:#81918b}.ingredient-picker-filters{display:flex;gap:6px;padding:3px 16px 10px;flex-wrap:wrap}.ingredient-db-filter{height:31px;padding:0 10px;border:1px solid #d5e2dd;border-radius:999px;background:#fff;color:#52675f;cursor:pointer}.ingredient-db-filter.active{background:#1d6c52;border-color:#1d6c52;color:#fff}.ingredient-picker-results{padding:0 16px 10px;overflow:auto;display:grid;gap:6px}.ingredient-result-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;border:1px solid #dde8e3;border-radius:10px;background:#fff;padding:9px 11px;text-align:left;cursor:pointer}.ingredient-result-card:hover,.ingredient-result-card.selected{border-color:#85b7a4;background:#f2f9f6}.ingredient-result-main{display:flex;flex-direction:column;min-width:0}.ingredient-result-main b{font-size:13px;color:#1c4639}.ingredient-result-main small{font-size:10px;color:#7a8b84;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ingredient-result-meta{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.ingredient-result-meta em{font-style:normal;font-size:9px;background:#edf4f1;color:#506d62;border-radius:6px;padding:3px 5px}.ingredient-picker-foot{padding:9px 16px 12px;border-top:1px solid #e5ece9;display:flex;align-items:center;justify-content:space-between;gap:10px}.ingredient-picker-foot span{font-size:10px;color:#7a8b84}
.batch-editor-status{margin:0 14px 8px;padding:7px 10px;border-radius:8px;font-size:11px}.batch-editor-status.ready{background:#eef7f3;color:#2d6a56}.batch-editor-status.calculating{background:#fff8e7;color:#8a6a20}.batch-editor-status.dirty{background:#fff6e8;color:#8a5d17}.batch-editor-status.saved{background:#edf8f1;color:#226948}.batch-diff-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.batch-diff-item{border:1px solid #dde8e4;border-radius:9px;padding:8px;background:#fbfdfc;display:flex;flex-direction:column}.batch-diff-item span{font-size:10px;color:#70837b}.batch-diff-item b{font-size:14px;color:#214c40}.batch-diff-item em{font-size:10px;font-style:normal}.batch-diff-item.up em{color:#b35140}.batch-diff-item.down em{color:#2d765b}.batch-diff-item.same em{color:#71817b}.decision-next-panel{margin:12px 18px 16px;border:1px solid #d4e5de;border-radius:12px;background:#f7fbf9;padding:11px 13px;display:flex;align-items:center;justify-content:space-between;gap:12px}.decision-next-panel>div:first-child{display:flex;flex-direction:column}.decision-next-panel small{color:#6c8078}.decision-next-panel b{font-size:12px;color:#244d40}.decision-next-panel>div:last-child{display:flex;gap:7px}
@media(max-width:980px){.current-object-body{grid-template-columns:1fr}.current-object-metrics{max-width:420px}.current-object-actions{justify-content:flex-start}.batch-diff-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.current-object-bar{top:58px;margin:0 8px 8px;border-radius:11px}.current-object-empty,.current-object-body{padding:9px}.current-object-empty{align-items:flex-start}.current-object-empty>button{min-height:40px}.current-object-metrics{grid-template-columns:repeat(3,1fr);width:100%}.current-object-actions{display:grid;grid-template-columns:repeat(2,1fr);width:100%}.current-object-actions .btn{min-height:42px}.current-object-clear{position:absolute;right:8px;top:8px}.ingredient-picker-modal{padding:0;align-items:flex-end}.ingredient-picker-card{width:100%;max-height:94vh;border-radius:16px 16px 0 0}.ingredient-picker-search input{height:46px}.ingredient-result-card{grid-template-columns:1fr}.ingredient-result-meta{justify-content:flex-start}.batch-diff-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.decision-next-panel{margin:10px;align-items:stretch;flex-direction:column}.decision-next-panel>div:last-child{display:grid;grid-template-columns:1fr}.decision-next-panel .btn{min-height:44px}.sheet-section-actions{flex-wrap:wrap}}

.batch-reference-picker:disabled{cursor:not-allowed;opacity:.72;background:#f3f6f5}

.current-object-empty[hidden],.current-object-body[hidden]{display:none!important}

/* ===== Release E: pre-launch onboarding + localization ===== */
.landing-value-line{margin:18px 0 0;display:flex;flex-direction:column;gap:4px}.landing-value-line b{font-size:15px;letter-spacing:.06em}.landing-value-line span{font-size:12px;opacity:.78}
.first-use-shell{margin:0 0 18px;padding:16px;border:1px solid #d6e7df;border-radius:16px;background:#f8fcfa}
.first-use-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.first-use-head small{color:#137054;font-weight:700}.first-use-head h3{margin:3px 0 0;font-size:18px;color:#183f34}.first-use-head>span{font-size:11px;color:#687a73;background:#fff;border:1px solid #dce9e4;padding:5px 8px;border-radius:999px}
.first-use-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.first-use-grid article{border:1px solid #dbe9e3;background:white;border-radius:12px;padding:12px;display:flex;flex-direction:column;align-items:flex-start;gap:7px}.first-use-grid article b{font-size:13px;color:#193f34}.first-use-grid article p{font-size:11px;line-height:1.55;color:#67776f;margin:0;min-height:34px}
.page-guide{margin:0 0 14px;padding:11px 13px;border:1px solid #dbe8e2;border-radius:12px;background:#f8fbfa;display:grid;grid-template-columns:1.15fr 1fr auto;gap:12px;align-items:center}.page-guide.compact{margin:10px 16px}.page-guide div{display:flex;flex-direction:column;gap:2px}.page-guide small{font-size:10px;color:#738078}.page-guide b,.page-guide span{font-size:11px;line-height:1.45;color:#334f46}
.demo-banner{position:sticky;top:0;z-index:70;margin:0;padding:9px 16px;background:#fff8dc;border-bottom:1px solid #ead88a;display:flex;justify-content:space-between;align-items:center;gap:14px}.demo-banner[hidden]{display:none}.demo-banner div{display:flex;gap:10px;align-items:center}.demo-banner b{color:#765b00}.demo-banner span{font-size:11px;color:#6a6040}
.action-empty{display:flex!important;flex-direction:column;align-items:center;gap:8px;padding:22px!important}.action-empty b{color:#315248}.action-empty span{font-size:11px;color:#718077}.action-empty>div{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.localization-badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 7px;font-size:10px;border:1px solid}.localization-badge.close{background:#edf8f2;color:#246848;border-color:#c8e1d2}.localization-badge.warn,.localization-badge.caution{background:#fff6dd;color:#805f08;border-color:#e8d493}
.localization-source-note{margin-top:8px;border-radius:9px;padding:8px 9px;display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center}.localization-source-note.warn{background:#fff8e8;border:1px solid #ead9a7}.localization-source-note.close{background:#f2faf6;border:1px solid #d5e8de}.localization-source-note b{font-size:10px}.localization-source-note span{font-size:10px;line-height:1.45;color:#5f6d67}.sheet-source>small{display:block;margin-top:4px;font-size:10px;color:#79857f}.data-feedback-inline{margin-top:7px}
.picker-localization{border-radius:999px!important;padding:2px 5px!important}.picker-localization.warn{background:#fff4d6!important;color:#75570b!important}.picker-localization.close{background:#eef8f2!important;color:#326d51!important}
.btn.xs{min-height:26px!important;padding:3px 7px!important;font-size:10px!important}
.data-feedback-card{width:min(620px,calc(100vw - 28px))}.feedback-record{border:1px solid #dde9e4;background:#f8fbfa;border-radius:10px;padding:10px;margin-bottom:12px;display:flex;flex-direction:column;gap:3px}.feedback-record b{color:#25483d}.feedback-record span,.feedback-record small{font-size:11px;color:#6c7a74}.feedback-record em{font-size:10px;font-style:normal;color:#80631a;margin-top:4px}.data-feedback-card textarea{width:100%;resize:vertical;border:1px solid #ccd9d3;border-radius:8px;padding:8px}.feedback-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}
.feedy-demo-mode #batchCreateFromNutrition,.feedy-demo-mode #batchSaveFromInra,.feedy-demo-mode #batchNewFromWorkbench,.feedy-demo-mode #quickBatchNew,.feedy-demo-mode #costBatchNew{display:none!important}
@media(max-width:900px){.first-use-grid{grid-template-columns:1fr 1fr}.page-guide{grid-template-columns:1fr 1fr}.page-guide>button{grid-column:1/-1;justify-self:start}.localization-source-note{grid-template-columns:1fr}.localization-source-note .btn{justify-self:start}}
@media(max-width:560px){.first-use-grid{grid-template-columns:1fr}.first-use-head{flex-direction:column}.page-guide{grid-template-columns:1fr}.page-guide.compact{margin:9px 10px}.demo-banner{align-items:flex-start}.demo-banner div{flex-direction:column;align-items:flex-start;gap:2px}.localization-source-note{grid-template-columns:1fr}.feedback-actions{position:sticky;bottom:0;background:white;padding-top:8px}.first-use-grid .btn,.page-guide .btn{min-height:44px}}

/* Release F */
.localization-source-note span small{display:block;margin-top:5px;color:#6a746f;font-size:9.5px;line-height:1.4}
.localization-source-note span small strong{color:#475d54}

/* ===== Release G: processing identity layer ===== */
.processing-badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 7px;font-size:10px;border:1px solid}
.processing-badge.close{background:#eef8f2;color:#2e684d;border-color:#cde2d5}
.processing-badge.warn{background:#fff4dc;color:#7e5c08;border-color:#e8d39b}
.processing-badge.caution{background:#f4f6f5;color:#596760;border-color:#dce3df}
.processing-source-note{margin-top:7px;padding:8px 9px;border:1px dashed #cfdcd6;border-radius:9px;background:#fafcfb;display:flex;flex-direction:column;gap:3px}
.processing-source-note b{font-size:10px;color:#34574b}.processing-source-note span{font-size:10px;line-height:1.45;color:#66746e}
.picker-processing{border-radius:999px!important;padding:2px 5px!important}.picker-processing.warn{background:#fff1d2!important;color:#735406!important}.picker-processing.close{background:#edf8f2!important;color:#2f6a50!important}
.identity-guide{margin:-5px 0 14px;border:1px solid #dce8e3;border-radius:12px;background:#fbfdfc;overflow:hidden}
.identity-guide summary{cursor:pointer;padding:10px 13px;display:flex;align-items:center;gap:8px;list-style:none}.identity-guide summary::-webkit-details-marker{display:none}
.identity-guide summary b{font-size:12px;color:#254b3f}.identity-guide summary span{font-size:10px;color:#748078}
.identity-guide-grid{border-top:1px solid #e2ebe7;padding:10px 13px;display:grid;grid-template-columns:1fr 1fr;gap:9px}
.identity-guide-grid div{border:1px solid #e2ebe7;border-radius:9px;background:#fff;padding:9px;display:flex;flex-direction:column;gap:3px}
.identity-guide-grid strong{font-size:11px;color:#315248}.identity-guide-grid span{font-size:10px;line-height:1.5;color:#6b7872}
@media(max-width:560px){.identity-guide-grid{grid-template-columns:1fr}}

/* ===== Release H: launch readiness ===== */
.skip-link{position:fixed;left:12px;top:-60px;z-index:100000;background:#fff;color:#174b3b;border:2px solid #174b3b;border-radius:8px;padding:8px 12px;font-weight:700;transition:top .15s}.skip-link:focus{top:12px}
.footer-trust{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:7px;font-size:11px}.footer-trust a{color:inherit;text-decoration:none;border-bottom:1px dotted currentColor}.footer-trust a:hover{text-decoration:none;border-bottom-style:solid}
.about-policy-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.about-policy-links a{font-size:11px;color:#17644d;text-decoration:none;border:1px solid #cfe0d9;border-radius:8px;padding:6px 8px;background:#f8fbfa}
@media(max-width:560px){.footer-trust{gap:6px}.footer-meta{justify-content:center;text-align:center}}

/* ===== Release I: positioning, source branding, prediction hierarchy ===== */
.landing-main-i{max-width:1240px}
.landing-hero-i{padding-top:58px;padding-bottom:38px}
.landing-kicker-i{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border:1px solid rgba(33,91,72,.24);border-radius:999px;background:#f3f9f6;color:#1d654e;font-size:11px;font-weight:800;letter-spacing:.08em;margin-bottom:15px}
.landing-hero-i .landing-copy h1{max-width:760px;font-size:clamp(38px,5vw,66px);line-height:1.06;letter-spacing:-.035em}
.landing-sub-i{max-width:760px!important;font-size:15px!important;line-height:1.75!important}
.landing-decision-flow{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:18px 0 0}.landing-decision-flow span{padding:7px 10px;border-radius:9px;background:#edf6f2;color:#235b49;font-size:11px;font-weight:800}.landing-decision-flow i{font-style:normal;color:#8ba79c;font-size:11px}
.landing-vision-i{margin:8px 0 18px;padding:20px 22px;border-radius:16px;background:#123d31;color:white;display:grid;grid-template-columns:1.4fr 1fr;gap:26px;align-items:center}.landing-vision-i small{display:block;color:#a9d1c1;font-size:10px;font-weight:800;letter-spacing:.12em;margin-bottom:5px}.landing-vision-i h2{font-size:21px;line-height:1.45;margin:0;color:white}.landing-vision-i p{font-size:12px;line-height:1.7;color:#c8ddd5;margin:0}
.source-system-strip-i{padding:15px 17px;border:1px solid #d9e7e1;border-radius:14px;background:#fbfdfc;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:30px}.source-system-title{display:flex;flex-direction:column;gap:2px;min-width:180px}.source-system-title small{font-weight:800;color:#2e6653}.source-system-title span{font-size:10px;color:#76837d}.source-system-pills{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}.source-system-pills span{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;background:white;border:1px solid #dfe9e5;border-radius:999px;font-size:10px;color:#4f625a}.source-system-pills b{color:#1f5f49}
.landing-section-head-i{margin:0 0 14px}.landing-section-head-i small{font-size:10px;color:#33745d;font-weight:800;letter-spacing:.1em}.landing-section-head-i h2{font-size:25px;margin:4px 0 4px;color:#183e33}.landing-section-head-i p{font-size:12px;color:#728078;margin:0}
.landing-workflow-i{padding:14px 0 28px}.landing-feature-grid-i .landing-card-body p{min-height:68px}.landing-card-action{display:block;margin-top:11px;font-size:11px;font-weight:800;color:#1d694f}.landing-card-cost-visual{height:100%;min-height:150px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eef8f4,#f9fcfb);color:#1d684f;position:relative;overflow:hidden}
.landing-audience-i{padding:10px 0 28px}.landing-audience-grid-i{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.landing-audience-grid-i article{border:1px solid #dce8e3;border-radius:12px;padding:14px;background:#fff}.landing-audience-grid-i b{font-size:13px;color:#214b3f}.landing-audience-grid-i p{font-size:11px;line-height:1.6;color:#6a7972;margin:6px 0 0}
.landing-growth-secondary-i{margin:0 0 25px;border:1px solid #dce8e3;border-radius:14px;background:#f8fbfa;padding:15px 17px;display:flex;align-items:center;justify-content:space-between;gap:18px}.landing-growth-secondary-i small{font-size:10px;color:#6d7d76}.landing-growth-secondary-i h3{margin:2px 0;font-size:16px;color:#24493e}.landing-growth-secondary-i p{font-size:11px;color:#6d7b75;margin:0}
.energy-source-clarity{margin:-4px 0 14px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.energy-source-clarity>div{padding:9px 11px;border:1px solid #dde8e4;border-radius:10px;background:#fafcfb;display:flex;flex-direction:column;gap:3px}.energy-source-clarity b{font-size:10.5px;color:#315548}.energy-source-clarity span{font-size:10px;line-height:1.5;color:#697771}
.source-method-chip{margin:0 14px 9px;padding:7px 9px;border-radius:8px;background:#eff7f3;color:#3c6255;font-size:10px;border:1px solid #d7e7df}
.inra-support-note{background:#f8fbfa!important;border-color:#d9e6e1!important;color:#5d6e67!important}.inra-support-note b{color:#315a4b}
.batch-aux-prediction{padding:0!important;overflow:hidden}.batch-aux-prediction summary{cursor:pointer;padding:12px 14px;list-style:none}.batch-aux-prediction summary::-webkit-details-marker{display:none}.batch-aux-prediction summary .batch-form-title{margin:0}.batch-aux-prediction #batchLivePredictions{padding:0 14px 14px}.batch-aux-prediction:not([open]){background:#fafcfb}.batch-aux-prediction:not([open]) summary:after{content:'+';float:right;margin-top:-22px;color:#658078;font-weight:800}.batch-aux-prediction[open] summary:after{content:'−';float:right;margin-top:-22px;color:#658078;font-weight:800}
.cf-pred-badge{display:none!important}
@media(max-width:900px){.landing-vision-i{grid-template-columns:1fr}.source-system-strip-i{align-items:flex-start;flex-direction:column}.source-system-pills{justify-content:flex-start}.landing-audience-grid-i{grid-template-columns:1fr}.energy-source-clarity{grid-template-columns:1fr}}
@media(max-width:560px){.landing-hero-i{padding-top:28px}.landing-hero-i .landing-copy h1{font-size:37px}.landing-decision-flow i{display:none}.landing-decision-flow span{flex:1 1 calc(50% - 6px);text-align:center}.landing-vision-i{padding:16px}.source-system-pills span{font-size:9.5px}.landing-section-head-i h2{font-size:21px}.landing-growth-secondary-i{align-items:flex-start;flex-direction:column}}

/* ===== Release I1: concise vision + source reference marks ===== */
.landing-vision-i1{grid-template-columns:1.15fr 1fr;padding:17px 20px}
.landing-vision-i1 h2{font-size:24px;letter-spacing:-.015em}
.landing-vision-i1 p{font-size:12px}
.landing-source-marks-i1{padding:8px 0 28px}
.source-marks-head-i1{margin-bottom:12px}
.source-mark-grid-i1{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.source-mark-card-i1{min-height:112px;border:1px solid #dbe7e2;border-radius:14px;background:#fff;padding:16px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px}
.source-mark-card-i1 small{font-size:10px;color:#718078}
.source-wordmark-i1{font-weight:900;letter-spacing:-.03em;color:#194a3b;line-height:1}
.source-wordmark-i1.inrae{font-size:25px}.source-wordmark-i1.inrae span{display:block;margin-top:6px;font-size:10px;letter-spacing:.09em;color:#5f756c}
.source-wordmark-i1.cvb{font-size:40px;letter-spacing:.02em}
.source-wordmark-i1.nrc{font-size:38px;letter-spacing:.03em}
.source-wordmark-i1.gbt{font-size:29px}.source-wordmark-i1.gbt span{display:block;margin-top:5px;font-size:12px;letter-spacing:.03em;color:#5e746b}
.source-mark-note-i1{margin:9px 2px 0;text-align:center;font-size:9.5px;color:#819089}
@media(max-width:800px){.source-mark-grid-i1{grid-template-columns:1fr 1fr}.landing-vision-i1{grid-template-columns:1fr}}
@media(max-width:460px){.source-mark-grid-i1{grid-template-columns:1fr 1fr}.source-mark-card-i1{min-height:100px;padding:12px 8px}.source-wordmark-i1.inrae{font-size:20px}.source-wordmark-i1.cvb,.source-wordmark-i1.nrc{font-size:32px}.source-wordmark-i1.gbt{font-size:23px}}

.landing-hero-title-break{white-space:pre-line}
.landing-energy-visual{position:relative}
.landing-db-tags{position:absolute;right:12px;top:12px;display:flex;flex-direction:column;gap:6px}
.landing-db-tags span{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.88);border:1px solid rgba(29,104,79,.18);color:#1d684f;font-size:10px;font-weight:800;box-shadow:0 4px 14px rgba(19,61,49,.08)}
.landing-vision-i1{background:#e6f3ee!important;color:#173f33;box-shadow:inset 0 0 0 1px #d2e8df}
.landing-vision-i1 small{color:#397161!important}
.landing-vision-i1 h2{color:#123d31!important}
.landing-vision-i1 p{color:#47665c!important}
.cost-visual-shell{position:relative;width:100%;height:100%;min-height:150px;padding:16px;background:radial-gradient(circle at 80% 18%,rgba(227,194,114,.45),transparent 18%),linear-gradient(180deg,rgba(255,255,255,.72),rgba(240,248,244,.95));display:flex;align-items:flex-end;justify-content:center}
.cost-visual-shell::before{content:'';position:absolute;inset:auto -6% 0 -6%;height:44%;background:linear-gradient(180deg,#76a992,#2c7a64);border-top-left-radius:110px 50px;border-top-right-radius:90px 40px;opacity:.96}
.cost-visual-bars{position:absolute;left:18px;bottom:20px;display:flex;gap:8px;align-items:flex-end;z-index:2}
.cost-visual-bars i{display:block;width:16px;background:rgba(29,104,79,.22);border:1px solid rgba(29,104,79,.15);border-radius:7px 7px 0 0}
.cost-visual-bars i:nth-child(1){height:34px}.cost-visual-bars i:nth-child(2){height:58px}.cost-visual-bars i:nth-child(3){height:82px}
.cost-visual-line{position:absolute;left:30px;right:26px;top:28px;height:74px;z-index:2}
.cost-visual-line::before{content:'';position:absolute;left:0;right:0;top:34px;height:2px;background:linear-gradient(90deg,transparent,rgba(197,162,76,.28),transparent)}
.cost-visual-line span{position:absolute;left:0;right:0;top:6px;bottom:0;background:linear-gradient(135deg,transparent 0 8%,rgba(0,0,0,0) 8%);}
.cost-visual-line svg{display:none}
.cost-visual-line:after{content:'';position:absolute;left:8px;right:8px;bottom:6px;height:42px;border-left:3px solid transparent}
.cost-visual-line{--c:#1d7c63}
.cost-visual-line span::before{content:'';position:absolute;left:0;top:44px;width:84%;height:2px;background:transparent;border-top:4px solid var(--c);border-right:4px solid var(--c);transform:skewX(-35deg) translateY(-20px);opacity:.96;border-top-right-radius:18px}
.cost-visual-line span::after{content:'';position:absolute;right:4px;top:8px;width:0;height:0;border-left:10px solid var(--c);border-top:7px solid transparent;border-bottom:7px solid transparent;transform:rotate(-22deg)}
.cost-visual-badge,.cost-visual-tag{position:absolute;z-index:3;background:rgba(255,255,255,.9);border:1px solid rgba(29,104,79,.14);color:#1d684f;box-shadow:0 8px 22px rgba(19,61,49,.08)}
.cost-visual-badge{right:16px;bottom:20px;padding:8px 10px;border-radius:13px;font-size:20px;font-weight:900;line-height:1}.cost-visual-badge::before{content:'+';font-size:12px;margin-right:4px;vertical-align:top;color:#c59f4b}
.cost-visual-tag{left:50%;top:16px;transform:translateX(-50%);padding:5px 10px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.04em}
.quick-glossary-line{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px 12px 10px;background:#f8fbfd;border-bottom:1px solid var(--sheet-border);color:#4a6375}
.quick-glossary-line span{font-weight:800;color:#234b69}
.quick-glossary-line small{font-size:11px;color:#5f7382}
.th-help{width:18px;height:18px;font-size:10px;margin-left:4px;background:rgba(255,255,255,.16);color:#fff;vertical-align:middle}

/* ===== Release K: customer-language launch polish ===== */
.landing-card-cost-visual,.cost-visual-shell{display:none!important}
.landing-vision-i1{background:#eef7f3!important;box-shadow:inset 0 0 0 1px #d9e9e2!important}
.value-task-nav{display:flex;align-items:center;gap:10px;position:sticky;top:68px;z-index:20;margin-bottom:12px}
.value-primary-tabs{flex:1;position:static!important;margin:0!important}
.value-advanced-menu{position:relative;margin-left:auto}
.value-advanced-menu summary{cursor:pointer;list-style:none;padding:9px 12px;border:1px solid #d6e3de;border-radius:10px;background:#fff;color:#45645a;font-size:12px;font-weight:800;white-space:nowrap}
.value-advanced-menu summary::-webkit-details-marker{display:none}
.value-advanced-menu[open] summary{background:#eff7f3;color:#185b45}
.value-advanced-menu>div{position:absolute;right:0;top:calc(100% + 6px);min-width:180px;padding:7px;border:1px solid #d6e3de;border-radius:11px;background:#fff;box-shadow:0 12px 32px rgba(22,63,50,.12);display:grid;gap:5px}
.value-advanced-menu button{border:0;background:#f7faf8;padding:9px 10px;text-align:left;border-radius:8px;color:#36584c;font:inherit;cursor:pointer}
.value-advanced-menu button:hover,.value-advanced-menu button.active{background:#eaf5f0;color:#0c684c;font-weight:800}
.quick-glossary-line{align-items:center}
.current-object-empty small{color:#5d786f}
@media(max-width:720px){.value-task-nav{align-items:stretch;flex-direction:column;position:static}.value-primary-tabs{width:100%}.value-advanced-menu{margin-left:0}.value-advanced-menu>div{position:static;margin-top:6px}.value-advanced-menu summary{width:100%}}

.value-page-actions #resetPriceDb,.value-page-actions #undoPriceDbReset{display:none!important}

/* ===== Release L: customer-facing reduction ===== */
.landing-vision-compact-l{display:block!important;padding:15px 20px!important}.landing-vision-compact-l h2{margin:0!important}.landing-feature-grid-i .landing-card-body p{min-height:0!important}.landing-card-body p{line-height:1.55!important}.landing-growth-secondary-i p{max-width:700px}
.workbench-hero-compact-l{padding:20px 22px!important}.workbench-hero-compact-l h2{font-size:22px!important;margin-bottom:4px!important}.workbench-hero-compact-l p{margin:0!important}
.first-use-details-l>summary{list-style:none;cursor:pointer}.first-use-details-l>summary::-webkit-details-marker{display:none}.first-use-details-l>summary:after{content:'−';font-size:18px;color:#47695e;margin-left:auto}.first-use-details-l:not([open])>summary:after{content:'+'}.first-use-details-l:not([open]) .first-use-grid{display:none}.first-use-details-l:not([open]){padding-bottom:0!important}.first-use-details-l:not([open]) .first-use-head{border-bottom:0!important}
.quick-intro-l{font-size:12px}.quick-step-l{margin:12px;border:1px solid #dce8e3;border-radius:13px;background:#fff;overflow:hidden}.quick-step-head-l{display:flex;align-items:center;gap:10px;padding:11px 13px;background:#f4f9f7;border-bottom:1px solid #dce8e3}.quick-step-head-l>span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#176b52;color:#fff;font-weight:900}.quick-step-head-l div{display:flex;flex-direction:column;gap:1px}.quick-step-head-l b{font-size:13px;color:#1d4d3e}.quick-step-head-l small{font-size:10.5px;color:#6d7e77}.quick-base-inputs-l{border:0!important}.quick-base-actions-l{margin:0 12px 12px}.quick-batch-strip-l{margin:12px}.quick-step-l>#quickSelfPanel{margin:0 12px 12px}.quick-result-empty-l{margin:14px;padding:22px;border:1px dashed #cadbd4;border-radius:11px;background:#fafcfb;text-align:center;color:#6e7c76}.quick-result-grid-l{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:12px;padding:12px}.quick-result-card-l{border:1px solid #d9e5e0;border-radius:11px;overflow:hidden}.quick-result-card-l .sheet-section{margin:0!important;border-radius:0!important}.quick-support-details-l{border:1px solid #d9e5e0;border-radius:11px;background:#fafcfb;overflow:hidden}.quick-support-details-l summary{cursor:pointer;padding:11px 12px;font-weight:800;color:#31584b;list-style:none}.quick-support-details-l summary::-webkit-details-marker{display:none}.quick-support-details-l #quickShadowPanel{padding:0 12px 12px}.quick-color-details-l{margin:0 12px 12px;border:1px solid #d9e5e0;border-radius:11px;overflow:hidden}.quick-color-details-l>summary{list-style:none;cursor:pointer;padding:10px 12px;background:#fafcfb;display:flex;justify-content:space-between;gap:10px}.quick-color-details-l>summary::-webkit-details-marker{display:none}.quick-color-details-l>summary span{font-size:10px;color:#738078}.quick-color-details-l .quick-color-guide-grid{padding:10px}.quick-color-details-l .quick-color-guide-foot{margin:0 10px 10px}.quick-result-step-l .decision-next-panel{margin:12px}
.cost-section-actions-l{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cost-add-row-l{background:rgba(255,255,255,.16)!important;color:#fff!important;border-color:rgba(255,255,255,.35)!important}
.site-footer-formal-l{gap:7px!important}.footer-brand-l{font-weight:800;color:#47665b}.site-footer-formal-l .footer-trust{margin:0!important}
/* Make primary module title bars part of the Feedy brand system; table headers remain blue. */
.sheet-title{background:linear-gradient(135deg,#164f3e,#236f58)!important}.page-head h2{color:#173f34!important}
.action-empty .nutrition-quick-start-l{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:8px}.nutrition-quick-start-l button{border:1px solid #cbded6;background:#f7fbf9;color:#23634f;border-radius:999px;padding:5px 9px;font-size:11px;cursor:pointer}.nutrition-quick-start-l button:hover{background:#edf7f2}
@media(max-width:900px){.quick-result-grid-l{grid-template-columns:1fr}.quick-base-actions-l{align-items:flex-start;flex-direction:column}.quick-step-l{margin:10px}.quick-step-l>#quickSelfPanel{margin:0 10px 10px}.quick-batch-strip-l{margin:10px}}
@media(max-width:560px){.landing-vision-compact-l{padding:13px 15px!important}.quick-step-head-l small{font-size:10px}.quick-step-l{margin:8px}.quick-result-grid-l{padding:8px}.quick-color-details-l{margin:0 8px 8px}.site-footer-formal-l{padding-bottom:calc(84px + env(safe-area-inset-bottom))!important}}