html{-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Noto Sans SC,PingFang SC,sans-serif;background:var(--bg, #f5f5f7);color:var(--text, #1d1d1f);line-height:1.6;min-height:100vh}a{color:var(--brand, #f5a623);text-decoration:none}.global-header{position:fixed;top:0;left:0;right:0;height:52px;background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #e5e5e7;z-index:100}.header-inner{max-width:1280px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:8px}.header-left{display:flex;align-items:center;gap:6px;cursor:pointer;flex-shrink:0}.logo-text{font-size:18px;font-weight:800;background:linear-gradient(135deg,#f5a623,#e07000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-nav{display:flex;align-items:center;gap:2px}.nav-item{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;color:#86868b;transition:all .2s}.nav-item:hover{background:#f2f2f2;color:#1d1d1f}.nav-item.active{color:var(--brand, #f5a623);background:#fef3e0}.nav-icon{width:22px;height:22px}.badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;line-height:16px;text-align:center;font-size:10px;font-weight:700;color:#fff;padding:0 4px;border-radius:8px;background:linear-gradient(135deg,#ff3b30,#e0352b);box-shadow:0 1px 4px #ff3b3066}.cart-badge{background:linear-gradient(135deg,#f5a623,#e07000);box-shadow:0 1px 4px #f5a62366}.header-right{display:flex;align-items:center;gap:8px}.avatar-wrap{display:flex}.avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid #f5a623}.login-btn{display:inline-flex;align-items:center;padding:6px 16px;border:1.5px solid var(--brand, #f5a623);border-radius:20px;color:var(--brand, #f5a623);font-size:13px;font-weight:600;background:transparent;transition:all .2s;cursor:pointer}.login-btn:hover{background:var(--brand, #f5a623);color:#fff}.page-view{padding-top:52px;min-height:100vh}.card-base{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000f;overflow:hidden}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:8px 20px;background:linear-gradient(135deg,#f5a623,#e07000);color:#fff;font-size:14px;font-weight:600;border:none;border-radius:10px;box-shadow:0 2px 8px #f5a6234d;cursor:pointer;transition:all .2s}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f5a62366}.btn-primary:active{transform:scale(.97)}.input-base{width:100%;padding:10px 14px;background:#f5f5f7;border:1.5px solid transparent;border-radius:10px;color:#1d1d1f;font-size:14px;outline:none;transition:all .2s}.input-base::placeholder{color:#c7c7cc}.input-base:focus{border-color:var(--brand, #f5a623);box-shadow:0 0 0 3px #f5a62326}.skeleton{background:linear-gradient(90deg,#e8e8ed 25%,#f5f5f7,#e8e8ed 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:6px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.fade-in{animation:fadeInUp .4s ease both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:#86868b}.empty-state .empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.empty-state .empty-text{font-size:14px}:root{--brand: #f5a623;--brand-hover: #e09620;--brand-soft: #fef3e0;--bg: #f5f5f7;--bg-card: #ffffff;--bg-input: #f0f0f0;--bg-nav: #ffffff;--text: #1d1d1f;--text-dim: #86868b;--text-muted: #c7c7cc;--border: #e5e5e7;--border-light: #f0f0f0;--nav-border: #e5e5e7;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 20px;--shadow: 0 1px 3px rgba(0, 0, 0, .06);--shadow-lg: 0 2px 12px rgba(0, 0, 0, .08);--hover-bg: #f2f2f2;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px}:root{--color-bg: #0f1729;--color-bg-card: #1a2a4a;--color-border: #2a3a5a;--color-text: #e5ecf6;--color-text-dim: #94a3b8;--color-accent: #f5a623;--color-accent-hover: #ffcd4d;--color-success: #4ade80;--color-danger: #f87171;--color-info: #60a5fa}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:var(--color-bg);color:var(--color-text);min-height:100vh;-webkit-font-smoothing:antialiased}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover)}button{font-family:inherit;cursor:pointer;background:var(--color-accent);color:var(--color-bg);border:none;padding:10px 20px;border-radius:6px;font-weight:600;transition:background .2s}button:hover{background:var(--color-accent-hover)}button:disabled{background:#4a5a7a;cursor:not-allowed}input,textarea,select{font-family:inherit;background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);padding:10px;border-radius:6px;font-size:14px;width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-accent)}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:12px;padding:20px}.btn-secondary{background:transparent;color:var(--color-text-dim);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-bg-card);color:var(--color-text);border-color:var(--color-accent)}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover{background:#ef4444}.container{max-width:1200px;margin:0 auto;padding:20px}