:root{--bg-primary: #f5f7fa;--bg-secondary: #ffffff;--bg-tertiary: #f8f9fa;--bg-quaternary: #e9ecef;--text-primary: #2c3e50;--text-secondary: #495057;--text-tertiary: #6c757d;--border-color: #f0f2f5;--shadow-light: rgba(0, 0, 0, .08);--shadow-medium: rgba(0, 0, 0, .15);--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-bg: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);--accent-color: #667eea;--accent-hover: #764ba2;--honor-gold: #ffa726;--honor-green: #66bb6a;--honor-blue: #667eea}:root.dark{--bg-primary: #0f0f0f;--bg-secondary: #1a1a1a;--bg-tertiary: #2a2a2a;--bg-quaternary: #3a3a3a;--text-primary: #f7fafc;--text-secondary: #e2e8f0;--text-tertiary: #a0aec0;--border-color: #4a5568;--shadow-light: rgba(0, 0, 0, .4);--shadow-medium: rgba(0, 0, 0, .6);--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-bg: linear-gradient(135deg, #0f0f0f 0%, #1a1a1a 100%);--accent-color: #7c3aed;--accent-hover: #8b5cf6;--honor-gold: #fbbf24;--honor-green: #10b981;--honor-blue: #7c3aed}*{box-sizing:border-box}body{margin:0;padding:0;background:var(--bg-primary);transition:background-color .3s ease,color .3s ease}#app{margin:0 auto;font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);min-height:100vh;transition:color .3s ease}h1,h2,h3,h4,h5,h6,p,ul{margin:0;padding:0}h1{font-size:2.5rem;font-weight:700;line-height:1.2}h2{font-size:2rem;font-weight:600;line-height:1.3}h3{font-size:1.5rem;font-weight:600;line-height:1.4}h4{font-size:1.25rem;font-weight:500;line-height:1.4;margin-top:.5rem}p{line-height:1.6;color:var(--text-secondary);transition:color .3s ease}hr{margin:1rem 0;border:none;height:1px;background:linear-gradient(90deg,transparent 0%,#e9ecef 50%,transparent 100%)}ul{padding-inline-start:1.5rem}li{margin-bottom:.25rem}a{color:var(--accent-color);text-decoration:none;transition:all .3s ease}a:hover{color:var(--accent-hover);text-decoration:underline}strong{font-weight:600;color:var(--text-primary);transition:color .3s ease}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--accent-hover) 0%,var(--accent-color) 100%)}::selection{background:rgba(102,126,234,.2);color:var(--text-primary)}::-moz-selection{background:rgba(102,126,234,.2);color:var(--text-primary)}@media (max-width: 768px){#app{font-size:.9rem}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}}@media (max-width: 480px){#app{font-size:.85rem}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.1rem}}