:root{--bg:#f5f7fb;--surface:#fff;--surface-soft:#f8fafc;--text:#172033;--muted:#637083;--border:#dce3ee;--blue:#1677ff;--blue-dark:#0958d9;--blue-soft:#eaf3ff;--danger:#d4380d;--success:#16a34a;--shadow:0 18px 45px #18274b14;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}#root{min-height:100vh}.shop-shell{background:linear-gradient(180deg, #1677ff14, transparent 360px), var(--bg);min-height:100vh}.site-header{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:minmax(240px,1fr) auto minmax(280px,420px) auto;align-items:center;gap:18px;width:min(1180px,100% - 32px);margin:0 auto;padding:16px 0;display:grid;position:sticky;top:0}button{background:var(--blue);color:#fff;border:0;border-radius:6px;min-height:42px;padding:0 16px;font-weight:650;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}button:hover{background:var(--blue-dark);transform:translateY(-1px);box-shadow:0 10px 22px #1677ff2e}input,select,textarea{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:6px;outline:none;padding:11px 12px}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1677ff1f}textarea{resize:vertical;min-height:94px}main{width:min(1180px,100% - 32px);margin:0 auto;padding:18px 0 72px}.brand{min-height:auto;color:var(--text);text-align:left;background:0 0;border-radius:0;justify-self:start;align-items:center;gap:12px;padding:0;display:inline-flex}.brand:hover,.text-button:hover{box-shadow:none;background:0 0;transform:none}.brand-mark,.alipay-logo,.success-mark{background:var(--blue);color:#fff;border-radius:8px;place-items:center;width:40px;height:40px;font-weight:800;display:inline-grid}.brand strong,.brand small{display:block}.brand small{color:var(--muted);margin-top:3px;font-size:12px;font-weight:500}nav{border:1px solid var(--border);background:#ffffffb8;border-radius:8px;gap:6px;padding:4px;display:inline-flex}nav button,.filter-row button,.secondary,.text-button{color:var(--text);background:0 0}nav button{min-height:34px;padding:0 12px}nav button.active,.filter-row button.active{background:var(--blue);color:#fff}.header-search{gap:8px;display:flex}.header-search button,.cart-button{white-space:nowrap}.cart-button{background:#101828}.hero-section{border:1px solid var(--border);background:radial-gradient(circle at 78% 20%, #1677ff24, transparent 34%), var(--surface);min-height:380px;box-shadow:var(--shadow);border-radius:10px;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);align-items:stretch;gap:28px;padding:42px;display:grid}.hero-copy{flex-direction:column;justify-content:center;display:flex}h1,h2,h3,p{margin:0}h1{max-width:720px;font-size:48px;font-weight:760;line-height:1.08}.hero-copy p,.detail-info p,.payment-panel p,.empty-state p{max-width:680px;color:var(--muted);margin-top:16px;line-height:1.72}.hero-actions,.action-row{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.secondary{border:1px solid var(--border);background:var(--surface)}.secondary:hover,.filter-row button:hover{border-color:var(--blue);background:var(--blue-soft);color:var(--blue-dark)}.hero-panel{background:var(--surface);border:1px solid #c9ddff;border-radius:10px;flex-direction:column;justify-content:flex-end;min-height:280px;padding:0;display:flex;overflow:hidden}.hero-visual img{object-fit:cover;object-position:center;width:100%;height:100%;min-height:280px}.section-block,.page-section,.detail-layout,.checkout-layout,.empty-state,.payment-panel{margin-top:28px}.section-title{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;display:flex}.section-title h2{font-size:26px}.section-title span{color:var(--muted);font-size:14px}.service-grid,.category-grid,.product-grid{gap:14px;display:grid}.service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.service-grid article,.category-grid button,.product-card,.detail-card,.summary-card,.form-panel,.cart-list,.payment-panel,.empty-state{border:1px solid var(--border);background:var(--surface);border-radius:8px;box-shadow:0 10px 28px #18274b0d}.service-grid article{padding:18px}.service-grid article span{background:var(--blue-soft);width:34px;height:34px;color:var(--blue-dark);border-radius:7px;place-items:center;margin-bottom:14px;font-weight:800;display:inline-grid}.service-grid article strong{margin-bottom:8px;display:block}.service-grid article p,.product-description,.cart-row small{color:var(--muted);font-size:14px;line-height:1.55}.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.category-grid button{min-height:90px;color:var(--text);text-align:left;align-items:flex-start;padding:18px}.category-grid button span,.category-grid button small{display:block}.category-grid button small{color:var(--muted);margin-top:8px;font-weight:500}.catalog-toolbar{grid-template-columns:1fr 220px;gap:12px;margin-bottom:14px;display:grid}.filter-row{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.filter-row button{border:1px solid var(--border);min-height:36px}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.product-card{min-height:310px;color:var(--text);text-align:left;flex-direction:column;align-items:stretch;padding:14px;display:flex}.product-card:hover{background:var(--surface);border-color:#b7cff8}.product-image,.detail-media,.cart-thumb{background:#eef6ff;border-radius:8px;place-items:center;display:grid;overflow:hidden}.product-image{height:128px;margin-bottom:14px}.product-image img,.detail-media img,.cart-thumb img{object-fit:cover;width:100%;height:100%;display:block}.product-meta{background:var(--surface-soft);width:fit-content;color:var(--blue-dark);border-radius:5px;margin-bottom:8px;padding:5px 8px;font-size:12px;font-weight:750}.product-card strong{margin-bottom:8px;font-size:17px}.product-bottom{justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;display:flex}.product-bottom span,.price-row strong,.summary-card .total dd,.payment-panel>strong{color:var(--blue-dark);font-size:22px;font-weight:800}.product-bottom small{color:var(--muted)}.detail-layout{gap:14px;display:grid}.detail-card{grid-template-columns:minmax(280px,.78fr) 1fr;gap:32px;padding:28px;display:grid}.detail-media{border-radius:10px;min-height:420px}.detail-info{flex-direction:column;justify-content:center;display:flex}.detail-text{padding-top:4px}.price-row{align-items:center;gap:12px;margin-top:18px;display:flex}.price-row del{color:var(--muted)}.tag-row{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.tag-row span{background:var(--blue-soft);color:var(--blue-dark);border-radius:5px;padding:6px 10px;font-size:13px;font-weight:700}.stock-text{margin-top:18px}.purchase-notes{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.purchase-notes span{border:1px solid var(--border);background:var(--surface-soft);color:var(--muted);border-radius:6px;padding:7px 10px;font-size:13px;font-weight:700}.detail-sections{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.detail-sections section{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;padding:14px}.detail-sections h2{margin-bottom:10px;font-size:16px}.detail-sections ul{color:var(--muted);gap:7px;margin:0;padding-left:18px;font-size:14px;line-height:1.5;display:grid}.detail-sections p{color:var(--muted);margin-top:0;font-size:14px;line-height:1.55}.text-button{min-height:auto;color:var(--blue-dark);justify-self:start;padding:0}.checkout-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:18px;display:grid}.cart-list,.form-panel,.summary-card{padding:20px}.cart-row{border-top:1px solid var(--border);grid-template-columns:54px minmax(0,1fr) auto auto auto;align-items:center;gap:14px;padding:14px 0;display:grid}.cart-thumb{width:54px;height:54px;font-size:22px}.cart-row div>strong,.cart-row div>small{display:block}.quantity-control{border:1px solid var(--border);background:var(--surface);border-radius:6px;grid-template-columns:34px 36px 34px;align-items:center;display:inline-grid;overflow:hidden}.quantity-control button{background:var(--surface-soft);min-height:34px;color:var(--text);border-radius:0;padding:0}.quantity-control span{text-align:center;font-weight:700}.summary-card{position:sticky;top:86px}.summary-card h2{margin-bottom:18px}.summary-card dl{margin:0}.summary-card dl div{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:11px 0;display:flex}.summary-card dt{color:var(--muted)}.summary-card dd{margin:0;font-weight:700}.payment-method{background:var(--blue-soft);color:var(--blue-dark);border:1px solid #b7d5ff;border-radius:8px;align-items:center;gap:10px;margin:18px 0;padding:12px;font-weight:800;display:flex}.payment-method .alipay-logo{border-radius:6px;width:28px;height:28px}.summary-card button,.payment-panel button{width:100%}.form-panel{gap:14px;display:grid}.form-panel label{color:var(--muted);gap:7px;font-size:14px;font-weight:700;display:grid}.error-list{color:var(--danger);background:#d4380d14;border:1px solid #d4380d47;border-radius:7px;padding:12px}.payment-panel,.empty-state{text-align:center;justify-items:center;max-width:560px;margin-left:auto;margin-right:auto;padding:38px;display:grid}.payment-panel .alipay-logo,.success-mark{border-radius:12px;width:58px;height:58px;margin-bottom:18px;font-size:26px}.payment-panel h1,.empty-state h1{font-size:34px}.qr-box{border:12px solid var(--surface);outline:1px solid var(--border);width:190px;height:190px;color:var(--blue);background:linear-gradient(90deg,#111 8px,#0000 8px) 0 0/24px 24px,linear-gradient(#111 8px,#0000 8px) 0 0/24px 24px,#fff;border-radius:8px;place-items:center;margin:24px 0 16px;font-weight:900;display:grid}.success .success-mark{background:var(--success)}.success>strong{margin:18px 0 4px}.empty-state button{margin-top:22px}@media (width<=980px){.site-header{grid-template-columns:1fr auto}.site-header nav,.header-search{grid-column:1/-1}.header-search{order:3}.hero-section,.detail-card,.checkout-layout,.detail-sections{grid-template-columns:1fr}.service-grid,.category-grid,.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-card{position:static}}@media (width<=640px){.site-header,main{width:min(100% - 20px,1180px)}.site-header{grid-template-columns:1fr;gap:10px}.brand{max-width:100%}.brand strong{font-size:14px}.cart-button,nav,.header-search{width:100%}nav button,.header-search input{min-width:0}.header-search{grid-template-columns:1fr auto}.hero-section{min-height:auto;padding:24px}h1{font-size:34px}.hero-panel{min-height:220px}.service-grid,.category-grid,.product-grid,.catalog-toolbar{grid-template-columns:1fr}.section-title{flex-direction:column;align-items:flex-start;gap:4px}.cart-row{grid-template-columns:48px 1fr}.cart-row .quantity-control,.cart-row>strong,.cart-row .text-button{grid-column:2;justify-self:start}.payment-panel,.empty-state{padding:26px 18px}}