:root{--admin-bg: #0F172A;--admin-bg-surface: #1E293B;--admin-bg-muted: #334155;--admin-text: #F1F5F9;--admin-text-secondary: #94A3B8;--admin-text-muted: #64748B;--admin-border: #334155;--admin-primary: #5BA4D9;--admin-primary-hover: #6BB5E5;--admin-accent: #E8943A;--admin-success: #24A148;--admin-warning: #EAB308;--admin-danger: #DC2626;--admin-sidebar-w: 240px;--admin-topbar-h: 56px;--admin-radius: 8px;--admin-radius-sm: 4px}.admin-layout{display:flex;min-height:100vh;background:var(--admin-bg);color:var(--admin-text)}.admin-sidebar{width:var(--admin-sidebar-w);background:var(--admin-bg-surface);border-right:1px solid var(--admin-border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:40;padding:20px 0}.admin-sidebar-brand{display:flex;align-items:center;gap:10px;padding:0 20px 20px;border-bottom:1px solid var(--admin-border);margin-bottom:12px}.admin-sidebar-brand h2{font-family:var(--font-display);font-size:1.05rem;font-weight:800;color:var(--admin-text)}.admin-sidebar-brand span{font-size:.7rem;background:var(--admin-accent);color:#fff;padding:2px 8px;border-radius:10px;font-weight:700}.admin-nav{flex:1;display:flex;flex-direction:column;gap:2px;padding:0 8px}.admin-nav-item{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:var(--admin-radius);font-family:var(--font-display);font-weight:600;font-size:.875rem;color:var(--admin-text-secondary);background:none;border:none;cursor:pointer;transition:all .15s ease;width:100%;text-align:left}.admin-nav-item:hover{background:var(--admin-bg-muted);color:var(--admin-text)}.admin-nav-item.active{background:color-mix(in srgb,var(--admin-primary) 15%,transparent);color:var(--admin-primary)}.admin-main{flex:1;margin-left:var(--admin-sidebar-w);display:flex;flex-direction:column;min-height:100vh}.admin-topbar{height:var(--admin-topbar-h);background:var(--admin-bg-surface);border-bottom:1px solid var(--admin-border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:30}.admin-topbar-title{font-family:var(--font-display);font-weight:700;font-size:1.1rem;color:var(--admin-text)}.admin-topbar-user{display:flex;align-items:center;gap:12px}.admin-topbar-user span{font-size:.85rem;color:var(--admin-text-secondary);font-weight:600}.admin-logout-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--admin-radius-sm);border:1px solid var(--admin-border);background:transparent;color:var(--admin-text-secondary);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s ease}.admin-logout-btn:hover{background:var(--admin-bg-muted);color:var(--admin-text)}.admin-content{flex:1;padding:24px;overflow-y:auto}.admin-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.admin-kpi-card{background:var(--admin-bg-surface);border:1px solid var(--admin-border);border-radius:var(--admin-radius);padding:20px;display:flex;flex-direction:column;gap:8px}.admin-kpi-label{font-size:.78rem;font-weight:600;color:var(--admin-text-muted);text-transform:uppercase;letter-spacing:.04em}.admin-kpi-value{font-family:var(--font-display);font-size:1.75rem;font-weight:800;color:var(--admin-text);line-height:1}.admin-kpi-delta{font-size:.78rem;font-weight:600;display:flex;align-items:center;gap:4px}.admin-kpi-delta.positive{color:var(--admin-success)}.admin-kpi-delta.negative{color:var(--admin-danger)}.admin-chart-row{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:24px}.admin-chart-card{background:var(--admin-bg-surface);border:1px solid var(--admin-border);border-radius:var(--admin-radius);padding:20px}.admin-chart-card h3{font-family:var(--font-display);font-size:.938rem;font-weight:700;color:var(--admin-text);margin-bottom:16px}.admin-chart-wrap{width:100%;height:260px}.admin-table-wrap{background:var(--admin-bg-surface);border:1px solid var(--admin-border);border-radius:var(--admin-radius);overflow:hidden}.admin-table-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--admin-border)}.admin-table-header h3{font-family:var(--font-display);font-size:.938rem;font-weight:700;color:var(--admin-text)}.admin-search{display:flex;align-items:center;gap:8px;background:var(--admin-bg);border:1px solid var(--admin-border);border-radius:var(--admin-radius-sm);padding:6px 12px;min-width:220px}.admin-search input{flex:1;border:none;outline:none;background:transparent;font-size:.85rem;color:var(--admin-text);min-width:0}.admin-search input::placeholder{color:var(--admin-text-muted)}.admin-table{width:100%;border-collapse:collapse}.admin-table th{text-align:left;padding:10px 20px;font-size:.72rem;font-weight:700;color:var(--admin-text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--admin-border);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.admin-table th:hover{color:var(--admin-text-secondary)}.admin-table td{padding:12px 20px;font-size:.85rem;color:var(--admin-text-secondary);border-bottom:1px solid color-mix(in srgb,var(--admin-border) 50%,transparent)}.admin-table tr:hover td{background:color-mix(in srgb,var(--admin-primary) 4%,transparent)}.admin-table tr:last-child td{border-bottom:none}.admin-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:10px;font-size:.72rem;font-weight:700}.admin-badge--active{background:color-mix(in srgb,var(--admin-success) 15%,transparent);color:var(--admin-success)}.admin-badge--inactive{background:color-mix(in srgb,var(--admin-text-muted) 15%,transparent);color:var(--admin-text-muted)}.admin-badge--warn{background:color-mix(in srgb,var(--admin-warning) 15%,transparent);color:var(--admin-warning)}.admin-badge--error{background:color-mix(in srgb,var(--admin-danger) 15%,transparent);color:var(--admin-danger)}.admin-badge--info{background:color-mix(in srgb,var(--admin-primary) 15%,transparent);color:var(--admin-primary)}.admin-badge--success{background:color-mix(in srgb,var(--admin-success) 15%,transparent);color:var(--admin-success)}.admin-badge--pending{background:color-mix(in srgb,var(--admin-warning) 15%,transparent);color:var(--admin-warning)}.admin-skill-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.admin-skill-card{background:var(--admin-bg-surface);border:1px solid var(--admin-border);border-radius:var(--admin-radius);padding:20px;display:flex;flex-direction:column;gap:10px;transition:border-color .2s ease}.admin-skill-card:hover{border-color:var(--admin-primary)}.admin-skill-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.admin-skill-card h4{font-family:var(--font-display);font-size:.938rem;font-weight:700;color:var(--admin-text)}.admin-skill-card p{font-size:.82rem;color:var(--admin-text-secondary);line-height:1.5;flex:1}.admin-skill-card-meta{display:flex;align-items:center;gap:12px;font-size:.72rem;color:var(--admin-text-muted)}.admin-skill-actions{display:flex;gap:8px}.admin-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--admin-radius-sm);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s ease;border:none}.admin-btn--primary{background:var(--admin-primary);color:#fff}.admin-btn--primary:hover{background:var(--admin-primary-hover)}.admin-btn--ghost{background:transparent;border:1px solid var(--admin-border);color:var(--admin-text-secondary)}.admin-btn--ghost:hover{background:var(--admin-bg-muted);color:var(--admin-text)}.admin-btn--sm{padding:4px 10px;font-size:.72rem}.admin-toggle{width:36px;height:20px;border-radius:10px;background:var(--admin-bg-muted);border:none;cursor:pointer;position:relative;transition:background .2s ease;flex-shrink:0}.admin-toggle.on{background:var(--admin-success)}.admin-toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s ease}.admin-toggle.on:after{transform:translate(16px)}.admin-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--admin-bg);padding:24px}.admin-login-card{background:var(--admin-bg-surface);border:1px solid var(--admin-border);border-radius:var(--admin-radius);padding:40px 36px;width:100%;max-width:400px}.admin-login-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:8px}.admin-login-brand h1{font-family:var(--font-display);font-size:1.35rem;font-weight:800;color:var(--admin-text)}.admin-login-subtitle{text-align:center;font-size:.875rem;color:var(--admin-text-muted);margin-bottom:32px}.admin-form-group{margin-bottom:20px}.admin-form-group label{display:block;font-size:.8rem;font-weight:700;color:var(--admin-text-secondary);margin-bottom:6px;letter-spacing:.02em}.admin-form-group input{width:100%;padding:10px 14px;border-radius:var(--admin-radius-sm);border:1px solid var(--admin-border);background:var(--admin-bg);color:var(--admin-text);font-size:.9rem;outline:none;transition:border-color .2s ease}.admin-form-group input:focus{border-color:var(--admin-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--admin-primary) 15%,transparent)}.admin-form-error{font-size:.78rem;color:var(--admin-danger);margin-top:4px;display:flex;align-items:center;gap:4px}.admin-login-btn{width:100%;padding:12px;border-radius:var(--admin-radius-sm);border:none;background:var(--admin-primary);color:#fff;font-family:var(--font-display);font-size:.938rem;font-weight:700;cursor:pointer;transition:background .15s ease}.admin-login-btn:hover{background:var(--admin-primary-hover)}.admin-login-hint{text-align:center;font-size:.72rem;color:var(--admin-text-muted);margin-top:16px}.admin-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.admin-section-header h2{font-family:var(--font-display);font-size:1.2rem;font-weight:800;color:var(--admin-text)}.admin-filter-bar{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.admin-filter-select{padding:6px 12px;border-radius:var(--admin-radius-sm);border:1px solid var(--admin-border);background:var(--admin-bg);color:var(--admin-text-secondary);font-size:.82rem;outline:none;cursor:pointer}.admin-create-user{display:grid;grid-template-columns:1fr 1fr 120px 1fr auto;gap:10px;margin-bottom:16px;padding:14px;background:var(--admin-bg-surface);border:1px solid var(--admin-border);border-radius:var(--admin-radius)}.admin-create-user input,.admin-create-user select{min-width:0;padding:8px 10px;border-radius:var(--admin-radius-sm);border:1px solid var(--admin-border);background:var(--admin-bg);color:var(--admin-text);font-size:.84rem;outline:none}.admin-create-user input:focus,.admin-create-user select:focus{border-color:var(--admin-primary)}.admin-health-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.admin-health-card{background:var(--admin-bg-surface);border:1px solid var(--admin-border);border-radius:var(--admin-radius);padding:20px;display:flex;flex-direction:column;gap:10px}.admin-health-indicator{display:flex;align-items:center;gap:8px}.admin-health-dot{width:10px;height:10px;border-radius:50%}.admin-health-dot.green{background:var(--admin-success)}.admin-health-dot.yellow{background:var(--admin-warning)}.admin-health-dot.red{background:var(--admin-danger)}.admin-health-label{font-size:.82rem;font-weight:600;color:var(--admin-text-secondary)}.admin-health-value{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--admin-text)}.admin-health-sub{font-size:.78rem;color:var(--admin-text-muted)}.admin-progress{width:100%;height:6px;background:var(--admin-bg-muted);border-radius:3px;overflow:hidden}.admin-progress-bar{height:100%;border-radius:3px;transition:width .3s ease}.admin-activity-list{display:flex;flex-direction:column}.admin-activity-item{display:flex;align-items:flex-start;gap:12px;padding:12px 20px;border-bottom:1px solid color-mix(in srgb,var(--admin-border) 50%,transparent);transition:background .15s ease}.admin-activity-item:last-child{border-bottom:none}.admin-activity-item:hover{background:color-mix(in srgb,var(--admin-primary) 3%,transparent)}.admin-activity-time{font-size:.72rem;color:var(--admin-text-muted);white-space:nowrap;min-width:50px;padding-top:2px}.admin-activity-content{flex:1;min-width:0}.admin-activity-user{font-weight:700;font-size:.82rem;color:var(--admin-text)}.admin-activity-text{font-size:.82rem;color:var(--admin-text-secondary);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-expand-btn{background:none;border:none;color:var(--admin-primary);cursor:pointer;font-size:.8rem;font-weight:600;padding:2px 8px;border-radius:var(--admin-radius-sm);transition:background .15s ease}.admin-expand-btn:hover{background:color-mix(in srgb,var(--admin-primary) 10%,transparent)}.admin-expand-panel{background:color-mix(in srgb,var(--admin-primary) 3%,transparent);padding:16px 20px;border-bottom:1px solid var(--admin-border)}.admin-expand-panel p{font-size:.82rem;color:var(--admin-text-secondary);line-height:1.6;margin-bottom:6px}.admin-expand-panel strong{color:var(--admin-text)}.admin-mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--admin-bg-surface);border-top:1px solid var(--admin-border);padding:6px 0;padding-bottom:env(safe-area-inset-bottom,0px);z-index:40}.admin-mobile-nav-inner{display:flex;justify-content:space-around}.admin-mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 8px;border-radius:var(--admin-radius-sm);border:none;background:none;cursor:pointer;color:var(--admin-text-muted);font-size:.62rem;font-weight:600;transition:color .15s ease}.admin-mobile-nav-item.active{color:var(--admin-primary)}.admin-log-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-bottom:1px solid color-mix(in srgb,var(--admin-border) 50%,transparent)}.admin-log-item:last-child{border-bottom:none}.admin-log-icon{flex-shrink:0;margin-top:2px}.admin-log-content{flex:1;min-width:0}.admin-log-content p{font-size:.82rem;color:var(--admin-text-secondary);line-height:1.5}.admin-log-content .log-time{font-size:.72rem;color:var(--admin-text-muted);margin-top:2px}@media (max-width: 1024px){.admin-kpi-row{grid-template-columns:repeat(2,1fr)}.admin-chart-row{grid-template-columns:1fr}.admin-health-row{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.admin-sidebar{display:none}.admin-main{margin-left:0;padding-bottom:72px}.admin-mobile-nav{display:block}.admin-content{padding:16px}.admin-kpi-row{grid-template-columns:1fr 1fr;gap:10px}.admin-kpi-card{padding:14px}.admin-kpi-value{font-size:1.35rem}.admin-health-row,.admin-chart-row{grid-template-columns:1fr}.admin-chart-wrap{height:200px}.admin-table-wrap .admin-table{display:none}.admin-table-wrap .admin-mobile-cards{display:flex;flex-direction:column}.admin-mobile-card-item{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-bottom:1px solid var(--admin-border)}.admin-mobile-card-item:last-child{border-bottom:none}.admin-mobile-card-row{display:flex;justify-content:space-between;align-items:center;font-size:.82rem}.admin-mobile-card-row .label{color:var(--admin-text-muted);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.admin-mobile-card-row .value{color:var(--admin-text-secondary);font-weight:600}.admin-topbar{padding:0 16px}.admin-skill-grid,.admin-create-user{grid-template-columns:1fr}}@media (min-width: 769px){.admin-table-wrap .admin-mobile-cards{display:none}}[data-style=snow-warm]{--spark-font-family: system-ui, -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--spark-font-display: "Nunito", system-ui, -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--spark-radius: var(--seed-radius, 20px);--spark-radius-sm: 8px;--spark-radius-pill: 50px;--spark-density: balanced;--spark-gap-scale: 1}.spark-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--spark-font-display);font-weight:600;font-size:.938rem;letter-spacing:.02em;border:none;cursor:pointer;border-radius:var(--spark-radius-pill);padding:12px 28px;transition:all .25s cubic-bezier(.4,0,.2,1);text-decoration:none;white-space:nowrap;line-height:1.4}.spark-btn-primary{background:var(--seed-primary, #5BA4D9);color:#fff;box-shadow:0 4px #1a365d1f}.spark-btn-primary:hover{background:color-mix(in srgb,var(--seed-primary, #5BA4D9) 85%,white);transform:translateY(-1px);box-shadow:0 5px #1a365d1f}.spark-btn-primary:active{background:color-mix(in srgb,var(--seed-primary, #5BA4D9) 90%,black);transform:translateY(2px);box-shadow:0 1px #1a365d1f}.spark-btn-secondary{background:var(--seed-surface, #fff);color:var(--seed-primary, #5BA4D9);border:2px solid var(--color-border, #E2E8F0)}.spark-btn-secondary:hover{border-color:var(--seed-primary, #5BA4D9);background:color-mix(in srgb,var(--seed-primary, #5BA4D9) 8%,var(--seed-surface, #fff));transform:translateY(-1px)}.spark-btn-accent{background:var(--seed-accent, #E8943A);color:#fff;box-shadow:0 4px #1a365d1f}.spark-btn-accent:hover{background:color-mix(in srgb,var(--seed-accent, #E8943A) 85%,white);transform:translateY(-1px);box-shadow:0 5px #1a365d1f}.spark-card{background:var(--seed-surface, #fff);border-radius:var(--spark-radius, 20px);border:1px solid var(--color-border, #E2E8F0);padding:32px 28px;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1)}.spark-card:hover{transform:translateY(-4px);box-shadow:0 8px 28px #1a365d1f}.spark-card-flat{background:var(--seed-surface, #fff);border-radius:var(--spark-radius-sm, 8px);border:1px solid var(--color-border, #E2E8F0);padding:20px 24px}.spark-section{padding:64px 24px}@media (min-width: 768px){.spark-section{padding:96px 32px}}.spark-container{max-width:1120px;margin:0 auto;width:100%}.spark-badge{display:inline-flex;align-items:center;gap:4px;font-family:var(--spark-font-display);font-weight:600;font-size:.75rem;letter-spacing:.04em;padding:4px 12px;border-radius:var(--spark-radius-pill);background:color-mix(in srgb,var(--seed-accent, #E8943A) 12%,var(--seed-surface, #fff));color:var(--seed-accent, #E8943A)}.spark-divider{height:1px;background:var(--color-border, #E2E8F0);border:none;margin:0}:root{--seed-bg: #F6F8FB;--seed-fg: #2D3748;--seed-primary: #5BA4D9;--seed-accent: #E8943A;--seed-surface: #FFFFFF;--seed-radius: 20px;--snow-white: #FFFFFF;--snow-cream: #F6F8FB;--snow-warm: #FFF8F0;--snow-card: #FFFFFF;--snow-secondary: #EDF2F7;--snow-border: #E2E8F0;--ink-title: #1A365D;--ink-body: #2D3748;--ink-muted: #718096;--ink-disabled: #A0AEC0;--blue-soft: #E8F4FD;--blue-mid: #5BA4D9;--blue-deep: #3182CE;--blue-hover: #6BB5E5;--blue-active: #2B6CB0;--orange-warm: #E8943A;--orange-light: #FFF3E0;--orange-hover: #F0A050;--orange-active: #D4802E;--green-soft: #C6F6D5;--green-mid: #48BB78;--green-deep: #38A169;--pink-soft: #FED7E2;--pink-mid: #FEB2B2;--yellow-soft: #FEFCBF;--yellow-mid: #ECC94B;--color-bg: var(--seed-bg);--color-surface: var(--seed-surface);--color-surface-warm: var(--snow-warm);--color-surface-blue: var(--blue-soft);--color-surface-secondary: var(--snow-secondary);--color-border: var(--snow-border);--color-text-heading: var(--ink-title);--color-text-body: var(--ink-body);--color-text-muted: var(--ink-muted);--color-text-disabled: var(--ink-disabled);--color-primary: var(--seed-primary);--color-primary-hover: var(--blue-hover);--color-primary-active: var(--blue-active);--color-primary-wash: var(--blue-soft);--color-accent: var(--seed-accent);--color-accent-hover: var(--orange-hover);--color-accent-wash: var(--orange-light);--color-success: var(--green-mid);--color-warning: var(--yellow-mid);--color-danger: #E53E3E;--radius-sm: 8px;--radius-md: 12px;--radius-lg: var(--seed-radius);--radius-xl: 28px;--radius-pill: 50px;--shadow-sm: 0 1px 3px rgba(26, 54, 93, .06);--shadow-md: 0 4px 12px rgba(26, 54, 93, .08);--shadow-lg: 0 8px 24px rgba(26, 54, 93, .1);--shadow-button: 0 4px 0 0 rgba(26, 54, 93, .12);--shadow-button-hover: 0 5px 0 0 rgba(26, 54, 93, .12);--shadow-button-active: 0 1px 0 0 rgba(26, 54, 93, .12);--shadow-card-hover: 0 8px 28px rgba(26, 54, 93, .12);--font-display: "Nunito", system-ui, -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-body: system-ui, -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--motion-fast: .15s;--motion-base: .25s;--motion-slow: .5s;--motion-ease: cubic-bezier(.4, 0, .2, 1);--max-width: 1120px;--nav-height: 64px}[data-theme=dark]{--seed-bg: #0F1724;--seed-fg: #E2E8F0;--seed-surface: #1A2332;--color-bg: #0F1724;--color-surface: #1A2332;--color-surface-warm: #1E2A3A;--color-surface-blue: #162A40;--color-surface-secondary: #1E293B;--color-border: #2D3F56;--color-text-heading: #E8F4FD;--color-text-body: #CBD5E1;--color-text-muted: #8899AD;--color-text-disabled: #4A5B6E;--color-primary: #6BB5E5;--color-primary-hover: #8CC8EF;--color-primary-active: #5BA4D9;--color-accent: #F0A050;--color-accent-hover: #F5B06A;--color-accent-wash: #2A2010;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .25);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .3);--shadow-button: 0 4px 0 0 rgba(0, 0, 0, .2);--shadow-button-hover: 0 5px 0 0 rgba(0, 0, 0, .2);--shadow-button-active: 0 1px 0 0 rgba(0, 0, 0, .2);--shadow-card-hover: 0 8px 28px rgba(0, 0, 0, .3)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:16px;font-weight:450;line-height:1.6;color:var(--color-text-body);background-color:var(--color-bg);letter-spacing:0;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:var(--color-primary);text-decoration:none;transition:color var(--motion-fast) var(--motion-ease)}a:hover{color:var(--color-primary-hover)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--color-text-heading);line-height:1.15;letter-spacing:-.02em;font-weight:700}h1{font-size:clamp(2rem,5vw,3rem)}h2{font-size:clamp(1.5rem,3.5vw,2.25rem)}h3{font-size:clamp(1.125rem,2.5vw,1.5rem)}.section{padding:var(--space-8) var(--space-5)}@media (min-width: 768px){.section{padding:var(--space-9) var(--space-6)}}.container{max-width:var(--max-width);margin:0 auto;width:100%}.section-title{text-align:center;margin-bottom:var(--space-6);position:relative}.section-title h2{display:inline-block;position:relative}.section-title h2:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:48px;height:3px;border-radius:2px;background:var(--color-accent)}.section-subtitle{text-align:center;color:var(--color-text-muted);font-size:1.05rem;max-width:600px;margin:0 auto var(--space-7);line-height:1.6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-display);font-weight:600;font-size:.938rem;letter-spacing:.02em;border:none;cursor:pointer;transition:all var(--motion-base) var(--motion-ease);border-radius:var(--radius-pill);text-decoration:none;white-space:nowrap}.btn-primary{background:var(--color-primary);color:var(--snow-white);padding:12px 28px;box-shadow:var(--shadow-button)}.btn-primary:hover{background:var(--color-primary-hover);color:var(--snow-white);transform:translateY(-1px);box-shadow:var(--shadow-button-hover)}.btn-primary:active{background:var(--color-primary-active);transform:translateY(2px);box-shadow:var(--shadow-button-active)}.btn-secondary{background:var(--color-surface);color:var(--color-primary);padding:12px 28px;border:2px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-primary);background:var(--color-primary-wash);color:var(--color-primary);transform:translateY(-1px)}.btn-secondary:active{transform:translateY(1px)}.btn-accent{background:var(--color-accent);color:var(--snow-white);padding:12px 28px;box-shadow:var(--shadow-button)}.btn-accent:hover{background:var(--color-accent-hover);color:var(--snow-white);transform:translateY(-1px);box-shadow:var(--shadow-button-hover)}.btn-accent:active{background:var(--color-accent-active);transform:translateY(2px);box-shadow:var(--shadow-button-active)}.fade-in-up{opacity:0;transform:translateY(24px);transition:opacity .6s var(--motion-ease),transform .6s var(--motion-ease)}.fade-in-up.visible{opacity:1;transform:translateY(0)}@keyframes gentle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.float-animation{animation:gentle-float 4s ease-in-out infinite}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}.img-fallback{background:var(--color-surface-blue);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--color-text-muted);font-size:.875rem}.chat-input-wrap{display:flex;align-items:center;gap:8px;background:var(--color-surface);border:2px solid var(--color-border);border-radius:28px;padding:6px 6px 6px 24px;transition:border-color .25s var(--motion-ease),box-shadow .25s var(--motion-ease);width:100%;max-width:640px}.chat-input-wrap:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 12%,transparent)}.chat-input-wrap input{flex:1;border:none;outline:none;background:transparent;font-family:var(--font-body);font-size:1rem;color:var(--color-text-body);line-height:1.5;min-width:0}.chat-input-wrap input::placeholder{color:var(--color-text-disabled)}.chat-input-send{width:44px;height:44px;border-radius:50%;border:none;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s var(--motion-ease),transform .15s var(--motion-ease);flex-shrink:0}.chat-input-send:hover{background:var(--color-primary-hover);transform:scale(1.05)}.chat-input-send:active{transform:scale(.95)}.voice-btn{width:48px;height:48px;border-radius:50%;border:2px solid var(--color-border);background:var(--color-surface);color:var(--color-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all .25s var(--motion-ease);flex-shrink:0}.voice-btn:hover{border-color:var(--color-primary);background:var(--color-primary-wash)}.voice-btn:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid var(--color-primary);opacity:0;animation:voice-pulse 2.5s ease-in-out infinite}@keyframes voice-pulse{0%,to{opacity:0;transform:scale(1)}50%{opacity:.4;transform:scale(1.15)}}.topic-card{display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:16px;border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;transition:all .25s var(--motion-ease);white-space:nowrap;font-family:var(--font-display);font-weight:600;font-size:.875rem;color:var(--color-text-body)}.topic-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:transparent}.topic-card:active{transform:translateY(0)}.topic-icon{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-bubble-row{display:flex;gap:12px;max-width:100%}.chat-bubble-row--user{flex-direction:row-reverse}.chat-bubble-row--assistant{flex-direction:row}.chat-avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.chat-bubble{max-width:80%;padding:14px 18px;font-size:.938rem;line-height:1.65;word-break:break-word}.chat-bubble--user{background:var(--color-primary);color:#fff;border-radius:18px 18px 4px}.chat-bubble--assistant{background:var(--color-surface);color:var(--color-text-body);border-radius:18px 18px 18px 4px;border:1px solid var(--color-border);max-width:min(760px,78vw)}.markdown-message{color:inherit;font-size:inherit;line-height:1.75}.markdown-message>:first-child{margin-top:0}.markdown-message>:last-child{margin-bottom:0}.markdown-message p{margin:.45em 0}.markdown-message h1,.markdown-message h2,.markdown-message h3,.markdown-message h4{color:var(--color-text-heading);font-family:var(--font-display);font-weight:800;letter-spacing:0;line-height:1.35;margin:1em 0 .45em}.markdown-message h1{font-size:1.1rem}.markdown-message h2{font-size:1.03rem}.markdown-message h3,.markdown-message h4{font-size:.96rem}.markdown-message ul,.markdown-message ol{margin:.45em 0 .75em;padding-left:1.35em}.markdown-message li{margin:.28em 0}.markdown-message li::marker{color:var(--color-primary)}.markdown-message blockquote{margin:.8em 0;padding:10px 12px;border-left:3px solid var(--color-accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:color-mix(in srgb,var(--color-accent) 10%,transparent);color:var(--color-text-body)}.markdown-message strong{color:var(--color-text-heading);font-weight:800}.markdown-message a{color:var(--color-primary);font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.markdown-message code{white-space:pre-wrap;word-break:break-word;border-radius:4px;background:var(--color-surface-secondary);padding:.08em .35em;font-size:.9em}.markdown-message pre{overflow-x:auto;border-radius:var(--radius-sm);background:var(--color-surface-secondary);padding:12px}.markdown-message pre code{background:transparent;padding:0}.markdown-message__table-wrap{width:100%;overflow-x:auto;margin:.75em 0;border:1px solid var(--color-border);border-radius:var(--radius-sm)}.markdown-message table{width:100%;min-width:420px;border-collapse:collapse;font-size:.92em}.markdown-message th,.markdown-message td{padding:9px 10px;border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top}.markdown-message th{background:var(--color-surface-secondary);color:var(--color-text-heading);font-weight:800}.markdown-message tr:last-child td{border-bottom:0}.markdown-message img{display:block;max-width:100%;height:auto;margin:.75em 0;border-radius:var(--radius-md);border:1px solid var(--color-border)}.markdown-message__image-link{display:inline-flex;max-width:100%;word-break:break-word}.bubble-enter{opacity:0;transform:translateY(16px)}.bubble-enter.visible{opacity:1;transform:translateY(0);transition:opacity .4s var(--motion-ease),transform .4s var(--motion-ease)}@keyframes typing-dot{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.typing-dots{display:flex;gap:4px;padding:4px 0}.typing-dots span{width:6px;height:6px;border-radius:50%;background:var(--color-text-muted);animation:typing-dot 1.4s ease-in-out infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}.page-enter{animation:pageFadeIn .35s var(--motion-ease) forwards}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.chat-input-wrap{max-width:100%;padding:4px 4px 4px 16px}.chat-bubble{max-width:88%;padding:12px 14px;font-size:.875rem}.chat-bubble--assistant{max-width:calc(100vw - 56px)}.markdown-message{line-height:1.7}.markdown-message h1{font-size:1rem}.markdown-message h2{font-size:.96rem}.markdown-message h3,.markdown-message h4{font-size:.9rem}.markdown-message table{min-width:360px}.topic-card{padding:10px 14px;font-size:.8rem}.topic-icon{width:28px;height:28px;border-radius:8px}}.mascot-glow{position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--color-primary) 18%,transparent) 0%,color-mix(in srgb,var(--color-primary) 8%,transparent) 50%,transparent 70%);z-index:1;animation:glow-breathe 4s ease-in-out infinite}@keyframes glow-breathe{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.12);opacity:1}}.mascot-frame{position:absolute;width:220px;height:220px;object-fit:contain;border-radius:24px;z-index:2;opacity:0;transition:opacity .8s ease-in-out}.mascot-frame.active{opacity:1}.mascot-snowflakes{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;z-index:3;pointer-events:none}.mascot-snow{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--color-primary);opacity:0;animation:mascot-snow-orbit linear infinite}.mascot-snow.s1{top:10%;left:5%;width:5px;height:5px;animation-duration:5s;animation-delay:0s}.mascot-snow.s2{top:20%;right:0;width:4px;height:4px;animation-duration:6s;animation-delay:1s}.mascot-snow.s3{bottom:15%;left:10%;width:6px;height:6px;animation-duration:5.5s;animation-delay:2s}.mascot-snow.s4{bottom:25%;right:5%;width:3px;height:3px;animation-duration:7s;animation-delay:.5s}.mascot-snow.s5{top:50%;left:-5%;width:5px;height:5px;animation-duration:6.5s;animation-delay:3s}.mascot-snow.s6{top:40%;right:-3%;width:4px;height:4px;animation-duration:5.8s;animation-delay:1.5s}@keyframes mascot-snow-orbit{0%{opacity:0;transform:translateY(-12px) rotate(0) scale(.5)}15%{opacity:.5;transform:translateY(0) rotate(60deg) scale(1)}50%{opacity:.35;transform:translateY(20px) rotate(180deg) scale(.8)}85%{opacity:.5;transform:translateY(40px) rotate(300deg) scale(.6)}to{opacity:0;transform:translateY(55px) rotate(360deg) scale(.3)}}@media (prefers-reduced-motion: reduce){.mascot-glow,.mascot-snow{animation:none!important}.mascot-glow{opacity:.5}.mascot-frame{transition:none!important}}@keyframes drawerSlideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.mobile-topic-card{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:14px;border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;transition:all .2s var(--motion-ease);font-family:var(--font-display);font-weight:600;font-size:.85rem;color:var(--color-text-body);min-height:44px;box-shadow:var(--shadow-sm)}.mobile-topic-card:active{background:var(--color-surface-secondary);transform:scale(.97);box-shadow:none}.mobile-input-wrap{flex:1;display:flex;align-items:center;gap:6px;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:24px;padding:4px 4px 4px 16px;transition:border-color .2s var(--motion-ease),box-shadow .2s var(--motion-ease)}.mobile-input-wrap:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 10%,transparent)}.mobile-input-wrap input{flex:1;border:none;outline:none;background:transparent;font-family:var(--font-body);font-size:.95rem;color:var(--color-text-body);min-width:0}.mobile-input-wrap input::placeholder{color:var(--color-text-disabled)}.mobile-send-btn{width:40px;height:40px;border-radius:50%;border:none;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .2s var(--motion-ease),transform .1s var(--motion-ease)}.mobile-send-btn:active{transform:scale(.9);background:var(--color-primary-active)}.mobile-send-btn:disabled{opacity:.5;cursor:not-allowed}.mobile-voice-btn{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;position:relative;transition:all .2s var(--motion-ease)}.mobile-voice-btn:active{background:var(--color-primary-wash);transform:scale(.93)}.mobile-voice-btn:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:1.5px solid var(--color-primary);opacity:0;animation:voice-pulse 2.5s ease-in-out infinite}@media (max-width: 768px){.chat-avatar{width:30px;height:30px}.chat-bubble{max-width:78%;padding:10px 14px;font-size:.85rem;line-height:1.55}.chat-bubble--user{border-radius:16px 16px 4px}.chat-bubble--assistant{border-radius:16px 16px 16px 4px}}@media (min-width: 768px){.sidebar-conv-item:hover{background:var(--color-surface-secondary)}.sidebar-conv-item:hover .sidebar-conv-delete{opacity:1}}