html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#fff5eb}::-webkit-scrollbar-thumb{background:#ffb366;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ff8c00}*{scrollbar-width:thin;scrollbar-color:#ffb366 #fff5eb}html{-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Noto Sans SC,PingFang SC,sans-serif;background:var(--bg, #f5f7fa);color:var(--text, #2d3748);line-height:1.6;min-height:100vh}a{color:var(--brand, #ff6a00);text-decoration:none}.global-header{position:fixed;top:0;left:0;right:0;height:56px;background:#fffffff2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid #e2e8f0;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:8px;cursor:pointer;flex-shrink:0}.app-logo-img{height:70px;width:auto}.logo-text{font-size:20px;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,#ff6a00,#ff8c00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-search{flex:1;max-width:400px;display:flex;align-items:center;margin:0 16px;position:relative}.search-input{width:100%;height:38px;padding:0 40px 0 14px;border:1.5px solid #e2e8f0;border-radius:20px;background:#f8fafc;font-size:13px;color:#2d3748;outline:none;transition:all .2s}.search-input:focus{border-color:#ff6a00;background:#fff;box-shadow:0 0 0 3px #ff6a001a}.search-input::placeholder{color:#a0aec0}.search-btn{position:absolute;right:2px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;cursor:pointer;color:#718096;transition:all .15s}.search-btn:hover{color:#ff6a00;background:#ff6a0014}.nav-item{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;color:#718096;transition:all .2s}.nav-item:hover{background:#f8f4f0;color:#ff6a00}.nav-item.active{color:#ff6a00;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,#ff6a00,#e06000);box-shadow:0 1px 4px #ff6a0066}.header-right{display:flex;align-items:center;gap:12px}.avatar-wrap{display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.avatar-dropdown{position:absolute;top:44px;right:0;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001f;min-width:160px;z-index:100;padding:6px 0}.dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 16px;font-size:14px;color:#2d3748;cursor:pointer;transition:background .15s}.dropdown-item:hover{background:#fff5eb;color:#ff6a00}.dd-icon{width:18px;height:18px;flex-shrink:0}.dropdown-divider{height:1px;background:#f0f0f0;margin:4px 0}.dropdown-logout{color:#e53e3e}.dropdown-logout:hover{background:#fff5f5;color:#e53e3e}.lang-switch{display:flex;align-items:center;justify-content:center;width:44px;height:44px;cursor:pointer}.lang-btn{font-size:13px;font-weight:600;color:#666;padding:4px 8px;border-radius:8px;transition:all .15s}.lang-btn:hover{color:#ff6a00;background:#ff6a0014}.avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid #ff6a00;flex-shrink:0}.avatar-placeholder{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#ff6a00,#ff8c00);color:#fff;font-weight:700;font-size:14px}.login-btn{display:inline-flex;align-items:center;padding:7px 18px;background:linear-gradient(135deg,#ff6a00,#e06000);border-radius:20px;color:#fff;font-size:13px;font-weight:600;transition:all .2s;cursor:pointer;box-shadow:0 2px 6px #ff6a0040}.login-btn:hover{opacity:.9;box-shadow:0 4px 12px #ff6a0059}.page-view{padding-top:56px;min-height:100vh}.card-base{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000000a;overflow:hidden}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:8px 22px;background:linear-gradient(135deg,#ff6a00,#e06000);color:#fff;font-size:14px;font-weight:600;border:none;border-radius:20px;box-shadow:0 2px 8px #ff6a004d;cursor:pointer;transition:all .2s}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 14px #ff6a0066}.btn-primary:active{transform:scale(.97)}.input-base{width:100%;padding:12px 16px;background:#f5f5f7;border:1.5px solid transparent;border-radius:50px;color:#2d3748;font-size:14px;outline:none;transition:all .2s}.input-base::placeholder{color:#c7c7cc}.input-base:focus{border-color:#ff6a00;box-shadow:0 0 0 3px #ff6a0026}.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:#718096}.empty-state .empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.empty-state .empty-text{font-size:14px}.text-brand{color:#ff6a00}.bg-brand{background:#ff6a00}.border-brand{border-color:#ff6a00}:root{--brand: #ff6a00;--brand-hover: #e06000;--brand-light: #fff3e6;--brand-gradient: linear-gradient(135deg, #ff6a00, #ff8c00);--brand-gradient-vertical: linear-gradient(180deg, #ff6a00, #e06000);--bg: #f5f7fa;--bg-card: #ffffff;--bg-input: #f5f5f7;--bg-nav: rgba(255,255,255,.92);--bg-hover: #f8f4f0;--bg-active: #fef3e0;--text: #2d3748;--text-primary: #1a1a2e;--text-dim: #718096;--text-muted: #c7c7cc;--border: #e2e8f0;--border-light: #f0f0f0;--nav-border: #e2e8f0;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--radius-xxl: 20px;--radius-pill: 50px;--shadow: 0 1px 3px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .05);--shadow-lg: 0 8px 24px 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: #f5f7fa;--color-bg-card: #ffffff;--color-border: #e2e8f0;--color-text: #2d3748;--color-text-dim: #718096;--color-accent: #ff6a00;--color-accent-hover: #e06000;--color-accent-soft: #fef3e0;--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:#fff;border:none;padding:10px 20px;border-radius:var(--radius-md);font-weight:600;transition:all .2s}button:hover{background:var(--color-accent-hover)}button:disabled{background:#c7c7cc;cursor:not-allowed}input,textarea,select{font-family:inherit;background:var(--color-bg);color:var(--color-text);border:1.5px solid var(--color-border);padding:10px 14px;border-radius:var(--radius-md);font-size:14px;width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #ff6a001a}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow)}.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}