:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1d3224;background:#f3faf4;--bg-page: #f3faf4;--bg-soft: #eef8f0;--bg-card: #ffffff;--bg-accent: #def2e4;--bg-accent-strong: #94caa2;--bg-accent-deep: #5ea774;--text-main: #1d3224;--text-muted: #67816d;--line-soft: #d5e7d9;--shadow-soft: 0 12px 30px rgba(58, 106, 71, .08)}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}body{background:radial-gradient(circle at top left,#f8fdf8 0%,var(--bg-page) 42%,#edf7ef 100%)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.app-shell{min-height:100vh;padding-bottom:calc(68px + env(safe-area-inset-bottom))}.page{min-height:100vh;padding:16px 16px 96px}.with-tabbar{padding-bottom:108px}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,#f5fbf6,#ecf7ee)}.login-card,.panel,.hero-panel,.address-panel,.empty-panel,.summary-card,.cart-card,.order-card,.address-card,.metric-card{background:var(--bg-card);border-radius:8px;box-shadow:var(--shadow-soft);border:1px solid #e3f0e6}.login-card{width:min(100%,420px);padding:28px}.page-header,.page-title-row,.status-row,.search-panel,.hero-panel,.address-panel__title,.order-card__header,.order-card__footer,.summary-card__meta,.cart-card__footer,.action-row,.sticky-summary,.check-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.page-header{margin-bottom:16px}.page-header__title{font-size:18px;font-weight:700}.page-header__extra{min-width:40px;text-align:right;color:var(--text-muted)}.eyebrow{color:#5f8c6c;font-size:12px;margin-bottom:8px}h1,h3,p{margin:0}h1{font-size:28px;line-height:1.2}h3{font-size:16px;line-height:1.4}.muted{color:var(--text-muted)}.error-text{color:#c63c3c;margin-top:12px}.divider{margin:16px 0 12px;color:var(--text-muted);font-size:13px;font-weight:600}.login-secondary{width:100%}.field{display:grid;gap:8px;margin-bottom:14px}.field span{font-size:14px;color:#4f6e58}.field input,.field textarea,.search-panel input{width:100%;border:1px solid var(--line-soft);border-radius:8px;padding:12px 14px;background:#fffffff0;color:var(--text-main)}.search-panel{margin:16px 0}.search-panel input{flex:1}.primary-button,.secondary-button,.ghost-button,.chip,.link-button{border:none;border-radius:8px;min-height:44px;padding:0 16px;cursor:pointer}.primary-button,.link-button{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#79bc8e 0%,var(--bg-accent-deep) 100%);color:#fff;box-shadow:0 10px 20px #5ea77438}.secondary-button{background:var(--bg-accent);color:#3b7d51}.ghost-button{background:#edf5ef;color:#496757}.ghost-button.danger{color:#b63535}.chip-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.chip{flex:0 0 auto;background:#edf5ef;color:#567263}.chip.is-active{background:var(--bg-accent);color:#2f7d49}.hero-panel,.panel,.address-panel{padding:18px;margin-bottom:16px}.hero-metrics,.metrics-grid,.product-grid,.menu-list,.stack-list,.mall-layout{display:grid;gap:12px}.hero-metrics{grid-template-columns:repeat(3,1fr)}.hero-metrics div,.metric-card{background:#f3fbf5;border-radius:8px;padding:14px;border:1px solid #e0efe3}.hero-metrics span,.metric-card span{display:block;color:var(--text-muted);font-size:13px;margin-bottom:6px}.hero-metrics strong,.metric-card strong{font-size:20px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}.mall-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.mall-title{font-size:22px}.topbar-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:64px;min-height:36px;padding:0 12px;border-radius:8px;background:#edf6ef;color:#436553;border:1px solid #d9e9dd}.mall-layout{grid-template-columns:92px minmax(0,1fr);align-items:start;min-height:calc(100vh - 220px)}.category-sidebar{position:sticky;top:16px;display:grid;gap:8px}.category-nav-item{width:100%;min-height:52px;padding:10px 8px;border:1px solid transparent;border-radius:8px;background:#edf5ef;color:#567263;text-align:left}.category-nav-item.is-active{background:#fff;color:#2f7d49;box-shadow:0 12px 24px #59916624;font-weight:700;border-color:#d9ebde}.goods-pane{min-width:0}.goods-pane__summary{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:var(--text-muted)}.summary-title,.summary-count,.meta-line,.meta-strong,.goods-list-card__title,.menu-item__label,.load-more-indicator,.icon-button,.search-button{display:inline-flex;align-items:center;gap:6px}.goods-list-card{display:grid;grid-template-columns:88px minmax(0,1fr);gap:12px;padding:12px;background:var(--bg-card);border-radius:8px;box-shadow:var(--shadow-soft);margin-bottom:12px;border:1px solid #e3f0e6}.goods-list-card__image{display:grid;place-items:center;aspect-ratio:1 / 1;border-radius:8px;background:linear-gradient(180deg,#eef8f0,#e3f2e7);color:#6c7a8f;overflow:hidden}.goods-image{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}.detail-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px;margin-top:12px}.detail-gallery__thumb{padding:0;border:2px solid transparent;border-radius:8px;background:#edf5ef;aspect-ratio:1 / 1;overflow:hidden}.detail-gallery__thumb.is-active{border-color:var(--bg-accent-deep);box-shadow:0 8px 18px #5ea77429}.goods-list-card__body{min-width:0;display:flex;flex-direction:column}.goods-list-card__title{min-width:0;display:block}.goods-list-card__title h3{margin:0;white-space:normal;overflow-wrap:anywhere;line-height:1.4}.goods-list-card__meta{display:block;margin-top:10px;min-width:0}.meta-strong{min-width:0;display:block}.meta-strong span{display:block;white-space:normal;overflow-wrap:anywhere;line-height:1.4}.goods-list-card__actions{margin-top:auto;display:flex;justify-content:flex-end;padding-top:10px}.load-more-indicator{min-height:44px;display:grid;place-items:center;color:var(--text-muted);font-size:13px;padding:8px 0 20px}.is-spinning{animation:mall-spin 1.2s linear infinite}.product-card{background:var(--bg-card);border-radius:8px;overflow:hidden;box-shadow:var(--shadow-soft);border:1px solid #e3f0e6}.product-card__image,.detail-banner{display:grid;place-items:center;aspect-ratio:1 / 1;background:linear-gradient(180deg,#eef8f0,#e3f2e7);color:#6c7a8f;border-radius:8px;overflow:hidden}.product-card__body,.detail-body{padding:14px}.product-card__meta,.price-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}.detail-grid,.amount-list{display:grid;gap:12px;margin:16px 0}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid dt,.amount-list dt{color:var(--text-muted);font-size:13px;margin-bottom:6px}.detail-grid dd,.amount-list dd{margin:0;color:var(--text-main)}.cart-card,.summary-card,.order-card,.address-card{padding:16px}.cart-card__content{display:grid;grid-template-columns:80px minmax(0,1fr);gap:12px}.cart-card__image{display:grid;place-items:center;aspect-ratio:1 / 1;border-radius:8px;background:linear-gradient(180deg,#eef8f0,#e3f2e7);color:#6c7a8f;overflow:hidden}.cart-card__body{min-width:0}.check-row{justify-content:flex-start}.check-row__name{font-weight:600}.stepper{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:12px;align-items:center}.stepper button{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:6px;background:#edf5ef;color:#426552;font-size:18px;line-height:1;flex:0 0 auto}.stepper span{min-width:20px;text-align:center}.quick-stepper{flex:0 0 auto}.sticky-summary{position:sticky;bottom:calc(80px + env(safe-area-inset-bottom));z-index:20;margin-top:16px;padding:14px 16px;background:#fffffff5;border-radius:8px;box-shadow:0 14px 30px #3a6a471f;border:1px solid #e0ede3}.menu-item{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:0 16px;background:var(--bg-card);border-radius:8px}.menu-item__label{font-weight:600}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:16px}.metric-icon{color:var(--bg-accent-deep);flex:0 0 auto}.metric-card__label{display:inline-flex;align-items:center;gap:6px;margin-bottom:8px;width:100%}.metric-card__label span{display:inline;margin-bottom:0;line-height:1}.metric-card strong{display:block;width:100%;text-align:right}.result-hero{margin-bottom:16px}.result-hero strong,.status-pill{font-size:20px}.status-pill{color:var(--bg-accent-deep)}.orders-hero{padding:18px;margin-bottom:16px;border-radius:8px;background:linear-gradient(135deg,#fffffffa,#edf8f0);border:1px solid #dceee1;box-shadow:var(--shadow-soft);align-items:flex-start}.orders-hero__desc{margin-top:10px;max-width:28rem;line-height:1.6}.orders-hero__meta{flex:0 0 auto;min-width:92px;padding:12px 14px;border-radius:8px;background:#5ea7741a;color:#4d7f5b;text-align:center;display:inline-flex;align-items:baseline;justify-content:center;gap:6px;white-space:nowrap}.orders-hero__meta span{font-size:12px}.orders-hero__meta strong{display:inline;margin:0;font-size:24px;color:#2f7d49}.orders-chip-row{margin-bottom:12px}.order-card--enhanced{position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.order-card--enhanced:after{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,#8ec8a0,#5ea774)}.order-card--enhanced:active{transform:scale(.99)}.order-card__title{min-width:0}.order-card__label{display:block;margin-bottom:6px;font-size:12px;color:var(--text-muted)}.order-card__body{display:grid;gap:8px;margin:14px 0 16px}.order-card__amount{color:#2f7d49;font-size:18px}.status-badge{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:74px;min-height:32px;padding:0 12px;border-radius:999px;font-size:13px;font-weight:600;border:1px solid transparent}.status-badge.is-warning{color:#b86b00;background:#fff4db;border-color:#f4ddb1}.status-badge.is-info{color:#1766a7;background:#e7f3ff;border-color:#c9def6}.status-badge.is-primary{color:#2f7d49;background:#e8f7ed;border-color:#cfe8d7}.status-badge.is-success{color:#22603a;background:#e1f3e7;border-color:#c9e5d1}.status-badge.is-muted{color:#6c7d72;background:#eef2ef;border-color:#dce5de}.switch-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.tab-bar{position:fixed;left:0;right:0;bottom:0;z-index:1000;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:#f8fcf8fa;border-top:1px solid #dceadf;box-shadow:0 -8px 24px #3a6a4714;transform:translateZ(0);will-change:transform}.tab-bar__item{min-height:52px;display:grid;place-items:center;color:var(--text-muted);gap:4px;font-size:12px}.tab-bar__item.is-active{color:var(--bg-accent-deep);font-weight:700}@keyframes mall-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (min-width: 900px){.page,.login-page{max-width:720px;margin:0 auto}}@media (min-width: 768px){.order-card--enhanced:hover{transform:translateY(-2px);box-shadow:0 18px 34px #3a6a471f;border-color:#d4e8da}}@media (max-width: 640px){.orders-hero{gap:16px;flex-direction:column}.orders-hero__meta{width:100%}.order-card__header,.order-card__footer{align-items:flex-start}}