:root{--brand: #6B4A24;--brand-hover: #7D5830;--gold: #C9A84C;--gold-light: #F5EDD8;--gold-pale: #FBF7EF;--bg: #F8F5F0;--bg-card: #FFFFFF;--text: #1C1C1E;--text-light: #6B6561;--text-muted: #9E9B96;--border: #E8E0D0;--border-light: #F0EBE2;--success: #3D7A5A;--danger: #A0392B;--white: #FFFFFF}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:14px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}.app-container{max-width:750px;margin:0 auto;min-height:100%;background:var(--bg-card);position:relative}.page{min-height:100vh;padding-bottom:64px;background:var(--bg)}.page-header{position:sticky;top:0;background:var(--white);color:var(--brand);padding:16px 20px;text-align:center;font-size:17px;font-weight:600;letter-spacing:.04em;z-index:100;border-bottom:1px solid var(--border)}.tab-bar{position:fixed;bottom:0;left:0;right:0;max-width:750px;margin:0 auto;background:var(--white);display:flex;border-top:1px solid var(--border);z-index:100;padding-bottom:env(safe-area-inset-bottom)}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;padding:9px 0 7px;color:var(--text-muted);text-decoration:none;font-size:11px;letter-spacing:.02em;transition:color .2s;gap:3px}.tab-item.active{color:var(--brand)}.tab-icon{font-size:20px;position:relative;line-height:1}.card{background:var(--bg-card);border-radius:12px;margin:10px 12px;padding:16px;box-shadow:0 1px 4px #6b4a240f;border:1px solid var(--border-light)}.card-title{font-size:15px;font-weight:600;color:var(--text);margin-bottom:14px;letter-spacing:.02em}.divider{height:1px;background:var(--border-light);margin:0 12px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 24px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s;letter-spacing:.04em}.btn-primary{background:var(--brand);color:var(--white)}.btn-primary:active{background:var(--brand-hover)}.btn-primary:disabled{background:#c4b9aa;cursor:not-allowed}.btn-block{width:100%}.btn-small{padding:8px 16px;font-size:13px}.btn-outline{background:transparent;border:1px solid var(--brand);color:var(--brand)}.btn-ghost{background:var(--bg);color:var(--text-light);border:1px solid var(--border)}.form-group{margin-bottom:18px}.form-label{display:block;font-size:13px;color:var(--text-light);margin-bottom:8px;letter-spacing:.02em}.form-input{width:100%;padding:13px 14px;border:1px solid var(--border);border-radius:8px;font-size:15px;outline:none;transition:border-color .2s,box-shadow .2s;background:var(--white);color:var(--text)}.form-input::placeholder{color:var(--text-muted);font-size:14px}.form-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #6b4a2414}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:12px}.product-card{background:var(--bg-card);border-radius:10px;overflow:hidden;border:1px solid var(--border-light);transition:box-shadow .2s}.product-card:active{box-shadow:0 4px 12px #6b4a241f}.product-image{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:var(--bg)}.product-info{padding:10px 12px 12px}.product-name{font-size:13px;line-height:1.5;color:var(--text);height:40px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.product-price{color:var(--brand);font-size:17px;font-weight:700;margin-top:8px;letter-spacing:-.01em}.product-price-original{color:var(--text-muted);font-size:11px;text-decoration:line-through;margin-left:5px;font-weight:400}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stat-item{text-align:center;padding:14px 10px;background:var(--gold-pale);border-radius:8px;border:1px solid var(--border-light)}.stat-value{font-size:22px;font-weight:700;color:var(--brand)}.stat-label{font-size:11px;color:var(--text-muted);margin-top:4px;letter-spacing:.02em}.menu-row{display:flex;align-items:center;padding:15px 16px;border-bottom:1px solid var(--border-light);text-decoration:none;color:var(--text);cursor:pointer;background:var(--bg-card)}.menu-row:last-child{border-bottom:none}.menu-row-icon{width:32px;height:32px;border-radius:8px;background:var(--gold-pale);display:flex;align-items:center;justify-content:center;font-size:16px;margin-right:12px;flex-shrink:0}.menu-row-label{flex:1;font-size:15px}.menu-row-right{color:var(--text-muted);font-size:13px;display:flex;align-items:center;gap:4px}.menu-row-arrow{color:var(--border);font-size:16px;margin-left:4px}.order-card{background:var(--bg-card);border-radius:10px;margin:10px 12px;overflow:hidden;border:1px solid var(--border-light)}.order-header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--border-light);font-size:12px;color:var(--text-muted)}.order-status{color:var(--brand);font-weight:500;font-size:13px}.order-item{display:flex;padding:12px 14px;gap:12px;border-bottom:1px solid var(--border-light)}.order-item:last-of-type{border-bottom:none}.order-item-image{width:72px;height:72px;border-radius:6px;object-fit:cover;background:var(--bg);flex-shrink:0}.order-item-info{flex:1}.order-item-name{font-size:13px;color:var(--text);margin-bottom:6px;line-height:1.4}.order-item-price{color:var(--brand);font-weight:600;font-size:15px}.order-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-top:1px solid var(--border-light);background:var(--gold-pale)}.loading{display:flex;align-items:center;justify-content:center;padding:60px 40px;color:var(--text-muted);font-size:14px}.empty{text-align:center;padding:80px 20px;color:var(--text-muted)}.empty-icon{font-size:44px;margin-bottom:16px;opacity:.4}.toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#1c1c1ed9;color:var(--white);padding:11px 24px;border-radius:20px;z-index:9999;font-size:14px;letter-spacing:.02em;animation:fadeIn .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:500;letter-spacing:.02em}.badge-gold{background:var(--gold-light);color:var(--brand);border:1px solid var(--gold)}.badge-light{background:var(--bg);color:var(--text-light);border:1px solid var(--border)}