:root{--bg: #0f1115;--bg-soft: #171a21;--card: #1c2029;--border: #2a2f3a;--text: #e6e8ec;--text-dim: #9aa3b2;--accent: #7c5cff;--accent-2: #00d4a0;--hot: #ff4d57;--radius: 14px;--max: 1100px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:var(--font);line-height:1.7;-webkit-font-smoothing:antialiased;min-height:100vh;position:relative;background-color:var(--bg)}body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(900px 500px at 12% -8%,rgba(124,92,255,.22),transparent 60%),radial-gradient(800px 500px at 92% 0%,rgba(0,212,160,.16),transparent 60%),linear-gradient(180deg,#11131a,#0f1115 55%,#0c0e13)}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(1px 1px at 25px 35px,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 90px 130px,rgba(255,255,255,.35),transparent),radial-gradient(1.5px 1.5px at 160px 65px,rgba(255,255,255,.45),transparent),radial-gradient(1px 1px at 210px 200px,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 60px 220px,rgba(255,255,255,.4),transparent);background-size:260px 260px;opacity:.7}.meteors{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.meteors i{position:absolute;height:2px;width:140px;background:linear-gradient(90deg,#ffffff,var(--spark-color, rgba(124, 92, 255, .55)) 38%,transparent);border-radius:2px;opacity:0;transform:rotate(-45deg);animation-name:meteor-shoot;animation-timing-function:linear;animation-iteration-count:infinite}.meteors i:before{content:"";position:absolute;--s: var(--spark-size, 26px);width:var(--s);height:var(--s);left:calc(var(--s) / -2);top:50%;margin-top:calc(var(--s) / -2);background:radial-gradient(closest-side,rgba(255,255,255,.95) 0%,transparent 72%),linear-gradient(to right,transparent 45%,var(--spark-color, #fff) 49%,var(--spark-color, #fff) 51%,transparent 55%),linear-gradient(to bottom,transparent 45%,var(--spark-color, #fff) 49%,var(--spark-color, #fff) 51%,transparent 55%);filter:drop-shadow(0 0 5px rgba(255,255,255,.85)) drop-shadow(0 0 9px var(--spark-glow, rgba(124, 92, 255, .7)));animation:meteor-twinkle var(--twinkle-dur, 1.1s) ease-in-out infinite}@keyframes meteor-shoot{0%{opacity:0;transform:translateZ(0) rotate(-45deg)}8%{opacity:1}85%{opacity:1}to{opacity:0;transform:translate3d(-95vw,95vh,0) rotate(-45deg)}}@keyframes meteor-twinkle{0%,to{transform:rotate(var(--spark-rot, 45deg)) scale(.75);opacity:.7}50%{transform:rotate(var(--spark-rot, 45deg)) scale(1.25);opacity:1}}@media(prefers-reduced-motion:reduce){.meteors{display:none}}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:var(--max);margin:0 auto;padding:0 20px}.site-header{position:sticky;top:0;z-index:10;background:#0f1115eb;backdrop-filter:blur(10px);border-bottom:3px solid #ff6a00}.topbar{background:#00000059;border-bottom:1px solid var(--border)}.topbar .container{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;min-height:44px;padding-top:4px;padding-bottom:4px}.platforms{display:flex;gap:18px;flex-wrap:wrap}.platforms a{display:flex;align-items:center;gap:5px;font-weight:700;font-size:.92rem;color:var(--text)}.platforms a:hover{color:var(--accent)}.platforms .ic{font-size:1.05rem}.quicklinks{display:flex;gap:14px;flex-wrap:wrap}.quicklinks a{font-size:.88rem;color:var(--text-dim)}.quicklinks a:hover{color:var(--accent-2)}.mainbar{display:flex;align-items:center;justify-content:space-between;height:60px;gap:16px}.brand{font-weight:800;font-size:1.2rem;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.brand .logo{background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.nav{display:flex;gap:6px;flex-wrap:wrap}.nav a{padding:8px 14px;border-radius:999px;color:var(--text-dim);font-size:.95rem;transition:all .15s ease}.nav a:hover{color:var(--text);background:var(--bg-soft)}.nav a.active{color:#fff;background:var(--accent)}.hero{padding:56px 0 32px;text-align:center}.hero h1{font-size:clamp(1.8rem,4vw,2.8rem);margin:0 0 12px;line-height:1.2}.hero p{color:var(--text-dim);font-size:1.1rem;margin:0 auto;max-width:640px}.section-title{display:flex;align-items:center;gap:10px;font-size:1.4rem;margin:40px 0 18px}.section-title .bar{width:5px;height:22px;border-radius:3px;background:linear-gradient(var(--accent),var(--accent-2))}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.card:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 10px 30px -12px #7c5cff73}.card-cover{aspect-ratio:16 / 9;overflow:hidden;background:var(--bg-soft)}.card-cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.card:hover .card-cover img{transform:scale(1.05)}.card-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:10px;flex:1}.card .meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.tag{font-size:.78rem;padding:3px 10px;border-radius:999px;background:var(--bg-soft);color:var(--text-dim);border:1px solid var(--border)}.tag.cat{color:var(--accent-2);border-color:var(--accent-2)}.card h3{margin:2px 0;font-size:1.15rem;line-height:1.4}.card .summary{color:var(--text-dim);font-size:.92rem;flex:1}.card .date{color:var(--text-dim);font-size:.8rem}.rating{color:#ffcc4d;font-weight:700}.empty{color:var(--text-dim);background:var(--bg-soft);border:1px dashed var(--border);border-radius:var(--radius);padding:40px 20px;text-align:center}.article{max-width:760px;margin:0 auto;padding:40px 0 80px}.article .head{margin-bottom:28px;border-bottom:1px solid var(--border);padding-bottom:20px}.article h1{font-size:clamp(1.6rem,3.5vw,2.3rem);margin:10px 0 14px;line-height:1.3}.prose{font-size:1.05rem}.prose h2{margin-top:2em}.prose h3{margin-top:1.6em}.prose img{border-radius:10px;margin:1.2em 0}.prose blockquote{border-left:4px solid var(--accent);margin:1.2em 0;padding:4px 16px;color:var(--text-dim);background:var(--bg-soft);border-radius:0 8px 8px 0}.prose code{background:var(--bg-soft);padding:2px 6px;border-radius:6px;font-size:.9em}.prose a{color:var(--accent-2);text-decoration:underline}.prose ul,.prose ol{padding-left:1.4em}.prose .video-embed{position:relative;width:100%;aspect-ratio:16 / 9;margin:1.4em 0;border-radius:10px;overflow:hidden;background:#000;border:1px solid var(--border)}.prose .video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.back-link{color:var(--text-dim);font-size:.9rem}.back-link:hover{color:var(--text)}.site-footer{border-top:1px solid var(--border);margin-top:60px;padding:30px 0;color:var(--text-dim);font-size:.9rem;text-align:center}@media(max-width:600px){.mainbar{height:auto;padding:12px 20px;flex-direction:column;align-items:flex-start}.topbar .quicklinks{display:none}}.feature{display:grid;grid-template-columns:1.7fr 1fr;gap:16px;margin:26px 0 12px}.feature-main{position:relative;aspect-ratio:16 / 9;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);display:block}.feature-main img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.feature-main:hover img{transform:scale(1.04)}.feature-main .overlay{position:absolute;inset:auto 0 0;padding:18px 18px 16px;background:linear-gradient(transparent,#000000e0)}.feature-main .overlay h2{margin:8px 0 0;font-size:1.35rem;line-height:1.35}.feature-side{display:flex;flex-direction:column;gap:10px;min-width:0}.feature-side .side-head{font-weight:800;font-size:.95rem;color:var(--hot);display:flex;align-items:center;gap:6px}.headline{display:flex;gap:10px;align-items:center;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:8px;flex:1;min-height:0;transition:border-color .15s ease}.headline:hover{border-color:var(--accent)}.headline .thumb{width:88px;height:52px;flex-shrink:0;border-radius:6px;overflow:hidden;background:var(--bg-soft)}.headline .thumb img{width:100%;height:100%;object-fit:cover}.headline .t{font-size:.9rem;line-height:1.4;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.portal{display:grid;grid-template-columns:1fr 300px;gap:24px;align-items:start;margin-top:10px}.portal-main{min-width:0}.news-list{display:flex;flex-direction:column;gap:14px}.news-item{display:flex;gap:14px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px;transition:transform .15s ease,border-color .15s ease}.news-item:hover{transform:translateY(-2px);border-color:var(--accent)}.news-item .thumb{width:168px;aspect-ratio:16 / 9;flex-shrink:0;border-radius:8px;overflow:hidden;background:var(--bg-soft)}.news-item .thumb img{width:100%;height:100%;object-fit:cover}.news-item .body{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.news-item h3{margin:0;font-size:1.05rem;line-height:1.4}.news-item .summary{color:var(--text-dim);font-size:.9rem;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-item .meta-row{margin-top:auto;display:flex;gap:8px;align-items:center;font-size:.8rem;color:var(--text-dim)}.portal-aside{position:sticky;top:80px;display:flex;flex-direction:column;gap:18px}.panel{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px}.panel-head{font-weight:800;font-size:1.05rem;margin-bottom:10px;display:flex;align-items:center;gap:6px}.rank-item{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px dashed var(--border)}.rank-item:last-child{border-bottom:0}.rank-no{flex-shrink:0;width:22px;height:22px;border-radius:6px;display:grid;place-items:center;font-size:.8rem;font-weight:800;background:var(--bg-soft);color:var(--text-dim)}.rank-no.top{color:#fff}.rank-no.n1{background:#ff4d57}.rank-no.n2{background:#ff8a3d}.rank-no.n3{background:#ffb454}.rank-item .t{font-size:.9rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rank-item:hover .t{color:var(--accent-2)}.gamelib{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px 18px;margin:24px 0}.gamelib>input{display:none}.gamelib .tabs{display:flex;gap:6px;flex-wrap:wrap;align-items:center;border-bottom:1px solid var(--border);padding-bottom:12px;margin-bottom:14px}.gamelib .tabs label{padding:6px 14px;border-radius:8px;font-size:.95rem;font-weight:700;color:var(--text-dim);cursor:pointer;transition:all .15s ease}.gamelib .tabs label:hover{color:var(--text)}#gt-all:checked~.tabs label[for=gt-all],#gt-rec:checked~.tabs label[for=gt-rec],#gt-gl:checked~.tabs label[for=gt-gl],#gt-rev:checked~.tabs label[for=gt-rev]{color:#fff;background:var(--accent)}.lib-covers{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.cover-card{position:relative;aspect-ratio:16 / 10;border-radius:10px;overflow:hidden;border:1px solid var(--border);display:block}.cover-card img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.cover-card:hover img{transform:scale(1.06)}.cover-card .cap{position:absolute;inset:auto 0 0;padding:18px 10px 9px;font-weight:700;font-size:.9rem;line-height:1.3;background:linear-gradient(transparent,#000000e0)}#gt-rec:checked~.lib-covers .cover-card:not([data-cat=推荐]),#gt-gl:checked~.lib-covers .cover-card:not([data-cat=攻略]),#gt-rev:checked~.lib-covers .cover-card:not([data-cat=测评]){display:none}.lib-links{margin-top:16px;border-top:1px solid var(--border);padding-top:14px;display:flex;flex-direction:column;gap:10px}.lib-row{display:flex;gap:12px;align-items:baseline}.lib-row .label{flex-shrink:0;width:56px;color:var(--accent-2);font-weight:700;font-size:.86rem}.lib-row .links{display:flex;flex-wrap:wrap;gap:6px 16px}.lib-row .links a{font-size:.9rem;color:var(--text)}.lib-row .links a:hover{color:var(--accent);text-decoration:underline}.lib-row .links a.hot{color:var(--hot)}@media(max-width:860px){.feature,.portal{grid-template-columns:1fr}.portal-aside{position:static}}@media(max-width:520px){.news-item .thumb{width:116px}.news-item h3{font-size:.98rem}}