:root{--ink:#17231e;--muted:#6f7a74;--paper:#fbfaf6;--green:#1e6546;--lime:#dff08b;--line:#e9e8df;--danger:#d9583b;--shadow:0 20px 55px rgba(28,55,43,.16)}
*{box-sizing:border-box}html{background:#e9ece7}body{margin:0;color:var(--ink);font:15px/1.65 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;background:var(--paper);min-height:100vh;-webkit-font-smoothing:antialiased}.app{width:min(100%,480px);min-height:100vh;margin:auto;background:var(--paper);box-shadow:0 0 70px rgba(16,38,28,.09)}
.hero{position:relative;min-height:410px;overflow:hidden;padding:28px 24px;color:#fff;background:linear-gradient(155deg,#174d38 0%,#317256 58%,#a2bf61 100%)}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;filter:blur(1px)}.hero:before{width:270px;height:270px;right:-100px;top:-80px;border:1px solid rgba(255,255,255,.3)}.hero:after{width:190px;height:190px;right:42px;bottom:-70px;background:rgba(224,241,139,.33)}.eyebrow{position:relative;z-index:1;display:inline-flex;gap:8px;align-items:center;padding:6px 11px;border:1px solid rgba(255,255,255,.34);border-radius:99px;font-size:12px;letter-spacing:.16em}.eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(223,240,139,.15)}.hero-copy{position:absolute;z-index:1;left:24px;right:24px;bottom:36px}.hero-kicker{margin:0 0 5px;color:#dff08b;font-size:14px}.hero h1{margin:0;max-width:350px;font:600 40px/1.12 Georgia,"Noto Serif SC",serif;letter-spacing:-.04em}.hero-note{margin:15px 0 0;max-width:310px;color:rgba(255,255,255,.78);font-size:14px}.product-card{position:relative;z-index:2;margin:-18px 16px 0;padding:22px;border-radius:22px;background:#fff;box-shadow:var(--shadow)}.sale-row{display:flex;align-items:end;justify-content:space-between;gap:18px}.price-label{font-size:12px;color:var(--muted)}.price{margin-top:2px;color:var(--danger);font-size:16px}.price strong{font:700 35px/1 Georgia,serif}.original{margin-left:7px;color:#9ca29e;font-size:13px;text-decoration:line-through}.stock{padding:7px 10px;border-radius:10px;background:#f1f5ed;color:var(--green);font-size:12px}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px;padding-top:17px;border-top:1px solid var(--line);color:#536059;font-size:12px;text-align:center}.feature-row span:before{content:"✓";display:inline-grid;place-items:center;width:17px;height:17px;margin-right:5px;border-radius:50%;color:var(--green);background:#e8f2ec;font-weight:700}
.rich{padding:34px 24px 124px}.section-label{display:flex;align-items:center;gap:10px;margin:0 0 24px;font-weight:700}.section-label:after{content:"";height:1px;flex:1;background:var(--line)}.rich h2{margin:0 0 16px;font:600 28px/1.3 Georgia,"Noto Serif SC",serif}.rich h3{margin:30px 0 12px;font-size:18px}.rich p{color:#536059}.rich ul,.rich ol{padding-left:22px;color:#536059}.rich li{margin:8px 0}.rich blockquote{margin:26px 0 0;padding:18px;border-left:3px solid var(--lime);border-radius:0 12px 12px 0;color:#607066;background:#f2f5ec}.rich img{display:block;max-width:100%;height:auto;border-radius:16px}.rich a{color:var(--green)}
.buybar{position:fixed;z-index:20;left:50%;bottom:0;width:min(100%,480px);transform:translateX(-50%);display:flex;align-items:center;gap:16px;padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:rgba(255,255,255,.94);border-top:1px solid rgba(224,226,218,.9);backdrop-filter:blur(16px)}.buybar-meta{flex:1}.buybar-meta small{display:block;color:var(--muted);font-size:11px}.buybar-meta b{color:var(--danger);font-size:22px}.primary{min-height:48px;padding:0 27px;border:0;border-radius:15px;color:#fff;background:var(--green);font-size:16px;font-weight:700;box-shadow:0 9px 22px rgba(30,101,70,.23);cursor:pointer}.primary:active{transform:scale(.98)}
.mask{position:fixed;z-index:50;inset:0;display:flex;align-items:flex-end;justify-content:center;background:rgba(12,25,19,.48);opacity:0;visibility:hidden;transition:.22s}.mask.open{opacity:1;visibility:visible}.sheet{width:min(100%,480px);padding:14px 22px calc(22px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0;background:#fff;transform:translateY(30px);transition:.25s}.open .sheet{transform:none}.grab{width:38px;height:4px;margin:0 auto 22px;border-radius:9px;background:#d9ddd9}.sheet h2{margin:0;font-size:21px}.sheet .sub{margin:3px 0 19px;color:var(--muted);font-size:13px}.spec{padding:16px;border:2px solid var(--green);border-radius:16px;background:#f4f8f4}.spec-head{display:flex;justify-content:space-between;font-weight:700}.spec small{color:var(--muted)}.quantity{display:flex;align-items:center;justify-content:space-between;margin:23px 0}.stepper{display:flex;align-items:center;overflow:hidden;border:1px solid var(--line);border-radius:11px}.stepper button{width:40px;height:38px;border:0;background:#f5f5f0;font-size:20px}.stepper output{width:45px;text-align:center}.sheet-total{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.sheet-total b{color:var(--danger);font-size:24px}.sheet .primary{width:100%}.sheet .primary:disabled{opacity:.6}
.toast{position:fixed;z-index:80;left:50%;top:20px;transform:translate(-50%,-18px);max-width:calc(100% - 40px);padding:10px 15px;border-radius:10px;color:#fff;background:#17231eea;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
.orders-page{padding:0 18px 40px}.orders-head{display:flex;align-items:center;gap:14px;padding:24px 2px}.back{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;color:var(--ink);text-decoration:none}.orders-head h1{margin:0;font-size:24px}.order-tabs{display:flex;gap:22px;border-bottom:1px solid var(--line)}.order-tabs button{position:relative;padding:0 0 13px;border:0;color:var(--muted);background:none}.order-tabs button.active{color:var(--ink);font-weight:700}.order-tabs button.active:after{content:"";position:absolute;left:20%;right:20%;bottom:-1px;height:3px;border-radius:3px;background:var(--green)}.order-list{display:grid;gap:13px;padding-top:18px}.order-card{padding:17px;border:1px solid var(--line);border-radius:18px;background:#fff}.order-top,.order-product,.order-bottom{display:flex;justify-content:space-between;gap:12px}.order-top{padding-bottom:13px;border-bottom:1px solid #f0f0ea;color:var(--muted);font-size:12px}.status{color:var(--green);font-weight:700}.status.pending{color:#c68128}.order-product{padding:16px 0}.thumb{display:grid;place-items:center;width:62px;height:62px;border-radius:15px;color:#fff;background:linear-gradient(145deg,#235d45,#b4cb72);font:700 13px Georgia,serif}.order-info{flex:1}.order-info b{display:block}.order-info small{color:var(--muted)}.order-bottom{align-items:center}.order-bottom strong{font-size:17px}.empty{padding:90px 20px;color:var(--muted);text-align:center}.loader{padding:90px;text-align:center;color:var(--muted)}
@media(min-width:481px){body{padding:24px 0}.app{border-radius:28px;overflow:hidden}.buybar{bottom:24px;border-radius:0 0 28px 28px}.sheet{margin-bottom:24px;border-radius:26px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.verifier-entry{position:absolute;z-index:3;right:20px;top:25px;padding:7px 11px;border:1px solid rgba(255,255,255,.35);border-radius:99px;color:#fff;background:rgba(12,37,27,.24);font-size:12px;text-decoration:none;backdrop-filter:blur(8px)}
.spec-list{display:grid;gap:10px;max-height:270px;overflow:auto}.spec-list .spec{display:flex;width:100%;align-items:center;justify-content:space-between;padding:14px 15px;border:1px solid var(--line);border-radius:14px;color:var(--ink);background:#fff;text-align:left;cursor:pointer}.spec-list .spec.selected{border:2px solid var(--green);padding:13px 14px;background:#f4f8f4;box-shadow:0 0 0 3px rgba(30,101,70,.08)}.spec-list .spec:disabled{opacity:.48;cursor:not-allowed}.spec-list .spec span,.spec-list .spec small{display:block}.spec-list .spec small{margin-top:2px;color:var(--muted)}.spec-list .spec strong{color:var(--danger);font-size:18px}.spec-empty{padding:18px;color:var(--muted);text-align:center}
.order-link{display:block;color:inherit;text-decoration:none;transition:.18s}.order-link:active{transform:scale(.99);background:#fafbf8}.chevron{align-self:center;color:#a8afa9;font-size:28px}.detail-page{padding:0 18px 50px}.state-hero{margin:4px 0 16px;padding:24px;border-radius:22px;color:#fff;background:linear-gradient(145deg,#174d38,#5b8b66)}.state-hero small{color:rgba(255,255,255,.72)}.state-hero h2{margin:4px 0 0;font-size:25px}.detail-card{margin-bottom:13px;padding:19px;border:1px solid var(--line);border-radius:19px;background:#fff}.detail-row{display:flex;justify-content:space-between;gap:20px;padding:8px 0;color:var(--muted)}.detail-row b{color:var(--ink);text-align:right}.qr-panel{text-align:center}.qr-panel h3{margin:0}.qr-panel p{margin:4px 0 17px;color:var(--muted);font-size:13px}.qr-wrap{display:inline-grid;place-items:center;min-width:220px;min-height:220px;padding:12px;border:1px solid var(--line);border-radius:18px;background:#fff}.qr-wrap img,.qr-wrap canvas{display:block}.verify-code{margin-top:12px;color:var(--muted);font-size:11px;letter-spacing:.08em}.used-stamp{display:inline-block;margin:10px;padding:7px 15px;border:2px solid var(--danger);border-radius:8px;color:var(--danger);font-weight:800;transform:rotate(-5deg)}.verify-page{display:grid;align-content:center;min-height:100vh;padding:28px}.verify-box{padding:26px;border-radius:24px;background:#fff;box-shadow:var(--shadow);text-align:center}.verify-icon{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 18px;border-radius:50%;color:#fff;background:var(--green);font-size:34px}.verify-box h1{margin:0}.verify-box p{color:var(--muted)}.staff-key{width:100%;height:48px;margin:12px 0;padding:0 14px;border:1px solid var(--line);border-radius:12px;font-size:16px;outline:none}.staff-key:focus{border-color:var(--green)}