.icon[data-v-11a1c7ac]{display:inline-block;vertical-align:middle;flex-shrink:0}.navbar[data-v-2894edc1]{background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.nav-inner[data-v-2894edc1]{max-width:1344px;margin:0 auto;padding:0 48px;height:72px;display:flex;align-items:center;justify-content:space-between}.logo[data-v-2894edc1]{display:flex;align-items:center;gap:10px}.logo-icon[data-v-2894edc1]{color:var(--primary)}.logo-name[data-v-2894edc1]{font-size:19px;font-weight:700;color:var(--text-primary)}.nav-links[data-v-2894edc1]{display:flex;gap:36px;align-items:center}.nav-link[data-v-2894edc1]{font-size:15px;color:var(--text-secondary);transition:color .2s}.nav-link[data-v-2894edc1]:hover{color:var(--primary)}.nav-link.active[data-v-2894edc1]{color:var(--primary);font-weight:600}.type-tabs[data-v-2894edc1]{display:flex;gap:8px;align-items:center}.type-tab[data-v-2894edc1]{font-size:13px;padding:6px 14px;border-radius:16px;background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);transition:all .2s}.type-tab[data-v-2894edc1]:hover{color:var(--primary);border-color:var(--primary)}.type-tab.active[data-v-2894edc1]{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}.avatar[data-v-2894edc1]{width:38px;height:38px;border-radius:19px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}@media (max-width: 768px){.nav-inner[data-v-2894edc1]{padding:0 20px;height:60px}.logo-name[data-v-2894edc1]{font-size:16px}.nav-links[data-v-2894edc1]{gap:16px}.nav-link[data-v-2894edc1]{font-size:13px}.type-tabs[data-v-2894edc1]{gap:4px;overflow-x:auto}.type-tab[data-v-2894edc1]{padding:4px 10px;white-space:nowrap}}.app[data-v-9506e24e]{min-height:100vh;display:flex;flex-direction:column}.footer[data-v-9506e24e]{margin-top:auto;padding:28px 0;text-align:center;font-size:13px;color:var(--text-tertiary)}.progress-track[data-v-6917be8a]{width:100%;height:8px;border-radius:4px;background:#efe8e1;overflow:hidden}.progress-fill[data-v-6917be8a]{height:100%;border-radius:4px;transition:width .3s ease}.hero[data-v-b70bc244]{background:var(--surface);border-bottom:1px solid var(--border)}.hero .page[data-v-b70bc244]{padding-top:56px;padding-bottom:44px}.hero-title[data-v-b70bc244]{font-size:40px;font-weight:800;color:var(--text-primary);letter-spacing:1px}.hero-sub[data-v-b70bc244]{margin-top:12px;font-size:16px;color:var(--text-secondary)}.stat-row[data-v-b70bc244]{margin-top:24px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-card[data-v-b70bc244]{display:flex;align-items:center;gap:12px;padding:18px 20px;border-radius:12px;background:#fbf4ef}.stat-icon[data-v-b70bc244]{width:44px;height:44px;border-radius:10px;background:var(--surface);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-value[data-v-b70bc244]{font-size:24px;font-weight:800;color:var(--text-primary);line-height:1.2}.stat-label[data-v-b70bc244]{font-size:12px;color:var(--text-secondary)}.types-section[data-v-b70bc244]{padding:40px 48px 64px}.section-head[data-v-b70bc244]{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:24px}.section-title[data-v-b70bc244]{font-size:22px;font-weight:700;color:var(--text-primary)}.section-tip[data-v-b70bc244]{font-size:13px;color:var(--text-tertiary)}.type-grid[data-v-b70bc244]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.type-card[data-v-b70bc244]{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:8px;transition:all .25s}.type-card[data-v-b70bc244]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #d930251a;border-color:#d930254d}.type-top[data-v-b70bc244]{display:flex;justify-content:space-between;align-items:center}.type-icon[data-v-b70bc244]{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.type-count[data-v-b70bc244]{display:flex;align-items:baseline;gap:3px}.count-num[data-v-b70bc244]{font-size:26px;font-weight:800;color:var(--text-primary)}.count-unit[data-v-b70bc244]{font-size:12px;color:var(--text-secondary)}.type-name[data-v-b70bc244]{font-size:18px;font-weight:700;color:var(--text-primary);margin-top:6px}.type-desc[data-v-b70bc244]{font-size:13px;color:var(--text-secondary)}.type-progress[data-v-b70bc244]{margin-top:14px;display:flex;flex-direction:column;gap:8px}.progress-text[data-v-b70bc244]{display:flex;justify-content:space-between;font-size:11px;color:var(--text-tertiary)}.wrong-card[data-v-b70bc244]{border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:6px;color:#fff;background:linear-gradient(135deg,var(--primary),var(--accent));transition:all .25s}.wrong-card[data-v-b70bc244]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #d9302540}.wrong-icon[data-v-b70bc244]{margin-bottom:4px}.wrong-name[data-v-b70bc244]{font-size:18px;font-weight:700}.wrong-desc[data-v-b70bc244]{font-size:13px;color:#fffc}.wrong-btn[data-v-b70bc244]{margin-top:14px;align-self:flex-start;display:inline-flex;align-items:center;gap:6px;background:#fff;color:var(--primary);font-size:13px;font-weight:600;padding:8px 16px;border-radius:10px}@media (max-width: 1024px){.type-grid[data-v-b70bc244],.stat-row[data-v-b70bc244]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.hero .page[data-v-b70bc244]{padding-top:32px;padding-bottom:28px}.hero-title[data-v-b70bc244]{font-size:26px}.hero-sub[data-v-b70bc244]{font-size:13px}.type-grid[data-v-b70bc244]{grid-template-columns:1fr}.types-section[data-v-b70bc244]{padding:28px 20px 48px}}:root{--bg: #FDF9F6;--surface: #FFFFFF;--primary: #D93025;--primary-dark: #A61B1B;--accent: #F4841E;--text-primary: #1F2430;--text-secondary: #6B7280;--text-tertiary: #9CA3AF;--success: #16A34A;--success-bg: #EAF7EF;--danger: #DC2626;--danger-bg: #FDECEC;--border: #E9E2DB;--warning: #F59E0B;--warning-bg: #FEF6E7;--track: #F0EBE5}*{margin:0;padding:0;box-sizing:border-box}html,body{background:var(--bg);color:var(--text-primary);font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.6}#app{min-height:100vh}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea{font-family:inherit;outline:none}ul{list-style:none}.page{width:100%;max-width:1344px;margin:0 auto;padding:0 48px}@media (max-width: 768px){.page{padding:0 20px}}