:root{--ref-blue-40:#1a73e8;--ref-blue-90:#d3e3fd;--ref-green-40:#188038;--ref-green-90:#ceead6;--ref-yellow-60:#f9ab00;--ref-yellow-90:#feefc3;--ref-red-40:#d93025;--ref-red-90:#fce8e6;--ref-purple-40:#6750a4;--ref-purple-90:#eaddff;--ref-neutral-10:#202124;--ref-neutral-30:#3c4043;--ref-neutral-50:#5f6368;--ref-neutral-70:#9aa0a6;--ref-neutral-90:#e8eaed;--ref-neutral-95:#f1f3f4;--ref-neutral-98:#f8fafd;--ref-white:#fff;--sys-color-primary:var(--ref-blue-40);--sys-color-on-primary:var(--ref-white);--sys-color-primary-container:var(--ref-blue-90);--sys-color-on-primary-container:#041e49;--sys-color-secondary:var(--ref-purple-40);--sys-color-secondary-container:var(--ref-purple-90);--sys-color-on-secondary-container:#21005d;--sys-color-success:var(--ref-green-40);--sys-color-success-container:var(--ref-green-90);--sys-color-warning:var(--ref-yellow-60);--sys-color-warning-container:var(--ref-yellow-90);--sys-color-error:var(--ref-red-40);--sys-color-error-container:var(--ref-red-90);--sys-color-on-error:var(--ref-white);--sys-color-info:var(--sys-color-primary);--sys-color-background:var(--ref-neutral-98);--sys-color-surface:var(--ref-white);--sys-color-surface-container-low:#f8fafd;--sys-color-surface-container:var(--ref-neutral-95);--sys-color-surface-container-high:var(--ref-neutral-90);--sys-color-surface-tint:#1a73e814;--sys-color-on-surface:var(--ref-neutral-10);--sys-color-on-surface-variant:var(--ref-neutral-50);--sys-color-on-surface-disabled:#80868b;--sys-color-outline:#dadce0;--sys-color-outline-variant:#e8eaed;--sys-font-brand:"Google Sans Text", "Roboto", "Noto Sans SC", "Microsoft YaHei", "PingFang SC", Arial, sans-serif;--sys-font-plain:"Noto Sans SC", "Microsoft YaHei", "PingFang SC", "Roboto", Arial, sans-serif;--sys-font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", Consolas, monospace;--sys-shape-none:0;--sys-shape-xs:4px;--sys-shape-sm:8px;--sys-shape-md:12px;--sys-shape-lg:16px;--sys-shape-xl:24px;--sys-shape-full:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--motion-fast:.15s;--motion-normal:.25s;--motion-slow:.4s;--motion-standard:cubic-bezier(.2, 0, 0, 1);--motion-emphasized:cubic-bezier(.2, 0, 0, 1);--elevation-1:0 1px 2px #3c404324, 0 1px 3px #3c40431a;--elevation-2:0 2px 6px #3c404324, 0 1px 2px #3c40431a;--elevation-3:0 6px 18px #3c404329, 0 2px 6px #3c40431a;--bg-primary:var(--sys-color-background);--bg-secondary:var(--sys-color-surface);--bg-tertiary:var(--sys-color-surface-container);--bg-elevated:var(--sys-color-surface);--color-cyan:var(--sys-color-primary);--color-green:var(--sys-color-success);--color-amber:var(--sys-color-warning);--color-magenta:var(--sys-color-error);--color-purple:var(--sys-color-secondary);--text-primary:var(--sys-color-on-surface);--text-secondary:var(--sys-color-on-surface-variant);--text-disabled:var(--sys-color-on-surface-disabled);--border-default:var(--sys-color-outline);--font-mono:var(--sys-font-plain);--radius-sm:var(--sys-shape-sm);--radius-md:var(--sys-shape-md);--radius-lg:var(--sys-shape-lg);--glow-cyan:none;--glow-green:none;--glow-amber:none;--glow-magenta:none;--spacing-xs:var(--space-1);--spacing-sm:var(--space-2);--spacing-md:var(--space-3);--spacing-lg:var(--space-4);--spacing-xl:var(--space-6);--spacing-2xl:var(--space-8);--spacing-3xl:var(--space-12);--sidebar-width:248px;--skill-locked:var(--sys-color-outline);--skill-unlockable:var(--sys-color-warning);--skill-learning:var(--sys-color-primary);--skill-advanced:var(--sys-color-secondary);--skill-mastered:var(--sys-color-success);--ease-cyber:var(--motion-standard);--ease-glitch:var(--motion-emphasized);--scanline-opacity:0;--scanline-height:0;--badge-danger:var(--sys-color-error);--badge-warning:var(--sys-color-warning);--badge-success:var(--sys-color-success);--badge-info:var(--sys-color-primary)}@keyframes level-up-burst{0%{transform:scale(1)}35%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes ring-expand{0%{r:14;opacity:.32;stroke-width:3px}to{r:36;opacity:0;stroke-width:1px}}@keyframes ring-expand-lg{0%{r:18;opacity:.28;stroke-width:4px}to{r:48;opacity:0;stroke-width:1px}}@keyframes scanline-unlock{0%{opacity:0}50%{opacity:.16}to{opacity:0}}@keyframes particle-1{0%{opacity:.8;transform:translate(0)scale(1)}to{opacity:0;transform:translate(-16px,-22px)scale(0)}}@keyframes particle-2{0%{opacity:.8;transform:translate(0)scale(1)}to{opacity:0;transform:translate(18px,-16px)scale(0)}}@keyframes particle-3{0%{opacity:.8;transform:translate(0)scale(1)}to{opacity:0;transform:translate(-14px,16px)scale(0)}}@keyframes particle-4{0%{opacity:.8;transform:translate(0)scale(1)}to{opacity:0;transform:translate(16px,14px)scale(0)}}*,:before,:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{min-height:100vh;color:var(--sys-color-on-surface);background:var(--sys-color-background);font-family:var(--sys-font-plain);margin:0;font-size:14px;line-height:1.6;overflow-x:hidden}#app{min-height:100vh}a{color:var(--sys-color-primary);text-underline-offset:3px;text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit}button{border-radius:var(--sys-shape-full)}button,a,input,textarea,select,[tabindex]{outline-color:#0000}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--sys-color-primary);outline-offset:2px}input,textarea,select{color:var(--sys-color-on-surface);background:var(--sys-color-surface);border:1px solid var(--sys-color-outline);border-radius:var(--sys-shape-sm)}input::placeholder,textarea::placeholder{color:var(--sys-color-on-surface-disabled)}::selection{color:var(--sys-color-on-primary-container);background:var(--sys-color-primary-container)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--sys-color-surface-container-low)}::-webkit-scrollbar-thumb{background:var(--sys-color-outline);border:2px solid var(--sys-color-surface-container-low);border-radius:var(--sys-shape-full)}::-webkit-scrollbar-thumb:hover{background:var(--sys-color-on-surface-disabled)}.page-crumb{color:var(--sys-color-on-surface-variant);font-size:12px;font-weight:500}.page-title{color:var(--sys-color-on-surface);letter-spacing:0;font-size:28px;font-weight:700;line-height:1.2}.card,.panel,.modal-card,.auth-card,.stat-card,.metric-card,.group-card,.activity-card,.profile-card,.notification-item,.lb-row,.conv-item,.thread-header,.msg-content{border-color:var(--sys-color-outline-variant);border-radius:var(--sys-shape-md);box-shadow:none}.btn,.btn-action,.btn-save,.btn-primary,.msg-send-btn,.sidebar__logout-btn{border-radius:var(--sys-shape-full);letter-spacing:0;min-height:36px;font-weight:600}.btn-primary,.btn-save,.btn-action,.msg-send-btn{color:var(--sys-color-on-primary);background:var(--sys-color-primary);border-color:var(--sys-color-primary)}.btn-cancel,.btn-ghost,.filter-btn{color:var(--sys-color-on-surface-variant);background:var(--sys-color-surface);border-color:var(--sys-color-outline);border-radius:var(--sys-shape-full)}.tag,.badge,.nav-item__badge,.conv-unread,.activity-badge,.member-role,.group-meta{border-radius:var(--sys-shape-full);letter-spacing:0}.fade-enter-active,.fade-leave-active{transition:opacity var(--motion-fast) var(--motion-standard)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active{transition:opacity var(--motion-normal) var(--motion-standard), transform var(--motion-normal) var(--motion-standard)}.slide-up-leave-active{transition:opacity var(--motion-fast) var(--motion-standard), transform var(--motion-fast) var(--motion-standard)}.slide-up-enter-from{opacity:0;transform:translateY(8px)}.slide-up-leave-to{opacity:0;transform:translateY(-4px)}@media (width<=768px){html{font-size:15px}body{font-size:13px}input,textarea,select{font-size:16px}table{font-size:12px}th,td{padding:8px}}@media (width<=480px){html{font-size:14px}body{font-size:12px}h1{font-size:22px}h2{font-size:18px}h3{font-size:15px}}