:root{--color-primary: #3b66c4;--color-primary-light: #5a7fd4;--color-primary-bg: rgba(59, 102, 196, .12);--color-accent-gold: #fcd535;--color-accent-gold-hover: #f0b90b;--color-accent-gold-alt: #d4af37;--color-accent-blue: #1a71c2;--bg-page: #0b0e11;--bg-elevated: #111318;--bg-card: #1e2329;--bg-card-soft: #1a1a1a;--bg-input: #2b3139;--bg-header: #0a0a0a;--bg-chart: #131722;--text-primary: #ffffff;--text-secondary: #a3a3a3;--text-tertiary: #737373;--text-dark: #e5e5e5;--color-up: #51a353;--color-down: #bb4241;--border-color: #262626;--border-light: #333333;--shadow-card: 0 8px 32px rgba(0, 0, 0, .45);--header-height: 64px;--tabbar-height: 56px;--max-width: 1280px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 999px;--max-mobile: 430px;--font-xs: 11px;--font-sm: 12px;--font-md: 13px;--font-base: 14px;--font-lg: 16px;--font-xl: 20px;--font-2xl: 28px;--font-hero: 42px}:root{--nymex-bg-page: #0b0e11;--nymex-bg-trade: #000000;--nymex-bg-header: #0a0a0a;--nymex-bg-card: #1e2329;--nymex-bg-card-alt: #1a1a1a;--nymex-bg-chart: #131722;--nymex-bg-input: #2b3139;--nymex-bg-hover: #242a31;--nymex-text: #eaecef;--nymex-text-dim: #848e9c;--nymex-text-muted: #8b9db8;--nymex-gold: #fcd535;--nymex-gold-alt: #d4af37;--nymex-gold-hover: #f0b90b;--nymex-up: #0ecb81;--nymex-down: #f6465d;--nymex-border: rgba(255, 255, 255, .05)}.nymex-pc-page{background:var(--nymex-bg-page);color:var(--nymex-text);min-height:calc(100vh - var(--header-height))}.nymex-gold-tab.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--nymex-gold);border-radius:2px}.nymex-btn-trade{padding:6px 16px;border-radius:4px;font-size:13px;font-weight:600;background:var(--nymex-gold);color:#000;border:none;cursor:pointer}.nymex-btn-trade:hover{background:var(--nymex-gold-hover)}.nymex-change-up{color:var(--nymex-up)}.nymex-change-down{color:var(--nymex-down)}.nymex-tag-up{color:var(--nymex-up);background:#0ecb811a;padding:4px 8px;border-radius:4px}.nymex-tag-down{color:var(--nymex-down);background:#f6465d1a;padding:4px 8px;border-radius:4px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.5;color:var(--text-primary);background:var(--bg-page);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select{font-family:inherit;outline:none;border:none}.text-up{color:var(--color-up)}.text-down{color:var(--color-down)}.text-secondary{color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:var(--radius-md);font-size:14px;font-weight:600;transition:opacity .2s}.btn-primary{background:var(--color-primary);color:#fff}.btn-outline{background:transparent;border:1px solid var(--border-light);color:var(--text-primary)}.btn-sm{padding:6px 14px;font-size:13px}.btn-gold{background:var(--color-accent-gold);color:#111;font-weight:700}.card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--border-color)}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.section-title{font-size:18px;font-weight:600;margin-bottom:16px}.btn-buy{background:var(--color-up);color:#fff}.btn-sell{background:var(--color-down);color:#fff}