:root,html[data-theme=cyber]{--bg-page: #0a0c13;--bg-card: #11151f;--text-main: #f5f7ff;--text-soft: #a5adbf;--line: rgba(255, 255, 255, .08);--cyan: #18d2ff;--pink: #ff2abf;--main-gradient: linear-gradient(120deg, #1dc8f6 0%, #6b4fff 50%, #ff0a93 100%);--archive-card-bg: rgba(10, 18, 34, .68);--archive-card-title: #dce8ff;--archive-card-sub: #8bb0ea;--archive-list-bg: rgba(255, 255, 255, .06);--archive-btn-bg: rgba(24, 210, 255, .15);--archive-btn-text: #8fdfff}html[data-theme=glass]{--bg-page: #eef2f7;--bg-card: #ffffff;--text-main: #0f1c35;--text-soft: #6d7f9b;--line: rgba(28, 64, 120, .12);--cyan: #1d9fe9;--pink: #c850c0;--main-gradient: linear-gradient(120deg, #d6e8ff 0%, #eef4ff 50%, #f8e9ff 100%);--archive-card-bg: rgba(255, 255, 255, .8);--archive-card-title: #102548;--archive-card-sub: #2f5b8d;--archive-list-bg: rgba(255, 255, 255, .72);--archive-btn-bg: rgba(29, 159, 233, .18);--archive-btn-text: #0d4f9f}html[data-theme=dark]{--bg-page: #05070d;--bg-card: #0e1118;--text-main: #f2f5ff;--text-soft: #8e97ab;--line: rgba(255, 255, 255, .1);--cyan: #38bdf8;--pink: #d946ef;--main-gradient: linear-gradient(120deg, #101826 0%, #1b1f34 60%, #2a1b39 100%);--archive-card-bg: rgba(18, 23, 34, .78);--archive-card-title: #d6e0f5;--archive-card-sub: #90a5cc;--archive-list-bg: rgba(255, 255, 255, .05);--archive-btn-bg: rgba(56, 189, 248, .16);--archive-btn-text: #9fdcfa}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{color:var(--text-main);font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg-page);line-height:1.5}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.app-shell{position:relative;min-height:100vh;padding-bottom:16px}.banner-gradient{position:absolute;top:0;left:0;width:100%;height:230px;z-index:0;background:var(--main-gradient);clip-path:polygon(0 0,100% 0,100% 82%,0 100%)}.container{position:relative;z-index:1;max-width:1320px;margin:0 auto;padding:8px}.site-header{height:66px;border-radius:14px;padding:0 14px;display:flex;align-items:center;justify-content:space-between}.brand-main{font-size:34px;font-weight:900;line-height:.88}.brand-sub{font-size:20px;color:var(--text-soft);margin-top:2px;line-height:1}.main-nav{display:flex;gap:14px}.nav-item{font-size:17px;color:var(--text-soft)}.nav-item.active{color:var(--text-main);position:relative}.nav-item.active:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;background:linear-gradient(90deg,var(--cyan),var(--pink))}.header-ops{display:flex;align-items:center;gap:8px}.search-box input{width:180px;height:34px;border-radius:999px;border:1px solid var(--line);background:#ffffff0d;color:var(--text-main);padding:0 12px}.op-btn{border:1px solid var(--line);border-radius:10px;background:#ffffff0d;color:var(--text-main);padding:6px 10px;font-size:13px}.moon-btn{width:38px;height:38px;min-width:38px;border-radius:50%;border:0;background:transparent;padding:0;display:grid;place-items:center}.moon-btn span{display:inline-block;font-size:0;width:22px;height:22px;position:relative}.moon-btn.cyber span:before,.moon-btn.dark span:before,.moon-btn.glass span:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%}.moon-btn.cyber span:before{background:linear-gradient(145deg,#ffd24c,#8a7bff);clip-path:inset(0 0 0 35%)}.moon-btn.dark span:before{background:radial-gradient(circle at 35% 30%,#fff8d1,#ffd76a 45%,#9d87ff)}.moon-btn.glass{background:transparent}.moon-btn.glass span:before{background:#e19a2f}.moon-btn.glass span:after{content:"";position:absolute;width:14px;height:14px;right:0;top:3px;border-radius:50%;background:var(--bg-page)}.avatar-entry{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;padding:2px;background:#ffffff0f;overflow:hidden;cursor:pointer}.avatar-entry img{width:100%;height:100%;border-radius:50%;object-fit:cover}.app-main{margin-top:12px}.glass-dark{background:linear-gradient(180deg,#ffffff0f,#ffffff05);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.neon-border{border:1px solid transparent;background:linear-gradient(var(--bg-card),var(--bg-card)) padding-box,linear-gradient(90deg,var(--cyan),var(--pink)) border-box}.card-hover{transition:transform .2s ease,box-shadow .2s ease}.card-hover:hover{transform:translateY(-2px);box-shadow:0 10px 22px #0000002e}.text-muted{color:var(--text-soft)}.login-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;display:grid;place-items:center;background:#00000073}.login-box{width:340px;border-radius:12px;padding:14px;display:grid;gap:10px}.login-box h3{margin:0}.login-box input{border:1px solid var(--line);border-radius:10px;background:#ffffff08;color:var(--text-main);padding:9px 12px}.actions{display:flex;justify-content:flex-end;gap:8px}.actions button{border:1px solid var(--line);border-radius:9px;color:var(--text-main);background:#ffffff0f;padding:7px 12px}.err{color:#ff6b95;font-size:13px}@media (max-width: 1000px){.main-nav{display:none}.search-box input{width:130px}}