*{box-sizing:border-box;margin:0;padding:0}:root{--gray-50:#f9f9f9;--gray-100:#ececec;--gray-200:#e3e3e3;--gray-300:#cdcdcd;--gray-400:#b4b4b4;--gray-500:#9b9b9b;--gray-600:#676767;--gray-700:#4e4e4e;--gray-800:#333;--gray-850:#262626;--gray-900:#171717;--gray-950:#0d0d0d;--background-primary:var(--gray-900);--background-secondary:var(--gray-850);--background-tertiary:var(--gray-800);--text-primary:var(--gray-50);--text-secondary:var(--gray-400);--text-muted:var(--gray-500);--border-color:var(--gray-800);--border-hover:var(--gray-700);--button-bg:var(--gray-850);--button-bg-hover:var(--gray-800);--button-text:var(--gray-50);--input-bg:var(--gray-900);--input-border:var(--gray-700);--input-focus:var(--gray-600);--success:#51cf66;--error:#ff6b6b;--warning:#fcc419;--info:#74c0fc;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--radius-sm:.5rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-xl:2rem;--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-slow:.3s ease}body{background-color:var(--background-primary);color:var(--text-primary);font-family:var(--font-family);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;min-height:100vh}.container{display:flex;flex:1;flex-direction:column;margin:0 auto;max-width:1200px;padding:0 var(--spacing-lg)}.header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--background-secondary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:1000}.navbar{padding:var(--spacing-md) 0 0 0}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0}.nav-brand .brand-logo{color:var(--text-primary);font-size:1.5rem;font-weight:700;letter-spacing:-.025em;text-decoration:none;transition:var(--transition-normal)}.nav-brand .brand-logo:hover{color:var(--gray-300)}.nav-menu{align-items:center;display:flex;gap:var(--spacing-lg);list-style:none}.nav-item{position:relative}.nav-link{align-items:center;border-radius:var(--radius-sm);color:var(--text-secondary);display:flex;font-size:.875rem;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);text-decoration:none;transition:var(--transition-normal)}.nav-link.active,.nav-link:hover{background-color:var(--background-tertiary);color:var(--text-primary)}.nav-link i{font-size:.75rem}.nav-actions{align-items:center;display:flex;gap:var(--spacing-md)}.bilibili-icon,.douyin-icon{height:1.25rem;width:1.25rem}.avatar-small{background-color:var(--background-tertiary);border:2px solid var(--border-color);height:2rem;overflow:hidden;width:2rem}.avatar-small:hover{border-color:var(--border-hover)}.avatar-small img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.footer{background-color:var(--background-secondary);border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:.875rem;margin-top:auto;padding:var(--spacing-md) 0;text-align:center}.browser-info{align-items:center;display:flex;gap:var(--spacing-xs);justify-content:center}.browser-info span{color:var(--text-primary);font-weight:500}@media (max-width:768px){.nav-container{flex-direction:column;gap:var(--spacing-md)}.nav-menu{flex-wrap:wrap;justify-content:center}.profile-section{padding:var(--spacing-lg) 0}.orbit-container{height:300px;width:300px}}.home-link{background-color:var(--background-tertiary);border-radius:var(--radius-sm);color:var(--text-primary);transition:var(--transition-normal)}.home-link:hover{background-color:var(--gray-700);color:var(--text-primary)}.code-link{color:var(--text-secondary);font-weight:500;transition:var(--transition-normal)}.code-link:hover{color:var(--text-primary)}.game-link{color:var(--text-secondary);font-weight:500;transition:var(--transition-normal)}.game-link:hover{color:var(--text-primary)}.music-link{color:var(--text-secondary);font-weight:500;transition:var(--transition-normal)}.music-link:hover{color:var(--text-primary)}.forum-link{color:var(--text-secondary);font-weight:500;transition:var(--transition-normal)}.forum-link:hover{color:var(--text-primary)}@keyframes music-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes forum-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.nav-icons{gap:var(--spacing-sm)}.nav-icon,.nav-icons{align-items:center;display:flex}.nav-icon{border-radius:var(--radius-sm);color:var(--text-secondary);height:40px;justify-content:center;padding:var(--spacing-xs);text-decoration:none;transition:var(--transition-normal);width:40px}.nav-icon:hover{background-color:var(--background-tertiary)}.avatar-small,.bilibili-icon:hover,.nav-icon:hover,.tiktok-icon:hover{color:var(--text-primary)}.avatar-small{align-items:center;background:var(--background-tertiary);border-radius:50%;display:flex;font-size:14px;height:32px;justify-content:center;transition:var(--transition-normal);width:32px}.avatar-small:hover{background-color:var(--gray-700)}.auth-btn{align-items:center;background:var(--gray-100);border:none;border-radius:var(--radius-sm);color:var(--gray-900);cursor:pointer;display:flex;font-weight:500;justify-content:center;padding:var(--spacing-xs) var(--spacing-sm);transition:var(--transition-normal)}.auth-btn:hover{background:var(--gray-50);color:var(--gray-950)}.main{align-items:center;display:flex;flex:1;justify-content:center;padding:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.avatar-container{animation:fadeInUp .8s ease-out}@media (max-width:768px){.nav-menu{display:none}}.btn-primary{background:var(--gray-100);border:none;border-radius:var(--radius-md);color:var(--gray-900);cursor:pointer;font-size:.875rem;font-weight:500;padding:var(--spacing-sm) var(--spacing-lg);transition:var(--transition-normal)}.btn-primary:hover{background:var(--gray-50)}.btn-secondary{background:var(--background-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:.875rem;font-weight:500;padding:var(--spacing-sm) var(--spacing-lg);transition:var(--transition-normal)}.btn-secondary:hover{background:var(--gray-700);border-color:var(--border-hover)}.card{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:var(--transition-normal)}.card:hover{border-color:var(--border-hover)}.input{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.875rem;padding:var(--spacing-sm);transition:var(--transition-normal);width:100%}.input:focus{border-color:var(--input-focus);outline:none}.input::-moz-placeholder{color:var(--text-muted)}.input::placeholder{color:var(--text-muted)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--background-primary)}::-webkit-scrollbar-thumb{background:var(--gray-700);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gray-600)}::-moz-selection{background:var(--gray-700);color:var(--text-primary)}::selection{background:var(--gray-700);color:var(--text-primary)}