@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap";:root{--color-accent:#ff2442;--color-accent-hover:#e61e3b;--color-accent-light:#ff244214;--color-accent-soft:#ff244226;--color-bg:#fafafa;--color-bg-secondary:#f5f5f5;--color-surface:#fff;--color-surface-hover:#f9f9f9;--color-border:#0000000f;--color-border-strong:#0000001f;--color-text-primary:#1a1a1a;--color-text-secondary:#666;--color-text-tertiary:#999;--color-text-inverse:#fff;--color-shadow:#0000000d;--color-shadow-strong:#0000001a;--color-overlay:#0006;--color-gain-zh:#ff2442;--color-loss-zh:#00b578;--color-gain-en:#00b578;--color-loss-en:#ff2442;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--font-family:"DM Sans", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", sans-serif;--font-size-xs:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:22px;--font-size-2xl:28px;--font-size-3xl:36px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease;--z-nav:100;--z-modal:200;--z-toast:300;--nav-height:60px;--max-width:1200px}[data-theme=dark]{--color-bg:#1a1a1a;--color-bg-secondary:#222;--color-surface:#2a2a2a;--color-surface-hover:#333;--color-border:#ffffff0f;--color-border-strong:#ffffff1f;--color-text-primary:#f0f0f0;--color-text-secondary:#aaa;--color-text-tertiary:#777;--color-text-inverse:#1a1a1a;--color-shadow:#0003;--color-shadow-strong:#00000059;--color-overlay:#0009;--color-accent-light:#ff24421f;--color-accent-soft:#ff244233}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text-primary);transition:background-color var(--transition-normal), color var(--transition-normal);min-height:100vh;line-height:1.6}#root{flex-direction:column;min-height:100vh;display:flex}a{color:var(--color-accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent-hover)}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none}input,select,textarea{font-family:inherit;font-size:inherit;color:var(--color-text-primary);background-color:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.card{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:0 2px 12px var(--color-shadow);border:1px solid var(--color-border);padding:var(--spacing-lg);transition:transform var(--transition-normal), box-shadow var(--transition-normal), background-color var(--transition-normal)}.card:hover{box-shadow:0 8px 24px var(--color-shadow-strong);transform:translateY(-2px)}.card-flat{background-color:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--spacing-lg);transition:background-color var(--transition-normal)}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);font-weight:600;font-size:var(--font-size-sm);transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;display:inline-flex}.btn-primary{background-color:var(--color-accent);color:var(--color-text-inverse)}.btn-primary:hover{background-color:var(--color-accent-hover);transform:scale(1.02)}.btn-primary:active{transform:scale(.98)}.btn-secondary{background-color:var(--color-accent-light);color:var(--color-accent)}.btn-secondary:hover{background-color:var(--color-accent-soft)}.btn-ghost{color:var(--color-text-secondary)}.btn-ghost:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-md)}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.nav{height:var(--nav-height);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:var(--z-nav);padding:0 var(--spacing-lg);transition:background-color var(--transition-normal), border-color var(--transition-normal);-webkit-backdrop-filter:blur(12px);align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.nav-inner{max-width:var(--max-width);justify-content:space-between;align-items:center;width:100%;margin:0 auto;display:flex}.nav-brand{font-size:var(--font-size-lg);color:var(--color-accent);font-weight:700}.nav-links{align-items:center;gap:var(--spacing-xs);display:flex}.nav-link{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:all var(--transition-fast);font-weight:500;display:flex}.nav-link:hover{color:var(--color-text-primary);background-color:var(--color-bg-secondary)}.nav-link.active{color:var(--color-accent);background-color:var(--color-accent-light)}.main-content{margin-top:var(--nav-height);width:100%;max-width:var(--max-width);padding:var(--spacing-lg);flex:1;margin-left:auto;margin-right:auto}.section{margin-bottom:var(--spacing-2xl)}.section-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.section-title{font-size:var(--font-size-xl);color:var(--color-text-primary);font-weight:700}.section-more{font-size:var(--font-size-sm);color:var(--color-text-tertiary);align-items:center;gap:var(--spacing-xs);display:flex}.section-more:hover{color:var(--color-accent)}.grid-2{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--spacing-md);grid-template-columns:repeat(4,1fr);display:grid}.tag{padding:2px var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);align-items:center;font-weight:600;display:inline-flex}.tag-gain{background-color:var(--color-accent-light);color:var(--color-gain-zh)}[data-theme=dark] .tag-gain{color:var(--color-gain-zh)}.tag-loss{color:var(--color-loss-zh);background-color:#00b5781a}.gain-text{color:var(--color-gain-zh);font-weight:600}.loss-text{color:var(--color-loss-zh);font-weight:600}.hero{text-align:center;padding:var(--spacing-2xl) 0}.hero-title{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-sm);background:linear-gradient(135deg, var(--color-accent), #ff6b81);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.hero-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary)}.form-group{margin-bottom:var(--spacing-md)}.form-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs);font-weight:500;display:block}.form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background-color:var(--color-surface);color:var(--color-text-primary);font-size:var(--font-size-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.form-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light);outline:none}.empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-tertiary)}.empty-state-icon{margin-bottom:var(--spacing-md);opacity:.4;font-size:48px}.empty-state-text{font-size:var(--font-size-md)}.loading-spinner{padding:var(--spacing-xl);justify-content:center;align-items:center;display:flex}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn var(--transition-normal) ease-out}.animate-slide-up{animation:slideUp var(--transition-slow) ease-out}.animate-scale-in{animation:scaleIn var(--transition-normal) ease-out}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--color-border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-tertiary)}@media (width<=768px){:root{--nav-height:56px;--font-size-3xl:28px;--font-size-2xl:22px;--font-size-xl:18px}.main-content{padding:var(--spacing-md);padding-bottom:calc(var(--spacing-md) + 60px)}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.desktop-nav{display:none}.mobile-tab-bar{background-color:var(--color-surface);border-top:1px solid var(--color-border);height:60px;z-index:var(--z-nav);padding:0 var(--spacing-xs);padding-bottom:env(safe-area-inset-bottom,0px);-webkit-backdrop-filter:blur(12px);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-tab-item{padding:var(--spacing-xs) 0;color:var(--color-text-tertiary);transition:color var(--transition-fast);-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex}.mobile-tab-item.active{color:var(--color-accent)}.mobile-tab-item:active{transform:scale(.92)}.mobile-tab-label{font-size:10px;font-weight:500;line-height:1.2}.mobile-theme-toggle{top:calc(var(--nav-height) + var(--spacing-md));right:var(--spacing-md);z-index:calc(var(--z-nav) - 1);background-color:var(--color-surface);border:1px solid var(--color-border);width:40px;height:40px;color:var(--color-text-secondary);box-shadow:0 2px 8px var(--color-shadow);cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;border-radius:50%;justify-content:center;align-items:center;margin-top:-60px;display:flex;position:fixed}.mobile-theme-toggle:active{transform:scale(.92)}}@media (width>=769px){.mobile-tab-bar,.mobile-theme-toggle{display:none}.desktop-nav{display:flex}}@media (width<=480px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.hero{padding:var(--spacing-lg) 0}}.text-center{text-align:center}.text-right{text-align:right}.text-accent{color:var(--color-accent)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}