/* ============================================================
   0SF传奇私服发布网 www.0sf.com.cn
   主题：独栋别墅 · 砖墙庄园风（创意首页）
   配色：砖头红 / 木梁棕 / 金饰 / 米白文字
   作者：0SF 站长
   ============================================================ */

/* ---------- 基础变量 ---------- */
:root{
  --brick-1:#8c2f1d;
  --brick-2:#7a2818;
  --brick-3:#5f1f12;
  --brick-4:#3f1309;
  --wood-1:#6b4226;
  --wood-2:#4a2c17;
  --gold-1:#ffd978;
  --gold-2:#f0c040;
  --gold-3:#c78a1e;
  --paper:#f5e6c8;
  --paper-dim:#c9a06b;
  --ink:#241007;
  --line:#8a5a2b;
}

*{ margin:0; padding:0; box-sizing:border-box; }

html{ scroll-behavior:smooth; }

body{
  font-family:"Microsoft YaHei","PingFang SC","Hiragino Sans GB",Arial,sans-serif;
  color:var(--paper);
  line-height:1.7;
  background:
    linear-gradient(rgba(26,11,5,.66), rgba(26,11,5,.78)),
    url("../images/bj.png") repeat;
  background-attachment:fixed;
  min-height:100vh;
  font-size:15px;
}

