:root{--bg-terminal:#0a0c10;--bg-primary:#0f1117;--bg-deep:#0a0e17;--bg-base:#0f1219;--bg-surface:#141926;--bg-elevated:#1a1f2e;--bg-card:#1a1d24;--bg-hover:#2d3a4e;--bg-secondary:#15171e;--border-subtle:#1e2433;--border:#2a2e3a;--border-light:#1f232b;--text-primary:#eaecef;--text-secondary:#a0aab5;--text-tertiary:#6b7683;--text-brand:#d4af37;--profit:#00bfa5;--loss:#f05454;--warning:#fcd535;--info:#3b82f6;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--font-sans:"Segoe UI", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono:var(--font-sans);--font-scale:1;--font-size-caption:calc(8px * var(--font-scale));--font-size-label:calc(9px * var(--font-scale));--font-size-small:calc(10px * var(--font-scale));--font-size-body-small:calc(11px * var(--font-scale));--font-size-body:calc(12px * var(--font-scale));--font-size-body-large:calc(14px * var(--font-scale));--font-size-subtitle:calc(16px * var(--font-scale));--font-size-title:calc(20px * var(--font-scale));--font-size-hero:calc(28px * var(--font-scale));--font-size-display:calc(34px * var(--font-scale));--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-card:0 4px 12px #0000004d;--transition:.15s ease}body{-webkit-user-select:none;user-select:none}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;display:none}input[type=search]::-webkit-search-decoration{-webkit-appearance:none;display:none}input[type=search]::-ms-clear{width:0;height:0;display:none}input[type=search]::-ms-reveal{width:0;height:0;display:none}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background:var(--bg-deep);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-body-large);-webkit-font-smoothing:antialiased;line-height:1.5}html{-moz-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden}html[data-locale=zh]{--font-sans:"Microsoft YaHei UI", "PingFang SC", "Segoe UI", system-ui, sans-serif}button,input,select,textarea{font-family:var(--font-sans)}body.sheet-open{overflow:hidden}body.onboarding-open{overscroll-behavior:none;overflow:hidden}h1,.h1{font-size:var(--font-size-hero);letter-spacing:-.02em;font-weight:700}h2,.h2{font-size:var(--font-size-title);letter-spacing:-.01em;font-weight:600}h3,.h3{font-size:var(--font-size-body);text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);margin:0;font-weight:600}.metric-value,.price,.pnl,.mono{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.app{background:var(--bg-base);max-width:500px;min-height:100vh;margin:0 auto;transition:opacity .3s ease-out;position:relative}.main-content{flex:1;padding-bottom:70px}.container{padding:var(--space-md) var(--space-md) var(--space-lg)}.top-bar{background:var(--bg-primary,#0f1117);border-bottom:1px solid var(--border);justify-content:flex-end;padding:12px 16px;display:flex}.top-bar-right{margin-left:auto}.lang-switch{background:var(--bg-card);border:1px solid var(--border);border-radius:32px;gap:4px;padding:2px;display:flex}.lang-btn{font-size:var(--font-size-body);color:var(--text-tertiary);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:28px;padding:6px 18px;font-weight:600}.lang-btn.active{background:var(--text-brand);color:var(--bg-terminal)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-md);transition:var(--transition)}.card:hover{border-color:var(--border-medium)}.card-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.card-header h3{font-size:var(--font-size-body);color:var(--text-tertiary);letter-spacing:1px;flex:1;margin:0;font-weight:600}.bestTraderSwiper{border-radius:16px;overflow:hidden;padding-bottom:30px!important}.swiper-pagination{bottom:0!important}.swiper-pagination-bullet{background:var(--text-tertiary);opacity:.5}.swiper-pagination-bullet-active{background:var(--text-brand);opacity:1}.period-badge{text-align:center;font-size:var(--font-size-body);color:var(--text-brand);letter-spacing:1px;margin-bottom:16px;font-weight:700}.trader-card-container{background:linear-gradient(135deg,#d4af3714 0%,#d4af3705 100%);border:1px solid #d4af374d;border-radius:16px;margin-bottom:8px;padding:20px}.trader-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:12px;display:flex}.trader-name{font-size:var(--font-size-title);font-weight:800}.trader-rating{font-size:var(--font-size-body);color:var(--text-brand);letter-spacing:.5px;margin-top:4px;font-weight:600}.trader-badges{flex-wrap:wrap;gap:8px;display:flex}.metrics-grid-4{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.metric-cell{background:var(--bg-secondary);text-align:center;cursor:pointer;border-radius:10px;padding:10px 8px;transition:all .2s}.metric-cell:active{background:#d4af3726}.metric-label{font-size:var(--font-size-label);text-transform:uppercase;color:var(--text-tertiary);letter-spacing:.5px;margin-bottom:6px;font-weight:600}.metric-value,.metric-winrate{font-size:var(--font-size-subtitle);font-weight:700;font-family:var(--font-mono)}.risk-row{background:var(--bg-secondary);border-radius:10px;margin-bottom:16px;padding:12px}.risk-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.risk-item{text-align:center;cursor:pointer;border-radius:8px;padding:4px;transition:all .2s}.risk-label{font-size:var(--font-size-label);color:var(--text-tertiary);text-transform:uppercase;margin-bottom:4px}.risk-value{font-size:var(--font-size-body-large);font-weight:700;font-family:var(--font-mono)}.verdict-box{border-left:3px solid var(--text-brand);background:#d4af370d;border-radius:8px;margin-bottom:20px;padding:12px}.verdict-text{font-size:var(--font-size-body);color:var(--text-secondary);line-height:1.4}.btn-copy{border:1px solid var(--text-brand);width:100%;font-size:var(--font-size-body);text-transform:uppercase;color:var(--text-brand);cursor:pointer;background:0 0;border-radius:10px;padding:12px;font-weight:600;transition:all .2s}.btn-copy:active{transform:scale(.98)}.ai-section{margin-bottom:16px}.ai-section-header{border-bottom:1px solid var(--border);align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;display:flex}.ai-section-header i{color:var(--text-brand);font-size:var(--font-size-body-large)}.ai-section-header span{font-size:var(--font-size-body-small);color:var(--text-tertiary);letter-spacing:1px;font-weight:600}.ai-phase-text{font-size:var(--font-size-body);color:var(--text-secondary);padding:4px 0;line-height:1.4}.ai-signal-item{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.ai-signal-item:last-child{border-bottom:none}.ai-signal-info{flex:1}.ai-signal-asset{font-weight:600;font-size:var(--font-size-body);margin-bottom:4px}.ai-signal-asset small{color:var(--text-tertiary);font-weight:400;font-size:var(--font-size-small)}.ai-signal-direction{font-size:var(--font-size-body-small);font-weight:500}.ai-signal-direction.long{color:var(--profit)}.ai-signal-direction.short{color:var(--loss)}.ai-signal-direction.watch{color:var(--text-brand)}.ai-signal-level{font-family:var(--font-mono);font-size:var(--font-size-body);color:var(--text-secondary)}.ai-signal-probability{text-align:right;min-width:70px}.ai-probability-bar{background:var(--bg-elevated);border-radius:2px;width:60px;height:4px;margin-bottom:4px;overflow:hidden}.ai-probability-fill{background:var(--text-brand);border-radius:2px;height:100%}.ai-probability-value{font-size:var(--font-size-body-small);color:var(--text-brand);font-weight:600}.ai-verdict{background:var(--bg-elevated);border-radius:var(--radius-md);padding:12px}.ai-verdict-text{font-size:var(--font-size-body);color:var(--text-secondary);margin-bottom:12px;line-height:1.4}.ai-risk-bar{align-items:center;gap:10px;display:flex}.ai-risk-label{font-size:var(--font-size-small);color:var(--text-tertiary)}.ai-risk-progress{background:var(--bg-deep);border-radius:2px;flex:1;height:4px;overflow:hidden}.ai-risk-fill{background:var(--text-brand);border-radius:2px;height:100%}.ai-risk-value{font-size:var(--font-size-body-small);color:var(--text-brand);font-weight:600}.badge{font-size:var(--font-size-label);border-radius:20px;align-items:center;padding:2px 8px;font-weight:600;display:inline-flex}.badge-active{color:var(--profit);background:#00bfa526;border:1px solid #00bfa54d}.badge-inactive{color:var(--loss);background:#f0545426;border:1px solid #f054544d}.badge-drawdown-zero{color:var(--text-brand);background:#d4af3726;border:1px solid #d4af374d}.bottom-nav{background:var(--bg-surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border);z-index:100;justify-content:space-around;align-items:center;max-width:500px;margin:0 auto;padding:8px 12px 12px;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--text-tertiary);border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:4px;max-width:70px;padding:6px 8px;text-decoration:none;transition:all .2s;display:flex}.nav-item i{font-size:var(--font-size-title);color:var(--text-tertiary)}.nav-item span{font-size:var(--font-size-small);color:var(--text-tertiary);font-weight:500}.nav-item.active i,.nav-item.active span{color:var(--text-brand)}.nav-item:active{transform:scale(.95)}.table-wrapper{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--font-size-body)}.table th{text-align:left;color:var(--text-tertiary);border-bottom:1px solid var(--border);padding:10px 8px;font-weight:500}.table td{border-bottom:1px solid var(--border-light);padding:10px 8px}.progress-container{margin-top:4px}.progress-bar{background:var(--bg-elevated);border-radius:2px;height:4px;overflow:hidden}.progress-fill{background:var(--text-brand);border-radius:2px;height:100%;transition:width .3s}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:10px var(--space-md);font-size:var(--font-size-body);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:none;font-weight:600;display:inline-flex}.btn-primary{background:var(--text-brand);color:var(--bg-deep)}.btn-primary:active{transform:scale(.98)}.btn-secondary,.btn-ghost{border:1px solid var(--border);color:var(--text-secondary);background:0 0}.btn-sm{font-size:var(--font-size-body-small);padding:6px 12px}.btn-link{color:var(--text-brand);font-size:var(--font-size-small);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-weight:600}.w-100{width:100%}.flex{display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.gap-2{gap:8px}.gap-3{gap:12px}.text-positive{color:var(--profit)}.text-negative{color:var(--loss)}.text-brand{color:var(--text-brand)}.text-center{text-align:center}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.splash-screen{z-index:10000;min-height:100dvh;color:var(--text-primary,#f5f5f7);opacity:1;visibility:visible;will-change:opacity;background:radial-gradient(circle at 50% 42%,#d4af371c,#0000 26%),#0f1117;justify-content:center;align-items:center;transition:opacity 1.5s cubic-bezier(.22,.8,.28,1),visibility 1.5s step-end;display:flex;position:fixed;inset:0;overflow:hidden}.splash-screen.is-leaving{opacity:0;visibility:hidden;pointer-events:none}.splash-ambient{opacity:.22;background-image:linear-gradient(#d4af370a 1px,#0000 1px),linear-gradient(90deg,#d4af370a 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 72%);mask-image:radial-gradient(circle,#000 0%,#0000 72%)}.splash-brand{z-index:1;justify-items:center;gap:7px;animation:.65s cubic-bezier(.22,.8,.28,1) both splashBrandIn;display:grid;position:relative;transform:translateY(-2vh)}.splash-mark{background:radial-gradient(circle at 50% 28%,#f7dc7824,#0000 60%),#141820f5;border:1px solid #d4af376b;border-radius:28px;place-items:center;width:92px;height:92px;margin-bottom:10px;display:grid;box-shadow:0 22px 52px #0000006b,0 0 0 7px #d4af3706}.splash-mark svg{width:60px;height:60px;overflow:visible}.splash-mark path{fill:none;stroke:#d4af37;stroke-width:3.1px;stroke-linecap:round;stroke-linejoin:round}.splash-brand strong{color:#f5f5f7;letter-spacing:.15em;font-size:25px;font-weight:800;line-height:1}.splash-brand>span{color:#8b93a3;letter-spacing:.24em;font-size:9px;font-weight:700}.splash-progress{background:#ffffff12;border-radius:999px;width:116px;height:2px;margin-top:20px;overflow:hidden}.splash-progress i{background:linear-gradient(90deg,#0000,#f0cf64,#0000);width:42%;height:100%;animation:1.15s ease-in-out infinite splashProgress;display:block}.app-stage{opacity:0;min-height:100vh;transition:opacity 1.5s cubic-bezier(.22,.8,.28,1)}.app-stage.is-visible{opacity:1}@keyframes splashBrandIn{0%{opacity:0;transform:translateY(calc(8px - 2vh))scale(.97)}to{opacity:1;transform:translateY(-2vh)scale(1)}}@keyframes splashProgress{0%{transform:translate(-115%)}to{transform:translate(275%)}}@media (prefers-reduced-motion:reduce){.splash-brand,.splash-progress i{animation:none}.splash-screen,.app-stage{transition-duration:.18s}}.loading-skeleton{background:linear-gradient(90deg, var(--bg-card) 25%, var(--bg-secondary) 50%, var(--bg-card) 75%);text-align:center;color:var(--text-tertiary);background-size:200% 100%;border-radius:12px;padding:40px;animation:1.5s infinite loading}.ai-loading-skeleton{background:linear-gradient(90deg, var(--bg-card) 25%, var(--bg-secondary) 50%, var(--bg-card) 75%);text-align:center;color:var(--text-tertiary);background-size:200% 100%;border-radius:12px;padding:20px;animation:1.5s infinite loading}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.fox-toast{background:var(--text-brand);color:var(--bg-deep);font-size:var(--font-size-body);z-index:10000;white-space:nowrap;border-radius:30px;padding:10px 20px;font-weight:500;animation:.3s toastSlideUp;position:fixed;bottom:80px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}@keyframes toastSlideUp{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}@media (max-width:500px){.container{padding:12px}.trader-card-container{padding:16px}.trader-name{font-size:var(--font-size-subtitle)}.metrics-grid-4{grid-template-columns:repeat(2,1fr);gap:8px}.metric-value,.metric-winrate{font-size:var(--font-size-subtitle)}.risk-grid{grid-template-columns:repeat(2,1fr);gap:8px}.risk-value{font-size:var(--font-size-body)}.badge{font-size:var(--font-size-caption);padding:2px 6px}.verdict-text{font-size:var(--font-size-body-small)}}@media (max-width:380px){.metric-value{font-size:var(--font-size-body-large)}.risk-value{font-size:var(--font-size-body)}}html[data-onboarding-active=true] [data-onboarding=main-navigation]{opacity:1!important;pointer-events:auto!important;transform:translate(-50%)!important}
