:root{--primary:#1a73e8;--secondary:#34a853;--accent:#ea4335;--bg:#f8f9fa;--card:#fff;--text:#202124;--border:#dadce0;--be:#55acee;--je:#ff9900;--cn:#de2910;--ee:#673ab7}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Microsoft YaHei','Segoe UI',sans-serif;background:var(--bg);color:var(--text);line-height:1.6}.container{max-width:1400px;margin:0 auto;padding:0 20px}header{background:var(--card);box-shadow:0 2px 10px rgba(0,0,0,.1);position:sticky;top:0;z-index:1000}.navbar{display:flex;align-items:center;justify-content:space-between;padding:15px 0}.logo{display:flex;align-items:center;gap:15px;text-decoration:none;color:var(--text)}.logo img{height:40px;width:auto}.logo h1{font-size:24px;font-weight:bold;background:linear-gradient(45deg,var(--be),var(--je));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-links{display:flex;gap:30px;align-items:center}.nav-links a{text-decoration:none;color:var(--text);font-weight:500;padding:8px 16px;border-radius:20px;transition:all .3s}.nav-links a:hover{background:var(--bg);color:var(--primary)}.nav-links a.active{background:var(--primary);color:#fff}.user-menu{display:flex;align-items:center;gap:15px}.user-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--border)}.btn{padding:8px 20px;border:none;border-radius:20px;font-weight:500;cursor:pointer;transition:all .3s;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:#0d62d9;transform:translateY(-2px);box-shadow:0 4px 12px rgba(26,115,232,.3)}.btn-outline{background:transparent;border:2px solid var(--primary);color:var(--primary)}.btn-outline:hover{background:var(--primary);color:#fff}@media(max-width:768px){.navbar{flex-direction:column;gap:15px}.nav-links{flex-wrap:wrap;justify-content:center}.container{padding:0 15px}}@media(max-width:480px){.logo h1{font-size:20px}.nav-links{gap:10px}.nav-links a{padding:6px 12px}}.theme-picker{position:fixed;bottom:80px;right:20px;background:var(--card);border-radius:12px;padding:20px;box-shadow:0 4px 20px rgba(0,0,0,.2);z-index:1001;width:300px;display:none}.theme-picker.active{display:block;animation:fadeIn .3s}.theme-options{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:15px}.theme-option{width:40px;height:40px;border-radius:8px;cursor:pointer;border:2px solid transparent;transition:all .3s}.theme-option:hover{transform:scale(1.1);border-color:var(--primary)}.theme-option.active{border-color:var(--primary);box-shadow:0 0 0 2px var(--bg)}.custom-theme{margin-top:15px}.custom-theme input{width:100%;padding:8px;border-radius:8px;border:1px solid var(--border);font-family:monospace}.close-theme{position:absolute;top:10px;right:10px;background:0;border:0;font-size:20px;cursor:pointer;color:var(--text)}.theme-btn{width:60px;height:60px;border-radius:50%;background:var(--primary);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 4px 15px rgba(0,0,0,.2);transition:all .3s;position:fixed;bottom:20px;right:20px;z-index:1000;white-space:nowrap}.theme-btn:hover{transform:scale(1.1) rotate(180deg)}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOut{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#bdc1c6}/*隐藏非首页的退出按钮*/body:not(.index-page) .user-menu .btn-outline[onclick*="logout"]{display:none !important}/*用户名过长处理*/.user-info a span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px;display:inline-block}