:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#233027;background:#f6f5f0;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.65;cursor:wait}.app-shell{max-width:1080px;margin:auto}.topbar{height:76px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9e9e2}.brand-lockup{display:flex;align-items:center;gap:11px}.brand-mark{width:37px;height:37px;display:grid;place-items:center;background:#264c34;color:#fff;border-radius:12px;font-size:20px;font-weight:800}.brand-lockup strong{display:block;font-size:17px;letter-spacing:-.04em}.brand-lockup small{display:block;font-size:10px;color:#899188;letter-spacing:.1em;margin-top:2px}.icon-button{border:1px solid #d8ded5;background:#fff;border-radius:999px;padding:9px 13px;font-size:12px;color:#425448}.icon-button span{font-size:16px}main{padding:20px 24px 70px}.hero{position:relative;background:#e8f1e8;border:1px solid #dae8d8;border-radius:29px;padding:26px 28px 21px;overflow:hidden}.hero:after{content:"";position:absolute;right:-90px;top:-128px;width:300px;height:300px;border:1px solid #ccdfcf;border-radius:50%;box-shadow:0 0 0 41px #e2eee3,0 0 0 42px #d9e9da;pointer-events:none}.hero-heading,.amount-row,.slider-wrap,.quick-row,.hero-note{position:relative;z-index:1}.hero-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.eyebrow{color:#648274;font-size:10px;font-weight:800;letter-spacing:.16em}.data-chip{background:#fff9;border:1px solid #d4e2d3;color:#56745f;border-radius:20px;padding:7px 10px;font-size:10px;white-space:nowrap}.amount-row{display:flex;align-items:end;justify-content:space-between;margin-top:18px}.amount-label{font-size:15px;color:#526b58;font-weight:650}.amount{font-family:Georgia,Microsoft YaHei,serif;line-height:1.1;font-size:clamp(58px,10vw,104px);font-weight:700;letter-spacing:-.065em;color:#203f2c;margin-top:3px}.amount span{font-size:.49em;vertical-align:18%;margin-right:7px}.edit-amount{border:0;background:#224b31;color:#fff;padding:11px 14px;border-radius:13px;font-size:11px;white-space:nowrap;margin-bottom:13px}.slider-wrap{margin-top:8px}.slider-wrap input{width:100%;appearance:none;height:32px;background:transparent;touch-action:none;margin:0}.slider-wrap input::-webkit-slider-runnable-track{height:9px;border-radius:10px;background:linear-gradient(to right,#2b6843 0 var(--fill),#c6ddc7 var(--fill) 100%)}.slider-wrap input::-moz-range-track{height:9px;border-radius:10px;background:#c6ddc7}.slider-wrap input::-webkit-slider-thumb{appearance:none;width:27px;height:27px;border-radius:50%;background:#fff;border:7px solid #23603a;box-shadow:0 2px 8px #2c5b3544;margin-top:-9px}.slider-wrap input::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:7px solid #23603a}.slider-labels{display:flex;justify-content:space-between;color:#7a9280;font-size:11px;margin-top:0}.quick-row{display:flex;gap:6px;margin-top:21px}.quick-row button{flex:1;border:1px solid #c9d9cb;background:#f7fbf7;color:#48624e;border-radius:10px;padding:9px 0;font-size:12px;font-weight:750;min-width:0}.quick-row button.active{background:#275737;color:#fff;border-color:#275737}.quick-row button:first-child,.quick-row button:last-child{font-size:17px;padding:6px 0}.amount-input{position:absolute;opacity:0;width:1px;height:1px;left:0;bottom:0}.hero-note{font-size:11px;color:#5b785f;margin:15px 0 0}.mode-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:17px 0 32px}.mode-tabs button{border:1px solid #e4e6de;border-radius:16px;background:#fff;padding:13px 12px;text-align:left;color:#607065;transition:transform .15s,background .15s}.mode-tabs button:active{transform:scale(.98)}.mode-tabs button.selected{background:#254b34;color:#fff;border-color:#254b34;box-shadow:0 9px 16px #244b3422}.mode-tabs strong{display:block;font-size:17px}.mode-tabs small{display:block;font-size:10px;margin-top:3px;opacity:.72}.section{margin-top:4px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:17px;gap:10px}.section h2,.share-strip h2,.sheet h2{margin:4px 0 0;font-size:27px;letter-spacing:-.06em}.count-pill{border-radius:30px;background:#e9ede7;color:#5c745d;padding:6px 10px;font-size:11px}.scroll-row{display:flex;gap:7px;overflow:auto;scrollbar-width:none}.scroll-row::-webkit-scrollbar{display:none}.chips button,.recs button{flex:none;border:1px solid #dfe3da;background:#fff;color:#68766c;border-radius:999px;padding:9px 13px;font-size:11px;white-space:nowrap}.chips button.chosen{background:#293f31;border-color:#293f31;color:#fff}.filter-row{display:flex;justify-content:space-between;gap:9px;margin:17px 0}.filter-row select,.compare-controls select{border:1px solid #e1e5de;background:#fff;padding:9px 12px;border-radius:11px;color:#485b4c;font-size:11px;min-width:0}.filter-row select{width:50%}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-card{min-width:0;background:#fff;border:1px solid #ecede6;border-radius:20px;padding:15px;box-shadow:0 5px 14px #374c3510;min-height:199px;position:relative;overflow:hidden}.product-card-top{display:flex;justify-content:space-between;align-items:start}.product-icon{flex:none;width:62px;height:62px;display:inline-grid;place-items:center;background:#eef4eb;border-radius:15px;overflow:hidden;color:#46664c;font-weight:800}.product-icon img{display:block;width:100%;height:100%;object-fit:contain}.product-icon:after{content:attr(data-fallback);font-size:29px}.product-icon:has(img:not([style*=none])):after{display:none}.product-icon--small{width:38px;height:38px;border-radius:10px}.product-icon--small:after{font-size:19px}.product-category{font-size:9px;color:#97a098;white-space:nowrap}.product-card h3{font-size:13px;margin:10px 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-quantity{font-size:30px;font-weight:800;letter-spacing:-.06em;color:#245b39;min-height:38px}.product-quantity small{font-size:12px;margin-left:3px;letter-spacing:0}.not-enough{font-size:17px;color:#b7774e;letter-spacing:0}.product-card p{font-size:10px;color:#859087;margin:4px 0}.remain{font-size:9px;color:#9aa49a}.more-button{width:100%;border:1px solid #dae3d8;border-radius:15px;background:#fff;color:#385843;padding:13px;margin-top:13px;font-size:12px;font-weight:750;display:flex;justify-content:center;gap:14px}.bundle-card{background:#fff;border:1px solid #e7e8df;border-radius:25px;margin-top:15px;padding:22px;box-shadow:0 12px 25px #344b3612}.bundle-top,.bundle-total{display:flex;justify-content:space-between;align-items:center}.bundle-badge{font-size:10px;font-weight:800;letter-spacing:.15em;color:#52765a}.bundle-top button,.shuffle{border:0;background:#e8f2e9;color:#31573c;border-radius:20px;padding:9px 11px;font-size:11px}.bundle-card h3{font-size:29px;margin:18px 0 3px}.bundle-sub{font-size:12px;color:#879389;margin:0 0 22px}.bundle-lines{border-top:1px solid #edf0e8}.bundle-line{display:flex;align-items:center;gap:11px;border-bottom:1px solid #edf0e8;padding:12px 0;font-size:13px}.bundle-line span:nth-child(2){flex:1;font-weight:700}.bundle-line small,.compare-lines small{display:block;color:#89968b;font-size:10px;font-weight:500;margin-top:3px}.bundle-line strong{font-size:13px}.bundle-total{margin-top:20px;background:#edf4ed;border-radius:15px;padding:15px;font-size:11px;color:#667769}.bundle-total b{display:block;color:#2b5137;font-size:22px;margin-top:2px}.empty{padding:40px 12px;text-align:center;color:#8b968b;font-size:12px}.recs{margin-bottom:17px}.recs button{background:#edf2eb;border:0;color:#5a765c}.compare-controls{display:flex;align-items:center;gap:8px;margin-bottom:12px}.compare-controls select{flex:1;background:#fff}.compare-controls span{font-family:Georgia,serif;color:#9aa99b;font-style:italic;font-weight:800}.compare-kind{margin-bottom:14px}.compare-kind button{font-size:10px;padding:8px 10px}.compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.compare-card{min-width:0;border-radius:21px;background:#e7f0e5;padding:17px 13px 15px;min-height:342px;display:flex;flex-direction:column}.compare-card--1{background:#fff0df}.compare-top span{font-size:9px;color:#749078;letter-spacing:.12em;font-weight:800}.compare-card--1 .compare-top span{color:#b89167}.compare-top strong{display:block;font-size:17px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compare-amount{font-size:11px;color:#69836c;margin:4px 0 14px}.compare-card--1 .compare-amount{color:#ac8c70}.compare-lines{flex:1}.compare-lines>div{display:flex;gap:7px;align-items:center;margin-bottom:10px;min-width:0}.compare-lines>div>span:nth-child(2){font-size:11px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compare-footer{border-top:1px solid #c9dac8;padding-top:12px;font-size:10px;color:#657d69}.compare-card--1 .compare-footer{border-color:#ecd7be;color:#997f62}.compare-footer span{display:block}.compare-footer b{font-size:19px;color:#2c5137}.share-strip{background:#233e30;border-radius:24px;color:#fff;margin-top:37px;padding:26px;display:flex;justify-content:space-between;align-items:end;gap:18px}.share-strip .eyebrow{color:#a4c6a9}.share-strip h2{font-size:23px;line-height:1.35;max-width:450px}.share-strip p{font-size:11px;color:#b3c9b7}.share-strip button{border:0;border-radius:12px;background:#e1eecf;color:#2b4d32;padding:13px 16px;font-size:12px;font-weight:800;white-space:nowrap}footer{padding:30px 24px 55px;border-top:1px solid #e7e8e0;color:#9aa59b;display:flex;gap:15px;flex-wrap:wrap;font-size:10px}footer strong{color:#506854}.overlay{position:fixed;inset:0;background:#142019a9;z-index:20;display:flex;align-items:end;justify-content:center}.sheet{background:#fafbf7;border-radius:25px 25px 0 0;width:min(100%,620px);max-height:91dvh;display:flex;flex-direction:column;padding:20px 19px calc(17px + env(safe-area-inset-bottom));box-shadow:0 -8px 30px #0002}.sheet-header{display:flex;justify-content:space-between;align-items:start}.sheet h2{font-size:25px}.sheet-header>button{border:0;background:#e9eee7;width:36px;height:36px;border-radius:50%;font-size:25px;color:#526454}.sheet>p{font-size:11px;color:#819083;line-height:1.6}.search{width:100%;border:1px solid #e1e7df;background:#fff;padding:12px;border-radius:12px;outline-color:#4e7955}.price-list{overflow:auto;flex:1;margin-top:12px}.price-item{display:flex;align-items:center;gap:9px;border-bottom:1px solid #e9ede6;padding:9px 0}.price-item>div{flex:1;min-width:0}.price-item strong{display:block;font-size:12px}.price-item small{display:block;font-size:9px;color:#9aa69b;margin-top:3px}.price-item label{white-space:nowrap;color:#617a64;font-size:11px}.price-item input{width:68px;border:1px solid #dbe4db;background:#fff;padding:7px 5px;border-radius:8px;text-align:right;font-size:12px}.price-item>button{border:0;background:none;color:#6e8a71;font-size:18px}.sheet-actions{display:flex;gap:8px;padding-top:14px}.sheet-actions button{flex:1;border:1px solid #dce5da;background:#fff;color:#456347;border-radius:12px;padding:12px;font-size:12px;font-weight:750}.sheet-actions button:last-child{background:#285637;color:#fff;border-color:#285637}.poster-sheet{align-items:stretch}.poster-sheet>img{width:auto;height:auto;max-height:67dvh;max-width:100%;object-fit:contain;align-self:center;margin:12px 0;border-radius:10px;box-shadow:0 5px 20px #0002}@media(max-width:430px){.topbar{height:66px;padding:0 18px}main{padding:13px 14px 50px}.hero{padding:20px 18px 17px;border-radius:24px}.hero:after{opacity:.55}.amount-label{font-size:13px}.amount{font-size:68px}.mode-tabs{gap:6px;margin-bottom:25px}.mode-tabs button{padding:10px 9px}.mode-tabs strong{font-size:15px}.mode-tabs small{font-size:9px}.section h2{font-size:24px}.product-card{padding:12px;min-height:188px}.product-icon{width:53px;height:53px}.product-icon--small{width:35px;height:35px}.share-strip{padding:20px;display:block}.share-strip button{margin-top:7px}.compare-card{padding:14px 10px}.compare-top strong{font-size:15px}}@media(max-width:350px){.quick-row{gap:3px}.quick-row button{font-size:10px}.compare-grid{gap:6px}.compare-card{padding:11px 7px}.compare-lines>div{gap:4px}.compare-lines>div>span:nth-child(2){font-size:10px}}.amount-input-row{position:relative;z-index:1;display:flex;align-items:center;gap:8px;margin-top:12px;color:#5b785f;font-size:11px}.amount-input-row .amount-input{position:static;opacity:1;width:72px;height:31px;padding:4px 7px;border:1px solid #c9d9cb;background:#fff;border-radius:8px;color:#285637;font-size:13px;font-weight:700;text-align:center}.hero-note{margin-top:8px}