.mobile-nav[data-v-bbcd6851]{position:fixed;bottom:0;left:0;right:0;background:var(--surface);display:flex;justify-content:space-around;align-items:center;padding:10px 0;box-shadow:0 -1px 3px #0000001a;z-index:1000;border-top:1px solid var(--border)}.nav-item[data-v-bbcd6851]{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--textSecondary);font-size:12px;transition:color .3s ease;flex:1}.nav-item[data-v-bbcd6851]:hover,.nav-item.router-link-active[data-v-bbcd6851]{color:var(--primary)}.nav-icon[data-v-bbcd6851]{width:24px;height:24px;margin-bottom:4px;display:flex;align-items:center;justify-content:center}.nav-icon svg[data-v-bbcd6851]{width:20px;height:20px}.nav-text[data-v-bbcd6851]{font-size:10px}@media (min-width: 768px){.mobile-nav[data-v-bbcd6851]{display:none}}#app[data-v-025f3c38]{font-family:Arial,sans-serif;background-color:var(--background);min-height:100vh;padding-bottom:60px;transition:background-color .3s ease}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #07C160;--secondary: #F2F2F2;--background: #F7F7F7;--surface: #FFFFFF;--text: #333333;--textSecondary: #666666;--border: #E5E5E5;--error: #FF3B30;--success: #34C759;--warning: #FF9500;--info: #5AC8FA}[data-theme=dark]{--primary: #07C160;--secondary: #1C1C1E;--background: #000000;--surface: #1C1C1E;--text: #E5E5EA;--textSecondary: #8E8E93;--border: #2C2C2E;--error: #FF453A;--success: #32D74B;--warning: #FF9F0A;--info: #30B0C7}body{font-family:Arial,sans-serif;line-height:1.6;color:var(--text);background-color:var(--background);transition:background-color .3s ease,color .3s ease}.container{max-width:1200px;margin:0 auto;padding:20px}.header{background:var(--primary);color:#fff;padding:20px 0;text-align:center;box-shadow:0 2px 10px #0000001a}.header h1{font-size:2.5rem;margin-bottom:10px}.header p{font-size:1.2rem;opacity:.9}.subject-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-top:30px}.subject-card{background:var(--surface);border-radius:10px;padding:20px;box-shadow:0 2px 10px #0000001a;text-align:center;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;border:1px solid var(--border)}.subject-card:hover{transform:translateY(-5px);box-shadow:0 5px 20px #00000026}.subject-card h2{font-size:1.5rem;margin-bottom:10px;color:var(--primary)}.subject-card p{color:var(--textSecondary)}.brainmap-container{margin:30px 0;background:var(--surface);border-radius:10px;padding:20px;box-shadow:0 2px 10px #0000001a;border:1px solid var(--border)}.knowledge-point{background:var(--surface);border-radius:10px;padding:30px;box-shadow:0 2px 10px #0000001a;margin-top:30px;border:1px solid var(--border)}.knowledge-point h2{font-size:2rem;margin-bottom:20px;color:var(--primary)}.knowledge-point p{margin-bottom:20px;line-height:1.8}.example-question{margin-top:30px;background:var(--secondary);border-left:4px solid var(--primary);padding:20px;border-radius:5px}.example-question h3{font-size:1.5rem;margin-bottom:15px;color:var(--text)}.example-question .question{margin-bottom:20px;padding:15px;background:var(--surface);border-radius:5px;border:1px solid var(--border)}.example-question .answer,.example-question .analysis{margin-bottom:15px}.example-question .tips{background:var(--secondary);padding:15px;border-radius:5px;border:1px solid var(--border)}.related-topics{margin-top:30px;padding:20px;background:var(--secondary);border-radius:10px;border:1px solid var(--border)}.related-topics h3{font-size:1.3rem;margin-bottom:15px;color:var(--text)}.back-button{display:inline-block;margin-top:20px;padding:10px 20px;background:var(--primary);color:#fff;text-decoration:none;border-radius:5px;transition:background .3s ease;border:none;cursor:pointer;font-size:14px}.back-button:hover{background:#05a850}@media (max-width: 768px){.header h1{font-size:2rem}.subject-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.knowledge-point{padding:20px}.knowledge-point h2{font-size:1.5rem}}@media (max-width: 480px){.header h1{font-size:1.5rem}.header p{font-size:1rem}.subject-grid{grid-template-columns:1fr}.brainmap-container{padding:10px}.knowledge-point{padding:15px}}