:root{--ink:#4b3424;--muted:#836f5d;--gold:#c8872b;--orange:#da7137;--line:#e8c996;--paper:#fffdf6;--jade:#2f8e75;box-sizing:border-box;font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:var(--ink)}*{box-sizing:inherit}body{margin:0;min-height:100vh;background:radial-gradient(circle at 8% 0,rgba(255,255,255,.9),transparent 30%),linear-gradient(145deg,#fff8e9,#f8e4be);background-attachment:fixed}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:repeating-linear-gradient(135deg,transparent 0 23px,rgba(171,111,35,.08) 24px 25px)}button,input,select{font:inherit}.shell{width:min(1180px,calc(100% - 30px));margin:auto;padding:30px 0 24px}.hero{position:relative;overflow:hidden;min-height:245px;padding:42px 48px;border:1px solid #dfbc7d;border-radius:26px;background:linear-gradient(110deg,rgba(255,253,245,.98),rgba(250,229,188,.94));box-shadow:0 18px 55px rgba(109,65,24,.14)}.hero:after{content:"";position:absolute;right:-40px;bottom:-135px;width:520px;height:300px;border-radius:50%;background:repeating-radial-gradient(ellipse at center,transparent 0 20px,rgba(190,122,38,.12) 21px 23px)}.brand{display:flex;align-items:center;gap:10px;font-weight:700;color:#70402b}.brand span,.section-title>b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(145deg,var(--gold),var(--orange));color:#fff9e8;box-shadow:0 6px 16px rgba(185,106,34,.25)}.eyebrow{font-size:12px;letter-spacing:3px;color:#a1723b;margin:22px 0 5px}.hero h1{font-family:STKaiti,KaiTi,serif;font-size:58px;letter-spacing:8px;margin:0;color:#713d29}.hero>p:last-of-type{color:var(--muted);font-size:16px}.hero-seal{position:absolute;right:84px;top:50px;z-index:1;border:3px double #b64e36;color:#b64e36;padding:12px;font-family:KaiTi,serif;font-weight:700;font-size:22px;transform:rotate(6deg);border-radius:8px}.card{margin-top:20px;padding:28px;border:1px solid var(--line);border-radius:20px;background:rgba(255,253,246,.94);box-shadow:0 12px 34px rgba(121,75,29,.09)}.section-title{display:flex;gap:13px;align-items:center;margin-bottom:22px}.section-title>b{width:42px;height:42px;font-family:KaiTi,serif;font-size:22px}.section-title h2{margin:0;font-size:21px}.section-title p{margin:4px 0 0;color:var(--muted);font-size:13px}.form-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:18px}.form-grid label>span{display:block;margin-bottom:8px;color:#76543a;font-weight:600}.form-grid .wide{grid-column:1/-1}.joined{display:flex}.joined input{border-radius:10px 0 0 10px}.joined button{border-radius:0 10px 10px 0;border:0;padding:0 22px;background:linear-gradient(135deg,var(--gold),var(--orange));color:white;cursor:pointer}input,select{width:100%;height:48px;border:1px solid #dbbc89;border-radius:10px;background:#fffdf8;color:var(--ink);padding:0 14px;outline:none}input:focus,select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(200,135,43,.16)}input::placeholder{color:#a99480}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.product-card{position:relative;min-height:145px;padding:18px 14px;border:1px solid #e6c99a;border-radius:16px;background:linear-gradient(160deg,#fffdf7,#f9ecd1);color:var(--ink);cursor:pointer;text-align:left;transition:.18s}.product-card:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(146,87,27,.12)}.product-card.active{border:2px solid var(--orange);box-shadow:0 0 0 3px rgba(216,113,55,.13)}.product-card .jade{display:grid;place-items:center;width:46px;height:46px;border-radius:50% 44% 52% 46%;background:linear-gradient(145deg,#53b494,var(--jade));color:white;font-family:KaiTi,serif;font-size:24px;box-shadow:inset 0 0 0 4px rgba(255,255,255,.22)}.product-card strong{display:block;margin-top:11px;font-size:17px}.product-card small{display:block;margin-top:5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-card em{position:absolute;right:14px;top:18px;font-style:normal;color:#a9472e;font-weight:700;font-size:20px}.loading{grid-column:1/-1;text-align:center;color:var(--muted)}.checkout-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.methods{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pay-method{height:64px;border:1px solid #dfc397;border-radius:12px;background:#fffaf0;color:var(--ink);cursor:pointer}.pay-method i{display:inline-grid;place-items:center;width:32px;height:32px;margin-right:8px;border-radius:50%;background:#d69232;color:white;font-style:normal}.pay-method:last-child i{background:#42a66b}.pay-method.active{border:2px solid var(--orange);background:#fff0d9}.captcha-row{display:grid;grid-template-columns:1fr 130px 58px;gap:8px}.captcha-row img{width:130px;height:48px;border:1px solid #dfc397;border-radius:9px;background:#fff;cursor:pointer}.captcha-row button{border:1px solid #dfc397;border-radius:9px;background:#fffaf0;color:var(--ink);cursor:pointer}.summary{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border:1px dashed #d4ac6d;border-radius:14px;background:#fff7e7}.summary span,.summary small{display:block;color:var(--muted)}.summary strong{display:block;margin:4px 0}.summary .amount{text-align:right}.summary .amount strong{color:#b84f2c;font-size:30px}.charge-button{grid-column:1/-1;height:54px;border:0;border-radius:12px;background:linear-gradient(100deg,var(--gold),var(--orange));color:#fff;font-weight:700;font-size:18px;letter-spacing:4px;box-shadow:0 9px 20px rgba(179,94,34,.2);cursor:pointer}.charge-button:disabled{opacity:.6;cursor:not-allowed}details{margin-top:18px;color:var(--muted);font-size:14px}details summary{cursor:pointer;color:#76543a;font-weight:600}footer{text-align:center;padding:22px;color:#91765e}.modal{display:none;position:fixed;z-index:20;inset:0;padding:20px;background:rgba(72,48,30,.45);align-items:center;justify-content:center}.modal.show{display:flex}.modal-card{position:relative;width:min(440px,100%);padding:30px;border:1px solid var(--line);border-radius:18px;background:var(--paper);box-shadow:0 22px 60px rgba(61,35,18,.25)}.modal-card h3{margin-top:0}.modal-close{position:absolute;right:13px;top:10px;border:0;background:transparent;font-size:25px;color:var(--muted);cursor:pointer}.modal-primary{display:inline-block;margin-top:14px;padding:11px 24px;border:0;border-radius:9px;background:linear-gradient(135deg,var(--gold),var(--orange));color:#fff;text-decoration:none;cursor:pointer}.toast{position:fixed;z-index:30;left:50%;bottom:25px;transform:translate(-50%,20px);padding:11px 20px;border-radius:10px;background:#503624;color:#fff;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:780px){.shell{width:min(100% - 18px,620px);padding-top:10px}.hero{min-height:190px;padding:28px 24px}.hero h1{font-size:42px}.hero-seal{right:25px;top:28px;font-size:16px}.hero>p:last-of-type{max-width:70%}.card{padding:20px 16px}.form-grid,.checkout-grid{grid-template-columns:1fr}.form-grid .wide,.summary,.charge-button{grid-column:auto}.product-grid{grid-template-columns:repeat(2,1fr)}.captcha-row{grid-template-columns:1fr 105px 50px}.captcha-row img{width:105px}.summary{gap:12px}.product-card em{font-size:17px}}@media(max-width:390px){.hero-seal{display:none}.hero>p:last-of-type{max-width:100%}.product-grid{gap:9px}.product-card{min-height:132px;padding:13px 10px}.methods{grid-template-columns:1fr}.captcha-row{grid-template-columns:1fr 100px}.captcha-row button{display:none}}
.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.product-card{min-width:0}@media(max-width:780px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.payment-status{grid-column:1/-1;margin:0;color:var(--muted);line-height:1.7}.order-query{padding:10px 16px;margin-top:16px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);cursor:pointer}[hidden]{display:none!important}#orderStatus{overflow-wrap:anywhere;font-size:14px;line-height:1.7}

.joined button{flex:0 0 auto;white-space:nowrap}

.product-card small{white-space:normal;line-height:1.6}.product-card:disabled{opacity:.6;cursor:not-allowed}

.daily-welfare-link{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;margin-top:18px;padding:12px 16px;border:1px solid var(--line);border-radius:10px;background:#fff7e7;color:var(--jade);font-size:16px;font-weight:700;text-decoration:none}.daily-welfare-link:hover{background:#fff0d4}.daily-welfare-link:focus-visible{outline:2px solid var(--jade);outline-offset:3px}