:root{color:#26221f;background:#f7f3ee;font:16px/1.5 Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}#app{min-height:100vh}button{font:inherit;cursor:pointer}.shell{place-items:center;min-height:100vh;padding:18px;display:grid}.phone{background:#fff;border:1px solid #ece4da;border-radius:28px;gap:16px;width:min(430px,100%);padding:18px;display:grid;box-shadow:0 14px 36px #1e161014}.app-phone{padding-bottom:12px}.top,.item-foot,.cartbar,.store-card,.order-status,.row-between{justify-content:space-between;align-items:center;gap:12px;display:flex}.stack-24{gap:24px;display:grid}.stack-20{gap:20px;display:grid}.stack-16{gap:16px;display:grid}.stack-8{gap:8px;display:grid}.status-card,.hero-card,.store-card,.product-card,.cart-card,.panel-card,.order-card,.mine-item,.checkout-summary,.modal{background:#fffdfa;border:1px solid #ebe4da;border-radius:18px}.status-card{padding:14px}.hero-card{padding:16px}.hero-banner{color:#fff;background:linear-gradient(135deg,#f46d39,#ff9d6b);border-radius:22px;gap:16px;padding:18px;display:grid}.hero-copy h1{margin:10px 0 8px;font-size:1.3rem}.hero-copy p{opacity:.92;margin:0}.hero-actions{flex-wrap:wrap;gap:10px;display:flex}.metric-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.metric-card{background:#fffdfa;border:1px solid #ebe4da;border-radius:18px;gap:8px;padding:14px;display:grid}.metric-label{color:#7a6f65;font-size:.9rem}.metric-value{font-size:1.6rem;font-weight:800}.feature-stack,.service-list{gap:10px;display:grid}.pill-row{flex-wrap:wrap;gap:8px;display:flex}.pill,.status-pill,.badge{color:#6d645d;background:#f4efe8;border:1px solid #eadfd4;border-radius:999px;padding:8px 12px}.pill.is-active,.status-pill.success{color:#fff;background:#f46d39;border-color:#0000}.accent-button,.ghost-button,.checkout,.add,.close-btn{border-radius:14px}.accent-button{color:#fff;background:#f46d39;border:none;padding:12px 16px}.ghost-button,.close-btn{background:#fff;border:1px solid #e9dfd3;padding:12px 16px}.store-list,.mine-list,.order-list,.detail-list{gap:10px;display:grid}.detail-row,.order-meta{justify-content:space-between;align-items:center;gap:10px;display:flex}.detail-row{background:#f9f4ee;border:1px solid #ecdfd1;border-radius:14px;padding:12px 14px}.detail-row span,.order-meta{color:#786e66;font-size:.9rem}.timeline{gap:12px;padding:2px 0;display:grid}.timeline-step{color:#8d8177;grid-template-columns:18px 1fr;align-items:start;gap:10px;display:grid}.timeline-step strong{color:#352d27}.timeline-step.active{color:#5f4a39}.timeline-dot{background:#fff;border:2px solid #d9cec2;border-radius:50%;width:12px;height:12px;margin-top:4px}.timeline-step.active .timeline-dot{background:#f46d39;border-color:#f46d39}.action-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.benefit-card,.coupon-card,.service-card{background:#fffdfa;border:1px solid #ecdfd1;border-radius:16px;gap:6px;padding:14px;display:grid}.benefit-card span,.coupon-card span,.service-card span{color:#786e66;font-size:.92rem}.store-card,.mine-item,.order-card{text-align:left;width:100%;padding:14px}.store-card.active,.order-card.active,.product-card.active,.mine-item.active{border-color:#f3b49d;box-shadow:0 0 0 2px #f46d391a}.section-title{font-size:1rem;font-weight:700}.section-subtitle,.muted,.mine-item span{color:#786e66}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.product-card{text-align:left;gap:10px;padding:12px;display:grid}.product-thumb{color:#6d6156;background:linear-gradient(135deg,#d7cdc4,#f0e8df);border-radius:14px;place-items:center;height:96px;font-weight:700;display:grid}.cart-card{gap:12px;padding:14px;display:grid}.checkout-summary{gap:10px;padding:12px;display:grid}.summary-row{justify-content:space-between;gap:12px;display:flex}.overlay{background:#110c086b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{gap:14px;width:min(430px,100%);padding:16px;display:grid;box-shadow:0 24px 48px #1e16102e}.spec-group{gap:10px;display:grid}.bottom-nav{background:linear-gradient(#fff0,#fff);grid-template-columns:repeat(5,1fr);gap:8px;padding:10px 0 0;display:grid;position:sticky;bottom:0}.bottom-nav button{color:#766b61;background:#fffdfa;border:1px solid #e9dfd3;border-radius:14px;padding:10px 8px}.bottom-nav button.active{color:#fff;background:#f46d39;border-color:#0000}@media (width<=420px){.metric-grid,.product-grid,.action-grid{grid-template-columns:1fr}}