:root{color:#20342d;background:#f4f1eb;font-family:Inter,PingFang SC,Microsoft YaHei,Noto Sans CJK SC,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 12% 6%,rgba(61,139,93,.18),transparent 26rem),linear-gradient(180deg,#fbfaf6,#f1eee7 42%,#e8ebe4)}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.top-band{color:#fff;background:linear-gradient(120deg,#1d312af2,#315c4ceb),url(/tea-texture.png);background-size:cover;background-position:center}.top-content{width:min(1180px,calc(100% - 32px));min-height:420px;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center;position:relative;padding:34px 0 42px}.brand-mark{position:absolute;top:24px;left:0;display:inline-flex;align-items:center;gap:10px;font-weight:700;letter-spacing:0}.hero-copy{padding-top:58px}.hero-copy h1{max-width:720px;margin:0;font-size:clamp(36px,6vw,72px);line-height:1.04;letter-spacing:0}.hero-copy p{max-width:650px;margin:22px 0 0;color:#ffffffd1;font-size:18px;line-height:1.8}.hero-visual{min-height:320px;position:relative;display:flex;align-items:center;justify-content:center}.tea-photo{width:min(380px,86vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 36% 30%,rgba(255,255,255,.28),transparent 24%),radial-gradient(circle at 62% 62%,rgba(255,224,144,.28),transparent 22%),url(/tea-texture.png);background-size:120%,120%,cover;box-shadow:0 30px 80px #08140e5c;border:10px solid rgba(255,255,255,.1)}.floating-label{position:absolute;right:18px;bottom:28px;display:inline-flex;align-items:center;gap:10px;padding:14px 18px;border-radius:8px;background:#fff;color:#22342d;font-weight:800;box-shadow:0 22px 52px #0a17104d}.workspace{width:min(1180px,calc(100% - 32px));margin:-42px auto 56px;display:grid;grid-template-columns:360px minmax(0,1fr);gap:18px;align-items:start}.control-column,.main-column{display:grid;gap:18px}.workspace-card,.score-card,.consumer-panel{border:1px solid rgba(42,64,55,.12);border-radius:8px;background:#ffffffe0;box-shadow:0 16px 45px #2b3a3014;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.workspace-card{padding:20px}.section-title,.panel-heading{display:flex;gap:12px;align-items:flex-start}.section-title svg,.panel-heading svg{color:var(--accent);flex:0 0 auto;margin-top:3px}.section-title h2,.panel-heading h2{margin:0;font-size:18px;line-height:1.25;letter-spacing:0}.section-title p{margin:5px 0 0;color:#6c776f;font-size:13px;line-height:1.5}.segmented{margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:6px;border-radius:8px;background:#edf0ea}.segmented button{min-height:42px;border:0;border-radius:6px;color:#526058;background:transparent;font-weight:700}.segmented button.active{color:#fff;background:var(--accent);box-shadow:0 8px 18px #2345372e}.mode-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}.mode-card{min-height:86px;border:1px solid rgba(42,64,55,.14);border-radius:8px;background:#fbfaf6;color:#526058;display:grid;place-items:center;gap:8px;font-weight:800}.mode-card.active{border-color:color-mix(in srgb,var(--accent) 52%,#ffffff);background:color-mix(in srgb,var(--accent) 10%,#ffffff);color:var(--accent)}.button-row{display:flex;gap:10px;margin-top:18px}.primary-button,.secondary-button,.ghost-button{min-height:44px;border-radius:8px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;font-weight:800;white-space:nowrap}.primary-button{color:#fff;background:var(--accent);box-shadow:0 10px 24px #2345372e}.secondary-button{color:#22342d;background:#f5efe2;border-color:#e5dac5}.ghost-button{color:#33463d;background:#fff;border-color:#2a40372e}.full{width:calc(100% - 32px);margin:2px 16px 28px}.sample-list{display:grid;gap:9px;margin-top:16px}.sample-list button{min-height:72px;border:1px solid rgba(42,64,55,.12);border-radius:8px;padding:12px;background:#fbfaf6;text-align:left}.sample-list strong{display:block;color:#22342d;font-size:14px}.sample-list span{display:block;margin-top:5px;color:#6c776f;font-size:12px;line-height:1.45}.form-grid,.material-grid{display:grid;gap:12px;margin-top:18px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.material-grid{grid-template-columns:repeat(3,minmax(0,1fr))}label span{display:block;margin-bottom:7px;color:#5b6961;font-size:13px;font-weight:700}input{width:100%;height:42px;border:1px solid rgba(42,64,55,.17);border-radius:8px;padding:0 12px;color:#22342d;background:#fff;outline:0}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}.score-card{min-height:268px;padding:24px;display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:18px;align-items:center;overflow:hidden;position:relative}.score-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,color-mix(in srgb,var(--accent) 14%,transparent),transparent 58%),radial-gradient(circle at 88% 20%,rgba(255,255,255,.8),transparent 18rem);pointer-events:none}.score-card>*{position:relative}.score-copy span{color:var(--accent);font-weight:900}.score-copy h2{margin:8px 0 0;font-size:clamp(34px,5vw,58px);line-height:1.05;letter-spacing:0}.score-copy p{max-width:520px;margin:14px 0 0;color:#5e6a62;line-height:1.7}.gauge{width:210px;height:210px;display:grid;place-items:center;position:relative;justify-self:end}.gauge-arc{position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:50%;background:conic-gradient(from 225deg,#dde2dc 0deg,#dde2dc 45deg,var(--accent) 46deg,var(--accent) 270deg,transparent 271deg),#f7f4ed;mask:radial-gradient(circle,transparent 0 58%,#000 59%)}.gauge-needle{position:absolute;width:4px;height:78px;background:#20342d;border-radius:99px;transform-origin:50% 100%;bottom:104px}.gauge-value{width:132px;height:132px;border-radius:50%;background:#fff;display:grid;place-items:center;align-content:center;box-shadow:inset 0 0 0 1px #2a40371a}.gauge-value strong{font-size:44px;line-height:1}.gauge-value span{color:#65736b;font-weight:800}.score-meta{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:10px}.stat-pill{min-height:38px;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(42,64,55,.12);border-radius:8px;padding:8px 12px;background:#ffffffb8;color:#5d6b63;font-size:13px}.stat-pill strong{color:#22342d}.material-list{display:grid;gap:10px;margin-top:18px}.material-list div{min-height:48px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;border-radius:8px;padding:12px;background:#f8f7f1}.material-list.compact div{grid-template-columns:minmax(0,1fr) auto}.material-list span{color:#526058;font-weight:700}.material-list strong{color:#22342d}.material-list em{min-width:54px;text-align:right;font-style:normal;font-weight:900}.material-list em.positive{color:#2c7d52}.material-list em.negative{color:#b24c3b}.spectrum-chart{height:240px;display:flex;gap:5px;align-items:end;margin-top:20px;padding:16px;border-radius:8px;background:linear-gradient(180deg,rgba(34,52,45,.08) 1px,transparent 1px),#f8f7f1;background-size:100% 25%}.spectrum-chart i{flex:1;min-width:5px;border-radius:5px 5px 0 0;background:linear-gradient(180deg,var(--accent),rgba(49,92,76,.46))}.empty-state{width:100%;align-self:center;text-align:center;color:#738078;font-weight:700}.qr-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:18px;align-items:center;margin-top:18px}.qr-box{width:190px;aspect-ratio:1;display:grid;place-items:center;border-radius:8px;background:#fff;border:1px solid rgba(42,64,55,.12)}.qr-box img{width:170px;height:170px}.qr-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.text-link{min-height:40px;display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-weight:900;text-decoration:none}.consumer-page{width:min(620px,100vw);margin:0 auto;min-height:100vh;background:#f2f1ed;color:#2f4f34;overflow-x:hidden}.consumer-page-v3{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 72%,#24302a),#1f2924 360px,#f2f1ed 360px),#f2f1ed}.scan-hero{min-height:560px;padding:20px 16px 0;color:#fff;position:relative;overflow:hidden}.scan-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0c18102e,#0c18106b),url(/tea-texture.png);background-size:cover;background-position:center;opacity:.28}.consumer-brand-row{width:min(100%,520px);margin:0 auto 16px;position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:14px;color:#ffffffdb;font-size:13px;font-weight:800}.consumer-brand-row div{display:inline-flex;align-items:center;gap:8px}.consumer-brand-row strong{max-width:46%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flavor-passport{width:min(100%,520px);margin:0 auto;position:relative;z-index:1;border:1px solid rgba(255,255,255,.38);border-radius:8px;padding:20px;color:#22342d;background:linear-gradient(145deg,#fffffff0,#f6f3ebe6),#fff;box-shadow:0 28px 80px #0c181038}.passport-topline{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.passport-topline span{display:block;color:#6b766e;font-size:13px;font-weight:800}.passport-topline h1{margin:6px 0 0;color:#20342d;font-size:clamp(22px,6vw,34px);line-height:1.18;letter-spacing:0}.passport-topline>strong{flex:0 0 auto;border-radius:999px;padding:8px 12px;color:#fff;background:var(--accent);font-size:14px}.passport-core{display:grid;grid-template-columns:154px minmax(0,1fr);gap:18px;align-items:center;margin-top:24px}.score-orb{width:154px;height:154px;border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(circle at 36% 26%,rgba(255,255,255,.76),transparent 28%),color-mix(in srgb,var(--accent) 16%,#ffffff);border:10px solid color-mix(in srgb,var(--accent) 28%,#f5f2ea);color:var(--accent);box-shadow:inset 0 0 0 1px #2a403714}.score-orb strong{font-size:50px;line-height:.96;letter-spacing:0}.score-orb span{margin-top:4px;color:#526058;font-size:14px;font-weight:900}.core-copy span{color:var(--accent);font-size:13px;font-weight:900}.core-copy h2{margin:8px 0 0;color:#20342d;font-size:clamp(34px,10vw,48px);line-height:1;letter-spacing:0}.core-copy p{margin:10px 0 0;color:#536159;font-size:15px;line-height:1.55}.taste-summary{margin:22px 0 0;color:#4f5d55;font-size:16px;line-height:1.75}.taste-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.taste-tags strong{border-radius:999px;padding:7px 10px;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,#ffffff);font-size:13px}.taste-meter{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;margin-top:20px;color:#6b766e;font-size:12px;font-weight:900}.taste-meter div{grid-column:1 / -1;height:10px;border-radius:999px;background:#e3e5dd;overflow:hidden}.taste-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 50%,#d7d0bd),var(--accent))}.taste-meter strong{justify-self:center;color:var(--accent)}.passport-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px}.passport-meta div{min-height:62px;border-radius:8px;padding:10px;background:#f4f2eae0}.passport-meta span{display:block;color:#758078;font-size:12px;font-weight:800}.passport-meta strong{display:block;margin-top:6px;color:#22342d;font-size:13px;line-height:1.3;overflow-wrap:anywhere}.hero-footnote{width:min(100%,520px);margin:14px auto 0;position:relative;z-index:1;display:flex;justify-content:space-between;gap:16px;color:#ffffffb8;font-size:12px;font-weight:800}.consumer-panel{margin:16px;padding:18px}.refined-panel{background:#fff;box-shadow:0 14px 36px #2b3a3012}.consumer-hint{margin:14px 0 0;color:#5b6961;line-height:1.6;font-size:14px}.score-line{margin-top:16px}.score-line span{color:var(--accent);font-weight:900}.score-line div{height:12px;margin-top:8px;border-radius:99px;background:#e4e5df;overflow:hidden}.score-line i{display:block;height:100%;border-radius:inherit;background:var(--accent)}.consumer-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.brew-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.brew-grid div{min-height:74px;border-radius:8px;background:#f8f7f1;padding:12px}.brew-grid span{display:block;color:#6b786f;font-size:13px;font-weight:800}.brew-grid strong{display:block;margin-top:6px;line-height:1.35}.brew-note{margin:16px 0 0;color:#5e6b63;line-height:1.7}@media(max-width:920px){.top-content{grid-template-columns:1fr;min-height:560px}.hero-visual{min-height:240px}.tea-photo{width:min(300px,76vw)}.workspace{grid-template-columns:1fr}.control-column{order:2}}@media(max-width:680px){.top-content,.workspace{width:min(100% - 22px,1180px)}.top-content{min-height:620px}.brand-mark{left:2px}.hero-copy h1{font-size:40px}.hero-copy p{font-size:16px}.workspace{margin-top:-32px}.workspace-card{padding:16px}.score-card{grid-template-columns:1fr;padding:18px}.gauge{justify-self:center}.form-grid,.material-grid,.qr-layout,.brew-grid{grid-template-columns:1fr}.button-row,.qr-actions{align-items:stretch;flex-direction:column}.primary-button,.secondary-button,.ghost-button{width:100%}.qr-box{width:100%;max-width:260px;justify-self:center}.qr-box img{width:min(220px,82%);height:auto}}