@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');
:root{--ui-scale:1.12}
body{zoom:var(--ui-scale)}

:root { color-scheme: light; --ink:#18332d; --muted:#6e7e78; --paper:#f5f4ee; --card:#fffefa; --green:#1d6a52; --lime:#d7f36a; --line:#e6e5dc; --orange:#eb744b; --shadow:0 14px 40px rgba(25,55,45,.09); font-family:'DM Sans','Noto Sans SC',system-ui,sans-serif; }
* { box-sizing:border-box; }
body { margin:0; background:radial-gradient(circle at 50% -10%,#dff2e4 0,transparent 30%),var(--paper); color:var(--ink); }
button,textarea { font:inherit; }
button { color:inherit; cursor:pointer; }
#app { width:min(100%,760px); margin:0 auto; min-height:100vh; padding-bottom:100px; }
.topbar { display:flex; justify-content:space-between; align-items:center; padding:28px 24px 18px; }
.topbar h1 { margin:2px 0; font-size:25px; letter-spacing:-.5px; }.topbar p { margin:0;color:var(--muted);font-size:13px;}.eyebrow{font-size:9px;letter-spacing:2.2px;font-weight:700;color:var(--green)}
.avatar,.big-avatar { border:0;background:var(--ink);color:var(--lime);display:grid;place-items:center;border-radius:50%;font-weight:700}.avatar{width:42px;height:42px;box-shadow:0 0 0 5px rgba(29,106,82,.08)}
main{padding:0 18px}.hero{background:var(--ink);color:white;border-radius:28px;padding:26px 24px;position:relative;overflow:hidden;min-height:270px;display:flex;flex-direction:column;justify-content:space-between}.hero:after{content:'';position:absolute;width:230px;height:230px;border:1px solid rgba(215,243,106,.25);border-radius:50%;right:-80px;top:-55px;box-shadow:0 0 0 34px rgba(215,243,106,.04),0 0 0 68px rgba(215,243,106,.03)}
.hero-copy{position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);padding:6px 10px;border-radius:99px;font-size:11px}.hero h2{font-size:31px;line-height:1.25;margin:14px 0 10px;letter-spacing:-1px}.hero h2 em{font-style:normal;color:var(--lime)}.hero p{margin:0;color:#c2d1cc;font-size:13px;line-height:1.7;max-width:390px}.month-saving{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr auto;align-items:end;border-top:1px solid rgba(255,255,255,.12);padding-top:16px;margin-top:22px;gap:12px}.month-saving span,.month-saving small{font-size:11px;color:#afc3bc}.month-saving strong{font-size:24px;color:var(--lime)}
.icon{width:21px;height:21px;display:inline-grid;place-items:center}.icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ask-card{background:var(--card);margin:-1px 10px 14px;position:relative;z-index:2;border-radius:0 0 22px 22px;padding:16px;box-shadow:var(--shadow)}.input-wrap{display:flex;align-items:flex-start;gap:9px;background:#f3f4ed;padding:12px;border-radius:15px}.input-wrap .icon{color:var(--green);flex:0 0 20px}.input-wrap textarea{border:0;background:transparent;resize:none;outline:0;flex:1;color:var(--ink);line-height:1.5}.send{border:0;background:var(--lime);width:34px;height:34px;border-radius:10px;font-size:20px}.quick-prompts{display:flex;gap:7px;overflow:auto;margin-top:11px}.quick-prompts button{white-space:nowrap;border:1px solid var(--line);background:white;border-radius:99px;padding:7px 10px;font-size:11px;color:var(--muted)}
.link-card{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;background:#e7efea;border-radius:18px;padding:14px;margin:18px 0}.link-icon{width:42px;height:42px;border-radius:13px;background:white;display:grid;place-items:center;font-size:25px;color:var(--green)}.link-card div:nth-child(2){display:flex;flex-direction:column;gap:3px}.link-card strong{font-size:14px}.link-card span{font-size:11px;color:var(--muted)}.link-card button{border:0;background:transparent;color:var(--green);font-weight:700;font-size:12px}
.compare-entry{position:relative;z-index:3;margin:-18px 10px 20px;background:var(--card);border-radius:22px;padding:20px;box-shadow:var(--shadow)}.compare-entry h2{font-size:22px;margin:7px 0}.compare-entry>p{font-size:11px;line-height:1.6;color:var(--muted);margin:0 0 13px}.compare-entry>div{display:grid;grid-template-columns:1fr auto;gap:10px}.compare-entry textarea{resize:none;border:1px solid var(--line);border-radius:13px;padding:12px;outline-color:var(--green);line-height:1.5}.compare-entry .primary{min-width:104px}.decision-card{background:linear-gradient(145deg,#164b3e,#0e352d);color:white;border-radius:22px;padding:22px;margin:22px 0 4px;box-shadow:0 14px 35px rgba(18,63,51,.16)}.decision-card.degraded{background:linear-gradient(145deg,#67562d,#46391f)}.decision-label{font-size:10px;letter-spacing:1.4px;color:var(--lime);font-weight:700}.decision-card h2{font-size:23px;margin:8px 0}.decision-card>p{font-size:11px;color:#d3e0dc;line-height:1.65;margin:0 0 10px}.decision-card>strong{display:block;color:var(--lime);font-size:14px;margin:8px 0}.capabilities{display:flex;gap:6px;flex-wrap:wrap;margin-top:15px;padding-top:13px;border-top:1px solid rgba(255,255,255,.13)}.capability{font-size:9px;border-radius:99px;padding:5px 8px;background:rgba(255,255,255,.1)}.capability.connected{color:#dcff7c}.capability.unavailable{color:#ffd78b}.capability.not_connected{color:#bbc9c4}.comparison-list .offer-card.recommended{border:2px solid var(--green);box-shadow:0 10px 25px rgba(29,106,82,.13)}.match-chip{padding:4px 6px;border-radius:5px;font-size:9px;font-weight:700;background:#eef0ec;color:var(--muted)}.match-chip.exact{background:#e2ece6;color:var(--green)}.match-chip.likely_same{background:#e7f4c1;color:#466217}.match-chip.similar{background:#fff0d3;color:#946b1d}.offer-card .seller{font-size:9px;color:var(--green);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comparison-warnings{border-left:3px solid #d2a848;margin:15px 3px 24px;padding:4px 0 4px 12px}.comparison-warnings p{font-size:9px;line-height:1.55;color:var(--muted);margin:2px 0}.secondary-ai{margin-top:34px}.ask-card.standalone{margin:0 0 14px;border-radius:22px}
.section-head{display:flex;justify-content:space-between;align-items:end;margin:28px 2px 13px}.section-head div{display:flex;flex-direction:column}.section-head span{font-size:10px;color:var(--green);text-transform:uppercase;letter-spacing:1.2px}.section-head h2{margin:3px 0 0;font-size:21px}.section-head button{border:0;background:transparent;font-size:11px;color:var(--muted)}
.offer-list{display:grid;gap:12px}.offer-card{background:var(--card);padding:13px;border-radius:21px;display:grid;grid-template-columns:94px 1fr;gap:14px;box-shadow:0 6px 20px rgba(25,55,45,.045);border:1px solid rgba(230,229,220,.8)}.product-mark{height:124px;border-radius:16px;background:linear-gradient(145deg,#e1eadf,#c8d6cd);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--ink)}.product-mark span{font-size:19px;font-weight:700;letter-spacing:3px}.product-mark small{background:rgba(255,255,255,.65);padding:4px 7px;border-radius:6px}.product-mark.small{width:52px;height:52px;border-radius:13px;flex:none}.product-mark.small span{font-size:12px;letter-spacing:1px}.offer-main{min-width:0}.offer-top{display:flex;justify-content:space-between;align-items:center}.score{color:var(--green);background:#e4f1e7;padding:4px 6px;border-radius:5px;font-size:9px;font-weight:700}.verified{font-size:9px;color:var(--muted)}.verified i{display:inline-block;width:5px;height:5px;background:#53a977;border-radius:50%;margin-right:4px}.offer-card h3{font-size:14px;margin:8px 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reason{font-size:10px;line-height:1.55;color:var(--muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tags{display:flex;gap:4px;margin:8px 0;overflow:hidden}.tags span{white-space:nowrap;font-size:8px;border:1px solid var(--line);padding:3px 5px;border-radius:4px;color:var(--muted)}.price-line{display:flex;align-items:end;justify-content:space-between}.price-line div{display:grid;grid-template-columns:auto auto;column-gap:5px;align-items:end}.price-line small{font-size:8px;grid-column:1/-1;color:var(--muted)}.price-line strong{font-size:18px;color:var(--orange)}.price-line del{font-size:9px;color:#9aa59f}.primary{border:0;border-radius:13px;background:var(--green);color:white;padding:12px 18px;font-weight:700}.primary.compact{padding:8px 11px;font-size:10px}.breakdown{border:0;border-top:1px dashed var(--line);width:100%;background:transparent;text-align:left;color:var(--muted);font-size:8px;margin-top:9px;padding:7px 0 0;display:flex;align-items:center}.breakdown .icon{width:13px;height:13px;margin-left:auto}
.trust-card,.privacy-card{display:flex;gap:13px;align-items:center;background:#fff8df;border:1px solid #f0e6bd;border-radius:18px;padding:16px;margin:20px 0}.shield{width:36px;height:36px;border-radius:12px;background:#f3d86f;display:grid;place-items:center;font-weight:700}.trust-card strong,.privacy-card b{font-size:13px}.trust-card p,.privacy-card p{font-size:10px;color:var(--muted);margin:3px 0 0;line-height:1.5}
.bottom-nav{position:fixed;z-index:20;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,760px);height:78px;padding:8px max(20px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);background:rgba(255,254,250,.94);backdrop-filter:blur(18px);border-top:1px solid rgba(230,229,220,.9)}.nav-item{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:3px;color:#8a9691;font-size:9px}.nav-item .icon{width:22px;height:22px}.nav-item.active{color:var(--green);font-weight:700}.nav-item.active:after{content:'';width:4px;height:4px;border-radius:50%;background:var(--lime)}
.stats-strip{background:var(--card);border-radius:20px;padding:18px;display:grid;grid-template-columns:repeat(3,1fr);box-shadow:var(--shadow)}.stats-strip div{display:flex;flex-direction:column;align-items:center;border-right:1px solid var(--line)}.stats-strip div:last-child{border:0}.stats-strip span{font-size:10px;color:var(--muted)}.stats-strip b{font-size:20px;margin-top:4px}.segmented{display:flex;margin:20px 0 12px;background:#ebeae4;border-radius:13px;padding:4px}.segmented button{flex:1;border:0;background:transparent;border-radius:10px;padding:9px 4px;font-size:11px;color:var(--muted)}.segmented button.active{background:white;color:var(--ink);font-weight:700;box-shadow:0 3px 10px rgba(0,0,0,.04)}.segmented i{font-style:normal;background:var(--orange);color:white;border-radius:99px;padding:1px 4px}.order-list{display:grid;gap:12px}.order-card{background:var(--card);border:1px solid var(--line);border-radius:19px;padding:15px}.order-meta,.order-status{display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.order-product{display:flex;gap:10px;align-items:center;margin:13px 0}.order-product>div:nth-child(2){flex:1;min-width:0}.order-product h3{font-size:13px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-product p{font-size:10px;color:var(--muted);margin:5px 0 0}.order-product>strong{font-size:14px;color:var(--orange)}.progress{display:grid;grid-template-columns:repeat(4,1fr);margin:18px 0;position:relative}.progress:before{content:'';height:2px;background:var(--line);position:absolute;left:12%;right:12%;top:5px}.progress div{z-index:1;text-align:center;color:#a7afac;font-size:8px}.progress i{display:block;width:10px;height:10px;background:var(--line);border:2px solid var(--card);border-radius:50%;margin:0 auto 5px}.progress .done{color:var(--green)}.progress .done i{background:var(--green)}.order-status{border-top:1px solid var(--line);padding-top:11px;align-items:center}.order-status b{color:var(--green)}.order-status button{border:0;background:transparent;color:var(--green);font-size:10px}.support-fab{display:block;border:0;border-radius:99px;background:var(--ink);color:white;padding:12px 18px;margin:22px auto}
.wallet-hero{border-radius:26px;background:linear-gradient(145deg,#1b5e4b,#103d33);color:white;padding:24px;position:relative;overflow:hidden}.wallet-hero>span{font-size:11px;color:#bdd0c9}.wallet-hero>strong{display:block;font-size:38px;margin:6px 0 18px}.wallet-hero>button{position:absolute;right:22px;top:50px;border:0;background:var(--lime);border-radius:99px;padding:10px 15px;font-size:11px;font-weight:700}.wallet-hero>div{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.13);padding-top:15px}.wallet-hero p{display:flex;flex-direction:column;margin:0}.wallet-hero p+ p{border-left:1px solid rgba(255,255,255,.13);padding-left:24px}.wallet-hero p span{font-size:9px;color:#bdd0c9}.wallet-hero p b{margin-top:3px}.saving-report{margin-top:14px;background:#e6eedf;border-radius:20px;padding:18px;display:flex;align-items:center;justify-content:space-between}.saving-report span{font-size:9px;color:var(--green);letter-spacing:1px}.saving-report h2{font-size:16px;margin:6px 0}.saving-report p{font-size:10px;color:var(--muted);margin:0}.donut{width:78px;height:78px;border-radius:50%;border:9px solid var(--lime);border-right-color:#c4d0c2;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none}.donut strong{font-size:17px}.ledger-list{background:var(--card);border-radius:19px;padding:0 15px}.ledger-list article{display:flex;align-items:center;gap:11px;padding:15px 0;border-bottom:1px solid var(--line)}.ledger-list article:last-child{border:0}.ledger-list article>div{display:flex;flex-direction:column;flex:1}.ledger-list b{font-size:12px}.ledger-list small{font-size:9px;color:var(--muted);margin-top:3px}.ledger-list strong{font-size:13px}.ledger-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center}.ledger-icon.in{background:#dff0e2;color:var(--green)}.ledger-icon.pending{background:#fff1cf;color:#967022}.ledger-icon.out{background:#eee;color:#59625f}.safety-note{border-left:3px solid var(--green);padding:4px 0 4px 13px;margin:22px 3px}.safety-note b{font-size:11px}.safety-note p{font-size:9px;line-height:1.6;color:var(--muted);margin:4px 0}
.profile-card{background:var(--card);border-radius:22px;padding:20px;display:flex;align-items:center;gap:14px;box-shadow:var(--shadow)}.big-avatar{width:58px;height:58px;font-size:20px}.profile-card>div:nth-child(2){flex:1}.profile-card h2{font-size:17px;margin:0}.profile-card p{font-size:10px;color:var(--muted);margin:4px 0}.profile-card span{font-size:9px;color:var(--green);background:#e2f0e5;padding:3px 6px;border-radius:5px}.profile-card button{border:1px solid var(--line);background:white;border-radius:9px;padding:7px 10px;font-size:10px}.profile-saving{display:grid;grid-template-columns:repeat(3,1fr);margin:16px 0;background:var(--ink);color:white;border-radius:19px;padding:17px}.profile-saving div{text-align:center;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.12)}.profile-saving div:last-child{border:0}.profile-saving strong{font-size:16px;color:var(--lime)}.profile-saving span{font-size:8px;color:#adc1ba;margin-top:3px}.menu-list{background:var(--card);border-radius:19px;padding:0 16px}.menu-list button{border:0;border-bottom:1px solid var(--line);background:transparent;width:100%;padding:15px 0;display:flex;align-items:center;text-align:left}.menu-list button:last-child{border:0}.menu-list button>span:first-child{display:flex;flex-direction:column;flex:1}.menu-list b{font-size:12px}.menu-list small{font-size:9px;color:var(--muted);margin-top:4px}.menu-list .icon{width:15px;color:#98a29e}
.sheet-backdrop{position:fixed;z-index:50;inset:0;background:rgba(14,35,29,.42);opacity:0;pointer-events:none;transition:.22s}.sheet-backdrop.open{opacity:1;pointer-events:auto}.sheet{position:absolute;left:50%;bottom:0;transform:translate(-50%,100%);width:min(100%,760px);background:var(--card);border-radius:28px 28px 0 0;padding:28px 24px calc(25px + env(safe-area-inset-bottom));transition:.28s}.open .sheet{transform:translate(-50%,0)}.handle{position:absolute;top:9px;left:50%;width:38px;height:4px;border-radius:9px;background:#d6d7d0}.close-sheet{position:absolute;right:18px;top:18px;border:0;background:#eee;width:30px;height:30px;border-radius:50%}.sheet h2{margin:8px 0}.sheet p{font-size:11px;color:var(--muted)}.sheet textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:13px;resize:none;outline-color:var(--green);margin:10px 0}.sheet .primary{width:100%}.sheet>small{display:block;text-align:center;color:var(--muted);margin-top:9px}.toast{position:fixed;z-index:99;left:50%;bottom:95px;transform:translate(-50%,15px);background:var(--ink);color:white;padding:11px 17px;border-radius:99px;font-size:11px;opacity:0;transition:.2s;white-space:nowrap;box-shadow:var(--shadow)}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:700px){#app{padding-bottom:110px}.hero{min-height:300px}.offer-list{grid-template-columns:1fr 1fr}.offer-card{grid-template-columns:82px 1fr}.product-mark{height:120px}.topbar{padding-top:36px}main{padding:0 24px}.order-list{grid-template-columns:1fr 1fr}}
@media(max-width:380px){.offer-card{grid-template-columns:76px 1fr}.product-mark{height:116px}.hero h2{font-size:27px}.month-saving{grid-template-columns:auto 1fr}.month-saving small{display:none}}
@media(max-width:520px){.compare-entry>div{grid-template-columns:1fr}.compare-entry .primary{width:100%}.decision-card h2{font-size:20px}}
.mode-chip{display:inline-block;margin-left:7px;padding:2px 5px;border-radius:4px;background:#fff0c9;color:#8d631c;letter-spacing:0;font-size:8px}.state-screen{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:38px}.state-screen h1,.state-screen h2{margin:16px 0 8px}.state-screen p{max-width:360px;color:var(--muted);font-size:12px;line-height:1.7}.state-screen>small{margin-top:10px;color:var(--muted);font-size:9px}.state-spinner{width:42px;height:42px;border:4px solid #dce6df;border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}.login-mark{width:72px;height:72px;border-radius:22px;background:var(--ink);color:var(--lime);display:grid;place-items:center;font-size:38px;font-weight:700;box-shadow:0 15px 30px rgba(24,51,45,.18)}.error-mark{width:54px;height:54px;border-radius:50%;background:#f7e2da;color:var(--orange);display:grid;place-items:center;font-size:25px;font-weight:700}.consent-check{display:flex;align-items:flex-start;gap:8px;text-align:left;background:white;border:1px solid var(--line);border-radius:13px;padding:12px;margin:12px 0 16px;max-width:390px;font-size:10px;line-height:1.6}.consent-check input{margin-top:3px;accent-color:var(--green)}.text-button{border:0;background:transparent;color:var(--green);font-size:11px;margin-top:10px}.empty-state{grid-column:1/-1;border:1px dashed #cfd8d1;border-radius:18px;padding:30px 18px;text-align:center;background:rgba(255,255,255,.5)}.empty-state>div{font-size:28px;color:var(--green)}.empty-state h3{font-size:14px;margin:8px 0 4px}.empty-state p{font-size:10px;color:var(--muted);line-height:1.6}.empty-state button{border:0;background:var(--green);color:white;border-radius:9px;padding:8px 12px;font-size:10px}.uncertainty{display:block;color:#976b28;background:#fff3d8;border-radius:6px;padding:5px;margin-top:7px;font-size:8px}.quote-result{background:#eef3eb;border-radius:15px;padding:15px;margin-top:15px}.quote-result>span{font-size:9px;color:var(--green)}.quote-result h3{font-size:15px}.quote-result>div{display:flex;align-items:end;justify-content:space-between}.quote-result b{font-size:24px;color:var(--orange)}.quote-result em{font-style:normal;font-size:10px}.quote-result p{font-size:9px}.quote-result .primary{width:100%}.form-sheet{max-height:88vh;overflow:auto}.form-sheet>label:not(.setting-row){display:flex;flex-direction:column;gap:5px;font-size:10px;margin:11px 0}.form-sheet input,.form-sheet select,.form-sheet textarea{width:100%;border:1px solid var(--line);border-radius:11px;background:white;padding:11px;outline-color:var(--green)}.available-note{background:#e6efe7;border-radius:12px;padding:13px;color:var(--green);font-weight:700}.ticket-item{display:flex;flex-direction:column;background:#f2f4ee;border-radius:10px;padding:10px;margin:7px 0}.ticket-item b{font-size:11px}.ticket-item span{font-size:9px;color:var(--muted);margin-top:3px}.setting-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:13px 0}.setting-row>span{display:flex;flex-direction:column}.setting-row b{font-size:11px}.setting-row small{font-size:8px;color:var(--muted);margin-top:4px}.setting-row input{width:18px;height:18px;accent-color:var(--green)}.privacy-actions{display:grid;gap:8px;margin-top:15px}.privacy-actions button{border:1px solid var(--line);background:white;border-radius:10px;padding:10px;font-size:10px}.privacy-actions .primary{background:var(--green);color:white}.privacy-actions .danger-button{color:#b34c43;border-color:#efd6d2}.sheet button:disabled,.wallet-hero button:disabled,.send:disabled{opacity:.55;cursor:not-allowed}@keyframes spin{to{transform:rotate(360deg)}}

/* Consumer-facing copy must remain readable on both phones and desktop preview. */
.state-screen p{font-size:14px}.state-screen>small,.consent-check{font-size:12px}
.hero-badge,.hero p,.month-saving span,.month-saving small,
.quick-prompts button,.link-card span,.link-card button,
.compare-entry>p,.decision-card>p,.decision-card>strong,
.section-head button,.reason,.primary.compact,
.trust-card p,.privacy-card p,.segmented button,
.order-product p,.order-status button,.wallet-hero>span,.wallet-hero>button,
.saving-report p,.ledger-list b,.safety-note b,.profile-card p,.profile-card button,
.menu-list b,.sheet p,.toast,.text-button,.empty-state p,.empty-state button,
.quote-result em,.form-sheet>label:not(.setting-row),.privacy-actions button{font-size:12px}
.eyebrow,.decision-label,.capability,.match-chip,.offer-card .seller,.verified,
.comparison-warnings p,.section-head span,.score,.tags span,.price-line small,.price-line del,
.breakdown,.nav-item,.order-meta,.order-status,.progress div,.wallet-hero p span,
.saving-report span,.ledger-list small,.safety-note p,.profile-card span,.profile-saving span,
.menu-list small,.uncertainty,.quote-result>span,.quote-result p,.ticket-item span,
.setting-row small{font-size:11px}

/* 购物车免费体检：入口、截图上传、同款确认与家庭采购账单 */
.cart-hero{background:linear-gradient(145deg,#eef6e8 0%,#fffaf0 72%)}
.cart-entry{display:block}.cart-entry>p{margin-bottom:16px}.cart-input{display:grid;gap:12px}.cart-input textarea{min-height:124px;line-height:1.7}
.cart-mode{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#e9ede6;border-radius:14px;padding:5px;margin-bottom:18px}.cart-mode button{border:0;border-radius:10px;background:transparent;color:var(--muted);padding:11px 8px;font-size:12px}.cart-mode button.active{background:white;color:var(--green);font-weight:800;box-shadow:0 4px 14px rgba(19,55,45,.08)}
.screenshot-picker{min-height:148px;border:1.5px dashed #a9bdb1;border-radius:18px;background:#f8fbf6;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;cursor:pointer}.screenshot-picker input{position:absolute;opacity:0;pointer-events:none}.screenshot-picker .upload-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#dcebdc;color:var(--green);font-size:25px;margin-bottom:9px}.screenshot-picker b{font-size:14px}.screenshot-picker small{font-size:11px;color:var(--muted);margin-top:6px}
.cart-bill{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:20px;margin:16px 0 24px;box-shadow:var(--shadow)}.cart-bill-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.cart-bill-head h2{font-size:21px;margin:6px 0 0}.bill-time{font-size:11px;color:var(--muted);white-space:nowrap}.cart-totals{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0;background:#123f35;color:white;border-radius:18px;padding:15px}.cart-totals div{display:flex;flex-direction:column;gap:5px;padding-right:8px;border-right:1px solid rgba(255,255,255,.14)}.cart-totals div:last-child{border:0}.cart-totals span{font-size:10px;color:#bcd0c9}.cart-totals b{font-size:14px}.cart-totals strong{font-size:19px;color:var(--lime)}
.cart-items{display:grid;gap:11px}.cart-item-card{border:1px solid var(--line);border-radius:17px;padding:15px;background:#fff}.cart-item-head{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:start}.cart-index{width:28px;height:28px;border-radius:9px;background:#e6efe7;color:var(--green);display:grid;place-items:center;font-size:12px;font-weight:800}.cart-item-head h3{font-size:13px;margin:1px 0 4px;line-height:1.45}.cart-item-head p{font-size:10px;color:var(--muted);margin:0}.cart-status{font-size:10px;padding:5px 7px;border-radius:99px;white-space:nowrap}.cart-status.verified{background:#ddf1e3;color:#21764f}.cart-status.pending{background:#fff0ce;color:#936b1f}.cart-status.unavailable{background:#f3e6e2;color:#a34f42}.cart-reason{font-size:11px;color:var(--muted);line-height:1.55;margin:10px 0 0}.ocr-price{display:block;color:#8a681e;background:#fff6df;border-radius:8px;padding:7px 9px;margin-top:8px;font-size:10px}.verified-offer{display:grid;grid-template-columns:1fr auto;gap:4px 10px;background:#edf5ed;border-radius:11px;padding:11px;margin-top:10px}.verified-offer b{font-size:11px}.verified-offer span{grid-column:1;font-size:10px;color:var(--muted)}.verified-offer strong{grid-column:2;grid-row:1/3;align-self:center;font-size:17px;color:var(--orange)}
.cart-candidates{display:grid;gap:8px;margin-top:11px}.cart-candidate{display:flex;gap:9px;border:1px solid var(--line);border-radius:12px;padding:10px;cursor:pointer}.cart-candidate.selected{border-color:var(--green);background:#f0f7f0;box-shadow:inset 0 0 0 1px var(--green)}.cart-candidate input{accent-color:var(--green);margin-top:3px}.cart-candidate>span{display:flex;flex-direction:column;gap:3px;min-width:0}.cart-candidate b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-candidate small{font-size:10px;color:var(--muted)}.cart-candidate em{font-style:normal;font-size:10px;color:var(--orange)}.cart-confirm{width:100%;margin-top:14px}.cart-warnings{margin-top:13px;border-top:1px dashed var(--line);padding-top:8px}.cart-warnings p{font-size:10px;color:var(--muted);line-height:1.5;margin:4px 0}
@media(max-width:520px){.cart-totals{grid-template-columns:1fr 1fr}.cart-totals div:nth-child(2){border-right:0}.cart-totals div:nth-child(-n+2){padding-bottom:9px;border-bottom:1px solid rgba(255,255,255,.14)}.cart-totals div:nth-child(3){border-right:1px solid rgba(255,255,255,.14)}.cart-item-head{grid-template-columns:30px minmax(0,1fr)}.cart-status{grid-column:2;justify-self:start}.verified-offer{grid-template-columns:1fr}.verified-offer strong{grid-column:1;grid-row:auto}.cart-mode button{font-size:11px}}