/*
Theme Name: 全球游戏开发网
Theme URI: http://529xu8.mkjnews.com/
Author: 529xu8.mkjnews.com
Author URI: http://529xu8.mkjnews.com/
Description: 全球游戏开发网 —— 新闻门户主题。引擎技术 · 游戏设计 · 独立游戏。含焦点版块、栏目区块、图文侧栏、文章内页排版与移动端自适应；内置全站免责声明与栏目一键整理。代码与素材均为原创。
Version: 1.0.0
Requires PHP: 7.0
License: GNU General Public License v2 or later
Text Domain: gamedev
Tags: news, magazine, portal, custom-menu, featured-images, translation-ready
*/

/* =========================================================
   新闻门户主题 · 基础样式
   所有配色/圆角通过 :root 变量控制，站点差异在文件末尾覆盖
   ========================================================= */

*{margin:0;padding:0;box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{font:15px/1.7 "PingFang SC","Hiragino Sans GB","Microsoft YaHei","Heiti SC",sans-serif;
  color:var(--ink);background:var(--bg);}
a{color:inherit;text-decoration:none;transition:color .15s;}
a:hover{color:var(--red);}
ul,ol{list-style:none;}
img{max-width:100%;height:auto;border:0;display:block;}
table{border-collapse:collapse;}
.clearfix:after{display:block;clear:both;visibility:hidden;height:0;content:".";}

.container{width:1200px;max-width:96%;margin:0 auto;}

/* ========== 顶部信息条 ========== */
.topbar{background:var(--deep);color:#b9bcc2;font-size:12px;height:34px;line-height:34px;}
.topbar .container{display:flex;justify-content:space-between;}
.topbar a{color:#c8cbd1;margin-left:16px;}
.topbar a:hover{color:#fff;}
.topbar .tb-date{color:#8d9199;}

/* ========== 站头 ========== */
.site-head{background:var(--head-bg);padding:16px 0;color:var(--head-ink);}
.site-head .container{display:flex;align-items:center;justify-content:space-between;gap:20px;}
.logo{display:flex;align-items:center;gap:12px;min-width:0;}
.logo-badge{background:var(--red);color:#fff;font-size:25px;font-weight:800;padding:7px 12px;
  letter-spacing:1px;border-radius:var(--radius-sm);line-height:1.15;flex:none;}
.logo-name{font-size:25px;font-weight:800;color:var(--head-ink);letter-spacing:2px;line-height:1.25;}
.logo-name small{display:block;font-size:10.5px;font-weight:400;color:var(--head-sub);
  letter-spacing:2.6px;margin-top:2px;white-space:nowrap;}
.head-banner{width:520px;max-width:44%;height:70px;border-radius:var(--radius-sm);
  background:var(--banner-bg);color:#eef0f2;display:flex;align-items:center;
  justify-content:center;font-size:17px;letter-spacing:3px;overflow:hidden;position:relative;}
.head-banner em{font-style:normal;color:var(--banner-em);}
.head-banner span{opacity:.9;}

/* 站头样式：居中报头 */
.site-head.hd-masthead{padding:22px 0 16px;}
.site-head.hd-masthead .container{flex-direction:column;justify-content:center;gap:0;}
.site-head.hd-masthead .logo{flex-direction:column;gap:6px;text-align:center;}
.site-head.hd-masthead .logo-badge{display:none;}
.site-head.hd-masthead .logo-name{font-size:38px;letter-spacing:6px;}
.site-head.hd-masthead .logo-name small{letter-spacing:5px;font-size:11px;margin-top:6px;}
.site-head.hd-masthead .head-banner{display:none;}

/* 站头样式：深色科技头 */
.site-head.hd-dark{background:var(--deep);padding:18px 0;}
.site-head.hd-dark .logo-name{color:#fff;}
.site-head.hd-dark .logo-name small{color:var(--head-sub);}
.site-head.hd-dark .logo-badge{background:var(--red);box-shadow:0 0 0 1px rgba(255,255,255,.18) inset;}
.site-head.hd-dark .head-banner{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);}

/* ========== 主导航 ========== */
.mainnav{background:var(--nav-bg);border-bottom:2px solid var(--red);position:sticky;top:0;z-index:99;
  box-shadow:0 1px 5px rgba(0,0,0,.07);}
.mainnav .container{display:flex;align-items:center;}
.mainnav ul{display:flex;flex-wrap:nowrap;overflow-x:auto;flex:1;}
.mainnav li a{display:block;padding:0 22px;height:46px;line-height:46px;font-size:16px;
  color:var(--nav-ink);white-space:nowrap;}
.mainnav li.current-menu-item>a,.mainnav li.current-cat>a,
.mainnav li.current-menu-parent>a,.mainnav li a:hover{color:var(--nav-on);background:var(--red);}
.site-head.hd-masthead+.mainnav ul{justify-content:center;}

/* ========== 首页栅格 ========== */
.home-wrap{margin-top:20px;}
.home-main{float:left;width:830px;}
.home-side{float:right;width:330px;}

/* 缩略图 */
.thumb{position:relative;overflow:hidden;background-color:#dde0e4;background-size:cover;
  background-position:center;border-radius:var(--radius-sm);}
.thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.thumb .ph{position:absolute;left:10px;top:10px;z-index:2;font-size:12px;font-weight:400;
  color:rgba(255,255,255,.9);letter-spacing:2px;border:1px solid rgba(255,255,255,.5);
  border-radius:2px;padding:1px 7px;}
.thumb .cap{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:28px 12px 9px;
  background:linear-gradient(transparent,rgba(0,0,0,.74));color:#fff;font-size:15px;
  line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden;text-align:left;}
.t-c1{background-image:linear-gradient(135deg,var(--t1a),var(--t1b));}
.t-c2{background-image:linear-gradient(135deg,var(--t2a),var(--t2b));}
.t-c3{background-image:linear-gradient(135deg,var(--t3a),var(--t3b));}
.t-c4{background-image:linear-gradient(135deg,var(--t4a),var(--t4b));}
.t-c5{background-image:linear-gradient(135deg,var(--t5a),var(--t5b));}
.hotlist .thumb .ph,.hero-left .duo .thumb .ph,.postlist .thumb .ph,
.cardrow .thumb .ph,.card-grid .thumb .ph,.mg-quad .thumb .ph,.topstrip .thumb .ph{
  font-size:10px;letter-spacing:1px;padding:0 4px;left:6px;top:6px;}
.hotlist .thumb .cap,.hero-left .duo .thumb .cap{font-size:12px;padding:16px 8px 6px;}

/* ---------- 块标题 ---------- */
.sec-hd{display:flex;align-items:center;border-top:2px solid var(--red);margin-top:32px;padding-top:10px;}
.sec-hd .sq{width:22px;height:22px;background:var(--red);color:#fff;font-size:13px;line-height:22px;
  text-align:center;margin-right:8px;font-weight:700;border-radius:var(--radius-sm);}
.sec-hd h2{font-size:20px;color:var(--ink-strong);letter-spacing:1px;}
.sec-hd h2 a{color:var(--ink-strong);}
.sec-hd h2 a:hover{color:var(--red);}
.sec-hd .more{margin-left:auto;font-size:13px;color:var(--gray);}
.sec-hd .more:hover{color:var(--red);}

/* ---------- 文字列表 ---------- */
.midlist li{height:34px;line-height:34px;font-size:17px;overflow:hidden;white-space:nowrap;
  text-overflow:ellipsis;}
.midlist li:before{content:"";display:inline-block;width:5px;height:5px;background:var(--red);
  border-radius:50%;margin-right:10px;vertical-align:2px;}
.midlist li em{font-style:normal;color:var(--red);border:1px solid var(--red);border-radius:3px;
  padding:0 4px;margin-right:8px;font-size:11px;}
.midlist.mt{margin-top:10px;}
.hotlist li{display:flex;gap:10px;padding:9px 0;border-bottom:1px dashed var(--line);}
.hotlist li:last-child{border-bottom:0;}
.hotlist .thumb{width:104px;height:70px;flex:none;}
.hotlist h4{font-size:15px;font-weight:400;line-height:1.5;display:-webkit-box;
  -webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.hotlist h4:hover{color:var(--red);}
.hotlist .meta{font-size:12px;color:var(--gray-2);margin-top:4px;}

/* =========================================================
   版式一：slider —— 轮播 + 双图 + 要闻Tab
   ========================================================= */
.hero{background:var(--card);padding:16px;box-shadow:var(--shadow);border-radius:var(--radius);
  display:flex;gap:16px;align-items:flex-start;}
.hero:after{content:none;}
.hero-left{width:370px;flex:none;min-width:0;}
.hero-mid{flex:1;min-width:0;}
.slider{position:relative;width:370px;height:300px;overflow:hidden;border-radius:var(--radius-sm);}
.slider .slide{position:absolute;inset:0;opacity:0;transition:opacity .5s;}
.slider .slide.on{opacity:1;}
.slider .slide .thumb{width:100%;height:100%;border-radius:0;}
.slider .cap{font-size:16px;}
.slider-dots{position:absolute;right:10px;top:10px;z-index:5;background:rgba(0,0,0,.4);
  border-radius:11px;padding:5px 9px;line-height:0;}
.slider-dots i{display:inline-block;width:8px;height:8px;border-radius:50%;
  background:rgba(255,255,255,.6);margin-left:6px;cursor:pointer;}
.slider-dots i:first-child{margin-left:0;}
.slider-dots i.on{background:#fff;}
.hero-left .duo{margin-top:14px;display:flex;gap:14px;}
.hero-left .duo a{flex:1;min-width:0;}
.hero-left .duo .thumb{width:100%;height:112px;}
.tabbar{display:flex;border-bottom:2px solid var(--red);}
.tabbar span{padding:8px 18px;font-size:17px;cursor:pointer;color:var(--ink-strong);}
.tabbar span.on{background:var(--red);color:#fff;}
.tabpane{display:none;}
.tabpane.on{display:block;}
.hero-mid .midlist{margin-top:12px;}
.standfirst{font-size:15px;color:var(--gray);line-height:1.7;margin:10px 0 4px;display:-webkit-box;
  -webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.standfirst strong{color:var(--red);font-weight:400;}

/* =========================================================
   版式二：lead —— 大头条 + 侧列表 + 三卡
   ========================================================= */
.lead{display:flex;gap:18px;background:var(--card);box-shadow:var(--shadow);
  border-radius:var(--radius);padding:16px;}
.lead-main{display:block;width:490px;flex:none;min-width:0;}
.lead-main .thumb{width:100%;height:300px;}
.lead-main h2{font-size:24px;line-height:1.45;color:var(--ink-strong);margin-top:12px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.lead-main:hover h2{color:var(--red);}
.lead-main p{font-size:14px;color:#6f7378;line-height:1.65;margin-top:8px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.lead-side{flex:1;min-width:0;border-left:1px solid var(--line);padding-left:18px;}
.lead-side li{display:flex;gap:12px;padding:12px 0;border-bottom:1px dashed var(--line);}
.lead-side li:last-child{border-bottom:0;}
.lead-side .n{font-size:22px;font-weight:800;color:var(--red);opacity:.32;line-height:1;
  font-style:italic;flex:none;width:26px;padding-top:2px;}
.lead-side li:nth-child(-n+2) .n{opacity:.9;}
.lead-side h3{font-size:16px;font-weight:600;line-height:1.5;color:var(--ink-strong);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.lead-side li:hover h3{color:var(--red);}
.lead-side .t{font-size:12px;color:var(--gray-2);margin-top:4px;}

.cardrow{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px;}
.cardrow .cd{background:var(--card);box-shadow:var(--shadow);border-radius:var(--radius);
  padding:12px;display:block;min-width:0;}
.cardrow .thumb{width:100%;height:150px;}
.cardrow h3{font-size:16.5px;line-height:1.5;margin-top:9px;color:var(--ink-strong);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.cardrow .cd:hover h3{color:var(--red);}
.cardrow p{font-size:13px;color:#7a7e84;line-height:1.6;margin-top:6px;display:-webkit-box;
  -webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.cardrow .m{font-size:12px;color:var(--gray-2);margin-top:8px;}

/* =========================================================
   版式三：grid —— 通栏置顶 + 卡片矩阵
   ========================================================= */
.topstrip{display:flex;gap:20px;background:var(--card);box-shadow:var(--shadow);
  border-radius:var(--radius);padding:16px;align-items:stretch;}
.topstrip .thumb{width:420px;height:250px;flex:none;}
.topstrip .ts-body{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;}
.topstrip .tag{display:inline-block;align-self:flex-start;background:var(--red);color:#fff;
  font-size:12px;padding:2px 10px;border-radius:2px;letter-spacing:1px;margin-bottom:10px;}
.topstrip h2{font-size:26px;line-height:1.42;color:var(--ink-strong);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.topstrip:hover h2{color:var(--red);}
.topstrip p{font-size:14px;color:#6f7378;line-height:1.75;margin-top:10px;display:-webkit-box;
  -webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.topstrip .m{font-size:12px;color:var(--gray-2);margin-top:12px;}

.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:16px;}
.card-grid .cd{background:var(--card);box-shadow:var(--shadow);border-radius:var(--radius);
  overflow:hidden;display:block;min-width:0;}
.card-grid .thumb{width:100%;height:128px;border-radius:0;}
.card-grid .cg-body{padding:11px 12px 13px;}
.card-grid h3{font-size:15.5px;line-height:1.5;color:var(--ink-strong);display:-webkit-box;
  -webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.card-grid .cd:hover h3{color:var(--red);}
.card-grid .m{font-size:12px;color:var(--gray-2);margin-top:8px;}

/* =========================================================
   版式四：magazine —— 左大三小（2×2）+ 双栏文字
   ========================================================= */
.mg{display:flex;gap:18px;background:var(--card);box-shadow:var(--shadow);
  border-radius:var(--radius);padding:16px;}
.mg-big{width:520px;flex:none;min-width:0;display:block;}
.mg-big .thumb{width:100%;height:340px;}
.mg-big h2{font-size:25px;line-height:1.4;color:var(--ink-strong);margin-top:12px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.mg-big:hover h2{color:var(--red);}
.mg-big p{font-size:14px;color:#6f7378;line-height:1.7;margin-top:8px;display:-webkit-box;
  -webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.mg-quad{flex:1;min-width:0;display:flex;flex-direction:column;gap:15px;}
.mg-quad .cd{display:flex;gap:11px;align-items:flex-start;min-width:0;}
.mg-quad .thumb{width:106px;height:74px;flex:none;}
.mg-quad h3{font-size:14.5px;line-height:1.5;color:var(--ink-strong);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.mg-quad .cd:hover h3{color:var(--red);}
.mg-quad .mt2{font-size:12px;color:var(--gray-2);margin-top:5px;}

.twocol{background:var(--card);box-shadow:var(--shadow);border-radius:var(--radius);
  padding:14px 18px;margin-top:16px;}
.twocol ul{columns:2;column-gap:34px;}
.twocol li{height:36px;line-height:36px;font-size:16.5px;overflow:hidden;white-space:nowrap;
  text-overflow:ellipsis;break-inside:avoid;border-bottom:1px dashed var(--line);}
.twocol li:before{content:"";display:inline-block;width:5px;height:5px;background:var(--red);
  border-radius:50%;margin-right:10px;vertical-align:2px;}
.twocol .m{float:right;font-size:12px;color:var(--gray-2);}

/* =========================================================
   分类区块
   ========================================================= */
.catblock{margin-top:26px;}
.catblock .grid{background:var(--card);padding:16px;margin-top:12px;box-shadow:var(--shadow);
  border-radius:var(--radius);display:flex;gap:18px;}
.catblock .cb-l{width:322px;flex:none;}
.catblock .cb-l .thumb{width:100%;height:186px;margin-bottom:14px;}
.catblock .cb-c{flex:1;min-width:0;}

/* 最新发布网格 */
.latest-grid{background:var(--card);padding:16px;margin-top:12px;box-shadow:var(--shadow);
  border-radius:var(--radius);display:grid;grid-template-columns:repeat(3,1fr);gap:20px 16px;}
.latest-grid .lg-item{display:block;min-width:0;}
.latest-grid .thumb{width:100%;height:132px;}
.latest-grid .lg-t{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden;font-size:15px;line-height:1.5;margin-top:6px;color:var(--ink-strong);}
.latest-grid .lg-item:hover .lg-t{color:var(--red);}
.latest-grid .lg-meta{display:block;font-size:12px;color:var(--gray-2);margin-top:7px;}
.empty-tip{color:#999;font-size:13px;}

/* =========================================================
   侧栏
   ========================================================= */
.side-box{background:var(--card);padding:16px;margin-bottom:18px;box-shadow:var(--shadow);
  border-radius:var(--radius);}
.side-t{font-size:17px;color:var(--ink-strong);border-left:4px solid var(--red);
  padding-left:10px;line-height:1.3;margin-bottom:12px;}
.side-t a{float:right;font-size:12px;color:var(--gray);font-weight:400;}
.ranklist li{height:32px;line-height:32px;font-size:15px;white-space:nowrap;overflow:hidden;
  text-overflow:ellipsis;display:flex;}
.ranklist li i{font-style:normal;width:20px;height:20px;line-height:20px;text-align:center;
  background:#c9ccd1;color:#fff;font-size:12px;border-radius:2px;margin:6px 10px 0 0;flex:none;}
.ranklist li:nth-child(1) i,.ranklist li:nth-child(2) i,.ranklist li:nth-child(3) i{background:var(--red);}
.ranklist li span{overflow:hidden;text-overflow:ellipsis;}
.widget ul li{font-size:14px;}
.widget_tag_cloud .tagcloud a{display:inline-block;background:#f3f4f6;color:#666;
  font-size:13px!important;padding:4px 10px;margin:0 6px 8px 0;border-radius:3px;}
.widget_tag_cloud .tagcloud a:hover{background:var(--red);color:#fff;}
.wg-cats li{height:34px;line-height:34px;border-bottom:1px dashed var(--line);font-size:14px;
  display:flex;justify-content:space-between;}
.wg-cats li:last-child{border-bottom:0;}
.wg-cats .c{color:var(--gray-2);font-size:12px;}

/* =========================================================
   内页
   ========================================================= */
.crumb{margin:16px auto;font-size:13px;color:var(--gray-2);}
.crumb a{color:var(--gray);}
.crumb a:hover{color:var(--red);}
.crumb b{color:var(--red);font-weight:400;}
.page-grid{background:var(--card);box-shadow:var(--shadow);border-radius:var(--radius);
  padding:26px 30px;}
.page-main{float:left;width:830px;}
.page-side{float:right;width:330px;}

.art-title{font-size:30px;line-height:1.45;color:var(--ink-strong);text-align:center;font-weight:700;}
.art-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 22px;margin:16px 0 6px;
  font-size:13px;color:var(--gray-2);border-bottom:1px solid var(--line);padding-bottom:14px;}
.art-meta b{color:var(--red);font-weight:400;}
.art-body{margin-top:18px;font-size:18px;line-height:1.9;color:#222;}
.art-body p{margin:0 0 20px;text-indent:2em;}
.art-body h2,.art-body h3,.art-body h4{font-size:20px;margin:28px 0 14px;color:var(--ink-strong);
  text-indent:0;line-height:1.5;}
.art-body ul,.art-body ol{margin:0 0 20px 2em;}
.art-body ul li{list-style:disc;margin-bottom:8px;}
.art-body ol li{list-style:decimal;margin-bottom:8px;}
.art-body img{margin:10px auto;border-radius:4px;}
.art-body table{width:100%;font-size:15px;}
.art-body th{background:#f2f4f7;padding:10px 12px;border:1px solid var(--line);font-weight:600;text-align:left;}
.art-body td{padding:10px 12px;border:1px solid var(--line);}
.art-body blockquote{border-left:4px solid var(--red);background:#fafafa;padding:12px 16px;
  margin:0 0 20px;color:#555;text-indent:0;}
.art-body a{color:var(--red);border-bottom:1px solid var(--red-a30);}
.art-tags{margin-top:24px;padding-top:16px;border-top:1px solid var(--line);font-size:13px;}
.art-tags a{display:inline-block;background:#f3f4f6;padding:4px 12px;margin:0 8px 8px 0;
  border-radius:3px;color:#666;}
.art-tags a:hover{background:var(--red);color:#fff;}
.art-nav{display:flex;justify-content:space-between;gap:16px;margin-top:20px;font-size:14px;color:var(--gray);}
.art-nav a{max-width:46%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.art-nav a:hover{color:var(--red);}

.related{margin-top:30px;border-top:2px solid var(--red);padding-top:12px;}
.related h3{font-size:18px;margin-bottom:6px;}
.related ul{columns:2;column-gap:36px;margin-top:8px;}
.related li{height:34px;line-height:34px;font-size:16px;overflow:hidden;white-space:nowrap;
  text-overflow:ellipsis;break-inside:avoid;}
.related li:before{content:"";display:inline-block;width:5px;height:5px;background:var(--red);
  border-radius:50%;margin-right:10px;vertical-align:2px;}

/* 列表页 */
.cat-head{background:var(--card);border-left:5px solid var(--red);padding:14px 18px;margin-top:16px;
  box-shadow:var(--shadow);border-radius:var(--radius);}
.cat-head h1{font-size:22px;color:var(--ink-strong);}
.cat-head p{font-size:13px;color:var(--gray-2);margin-top:2px;}
.postlist{margin-top:14px;}
.postlist article{background:var(--card);box-shadow:var(--shadow);padding:16px;display:flex;
  gap:18px;margin-bottom:14px;border-radius:var(--radius);}
.postlist .thumb{width:240px;height:150px;flex:none;}
.postlist h2{font-size:20px;line-height:1.5;}
.postlist h2 a:hover{color:var(--red);}
.postlist .ex{font-size:14px;color:#666;margin-top:8px;display:-webkit-box;
  -webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.postlist .meta{font-size:12px;color:var(--gray-2);margin-top:10px;}
.postlist .meta b{color:var(--red);font-weight:400;margin-right:10px;}
.pagenav{margin:24px 0;text-align:center;}
.pagenav .page-numbers{display:inline-block;min-width:34px;height:34px;line-height:34px;
  padding:0 10px;background:var(--card);margin:0 4px;border:1px solid var(--line);font-size:14px;}
.pagenav .current,.pagenav .page-numbers:hover{background:var(--red);color:#fff;border-color:var(--red);}

.page-title{font-size:24px;color:var(--ink-strong);border-left:5px solid var(--red);
  padding-left:14px;margin-top:20px;}
.nores{background:var(--card);padding:60px;text-align:center;color:var(--gray);
  box-shadow:var(--shadow);margin-top:16px;border-radius:var(--radius);}

/* =========================================================
   页脚
   ========================================================= */
.footer{background:var(--foot-bg);color:#8b8f96;margin-top:40px;padding:30px 0 0;font-size:13px;}
.footer a{color:#b9bdc4;}
.footer a:hover{color:#fff;}
.foot-links{display:flex;flex-wrap:wrap;gap:6px 18px;padding-bottom:18px;
  border-bottom:1px solid rgba(255,255,255,.08);}
.foot-links .fl-t{color:#d7dade;font-weight:600;}
.foot-copyright{text-align:center;padding:18px 0;line-height:2;}

/* 免责声明 */
.disclaimer{background:var(--dc-bg);border:1px solid var(--dc-line);border-left:3px solid var(--red);
  border-radius:3px;padding:14px 16px;margin-bottom:20px;}
.disclaimer .dc-hd{display:flex;align-items:center;gap:6px;color:#e8eaed;font-weight:700;
  font-size:14px;margin-bottom:8px;}
.disclaimer .dc-ico{display:inline-flex;align-items:center;justify-content:center;width:16px;
  height:16px;flex:none;border-radius:50%;background:var(--red);color:#fff;font-size:11px;
  font-weight:700;font-style:normal;line-height:1;}
.disclaimer .dc-tx{margin:0;color:#95999f;font-size:12.5px;line-height:1.95;text-align:justify;}
.disclaimer .dc-tx a{color:#e2685f;text-decoration:underline;}
.disclaimer .dc-tx a:hover{color:#fff;}
.disclaimer .dc-tx strong{color:#d7dade;font-weight:600;}

/* 返回顶部 */
.backtop{position:fixed;right:24px;bottom:80px;width:44px;height:44px;background:#fff;
  border:1px solid var(--line);border-radius:4px;text-align:center;line-height:44px;font-size:18px;
  cursor:pointer;color:var(--gray);display:none;z-index:98;box-shadow:0 2px 8px rgba(0,0,0,.12);}
.backtop:hover{background:var(--red);color:#fff;border-color:var(--red);}

/* =========================================================
   响应式
   ========================================================= */
@media (max-width:1100px){
  .head-banner{display:none;}
  .home-main,.page-main{width:100%;float:none;}
  .home-side,.page-side{width:100%;float:none;margin-top:24px;}
  .hero{flex-direction:column;}
  .hero-left,.hero-mid{width:100%;}
  .hero-mid{margin-top:18px;}
  .slider{width:100%;height:auto;aspect-ratio:16/9;max-height:420px;}
  .hero-left .duo a{flex:1;min-width:0;}
  .hero-left .duo .thumb{width:100%;height:auto;aspect-ratio:16/9;}
  .lead{flex-direction:column;}
  .lead-main{width:100%;}
  .lead-main .thumb{height:auto;aspect-ratio:16/9;}
  .lead-side{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:6px;}
  .topstrip{flex-direction:column;}
  .topstrip .thumb{width:100%;height:auto;aspect-ratio:16/9;}
  .card-grid{grid-template-columns:repeat(3,1fr);}
  .mg{flex-direction:column;}
  .mg-big{width:100%;}
  .mg-big .thumb{height:auto;aspect-ratio:16/9;}
}
@media (max-width:760px){
  .topbar{display:none;}
  .logo-name{font-size:19px;letter-spacing:1px;}
  .logo-badge{font-size:17px;padding:5px 9px;}
  .logo-name small{font-size:9px;letter-spacing:2px;}
  .site-head.hd-masthead .logo-name{font-size:26px;letter-spacing:3px;}
  .mainnav li a{padding:0 14px;font-size:15px;height:42px;line-height:42px;}
  .hero{padding:12px;}
  .hero-left .duo{margin-bottom:14px;}
  .cardrow{grid-template-columns:1fr;}
  .cardrow .thumb{height:auto;aspect-ratio:16/9;}
  .card-grid{grid-template-columns:repeat(2,1fr);gap:12px;}
  .card-grid .thumb{height:110px;}
  .mg-quad{gap:10px;}
  .mg-quad .thumb{width:96px;height:68px;}
  .twocol ul{columns:1;}
  .catblock .grid{flex-direction:column;}
  .catblock .cb-l{width:100%;}
  .catblock .cb-l .thumb{width:100%;height:auto;aspect-ratio:16/9;}
  .latest-grid{grid-template-columns:repeat(2,1fr);gap:16px 12px;}
  .latest-grid .thumb{height:118px;}
  .art-title{font-size:22px;text-align:left;}
  .art-meta{justify-content:flex-start;}
  .art-body{font-size:17px;}
  .art-body p{text-indent:0;}
  .page-grid{padding:18px 16px;}
  .postlist article{flex-direction:column;}
  .postlist .thumb{width:100%;height:auto;aspect-ratio:16/9;}
  .related ul{columns:1;}
  .disclaimer{padding:12px;margin-bottom:16px;}
  .disclaimer .dc-tx{font-size:12px;line-height:1.9;text-align:left;}
  .backtop{right:14px;bottom:64px;width:40px;height:40px;line-height:40px;}
}

/* =========================================================
   站点专属：全球游戏开发网
   ========================================================= */
:root{
  --red:#7c3aed;--red-2:#5f14e0;
  --red-a30:#dac8fa;
  --deep:#12121c;
  --ink:#3a3d42;--ink-strong:#191b1e;--gray:#94979c;--gray-2:#a3a6ab;
  --line:#e9eaec;--bg:#f0eefb;--card:#ffffff;
  --head-bg:#12121c;--head-ink:#ffffff;--head-sub:rgba(255,255,255,.62);
  --nav-bg:#1e1e27;--nav-ink:#e6e8ee;--nav-on:#ffffff;
  --banner-bg:linear-gradient(115deg,#12121c 0%,#4c288f 52%,#12121c 100%);
  --banner-em:#22d3ee;
  --foot-bg:#0c0c13;--dc-bg:#1c1c2c;--dc-line:#2a2a41;
  --radius:6px;--radius-sm:6px;
  --shadow:0 2px 10px rgba(0,0,0,.055);
  --t1a:#5a0edc;--t1b:#7f5beb;
  --t2a:#4c1975;--t2b:#a61bd9;
  --t3a:#52387e;--t3b:#8d52ca;
  --t4a:#73a51c;--t4b:#d0e92a;
  --t5a:#82168d;--t5b:#ed1cda;
}