/* ============================================================
   TIER ONE — 精致化覆盖层（polish）
   目标：统一设计语言、修复对比度、卡片/标题/间距节奏
   加载顺序：style.css → t1x.css → polish.css（最后覆盖）
   ============================================================ */

:root{
  /* 可访问性色板：所有正文/元信息在白底 ≥ 4.5:1 */
  --ink:#10182c;
  --ink-2:#2a3348;
  --mut:#5f6878;      /* on #fff = 5.9 */
  --mut2:#6b7484;     /* on #fff = 5.0 */
  --line:#e3e7ef;
  --line2:#d3d9e4;
  --orange:#ff6a00;
  --orange-d:#c24b00;
  --green:#06795a;
  --red:#c11f40;
  --amber:#9a6308;
  --blue:#1f66bd;
  --r:14px;
  --sh-1:0 1px 2px rgba(16,24,44,.05);
  --sh-2:0 22px 44px -20px rgba(16,24,44,.32);
}

html{scroll-behavior:smooth}
body{background:#fff;color:var(--ink);font-variant-numeric:tabular-nums}
::selection{background:rgba(255,106,0,.22)}
:focus-visible{outline:2px solid var(--orange);outline-offset:2px;border-radius:4px}

/* ---------- 顶部补丁条：橙底改深字 ---------- */
.t1x-wire{background:#ff6a00;color:#241000}
.t1x-wire-lb{background:rgba(0,0,0,.14);color:#241000}
.t1x-wire-lb i{background:#241000}
.t1x-wire-item b{background:rgba(255,255,255,.42);color:#241000}
.t1x-wire-item em{opacity:.78}
.t1x-wire-date{opacity:1;font-weight:700}

/* ---------- 头部：文章页/列表页统一为深靛，与首页一致 ---------- */
.site-head{background:var(--ink);border-bottom:0;box-shadow:0 2px 0 rgba(0,0,0,.22)}
.site-head .wrap{height:70px}
.site-head .logo{color:#fff}
.site-head .logo .mark{background:linear-gradient(135deg,#ff8a2b,#ff5a00);color:#fff;box-shadow:0 4px 14px -4px rgba(255,106,0,.7)}
.site-head .nav a{color:#b9c2d4;border-radius:0;padding:26px 13px;position:relative}
.site-head .nav a:hover{background:transparent;color:#fff}
.site-head .nav a.on{background:transparent;color:#fff}
.site-head .nav a.on:after{content:"";position:absolute;left:13px;right:13px;bottom:18px;height:2px;background:var(--orange)}
.site-head .search-box{background:rgba(255,255,255,.07);border-color:#333e57;border-radius:8px}
.site-head .search-box input{color:#fff}
.site-head .search-box input::placeholder{color:#8e99ae}
.site-head .search-box button{color:#ff8a3d}
.site-head .langsw{border-color:#333e57;border-radius:7px}
.site-head .langsw a{color:#b9c2d4}
.site-head .langsw a.on{background:var(--orange);color:#fff}

/* ---------- 分类区块 ---------- */
.t1g-sec{padding:50px 0 44px;border-top:1px solid #eef0f5}
.t1g-sec.alt{background:#f7f8fb}
.t1a-head{border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:18px}
.t1a-head h2{font-size:21px;letter-spacing:-.015em}
.t1a-head a{color:var(--mut2);font-size:12.5px;font-weight:700;transition:.15s}
.t1a-head a:hover{color:var(--orange)}
.t1g-head h2{font-size:23px;gap:0}
.t1g-head h2 em{font-size:11.5px;font-weight:700;color:#8b95a8;background:#eef1f6;padding:3px 8px;border-radius:999px;margin-left:10px;letter-spacing:0}
.t1g-ico{display:none}
.t1g-head h2:before{content:"";width:4px;height:19px;border-radius:2px;background:var(--orange);margin-right:11px;flex:none}
.t1g-blurb{margin:2px 0 18px;color:var(--mut);font-size:13.5px;max-width:780px}

/* ---------- 游戏卡：统一圆角/描边/悬浮，去掉彩色圆钮 ---------- */
.t1g-card{border:1px solid var(--line);border-radius:var(--r);background:#fff;box-shadow:var(--sh-1);
  transition:transform .2s cubic-bezier(.2,.7,.3,1),box-shadow .2s,border-color .2s;overflow:hidden}
.t1g-card:hover{transform:translateY(-4px);box-shadow:var(--sh-2);border-color:#cbd2e0}
.t1g-art{aspect-ratio:16/9;background:#0b111b}
.t1g-art img{transition:transform .5s cubic-bezier(.2,.7,.3,1)}
.t1g-card:hover .t1g-art img{transform:scale(1.045)}
.t1g-art:after{content:"";position:absolute;left:0;right:0;bottom:0;height:44%;
  background:linear-gradient(to top,rgba(6,10,18,.5),transparent);pointer-events:none}
.t1g-play{right:10px;bottom:10px;width:34px;height:34px;border-radius:50%;
  background:rgba(255,255,255,.94);color:#10182c;font-size:10px;font-style:normal;
  box-shadow:0 4px 14px rgba(0,0,0,.28);transition:.18s;z-index:2}
.t1g-card:hover .t1g-play{background:var(--orange);color:#fff;transform:scale(1.07)}
.t1g-tx{padding:11px 13px 14px}
.t1g-tx b{font-size:14.5px;line-height:1.36;letter-spacing:-.005em;display:block;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.t1g-tx i{font-size:11.5px;color:var(--mut2);margin-top:4px;display:block}

/* ---------- 封面墙（Gudang game） ---------- */
.t1a-wall{gap:18px}
.t1a-cv .im{aspect-ratio:3/4;border-radius:12px;border-color:var(--line);background:#eef1f6}
.t1a-cv .im img{padding:0;object-fit:cover;transition:transform .45s cubic-bezier(.2,.7,.3,1)}
.t1a-cv:hover .im img{transform:scale(1.05)}
.t1a-cv .im em{right:8px;top:8px;font-size:12px;padding:4px 8px;border-radius:7px;
  background:rgba(9,13,20,.82);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.14)}
.t1a-cv b{font-size:13.5px;margin-top:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.t1a-cv i{font-size:11.5px;color:var(--mut2)}

/* ---------- 挑战卡（Tantangan hari ini） ---------- */
.t1d-card{border:1px solid var(--line);border-left:1px solid var(--line);border-radius:12px;
  background:#fff;padding:16px 18px;box-shadow:var(--sh-1);transition:.18s}
.t1d-card:hover{transform:translateY(-2px);box-shadow:0 16px 30px -18px rgba(16,24,44,.3);border-color:#cbd2e0}
.t1d-no{color:#a8b2c4;font-size:20px}
.t1d-go{color:var(--mut2);letter-spacing:.08em}
.t1d-card:hover .t1d-go{color:var(--orange)}
.t1d-date{background:#e8384f}
.t1d-ico{font-size:26px;filter:none;opacity:.95}

/* ---------- 列表行 / 排行榜 ---------- */
.rrow{padding:16px 0;border-bottom:1px solid #eef0f5}
.rrow:hover{background:#fafbfd}
.rrow .thumb{border-radius:10px}
.rrow h3{font-size:16.5px}
.rrow .cat{color:var(--orange);font-size:10.5px;letter-spacing:.08em}
.rank{border-radius:var(--r);box-shadow:var(--sh-1)}
.rank li{padding:13px 16px}
.rank li:hover{background:#fafbfd}
.rank .pos{color:#9aa4b6}
.rank .bar{background:rgba(16,24,44,.08)}
.rank .bar i{background:linear-gradient(90deg,var(--orange),#ff9d4d)}

/* ---------- 正文可读性（原为深色主题遗留） ---------- */
.prose{color:var(--ink);font-size:16.5px;line-height:1.8}
.prose h2{color:var(--ink);font-size:23px;margin:36px 0 14px}
.prose h3{color:var(--ink);font-size:18.5px;margin:28px 0 10px}
.prose blockquote{color:#3f4a60;background:#f7f8fb;border-left:3px solid var(--orange);border-radius:0 10px 10px 0}
.prose th{background:#f7f8fb}
.prose td,.prose th{border-color:var(--line)}
.prose a{color:var(--orange-d);text-decoration-color:rgba(255,106,0,.45)}

/* ---------- 侧栏 / 评分 ---------- */
.side-box{border-radius:var(--r);box-shadow:var(--sh-1)}
.big-score{background:radial-gradient(circle at 30% 30%,rgba(255,106,0,.14),rgba(255,106,0,.03));border-color:var(--orange);color:var(--orange-d)}
.specs li{border-color:#edf0f5}

/* ---------- 筛选 / 分页 ---------- */
.filters a{border-color:var(--line2);color:var(--mut);border-radius:8px;transition:.15s}
.filters a:hover{border-color:#b9c2d2;color:var(--ink)}
.filters a.on{background:var(--ink);border-color:var(--ink);color:#fff}
.pager a,.pager span{border-color:var(--line2);border-radius:8px}
.pager .cur{background:var(--ink);border-color:var(--ink)}

/* ---------- 页脚 ---------- */
.site-foot{background:#0e1524;border-top:0;color:#aeb8ca}
.site-foot .foot-grid h5{color:#7d879c}
.site-foot .foot-grid li{color:#a7b1c4}
.site-foot .foot-grid li a:hover{color:var(--orange)}
.site-foot .foot-about p{color:#8f9bb0}
.site-foot .foot-bot{border-color:#222b3d;color:#78839a}

/* ---------- 移动端 ---------- */
@media(max-width:760px){
  .t1g-sec{padding:34px 0 30px}
  .t1g-head h2{font-size:19px}
  .t1g-tx b{font-size:13.5px}
  .site-head .wrap{height:60px}
}

/* ---------- 首屏：封面大图 + 左下文案（原为 emoji 与按钮重叠） ---------- */
.t1a-floor{background:linear-gradient(180deg,#0c1420,#111c2c 62%,#162234);padding:28px 0 30px}
.t1a-floor-in{align-items:stretch;gap:22px;grid-template-columns:minmax(0,1.28fr) minmax(0,1fr)}
.t1a-screen{display:flex;flex-direction:column;min-width:0}
.t1a-bezel{aspect-ratio:16/9;background-size:cover;background-position:center;
  border-radius:14px;border:1px solid rgba(255,255,255,.10);
  box-shadow:0 26px 60px -24px rgba(0,0,0,.85),inset 0 0 0 1px rgba(255,255,255,.03)}
.t1a-bezel:before{content:"";position:absolute;inset:0;border-radius:14px;
  background:linear-gradient(180deg,rgba(7,11,18,.10) 0%,rgba(7,11,18,.42) 48%,rgba(7,11,18,.93) 100%)}
.t1a-attr,.t1a-attrname{display:none}
.t1a-hero-in{position:absolute;left:26px;right:26px;bottom:24px;z-index:3}
.t1a-kicker{display:inline-block;font:800 10px/1 ui-monospace,Menlo,monospace;letter-spacing:.18em;
  color:#1a0c00;background:#ffb37a;padding:5px 9px;border-radius:4px}
.t1a-title{display:block;font:800 clamp(26px,3vw,38px)/1.04 'Barlow Condensed','Inter',sans-serif;
  color:#fff;margin:11px 0 5px;letter-spacing:-.005em;text-shadow:0 2px 18px rgba(0,0,0,.5)}
.t1a-desc{color:#c4cfe0;font-size:12.5px;margin:0 0 14px;letter-spacing:.01em}
.t1a-start{position:static;transform:none;display:inline-flex;align-items:center;gap:7px;
  background:#ff6a00;color:#fff;font-weight:800;font-size:14px;letter-spacing:.02em;
  padding:11px 18px;border-radius:9px;box-shadow:0 12px 26px -10px rgba(255,106,0,.9);transition:.16s}
.t1a-start:hover{background:#ff7d1f;transform:translateY(-1px);filter:none}
.t1a-hud{left:14px;top:14px;background:rgba(6,10,17,.72);border:1px solid rgba(255,255,255,.1);
  backdrop-filter:blur(8px);border-radius:6px;letter-spacing:.1em}
.t1a-tag{right:14px;top:14px;background:rgba(6,10,17,.72);border:1px solid rgba(255,255,255,.1);
  backdrop-filter:blur(8px);border-radius:6px;color:#e6eefb}
.t1a-note{margin:12px 0 0;font-size:12px;color:#8d9bb0;letter-spacing:.01em}

/* 右侧机器列表：等高、统一按钮 */
.t1a-machines{display:flex;flex-direction:column;background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:18px 20px;min-width:0}
.t1a-machines ul{flex:1 1 auto}
.t1a-machines li a{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.t1a-machines li a:hover{background:transparent}
.t1a-machines li a:hover b{color:#ffb37a}
.t1a-machines li b{font-size:14px;letter-spacing:-.005em;transition:color .15s}
.t1a-machines li i{font-size:11.5px;color:#8b97ab}
.t1a-ico{width:34px;height:34px;flex:0 0 34px;border-radius:9px;display:grid;place-items:center;
  font:800 15px/1 'Barlow Condensed','Inter',sans-serif;color:#ffb37a;
  background:rgba(255,106,0,.13);border:1px solid rgba(255,106,0,.22);letter-spacing:0}
.t1a-go{width:24px;height:24px;flex:0 0 24px;background:rgba(255,255,255,.08);color:#dfe8f4;
  font-size:9px;transition:.16s}
.t1a-machines li a:hover .t1a-go{background:#ff6a00;color:#fff}
.t1a-more{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);
  font-size:12px;font-weight:700;color:#ffb37a;letter-spacing:.01em}
.t1a-more:hover{color:#ffd0a8}

/* ---------- 挑战卡图标：emoji → 首字母方块 ---------- */
.t1d-ico{width:34px;height:34px;flex:0 0 34px;border-radius:9px;display:grid;place-items:center;
  font:800 15px/1 'Barlow Condensed','Inter',sans-serif;font-size:15px;
  color:#b84700;background:#fff2e6;border:1px solid #ffdcc0;filter:none}

/* hero 与右列表精确齐平：图片区跟随行高拉伸，文字浮在底部 */
.t1a-bezel{flex:1 1 auto;aspect-ratio:auto;min-height:372px}
.t1a-screen{justify-content:flex-start}

/* 挑战卡：去掉重复的首字母块，序号成为唯一锚点 */
.t1d-ico{display:none}
.t1d-no{font-size:24px;color:#b6c0d0;letter-spacing:-.02em}
.t1d-card{gap:15px;padding:17px 18px}
.t1d-go{font-size:10px}

/* ---------- 封面墙：1:1 容器避免竖版海报被裁字 ---------- */
.t1a-cv .im{aspect-ratio:1/1;background:#f2f4f8}
.t1a-cv .im img{object-fit:cover;object-position:center}
.t1a-cv .im em{background:rgba(9,13,20,.86);color:#fff;font-weight:800;
  border:1px solid rgba(255,255,255,.16);box-shadow:0 2px 8px rgba(0,0,0,.25)}
.t1a-cv .im em.must,.t1a-cv .im em.great,.t1a-cv .im em.good,.t1a-cv .im em.ok{background:rgba(9,13,20,.86)}

/* ---------- 变量补齐（旧文件仍在用 --dim/--muted/--panel2） ---------- */
:root{
  --dim:#6b7484;
  --muted:#5f6878;
  --mut2:#6b7484;
  --txt:#10182c;
  --bg:#ffffff;
  --bg2:#f7f8fb;
  --panel:#ffffff;
  --panel2:#f7f8fb;
  --line2:#d3d9e4;
}

/* ---------- 电竞看板：行高收紧、分段刻度、表头更清晰 ---------- */
.t1x-es{padding:40px 0 44px;margin-top:0}
.t1x-es-grid{gap:40px}
.t1x-table{font-size:13px}
.t1x-table th{font-size:9px;letter-spacing:.14em;color:#8d99b0;padding:0 10px 9px}
.t1x-table td{padding:10px;border-bottom:1px solid #1c2439;color:#dde3ee}
.t1x-table tr:hover td{background:#141c2f}
.t1x-hero{grid-template-columns:78px 58px 1fr 40px;gap:9px}
.t1x-hero b{font-size:12.5px;color:#eef2f8}
.t1x-hero i{font-size:9px;color:#8491a8}
.t1x-bar{height:5px;background:#1f2941;background-image:repeating-linear-gradient(90deg,transparent 0 18%,#0f1524 18% 20%)}
.t1x-bar b{background:linear-gradient(90deg,#ffb26b,#ff6a00)}
.t1x-hero em{font-size:13px;color:#ffb26b}
.t1x-tier-lb{font-size:12px;letter-spacing:.02em}

/* ---------- 视频卡 ---------- */
.t1x-vid{padding:46px 0 24px}
.t1x-vidgrid{gap:20px}
.t1x-v-art{border-radius:10px;border-color:#e6eaf2}
.t1x-v{border:0;padding:0}
.t1x-v b{font-size:16px;margin-top:2px;color:#10182c}

/* ---------- 新闻行 ---------- */
.t1a-nrow{border:1px solid #eef0f5;border-radius:12px;padding:10px;transition:.16s;background:#fff}
.t1a-nrow:hover{border-color:#d8dfe9;box-shadow:0 10px 24px -16px rgba(16,24,44,.3)}
.t1a-nrow .tx i{font-size:9.5px;letter-spacing:.1em;color:#c24b00;font-weight:800}
.t1a-nrow .tx b{font-size:14px;line-height:1.4}
.t1a-nrow .tx em{font-size:11.5px;color:#6b7484}

/* ---------- 对比度收尾：橙底白字 → 深字；浅灰序号加深 ---------- */
:root{--orange-t:#c24b00}
.t1a-start,.t1x-lang a.on,.t1x-tag.live,.t1x-tag.ft{color:#221000;font-weight:800}
.t1x-lang a.on{background:#ffb26b}
.t1a-start{background:#ff7a14;color:#221000}
.t1a-start:hover{background:#ff8c33}
.t1d-no{color:#7b8598}
.t1x-guide-no{color:#8a94a6}
.t1g-head h2 em{color:#626c7e;background:#eef1f6}
.t1a-head a{color:#5f6878}
.xh-kick,.xh-all{color:#06795a}
.t1d-date{background:#d92b44}
.t1a-hud{color:#b6c2d6}
.t1a-hud b{color:#7ee0b8}
.ft-logo em,.site-foot .logo em{color:#ffb26b}

.t1x-tag.ft{color:#dfe6f2;background:#2c3752}
.t1x-guide-no{color:#6b7484}
a[href*="guides"]{color:inherit}
.t1x-guides .t1x-sechead a{color:var(--orange-t)}

.t1x-ft-mast em{color:var(--orange-t)}
.site-head .nav a[href*="guides"]{color:#b9c2d4}
.site-head .nav a[href*="guides"]:hover{color:#fff}

.t1x-nav a[href*="guides"]{color:#c3cbdb}
.t1x-nav a[href*="guides"]:hover,.t1x-nav a.on[href*="guides"]{color:#fff}

/* ============ 游戏页（arcade.css 遗留深色规则修正） ============ */
.ph-banner{min-height:280px;border-radius:16px;border-color:#dbe1ec;
  background:#070b12 var(--cover) center/cover no-repeat}
.ph-banner:before{background:
  linear-gradient(90deg,rgba(4,7,12,.97) 0%,rgba(4,7,12,.9) 30%,rgba(4,7,12,.5) 58%,rgba(4,7,12,.15) 100%),
  linear-gradient(0deg,rgba(4,7,12,.85),transparent 60%)}
.ph-banner h1{font-size:38px}
.pill{border-color:rgba(255,255,255,.22);color:#dfe7f2;background:rgba(255,255,255,.06)}
.ph-meta{color:#b8c4d6}

.ac-hud{background:#fff;border-bottom:1px solid #eef0f5;padding:14px 18px}
.ac-stage{border-radius:0 0 14px 14px;background:#0a0f18}
.ac-canvas{border-radius:10px;box-shadow:0 0 0 1px rgba(255,255,255,.09),0 26px 50px -22px rgba(0,0,0,.9)}
.dpad{margin:18px 0 4px;gap:7px}
.dpad button{background:#151d2c;border:1px solid #27324a;color:#e6edf8;width:58px;height:46px;
  border-radius:11px;font-size:14px;box-shadow:0 2px 0 #0b111b;transition:.12s}
.dpad button:hover{background:#1d2739;border-color:#37445f}
.dpad button:active{background:#ff6a00;border-color:#ff6a00;color:#221000;box-shadow:none;transform:translateY(1px)}

.play-side .card{border-radius:14px;border-color:#e6eaf2}
.play-side h4{color:#6b7484;font-size:11.5px;letter-spacing:.08em}
.side-games a{border-bottom:1px solid #eef0f5;padding:10px 0}
.side-games a:hover .sg-tx b{color:#c24b00}
.sg-thumb{width:104px;height:59px;border-radius:9px;border-color:#e6eaf2}
.sg-tx b{font-size:13.5px;letter-spacing:-.005em}
.sg-tx i{color:#6b7484;font-size:9.5px}
.sg-go{color:#8a94a6;font-size:11px}
.play-how,.play-about{border-radius:14px;border-color:#e6eaf2}
.play-how h4,.play-about h4{color:#10182c}

.btn-main{background:#ff7a14;color:#221000;box-shadow:0 12px 28px -12px rgba(255,106,0,.85)}
.btn-main:hover{background:#ff8c33}
.side-games a .sg-go{color:#8a94a6;margin-left:auto;font-weight:600}

/* ---------- WordPress emoji 图片：全站不显示（跨平台渲染不一致，廉价感来源） ---------- */
img.emoji{display:none !important;margin:0 !important;width:0 !important;height:0 !important}

/* ---------- 移动端：恢复单列（覆盖层的双列规则必须带断点） ---------- */
@media(max-width:1080px){
  .t1a-floor-in{grid-template-columns:minmax(0,1fr);align-items:start;gap:16px}
  .t1a-bezel{flex:none;min-height:0;aspect-ratio:16/9}
  .t1a-machines{padding:16px 18px}
}
@media(max-width:760px){
  .t1a-hero-in{left:18px;right:18px;bottom:16px}
  .t1a-title{font-size:24px}
  .t1a-desc{font-size:11.5px;margin-bottom:11px}
  .t1a-start{font-size:13px;padding:10px 15px}
  .t1g-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .t1d-grid{grid-template-columns:1fr}
  .t1d-no{font-size:20px}
}