/* 游戏搬砖资讯站 - 移动端优先 */
*{margin:0;padding:0;box-sizing:border-box}
:root{--bg:#0f1117;--card:#1a1e2a;--gold:#f5b942;--gold-d:#d99a26;--txt:#e8eaf0;--mut:#9aa0b4;--line:#262b3d;--red:#ff5a5a;--green:#3ddc84}
html{font-size:16px;-webkit-text-size-adjust:100%}
body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--txt);line-height:1.75;max-width:760px;margin:0 auto;min-height:100vh}
a{color:var(--gold);text-decoration:none}
img{max-width:100%}
.wrap{padding:0 16px}
/* 顶栏 */
.top{position:sticky;top:0;z-index:50;background:rgba(15,17,23,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;height:56px}
.logo{font-size:1.25rem;font-weight:800;color:#fff}
.logo b{color:var(--gold)}
.nav{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
.nav::-webkit-scrollbar{display:none}
.nav a{color:var(--mut);font-size:.85rem;padding:8px 10px;white-space:nowrap;border-radius:8px}
.nav a.on,.nav a:hover{color:var(--gold);background:rgba(245,185,66,.08)}
/* hero */
.hero{padding:28px 0 20px;text-align:center;background:radial-gradient(ellipse at 50% -20%,rgba(245,185,66,.14),transparent 60%)}
.hero h1{font-size:1.6rem;font-weight:800;margin-bottom:8px}
.hero h1 b{color:var(--gold)}
.hero p{color:var(--mut);font-size:.92rem}
.stats{display:flex;gap:10px;margin:18px 0 4px}
.stat{flex:1;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 6px;text-align:center}
.stat b{display:block;font-size:1.3rem;color:var(--gold)}
.stat span{font-size:.75rem;color:var(--mut)}
/* 分区 */
.sec{margin:22px 0}
.sec-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.sec-h h2{font-size:1.12rem;font-weight:700;border-left:4px solid var(--gold);padding-left:10px}
.sec-h a{font-size:.82rem;color:var(--mut)}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin-bottom:12px;display:block;color:var(--txt)}
.card:hover{border-color:var(--gold-d)}
.card h3{font-size:1rem;margin-bottom:4px;color:#fff}
.card p{font-size:.85rem;color:var(--mut)}
.card .meta{font-size:.75rem;color:var(--mut);margin-top:8px;display:flex;gap:12px}
.tag{display:inline-block;font-size:.72rem;background:rgba(245,185,66,.12);color:var(--gold);border-radius:6px;padding:2px 8px;margin-right:6px}
.tag.hot{background:rgba(255,90,90,.12);color:var(--red)}
.tag.new{background:rgba(61,220,132,.12);color:var(--green)}
/* 游戏卡 */
.game{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:12px}
.game h3{font-size:1.05rem;color:#fff;margin-bottom:6px}
.game .stars{color:var(--gold);font-size:.85rem;margin:6px 0}
.game dl{font-size:.85rem;margin-top:8px}
.game dt{color:var(--mut);font-size:.78rem;margin-top:6px}
.game dd{color:var(--txt)}
.diff{display:inline-block;font-size:.75rem;padding:2px 10px;border-radius:20px;margin-left:8px}
.diff.easy{background:rgba(61,220,132,.15);color:var(--green)}
.diff.mid{background:rgba(245,185,66,.15);color:var(--gold)}
.diff.hard{background:rgba(255,90,90,.15);color:var(--red)}
/* 文章 */
.article{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px 18px;margin:16px 0}
.article h1{font-size:1.35rem;line-height:1.5;margin-bottom:8px;color:#fff}
.article .meta{font-size:.78rem;color:var(--mut);margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.article h2{font-size:1.1rem;color:var(--gold);margin:22px 0 10px;padding-left:10px;border-left:3px solid var(--gold)}
.article h3{font-size:1rem;color:#fff;margin:16px 0 8px}
.article p{margin:10px 0;font-size:.95rem}
.article ul,.article ol{margin:10px 0 10px 22px;font-size:.95rem}
.article li{margin:6px 0}
.article table{width:100%;border-collapse:collapse;font-size:.85rem;margin:12px 0}
.article th,.article td{border:1px solid var(--line);padding:8px;text-align:left}
.article th{background:rgba(245,185,66,.08);color:var(--gold)}
.warn{background:rgba(255,90,90,.08);border:1px solid rgba(255,90,90,.3);border-radius:10px;padding:12px 14px;margin:14px 0;font-size:.88rem}
.warn b{color:var(--red)}
.tip{background:rgba(61,220,132,.08);border:1px solid rgba(61,220,132,.3);border-radius:10px;padding:12px 14px;margin:14px 0;font-size:.88rem}
.tip b{color:var(--green)}
.toc{background:rgba(245,185,66,.05);border:1px dashed var(--gold-d);border-radius:10px;padding:12px 16px;margin:14px 0;font-size:.88rem}
.toc b{color:var(--gold)}
/* 列表页 */
.list-h{padding:20px 0 6px}
.list-h h1{font-size:1.4rem;color:#fff}
.list-h p{color:var(--mut);font-size:.88rem;margin-top:6px}
/* 页脚 */
footer{margin-top:32px;border-top:1px solid var(--line);padding:20px 0 40px;font-size:.8rem;color:var(--mut)}
footer .links{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:12px}
.disclaimer{background:rgba(255,90,90,.06);border:1px solid rgba(255,90,90,.2);border-radius:10px;padding:12px 14px;margin:16px;font-size:.78rem;color:var(--mut);line-height:1.7}
/* 面包屑 */
.crumb{font-size:.78rem;color:var(--mut);padding:12px 0 0}
.crumb a{color:var(--mut)}
/* 行情 */
.price-up{color:var(--red);font-weight:700}
.price-down{color:var(--green);font-weight:700}
.price-flat{color:var(--mut)}
@media(min-width:760px){.hero h1{font-size:2rem}.article{padding:28px}}