a{ color:var(--gold-1); text-decoration:none; transition:color .2s; }
a:hover{ color:#fff3c9; text-decoration:underline; }

img{ max-width:100%; height:auto; border:0; }
ul,ol{ list-style:none; }

.container{ width:100%; max-width:1280px; margin:0 auto; padding:0 14px; }

.skip-link{
  position:absolute; left:-999px; top:0; background:#fff; color:#333; padding:6px 12px; z-index:99;
}
.skip-link:focus{ left:8px; }

/* 隐藏但保留给爬虫/辅助技术的文字 */
.sr-only{
  position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap;
}

/* ============================================================
   屋顶区（顶部）：屋檐压顶条 + 人字形屋脊 + 砖瓦主墙
   ============================================================ */
.site-roof{ position:relative; z-index:30; }

/* 屋檐压顶条：最上方的细长深色横梁 */
.eaves-bar{
  height:10px;
  background:
    repeating-linear-gradient(90deg, rgba(0,0,0,.22) 0 4px, transparent 4px 9px),
    linear-gradient(180deg,#3a1a0c,#241007);
  border-bottom:2px solid var(--gold-3);
}

/* 人字形屋脊：居中的金色三角屋檐 */
.gable{
  position:relative; height:34px; margin:0 auto; max-width:1280px;
}
.gable::before{
  content:""; position:absolute; left:50%; top:0; transform:translateX(-50%);
  width:340px; height:34px;
  background:
    repeating-linear-gradient(90deg, rgba(0,0,0,.18) 0 3px, transparent 3px 26px),
    repeating-linear-gradient(0deg, rgba(255,255,255,.06) 0 4px, transparent 4px 12px),
    linear-gradient(180deg,#8a4a20,#5f2c14);
  clip-path:polygon(50% 0, 100% 100%, 0 100%);
  border-bottom:3px solid var(--gold-3);
}
.gable::after{
  content:""; position:absolute; left:50%; top:26px; transform:translateX(-50%);
  width:120px; height:10px; border-radius:2px;
  background:linear-gradient(180deg,#d9a23f,#a06a1c);
  box-shadow:0 0 8px rgba(255,210,100,.8);
}

/* 屋顶烟囱（装饰） */
.chimney{
  position:absolute; width:34px; height:74px; top:-6px; z-index:5;
  background:
    repeating-linear-gradient(0deg, rgba(0,0,0,.15) 0 12px, transparent 12px 13px),
    linear-gradient(180deg,#8a4a20,#5f2c14);
  border:2px solid #3a1a0c;
  box-shadow:inset -4px 0 6px rgba(0,0,0,.35);
}
.chimney::before{
  content:""; position:absolute; left:-5px; right:-5px; top:-6px; height:8px;
  background:linear-gradient(180deg,#c78a1e,#8a5a1c); border:1px solid #3a1a0c; border-radius:2px;
}
.chimney.left{ left:5%; }
.chimney.right{ right:5%; }

.smoke{
  position:absolute; left:50%; bottom:100%; width:8px; height:8px; margin-left:-4px;
  background:rgba(240,220,190,.5); border-radius:50%; opacity:0;
  animation:smoke 4.2s linear infinite;
}
.smoke.s2{ animation-delay:1.4s; width:11px; height:11px; margin-left:-6px; }
.smoke.s3{ animation-delay:2.8s; width:14px; height:14px; margin-left:-8px; }

@keyframes smoke{
  0%{ transform:translateY(0) scale(.6); opacity:0; }
  18%{ opacity:.7; }
  100%{ transform:translateY(-86px) scale(2.4); opacity:0; }
}

/* 顶部公告栏 */
.topbar{
  background:linear-gradient(180deg,#241007,#3a1a0c);
  border-bottom:1px solid var(--line);
  color:var(--paper-dim); font-size:13px;
}
.topbar-in{
  display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:34px;
}
.marquee-box{ flex:1; min-width:0; overflow:hidden; white-space:nowrap; display:flex; align-items:center; gap:8px; }
.horn{
  flex:none; width:18px; height:18px; border-radius:50%;
  background:radial-gradient(circle at 35% 35%, #ffd978, #c78a1e);
  animation:glow 1.6s ease-in-out infinite;
}
@keyframes glow{ 0%,100%{ box-shadow:0 0 3px #ffd978; } 50%{ box-shadow:0 0 10px #ffd978; } }
.marquee{ display:inline-block; animation:marquee 30s linear infinite; }
.marquee b{ color:var(--gold-1); font-weight:600; }
@keyframes marquee{ 0%{ transform:translateX(0); } 100%{ transform:translateX(-50%); } }
.topbar-right{ flex:none; color:var(--paper-dim); white-space:nowrap; }

/* 屋顶主墙（Logo 区）：砖瓦纹理 */
.roof-main{
  position:relative;
  background:
    repeating-linear-gradient(90deg, rgba(0,0,0,.14) 0 3px, transparent 3px 54px),
    repeating-linear-gradient(0deg, rgba(255,255,255,.05) 0 5px, transparent 5px 24px),
    linear-gradient(165deg,#8c3a1a,#5f2812 65%,#4a1e0d);
  border-bottom:6px solid var(--wood-1);
  box-shadow:inset 0 -8px 14px rgba(0,0,0,.35);
  padding:16px 0 18px;
}
.roof-in{ display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; }

.logo-box{ display:flex; align-items:center; gap:16px; }
.logo-box img{
  width:110px; height:110px; border-radius:50%;
  border:3px solid var(--gold-3);
  box-shadow:0 0 0 4px rgba(58,26,12,.8), 0 0 22px rgba(240,192,64,.35);
  background:#3a1a0c;
}
.brand .site-name{
  font-size:44px; font-weight:900; letter-spacing:3px; line-height:1.1;
  color:transparent;
  background:linear-gradient(180deg,#fff3c9 20%,#f0c040 55%,#b97a1e 90%);
  -webkit-background-clip:text; background-clip:text;
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.7));
  white-space:nowrap;
}
.brand .site-name small{
  font-size:17px; letter-spacing:2px; color:var(--gold-1); margin-left:8px;
  -webkit-text-fill-color:var(--gold-1); background:none; filter:none;
}
.brand .site-slogan{ font-size:13px; color:var(--paper-dim); letter-spacing:2px; margin-top:2px; }
.brand .site-slogan b{ color:var(--gold-2); font-weight:600; }

/* 站内搜索（大门旁的信箱） */
.search-box{ flex:0 1 400px; }
.search-box form{
  display:flex; overflow:hidden; border-radius:4px;
  border:2px solid var(--gold-3); background:#2b1409;
  box-shadow:0 3px 8px rgba(0,0,0,.4);
}
.search-box input{
  flex:1; min-width:0; border:0; outline:0; background:transparent;
  color:var(--paper); padding:9px 12px; font-size:14px;
}
.search-box input::placeholder{ color:#8a6a45; }
.search-box button{
  border:0; cursor:pointer; padding:0 20px; font-size:14px; font-weight:700;
  color:#3a1c0d; background:linear-gradient(180deg,#ffd978,#c78a1e);
}
.search-box button:hover{ background:linear-gradient(180deg,#ffe9a8,#d9a23f); }
.search-hot{ margin-top:6px; font-size:12px; color:var(--paper-dim); }
.search-hot a{ color:var(--gold-2); margin-right:8px; }
.search-hot a:hover{ color:#fff; }

/* ---------- 导航（屋檐横梁） ---------- */
.site-nav{
  position:relative; z-index:20;
  background:linear-gradient(180deg,#6b3a1c,#4a2812 80%,#3a1c0d);
  border-bottom:3px solid var(--gold-3);
  box-shadow:0 4px 10px rgba(0,0,0,.45);
}
.nav-list{ display:flex; flex-wrap:wrap; align-items:center; }
.nav-list li{ position:relative; }
.nav-list a{
  display:block; color:var(--paper); padding:12px 15px; font-size:15px; letter-spacing:1px;
  border-left:1px solid rgba(255,255,255,.08);
}
.nav-list li:first-child a{ border-left:0; }
.nav-list a:hover{ color:#fff3c9; text-decoration:none; background:rgba(0,0,0,.22); }
.nav-list li.active a{
  color:#3a1c0d; font-weight:700;
  background:linear-gradient(180deg,#ffe08a,#d9a23f);
  box-shadow:inset 0 -3px 0 #a06a1c;
}
.nav-toggle{ display:none; }

/* 灯笼装饰 */
.lantern{ display:none; }

/* ============================================================
   横幅区：正门门廊（木框 + 门钉）
   ============================================================ */
.banner-zone{ padding-top:22px; }
.banner-box{
  position:relative;
  padding:8px;
  background:
    repeating-linear-gradient(90deg, rgba(0,0,0,.12) 0 3px, transparent 3px 44px),
    linear-gradient(180deg,#7a3a1c,#4a2410);
  border:1px solid var(--line);
  box-shadow:0 0 0 3px rgba(58,26,12,.85), 0 10px 26px rgba(0,0,0,.5), inset 0 0 14px rgba(0,0,0,.4);
  border-radius:3px;
}
.banner-box::before,.banner-box::after{
  content:""; position:absolute; width:14px; height:14px; z-index:2;
  background:radial-gradient(circle at 35% 30%, #ffd978, #8a5a1c);
  border-radius:50%; box-shadow:0 0 6px rgba(0,0,0,.6);
}
.banner-box::before{ top:4px; left:4px; }
.banner-box::after{ bottom:4px; right:4px; }
.banner-box a{ display:block; }
.banner-box img{ display:block; width:100%; height:auto; border-radius:2px; }

/* 门廊下的广告位（首页专用） */
.porch-ad{ margin:14px auto 0; }
.porch-ad .cq-tui{ min-height:30px; }
.porch-ad-tip{ font-size:12px; color:var(--paper-dim); text-align:center; padding:6px; }

/* ============================================================
   房屋主体（别墅客厅）：左右两扇大窗 + 侧窗
   ============================================================ */
.house-body{ padding:24px 0 10px; }
.main-grid{ display:grid; grid-template-columns:minmax(0,1fr) 312px; gap:22px; align-items:start; }

/* 面包屑 */
.crumb{ font-size:13px; color:var(--paper-dim); margin-bottom:14px; }
.crumb a{ color:var(--gold-2); }
.crumb span{ margin:0 6px; color:#8a6a45; }

/* ---------- 窗格（内容面板） ---------- */
.win{
  position:relative;
  background:linear-gradient(180deg, rgba(46,20,9,.93), rgba(28,12,5,.95));
  border:1px solid var(--line);
  box-shadow:inset 0 0 0 3px rgba(58,26,12,.9), 0 8px 20px rgba(0,0,0,.4);
  margin-bottom:22px; border-radius:3px;
}
.win-hd{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  padding:11px 16px;
  background:
    repeating-linear-gradient(90deg, rgba(0,0,0,.12) 0 3px, transparent 3px 30px),
    linear-gradient(180deg,#9c4a1f,#6e2f12);
  border-bottom:2px solid var(--gold-3);
}
.win-hd .win-title{
  display:flex; align-items:center; gap:9px;
  font-size:17px; font-weight:700; letter-spacing:2px; color:#ffe9b0;
  text-shadow:0 1px 3px rgba(0,0,0,.6);
}
.win-hd .win-title::before{
  content:""; width:10px; height:10px; flex:none; border-radius:50%;
  background:radial-gradient(circle at 35% 30%, #fff3c9, #c78a1e);
  box-shadow:0 0 6px rgba(255,220,120,.9);
}
.win-hd .more{ font-size:12px; color:var(--gold-1); }
.win-hd .more:hover{ color:#fff; }
.win-bd{ padding:16px; }

/* 首页主标题 */
.index-h1{
  font-size:22px; color:#ffe9b0; letter-spacing:2px; margin-bottom:4px;
  text-shadow:0 2px 4px rgba(0,0,0,.6);
}
.index-sub{ font-size:13px; color:var(--paper-dim); margin-bottom:12px; }

/* ---------- 游戏卡片 ---------- */
.gc-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(215px,1fr)); gap:14px; }
.game-card{
  background:#2b1409; border:1px solid #6e3a1c; border-radius:4px; overflow:hidden;
  display:flex; flex-direction:column; transition:transform .25s, box-shadow .25s, border-color .25s;
}
.game-card:hover{ transform:translateY(-4px); border-color:var(--gold-3); box-shadow:0 10px 22px rgba(0,0,0,.55); }
.game-card .thumb{ position:relative; overflow:hidden; background:#1c0b04; }
.game-card .thumb img{ width:100%; aspect-ratio:4/3; object-fit:cover; display:block; transition:transform .4s; }
.game-card:hover .thumb img{ transform:scale(1.05); }
.game-card .tag{
  position:absolute; top:8px; left:8px; z-index:2;
  background:rgba(30,10,4,.78); color:var(--gold-1); font-size:12px;
  padding:1px 8px; border:1px solid var(--gold-3); border-radius:2px;
}
.game-card .gc-body{ padding:10px 12px 12px; display:flex; flex-direction:column; flex:1; }
.game-card h3{ font-size:15px; color:#ffe9b0; }
.game-card h3 a{ color:#ffe9b0; }
.game-card h3 a:hover{ color:#fff; text-decoration:none; }
.game-card .gc-meta{ font-size:12px; color:var(--paper-dim); margin:4px 0 10px; }
.game-card .gc-ft{ margin-top:auto; display:flex; align-items:center; justify-content:space-between; }
.game-card .hot{ font-size:12px; color:#ff9d5c; }

/* 按钮：下载（金砖按钮） */
.btn-dl{
  display:inline-block;
  background:linear-gradient(180deg,#ffd978,#c78a1e);
  color:#3a1c0d !important; border:1px solid #ffe08a;
  padding:6px 16px; border-radius:3px; font-weight:700; font-size:13px;
  box-shadow:0 2px 5px rgba(0,0,0,.4); transition:filter .2s;
}
.btn-dl:hover{ filter:brightness(1.12); text-decoration:none; }
.btn-dl.big{ font-size:16px; padding:11px 34px; letter-spacing:2px; }
.btn-dl.ghost{
  background:transparent; color:var(--gold-1) !important; border-color:var(--gold-3);
}
.btn-dl.ghost:hover{ background:rgba(199,138,30,.15); }

/* 排行榜 */
.rank-list{ counter-reset:rk; }
.rank-list li{
  display:flex; align-items:center; gap:12px; padding:9px 4px;
  border-bottom:1px dashed rgba(217,162,63,.22);
}
.rank-list li:last-child{ border-bottom:0; }
.rank-list .rk-num{
  flex:none; width:27px; height:27px; line-height:27px; text-align:center;
  background:#6e2f12; color:var(--gold-1); font-weight:700; border-radius:3px; font-size:13px;
}
.rank-list li:nth-child(-n+3) .rk-num{ background:linear-gradient(180deg,#ffd978,#c78a1e); color:#3a1c0d; }
.rank-list img{ width:88px; height:64px; object-fit:cover; border:1px solid #6e3a1c; border-radius:3px; }
.rank-list .rk-name{ flex:1; min-width:0; }
.rank-list .rk-name a{ color:var(--paper); font-size:14px; }
.rank-list .rk-name a:hover{ color:#fff; }
.rank-list .rk-tag{ font-size:12px; color:var(--paper-dim); }
.rank-list .rk-dl{ flex:none; }

/* 开服表 */
.table-wrap{ overflow-x:auto; }
.server-table{ width:100%; min-width:640px; border-collapse:collapse; font-size:13px; }
.server-table th{
  background:linear-gradient(180deg,#9c4a1f,#6e2f12); color:#ffe9b0;
  padding:9px 10px; border:1px solid #5a2410; white-space:nowrap; letter-spacing:1px;
}
.server-table td{ padding:8px 10px; border:1px solid #5a2410; color:#e8d5ac; background:rgba(58,28,12,.45); }
.server-table tr:hover td{ background:rgba(130,60,20,.5); }
.server-table .st-hot{ color:#ffb27a; font-weight:700; }
.server-table .st-new{ color:#8ff09a; }

/* 分类导航网格 */
.cat-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:14px; }
.cat-card{
  position:relative; overflow:hidden; border-radius:4px; border:1px solid #6e3a1c;
  background:#2b1409; transition:transform .25s, box-shadow .25s;
}
.cat-card:hover{ transform:translateY(-3px); box-shadow:0 8px 18px rgba(0,0,0,.5); border-color:var(--gold-3); }
.cat-card img{ width:100%; aspect-ratio:16/10; object-fit:cover; display:block; }
.cat-card .cat-mask{
  position:absolute; inset:0; display:flex; flex-direction:column; justify-content:flex-end;
  padding:10px 12px;
  background:linear-gradient(180deg, transparent 30%, rgba(20,8,3,.92));
}
.cat-card .cat-name{ font-size:16px; font-weight:700; color:#ffe9b0; letter-spacing:1px; }
.cat-card .cat-desc{ font-size:12px; color:var(--paper-dim); }

/* 攻略资讯 */
.news-list li{
  display:flex; justify-content:space-between; gap:10px; align-items:center;
  padding:9px 2px; border-bottom:1px dashed rgba(217,162,63,.22);
}
.news-list li:last-child{ border-bottom:0; }
.news-list a{ color:var(--paper); font-size:14px; }
.news-list a:hover{ color:#fff; }
.news-list .nd{ flex:none; font-size:12px; color:#8a6a45; }

/* 专题 */
.topic-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:14px; }
.topic{
  border:1px solid #6e3a1c; border-radius:4px; padding:14px;
  background:
    repeating-linear-gradient(90deg, rgba(0,0,0,.08) 0 3px, transparent 3px 40px),
    linear-gradient(160deg,#5f2812,#3a1a0c);
}
.topic h3{ font-size:15px; color:var(--gold-1); margin-bottom:6px; }
.topic p{ font-size:13px; color:var(--paper-dim); }
.topic a.more{ font-size:12px; display:inline-block; margin-top:8px; }

/* SEO 长文 */
.seo-text h3{ color:var(--gold-1); font-size:16px; margin:14px 0 8px; letter-spacing:1px; }
.seo-text p{ color:#e8d5ac; font-size:14px; margin-bottom:10px; text-align:justify; }
.seo-text b{ color:var(--gold-2); }
.seo-text .kw-line{ margin-top:12px; }

/* FAQ */
.faq details{
  border:1px solid #6e3a1c; border-radius:4px; margin-bottom:10px; background:rgba(58,28,12,.4);
}
.faq summary{
  cursor:pointer; padding:11px 14px; color:var(--gold-1); font-size:14px; font-weight:600;
  list-style:none; position:relative; padding-right:34px;
}
.faq summary::-webkit-details-marker{ display:none; }
.faq summary::after{
  content:"+"; position:absolute; right:14px; top:50%; transform:translateY(-50%);
  color:var(--gold-2); font-size:18px; font-weight:700;
}
.faq details[open] summary::after{ content:"–"; }
.faq .faq-a{ padding:0 14px 12px; color:#e8d5ac; font-size:13.5px; }

/* 标签云 */
.tag-cloud{ display:flex; flex-wrap:wrap; gap:8px; }
.tag-cloud a{
  font-size:13px; color:var(--paper-dim); padding:3px 11px;
  border:1px solid #6e3a1c; border-radius:20px; background:rgba(58,28,12,.4);
}
.tag-cloud a:hover{ color:#3a1c0d; background:linear-gradient(180deg,#ffd978,#c78a1e); border-color:var(--gold-3); text-decoration:none; }

/* 友情链接 */
.friend-links{ display:flex; flex-wrap:wrap; gap:10px 14px; }
.friend-links a{ font-size:13px; color:var(--paper-dim); }
.friend-links a:hover{ color:#fff; }

/* ---------- 侧栏 ---------- */
.side-col .win-hd .win-title{ font-size:15px; letter-spacing:1px; }
.dl-center{ text-align:center; padding:6px 0 2px; }
.dl-center .dl-note{ font-size:12px; color:var(--paper-dim); margin-top:8px; }

.time-line{ position:relative; padding-left:18px; }
.time-line::before{
  content:""; position:absolute; left:5px; top:4px; bottom:4px; width:2px;
  background:linear-gradient(180deg,var(--gold-3),#5a2410);
}
.time-line li{ position:relative; padding:7px 0; font-size:13px; color:var(--paper-dim); }
.time-line li::before{
  content:""; position:absolute; left:-16px; top:12px; width:8px; height:8px; border-radius:50%;
  background:radial-gradient(circle at 35% 30%, #ffd978, #c78a1e);
}
.time-line b{ color:var(--gold-1); font-weight:600; }
.time-line .cd{ color:#8ff09a; }

/* 站长名片 */
.owner-box{ text-align:center; padding:4px 0; }
.owner-box .avatar{
  width:74px; height:74px; margin:0 auto 10px; border-radius:50%;
  border:2px solid var(--gold-3); overflow:hidden;
}
.owner-box .avatar img{ width:100%; height:100%; object-fit:cover; }
.owner-box .owner-mail{ font-size:13px; color:var(--gold-1); word-break:break-all; }
.owner-box p{ font-size:12px; color:var(--paper-dim); margin-top:6px; }

/* ---------- 分页 ---------- */
.pager{ display:flex; flex-wrap:wrap; gap:8px; justify-content:center; padding:6px 0 2px; }
.pager a,.pager span{
  padding:7px 14px; font-size:13px; border:1px solid #6e3a1c; border-radius:3px;
  color:var(--paper-dim); background:rgba(58,28,12,.5);
}
.pager a:hover{ color:#3a1c0d; background:linear-gradient(180deg,#ffd978,#c78a1e); text-decoration:none; }
.pager .cur{ color:#3a1c0d; background:linear-gradient(180deg,#ffd978,#c78a1e); font-weight:700; }

/* ---------- 分类页头部 ---------- */
.cat-head{ display:flex; gap:16px; align-items:flex-start; }
.cat-head img{ width:300px; max-width:40%; aspect-ratio:4/3; object-fit:cover; border:1px solid var(--line); border-radius:3px; }
.cat-head .cat-txt h1{ font-size:24px; color:#ffe9b0; letter-spacing:2px; margin-bottom:8px; text-shadow:0 2px 4px rgba(0,0,0,.6); }
.cat-head .cat-txt p{ font-size:13.5px; color:#e8d5ac; text-align:justify; }
@media (max-width:640px){
  .cat-head{ flex-direction:column; }
  .cat-head img{ width:100%; max-width:100%; }
}

/* ---------- 游戏详情页 ---------- */
.game-detail{ display:flex; gap:18px; align-items:flex-start; }
.game-detail .gd-img{ flex:0 0 46%; max-width:46%; }
.game-detail .gd-img img{ width:100%; aspect-ratio:4/3; object-fit:cover; border:1px solid var(--line); border-radius:3px; }
.gd-info{ flex:1; min-width:0; }
.gd-info h1{ font-size:23px; color:#ffe9b0; margin-bottom:6px; letter-spacing:1px; }
.gd-info .gd-tags{ margin-bottom:10px; }
.gd-info .gd-tags span{
  display:inline-block; font-size:12px; color:var(--gold-1); border:1px solid var(--gold-3);
  padding:1px 9px; border-radius:20px; margin-right:6px; background:rgba(199,138,30,.12);
}
.gd-info table{ width:100%; border-collapse:collapse; font-size:13px; }
.gd-info table td{ border:1px solid #5a2410; padding:7px 10px; color:#e8d5ac; background:rgba(58,28,12,.45); }
.gd-info table td:first-child{ width:96px; color:var(--gold-1); background:rgba(110,47,18,.55); white-space:nowrap; }
.gd-dl{ margin-top:14px; display:flex; gap:12px; flex-wrap:wrap; }
@media (max-width:720px){
  .game-detail{ flex-direction:column; }
  .game-detail .gd-img{ flex:1 1 100%; max-width:100%; }
}
.gd-feat li{
  position:relative; padding:7px 0 7px 24px; color:#e8d5ac; font-size:14px;
  border-bottom:1px dashed rgba(217,162,63,.2);
}
.gd-feat li::before{
  content:"✔"; position:absolute; left:2px; top:7px; color:var(--gold-2); font-size:13px;
}
.gd-feat li:last-child{ border-bottom:0; }

/* ============================================================
   地基（页脚）：基石纹理
   ============================================================ */
.site-footer{
  margin-top:28px;
  background:
    repeating-linear-gradient(0deg, rgba(255,255,255,.045) 0 24px, transparent 24px 25px),
    repeating-linear-gradient(90deg, rgba(255,255,255,.03) 0 3px, transparent 3px 86px),
    linear-gradient(180deg,#2e1408,#1a0a03);
  border-top:8px solid var(--wood-1);
  box-shadow:inset 0 8px 16px rgba(0,0,0,.45);
}
.foot-cols{
  display:flex; flex-wrap:wrap; gap:26px; padding:26px 0 18px;
}
.foot-col{ flex:1 1 200px; min-width:0; }
.foot-col h3{
  font-size:15px; color:var(--gold-1); letter-spacing:1px; margin-bottom:10px;
  padding-bottom:6px; border-bottom:1px solid #5a2410;
}
.foot-col a{ display:block; font-size:13px; color:var(--paper-dim); padding:3px 0; }
.foot-col a:hover{ color:#fff; }
.foot-col p{ font-size:13px; color:var(--paper-dim); }
.foot-bottom{ border-top:1px solid #5a2410; padding:14px 0 22px; text-align:center; }
.foot-bottom p{ font-size:12.5px; color:#8a6a45; line-height:1.9; }
.foot-bottom b{ color:var(--gold-2); font-weight:600; }

/* 返回顶部 */
#backTop{
  position:fixed; right:18px; bottom:24px; z-index:99;
  width:44px; height:44px; line-height:44px; text-align:center;
  background:linear-gradient(180deg,#ffd978,#c78a1e); color:#3a1c0d;
  font-size:17px; border-radius:4px; cursor:pointer; opacity:0; pointer-events:none;
  box-shadow:0 4px 10px rgba(0,0,0,.5); transition:opacity .3s;
  border:1px solid #ffe08a;
}
#backTop.show{ opacity:1; pointer-events:auto; }
#backTop:hover{ filter:brightness(1.12); }

/* 广告占位容器样式 */
.cq-tui{ text-align:center; }
.cq-tui img{ max-width:100%; }

/* ============================================================
   响应式：平板 / 手机
   ============================================================ */
@media (max-width:1024px){
  .main-grid{ grid-template-columns:1fr; }
  .chimney{ display:none; }
}

@media (max-width:768px){
  body{ background-attachment:scroll; font-size:14px; }
  .topbar-right{ display:none; }
  .gable{ height:26px; }
  .gable::before{ width:220px; height:26px; }
  .roof-main{ padding:12px 0 14px; }
  .roof-in{ flex-direction:column; align-items:stretch; text-align:center; }
  .logo-box{ justify-content:center; flex-direction:column; gap:8px; }
  .logo-box img{ width:88px; height:88px; }
  .brand .site-name{ font-size:34px; }
  .brand .site-name small{ font-size:14px; display:block; margin:2px 0 0; }
  .search-box{ flex:1 1 100%; }
  .search-hot{ text-align:center; }

  /* 汉堡导航 */
  .nav-toggle{
    display:block; width:100%; border:0; cursor:pointer; text-align:left;
    background:linear-gradient(180deg,#7a3a1c,#5f2812); color:var(--paper);
    font-size:15px; padding:11px 16px; letter-spacing:1px;
  }
  .nav-list{ display:none; flex-direction:column; }
  .nav-list.open{ display:flex; }
  .nav-list a{ border-left:0; border-top:1px solid rgba(255,255,255,.08); padding:11px 18px; }
  .nav-list li.active a{ background:linear-gradient(180deg,#ffe08a,#d9a23f); }

  .win-bd{ padding:12px; }
  .gc-grid{ grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); gap:10px; }
  .cat-grid{ grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:10px; }
  .topic-grid{ grid-template-columns:1fr; }
  .game-detail{ flex-direction:column; }
  .game-detail .gd-img{ max-width:100%; }
  #backTop{ width:40px; height:40px; line-height:40px; right:12px; bottom:16px; }
}

@media (max-width:480px){
  .brand .site-name{ font-size:27px; }
  .gc-grid{ grid-template-columns:1fr 1fr; }
  .rank-list .rk-dl{ display:none; }
  .index-h1{ font-size:18px; }
}