/*
Theme Name: Fox Game
Theme URI: https://chihugame.cn
Author: 赤狐游戏网
Description: 赤狐游戏网专属主题。布局与交互参考 xdgame.com 的首页结构：Hero 搜索区、双栏（最新发布 + 在线工具/会员）、分类游戏列表 + 热门榜双栏、必玩大片网格、汉化作品、游戏专题。移动端将双栏改为上下堆叠而非隐藏。
Version: 1.0.0
Requires at least: 5.8
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: foxgame
Tags: game, entertainment, custom-menu, featured-images, translation-ready, right-sidebar
*/

/* ==========================================================================
   1. 变量 —— 数值取自 xdgame 实测 CSS
   ========================================================================== */

@font-face {
	font-family: 'MaShanZheng';
	src: url('assets/fonts/MaShanZheng-subset.woff2') format('woff2');
	font-display: swap;
}

:root {
	/* 品牌主色 */
	--brand: #5b8def;
	--brand-2: #7ea6f5;
	--brand-3: #8fb8f0;
	--brand-4: #a5c8f5;
	--accent: #2878df;
	--nav-active: #007bf5;

	/* 首页卡片区（对应原站 --hd-*） */
	--hd-text: #2b3d52;
	--hd-muted: #78879a;
	--hd-border: #e1e8f0;
	--hd-bg: #fff;
	--hd-soft: #f1f6fc;
	--hd-accent: #4277b1;
	--hd-hover: #b7cce4;

	/* 基础 */
	--body-bg: #eff1f3;
	--text: #333;
	--text-sub: #666;
	--text-gray: #888;
	--text-light: #ababab;
	--line: #f1f1f1;
	--line-soft: #f6f6f6;
	--gold: #ffb80f;
	--red: #d83d42;
	--red-2: #ff5722;

	/* 阴影与圆角 */
	--shadow: 0 16px 40px -28px rgba(20, 40, 80, .4);
	--shadow-hover: 0 10px 24px -14px rgba(91, 141, 239, .35);
	--r-lg: 14px;
	--r-md: 10px;
	--r-sm: 8px;
	--r-xs: 7px;
	--r-btn: 6px;
	--r-pill: 999px;

	/* 尺寸 */
	--header-h: 70px;
	--font: "Helvetica Neue", Helvetica, "PingFang SC", Tahoma, Arial, sans-serif;
}

* { box-sizing: border-box; }

/*
 * 防止移动端横向滚动。
 * 注意：不用 body{overflow-x:hidden} —— 它会破坏 position:fixed 的
 * 定位基准（iOS Safari 尤其明显），改为从源头限制元素最大宽度。
 */
html {
	max-width: 100%;
	overflow-x: clip;
}

body {
	max-width: 100%;
	overflow-x: clip;
}

/* flex/grid 子项默认 min-width:auto，窄屏会撑破容器，统一归零 */
img,
svg,
table,
.container,
.index-main,
.index-news,
.index-info,
.list-soft-main,
.list-soft-tab,
.hot-soft,
.single-wrap,
.single-main,
.single-card,
.single-side,
.archive-panel,
.cat-tabs,
.home-classics,
.home-translations,
.home-topics {
	min-width: 0;
	max-width: 100%;
}

body {
	margin: 0;
	padding: 0;
	background: var(--body-bg);
	color: var(--text);
	font: 14px/24px var(--font);
	-webkit-font-smoothing: antialiased;
}

a { text-decoration: none; color: var(--accent); transition: color .2s; }
a:hover { color: var(--brand-2); }

img { max-width: 100%; height: auto; border: 0; display: block; }

ul, ol, h1, h2, h3, h4, p, figure { margin: 0; padding: 0; }
li { list-style: none; }

.container {
	width: 1400px;
	margin: 0 auto;
	padding: 0 20px;
}

.screen-reader-text {
	position: absolute !important;
	width: 1px; height: 1px;
	padding: 0; margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.skip-link:focus {
	position: fixed; top: 8px; left: 8px;
	z-index: 10001;
	width: auto; height: auto;
	padding: 10px 18px;
	clip: auto;
	background: var(--brand);
	color: #fff;
	border-radius: var(--r-btn);
}

.clearfix::after { content: ""; display: table; clear: both; }

/* ==========================================================================
   2. 页头 —— fixed + 毛玻璃，滚动后收缩
   ========================================================================== */

.site-header {
	position: fixed;
	top: 0; right: 0; left: 0;
	z-index: 10000;
	width: 100%;
	height: var(--header-h);
	background: rgba(255, 255, 255, .92);
	box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	backdrop-filter: saturate(2) blur(20px);
	-webkit-backdrop-filter: saturate(2) blur(20px);
	transition: height .25s ease;
}

.site-header.is-shrink { height: 54px; }

.header-inner {
	display: flex;
	align-items: center;
	height: var(--header-h);
	transition: height .25s ease;
}

.site-header.is-shrink .header-inner { height: 54px; }

.site-logo { flex-shrink: 0; width: 180px; padding: 8px 0; transition: width .25s ease; }
.site-header.is-shrink .site-logo { width: 128px; }

.site-logo a { display: flex; align-items: center; gap: 8px; }

.site-logo img { height: 38px; width: auto; }

.site-logo .brand-name {
	font-family: 'MaShanZheng', 'Kaiti SC', 'STKaiti', cursive;
	font-size: 26px;
	font-weight: 400;
	letter-spacing: 2px;
	color: var(--hd-text);
	white-space: nowrap;
}

.site-header.is-shrink .site-logo .brand-name { font-size: 22px; }

.main-nav { margin-right: auto; padding-left: 40px; }

.main-nav ul { display: flex; gap: 12px; }

.main-nav a {
	display: block;
	position: relative;
	height: var(--header-h);
	line-height: var(--header-h);
	padding: 0 18px;
	color: #666;
	font-size: 15px;
	transition: color .2s;
}

.site-header.is-shrink .main-nav a { height: 54px; line-height: 54px; }

.main-nav a::after {
	content: "";
	position: absolute;
	left: 50%; bottom: 16px;
	width: 0; height: 3px;
	transform: translateX(-50%);
	background: var(--nav-active);
	border-radius: 10px;
	transition: width .22s ease;
}

.site-header.is-shrink .main-nav a::after { bottom: 10px; }

.main-nav a:hover,
.main-nav .current-menu-item > a,
.main-nav .current_page_item > a { color: var(--nav-active); }

.main-nav a:hover::after,
.main-nav .current-menu-item > a::after,
.main-nav .current_page_item > a::after { width: 22px; }

.header-actions { display: flex; align-items: center; gap: 6px; flex-shrink: 0; }

.header-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px; height: 38px;
	border: 0;
	background: transparent;
	color: #666;
	font-size: 17px;
	cursor: pointer;
	border-radius: var(--r-xs);
	transition: background .2s, color .2s;
}

.header-btn:hover { background: var(--hd-soft); color: var(--nav-active); }

.nav-toggle { display: none; }

/* 页头搜索展开栏 */
.site-search-bar {
	border-top: 1px solid var(--hd-border);
	background: rgba(255, 255, 255, .98);
	padding: 14px 0;
}

.site-search-bar[hidden] { display: none; }

.site-search-bar form { display: flex; }

.site-search-bar input[type="search"] {
	flex: 1;
	height: 42px;
	padding: 0 18px;
	border: 1px solid var(--hd-border);
	border-radius: 40px 0 0 40px;
	background: var(--hd-soft);
	font-family: inherit;
	font-size: 14px;
	outline: none;
}

.site-search-bar input[type="search"]:focus { border-color: var(--brand); }

.site-search-bar button {
	width: 110px;
	border: 0;
	background: var(--brand);
	color: #fff;
	border-radius: 0 40px 40px 0;
	font-family: inherit;
	font-size: 15px;
	cursor: pointer;
}

.site-search-bar button:hover { background: var(--brand-2); }

/* 分类面板：非激活态隐藏 */
.cat-panel { display: none; }
.cat-panel.is-active { display: block; }

/* 详情页侧栏：滚动时吸附在顶部（避开固定头部 54~70px） */
.single-side {
	width: 340px;
	flex-shrink: 0;
	position: sticky;
	top: 62px;
	align-self: flex-start;
	max-height: calc(100vh - 74px);
	overflow-y: auto;
	scrollbar-width: thin;
}
.single-side .side-panel { margin-bottom: 20px; }

/* ==========================================================================
   3. Hero 首屏
   ========================================================================== */

.index-box {
	position: relative;
	width: 100%;
	padding: 64px 0 52px;
	margin-bottom: 20px;
	overflow: hidden;
	/* 支持 WebP 的浏览器覆盖为体积小一半的版本，不支持则保留上面的 JPEG */
	background: url('assets/img/hero-bg.jpg') center / cover no-repeat;
	background-image: url('assets/img/hero-bg.webp');
}

.index-box::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background:
		radial-gradient(60% 80% at 18% 12%, rgba(0, 0, 0, .05), transparent 55%),
		linear-gradient(180deg, rgba(5, 10, 24, .42), rgba(5, 10, 24, .62)));
}

.hero-inner {
	position: relative;
	z-index: 2;
	text-align: center;
}


.hero-inner .hero-sub {
	margin: 0;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 1px;
	text-shadow: 0 2px 12px rgba(0, 0, 0, .45);
}

.hero-search-box {
	position: relative;
	width: 620px;
	max-width: 92%;
	height: 52px;
	margin: 22px auto 0;
	padding: 0 6px 0 44px;
	border-radius: 999px;
	background: rgba(13, 25, 48, .38);
	backdrop-filter: blur(14px) saturate(1.4);
	-webkit-backdrop-filter: blur(14px) saturate(1.4);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14), 0 10px 28px rgba(9, 20, 44, .25);
	display: flex;
	align-items: center;
}

.hero-search-box .hero-search__icon {
	position: absolute;
	left: 18px; top: 50%;
	transform: translateY(-50%);
	width: 18px; height: 18px;
	color: rgba(255, 255, 255, .75);
	pointer-events: none;
}

.hero-search-box .txt {
	flex: 1;
	height: 100%;
	min-width: 0;
	padding: 0 12px;
	border: 0;
	background: transparent;
	color: #fff;
	font-family: inherit;
	font-size: 15px;
	outline: none;
}

.hero-search-box .txt::placeholder { color: rgba(255, 255, 255, .55); }

.hero-search-box button {
	flex-shrink: 0;
	height: 40px;
	padding: 0 24px;
	border: 0;
	border-radius: 999px;
	background: linear-gradient(135deg, #4d82f0, #6f9df6);
	color: #fff;
	font-family: inherit;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	transition: filter .2s;
}

.hero-search-box button:hover { filter: brightness(1.08); }

/* 热搜标签 */
.hero-hot {
	margin-top: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 10px;
}

.hero-hot__label {
	color: rgba(255, 255, 255, .92);
	font-size: 14px;
	font-weight: 600;
}

.hero-hot__tag {
	padding: 7px 18px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .16);
	color: #fff;
	font-size: 13px;
	transition: background .2s;
}

.hero-hot__tag:hover { background: rgba(255, 255, 255, .3); }

/* 头部内嵌搜索栏（仅移动端显示） */
.header-search-inline { display: none; }

/* ==========================================================================
   4. 双栏主区
   ========================================================================== */

.index-main {
	display: flex;
	align-items: stretch;
	margin-top: 30px;
}

.index-news { width: 100%; float: none; }
.index-info { width: 380px; margin-left: auto; display: flex; flex-direction: column; }

/* 区块标题栏 */
.title {
	display: flex;
	align-items: center;
	margin-bottom: 16px;
}

.title .name {
	position: relative;
	padding-left: 12px;
	color: var(--hd-text);
	font-size: 20px;
	font-weight: 800;
	line-height: 30px;
}

.title .name::before {
	content: "";
	position: absolute;
	left: 0; top: 50%;
	transform: translateY(-50%);
	width: 4px; height: 20px;
	background: var(--brand);
	border-radius: 2px;
}

.title .more {
	margin-left: auto;
	color: var(--hd-muted);
	font-size: 13px;
}

.title .more:hover { color: var(--hd-accent); }

.title .mun {
	margin-left: auto;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 5px 12px;
	background: var(--hd-soft);
	border: 1px solid var(--hd-border);
	border-radius: var(--r-pill);
	color: var(--hd-muted);
	font-size: 12px;
	line-height: 1;
	white-space: nowrap;
}

.title .mun b { color: var(--red-2); font-size: 13px; font-weight: 700; font-variant-numeric: tabular-nums; }
.title .mun b.new { color: var(--red-2); }

/* ---- 最新发布列表 ---- */

.index-news-list {
	height: 640px;
	padding: 20px;
	background: var(--hd-bg);
	border: 1px solid var(--hd-border);
	border-radius: var(--r-lg);
	box-shadow: var(--shadow);
	overflow: hidden;
}

.index-news-list ul { margin-top: 10px; }

.index-news-list li {
	position: relative;
	width: calc(50% - 30px);
	float: left;
	margin-bottom: 10px;
	padding: 10px 15px;
	line-height: 30px;
	background: #f6f7f8;
	border-radius: 30px 0 0 30px;
	transition: background-color .2s ease;
}

.index-news-list li:nth-child(2n) { float: right; border-radius: 0 30px 30px 0; }

/* 斑马纹：第 3/4/7/8... 换白底 */
.index-news-list li:nth-child(3), .index-news-list li:nth-child(4),
.index-news-list li:nth-child(7), .index-news-list li:nth-child(8),
.index-news-list li:nth-child(11), .index-news-list li:nth-child(12),
.index-news-list li:nth-child(15), .index-news-list li:nth-child(16) { background: #fff; }

.index-news-list li:hover { background: var(--hd-soft); }

.index-news-list li .thumb {
	width: 30px; height: 30px;
	float: left;
	margin-right: 10px;
	border-radius: 18px;
	border: 1px solid #f1f1f1;
	object-fit: cover;
	overflow: hidden;
}

.index-news-list li .thumb img { width: 100%; height: 100%; object-fit: cover; }

.index-news-list li .date {
	float: left;
	height: 10px;
	line-height: 10px;
	margin: 10px 10px 0 0;
	padding: 0 10px;
	border-right: 2px solid #f1f1f1;
	color: #888;
	font-size: 12px;
}

.index-news-list li .date.today { color: var(--red-2); border-right-color: transparent; font-weight: 600; }

.index-news-list li a.tit {
	display: block;
	max-width: calc(100% - 150px);
	float: left;
	color: var(--hd-text);
	font-size: 15px;
	font-weight: 500;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	line-height: 30px;
}

.index-news-list li a.tit:hover { color: var(--brand); }

/* 行内游戏大小（电脑游戏列） */
.index-news-list li .size {
	float: left;
	margin-left: 10px;
	color: #98a2ad;
	font-size: 12px;
	line-height: 30px;
	white-space: nowrap;
}
.index-news-list li:has(.size) a.tit { max-width: calc(100% - 220px); }

.index-news-list li .go {
	float: right;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: auto;
	line-height: 1;        /* 原 height:15px + line-height:16px 在 border-box 下文字溢出胶囊，导致字与按键不居中 */
	margin-top: 4px;       /* 盒高 22px，在 30px 行内垂直居中 */
	padding: 5px 12px;
	border: 1px solid #ededed;
	border-radius: 18px;
	color: #888;
	font-size: 12px;
	transition: all .2s;
}

.index-news-list li .go:hover { background: var(--brand); border-color: var(--brand-2); color: #fff; }

/* 手游条目：无封面（改用「手游」徽章）、无「查看」，右侧直连夸克网盘 */
.index-news-list li.is-mobile {
	display: flex;
	align-items: center;
	gap: 10px;
}

.index-news-list li.is-mobile .mob-badge { flex: 0 0 auto; }

.index-news-list li.is-mobile .date {
	float: none;
	flex: 0 0 auto;
	height: auto;
	line-height: 1.4;
	margin: 0;
	padding: 0 10px 0 0;
}

.index-news-list li.is-mobile a.tit {
	float: none;
	flex: 1;
	min-width: 0;
	max-width: none;
	display: block;
}

.index-news-list li.is-mobile .quark-mini,
.index-news-list li.is-mobile .quark-soon { flex: 0 0 auto; }

/* ---- 最新发布：左侧「电脑游戏」 / 右侧「手机游戏」 双栏 ---- */

.news-cols {
	display: flex;
	align-items: stretch;
	gap: 20px;
}

.news-col {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	flex-direction: column;
}

/* 面板高度交给 flex 撑齐，不再写死 */
.news-col .index-news-list { height: auto; flex: 1 1 auto; }

/* 栏内条目改为单列撑满。
   注意：原布局整条 li 自身 float（因此是 BFC，能包住内部浮动的缩略图/日期/标题），
   取消 float 后必须显式建立 BFC（overflow:hidden），否则行高塌成 20px。 */
.news-col .index-news-list li,
.news-col .index-news-list li:nth-child(2n) {
	float: none;
	width: 100%;
	overflow: hidden;
	border-radius: var(--r-pill);
}

/* 原「双列成对」斑马纹在单列下会错乱，改为逐行交替 */
.news-col .index-news-list li:nth-child(3),
.news-col .index-news-list li:nth-child(4),
.news-col .index-news-list li:nth-child(7),
.news-col .index-news-list li:nth-child(8),
.news-col .index-news-list li:nth-child(11),
.news-col .index-news-list li:nth-child(12),
.news-col .index-news-list li:nth-child(15),
.news-col .index-news-list li:nth-child(16) { background: #f6f7f8; }

.news-col .index-news-list li:nth-child(even) { background: #fff; }

/* 白框内底部的「查看更多」通栏条 */
.news-col-more {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 4px -20px -20px;    /* 抵消面板内边距，做成白框内通栏底条 */
	padding: 12px;
	border-top: 1px solid var(--hd-border);
	color: var(--brand);
	font-size: 13px;
	font-weight: 600;
	transition: background .2s;
}

.news-col-more:hover { background: var(--hd-soft); }

/* ---- 侧栏 ---- */

.side-panel {
	margin-bottom: 20px;
	padding: 12px;
	background: var(--hd-bg);
	border: 1px solid #e2e9f2;
	border-radius: var(--r-sm);
	box-shadow: var(--shadow);
}

.side-panel .side-title {
	margin-bottom: 12px;
	padding-left: 10px;
	position: relative;
	color: var(--hd-text);
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}

.side-panel .side-title::before {
	content: "";
	position: absolute;
	left: 0; top: 50%;
	transform: translateY(-50%);
	width: 3px; height: 15px;
	background: var(--brand);
	border-radius: 2px;
}

/* 工具列表 2 列 */
.tool-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }

.tool-list a {
	display: flex;
	align-items: center;
	height: 60px;
	padding: 0 10px;
	background: #f7f9fc;
	border: 1px solid #edf1f6;
	border-radius: var(--r-xs);
	color: #475467;
	font-size: 13px;
	font-weight: 600;
	transition: all .2s;
}

.tool-list a:hover { border-color: var(--brand); color: var(--accent); transform: translateY(-1px); }

.tool-list .ico {
	flex: 0 0 40px;
	width: 40px; height: 40px;
	margin-right: 9px;
	border: 1px solid #d5e4f5;
	border-radius: var(--r-xs);
	background: #eaf3ff;
	color: var(--accent);
	font-size: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* 站内统计 */
.site-stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }

.site-stats .cell {
	padding: 14px 10px;
	background: #f7f9fc;
	border: 1px solid #e7edf5;
	border-radius: var(--r-xs);
	text-align: center;
}

.site-stats .num {
	display: block;
	color: #202c3c;
	font-size: 23px;
	font-weight: 700;
	line-height: 27px;
	font-variant-numeric: tabular-nums;
}

.site-stats .lbl { color: var(--text-gray); font-size: 12px; }

.site-contact { margin-top: 12px; font-size: 13px; color: var(--text-gray); line-height: 26px; }
.site-contact a { color: var(--accent); }

/* ==========================================================================
   5. 分类游戏列表 + 热门榜
   ========================================================================== */

.index-list { margin-top: 30px; }

.list-soft { margin-bottom: 30px; }

.list-soft-main {
	display: flex;
	align-items: flex-start;
	gap: 40px;
	padding: 20px;
	background: var(--hd-bg);
	border: 1px solid var(--hd-border);
	border-radius: var(--r-md);
}

.list-soft-tab { width: 980px; min-width: 0; }

/* 仅供屏幕阅读器（保留 H1 语义、视觉上隐藏） */
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* 分类 Tab */
.cat-tabs {
	display: flex;
	flex-wrap: nowrap;
	gap: 4px;
	overflow-x: auto;
	padding-bottom: 10px;
	margin-bottom: 4px;
	border-bottom: 1px solid var(--hd-border);
	scrollbar-width: none;
	-ms-overflow-style: none;
}

/* 首页分类区：Tab 行 + 右上「查看全部」 */
.cat-tabs-bar {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 14px;
}

.cat-tabs-bar .cat-tabs { flex: 1 1 auto; min-width: 0; }

.cat-all-link {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	gap: 2px;
	height: 34px;
	line-height: 34px;
	padding: 0 4px;
	color: var(--brand);
	font-size: 14px;
	white-space: nowrap;
}

.cat-all-link:hover { text-decoration: underline; }

.cat-tabs::-webkit-scrollbar { display: none; }

.cat-tabs a {
	flex-shrink: 0;
	height: 34px;
	line-height: 32px;
	padding: 0 12px;
	border: 1px solid transparent;
	border-radius: var(--r-btn);
	color: var(--hd-muted);
	font-size: 14px;
	white-space: nowrap;
	transition: all .2s;
}

.cat-tabs a:hover,
.cat-tabs a.is-active {
	background: var(--hd-soft);
	border-color: var(--hd-border);
	color: var(--hd-accent);
}

/* 归档页分类导航条：白底圆角面板，激活项实心蓝胶囊（参考站样式） */
.archive-tabs {
	gap: 6px;
	margin-bottom: 16px;
	padding: 8px 10px;
	background: var(--hd-bg);
	border: 1px solid var(--hd-border);
	border-radius: var(--r-lg);
}

.archive-tabs a {
	flex: 1 1 auto;
	min-width: max-content;
	height: 32px;
	line-height: 30px;
	padding: 0 14px;
	border-radius: var(--r-pill);
	color: var(--hd-text);
	text-align: center;
}

.archive-tabs a:hover,
.archive-tabs a.is-active {
	background: var(--brand);
	border-color: var(--brand);
	color: #fff;
}

/* 窄屏收紧内边距与字号，保证导航条仍能一行均分放下 */
@media screen and (max-width: 1320px) {
	.archive-tabs a { padding: 0 9px; font-size: 13px; }
}

@media screen and (max-width: 1100px) {
	.archive-tabs { gap: 4px; padding: 8px; }
	.archive-tabs a { padding: 0 7px; font-size: 12.5px; }
}

/* 游戏条目列表（两列 grid；min-height 保证各分类面板等高、不跳变，
   8 条 = 2 列 × 4 行 ≈ 4 × 91 + 3×1 ≈ 367px，与右侧热门榜高度接近） */
.plate-list { min-height: 367px; }

.plate-list ul {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 24px;
	align-content: start;
}

.plate-list li {
	display: block;
	padding: 15px 0;
	border-bottom: 1px solid var(--hd-border);
}

.plate-list .row { display: flex; align-items: center; gap: 14px; }

.plate-list .thumb {
	flex-shrink: 0;
	width: 60px; height: 60px;
	border-radius: 10px;
	border: 1px solid var(--hd-border);
	background: var(--hd-soft);
	overflow: hidden;
}

.plate-list .thumb img { width: 100%; height: 100%; object-fit: cover; }

.plate-list .info { flex: 1; min-width: 0; }

.plate-list h3 {
	margin: 0 0 6px;
	font-size: 16px;
	font-weight: 500;
	line-height: 23px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.plate-list h3 a { color: var(--hd-text); }
.plate-list h3 a:hover { color: var(--brand); }

.plate-list .en {
	display: block;
	font-size: 12px;
	font-weight: 400;
	color: var(--text-light);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.plate-list p { margin: 0; font-size: 13px; color: var(--hd-muted); }

.plate-list p .sep { color: var(--hd-border); margin: 0 5px; }

.plate-list p .score { color: var(--hd-accent); font-weight: 600; font-variant-numeric: tabular-nums; }
.plate-list p .score small { font-size: 12px; font-weight: 400; color: var(--hd-muted); }

.plate-list .down { flex-shrink: 0; width: 50px; }

.plate-list .down a {
	display: block;
	padding: 5px 0;
	text-align: center;
	color: #fff;
	background: var(--brand);
	border-radius: 19px;
	font-size: 12px;
	line-height: 20px;
	transition: background .2s;
}

.plate-list .down a:hover { background: var(--brand-2); }

/* ---- 分类面板底部翻页 ---- */
.cat-more {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 18px;
	margin-top: 18px;
	padding-top: 18px;
	border-top: 1px solid var(--line-soft);
}

.cat-more-btn {
	width: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--line);
	border-radius: 50%;
	background: #fff;
	color: var(--hd-text);
	font-size: 24px;
	line-height: 1;
	cursor: pointer;
	transition: all .2s;
	padding: 0;
}

.cat-more-btn:hover:not([disabled]) {
	background: var(--brand);
	border-color: var(--brand);
	color: #fff;
	transform: scale(1.06);
}

.cat-more-btn[disabled] {
	opacity: .32;
	cursor: default;
}

.cat-more-info {
	color: var(--text-light);
	font-size: 16px;
	font-variant-numeric: tabular-nums;
	min-width: 62px;
	text-align: center;
}

.cat-more-info em { font-style: normal; font-weight: 700; color: var(--hd-accent); font-size: 18px; }

/* 绝对定位到右侧：不参与居中计算，中间的箭头组始终居中 */
.cat-more-all {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	color: var(--brand);
	font-size: 14px;
	white-space: nowrap;
	padding: 6px 2px;
}

.cat-more-all:hover { text-decoration: underline; }

/* 翻页加载中 */
.cat-panel.is-loading .plate-list { opacity: .45; transition: opacity .15s; }

/* ---- 热门榜 ---- */

.hot-soft { width: 330px; flex-shrink: 0; }

.hot-tabs {
	display: flex;
	margin-bottom: 18px;
	padding-bottom: 8px;
	border-bottom: 1px solid var(--line-soft);
}

.hot-tabs button {
	flex: 1;
	padding: 6px 2px;
	border: 0;
	background: transparent;
	color: var(--text-light);
	font-family: inherit;
	font-size: 14px;
	cursor: pointer;
	border-radius: var(--r-btn);
	transition: all .2s;
}

.hot-tabs button:hover { color: var(--hd-accent); }

.hot-tabs button.is-active { background: var(--hd-soft); color: var(--hd-accent); font-weight: 600; }

.hot-panel { display: none; }
.hot-panel.is-active { display: block; }

.hot-list li {
	position: relative;
	padding: 0 0 12px 35px;
	margin-bottom: 12px;
	border-bottom: 1px dashed var(--line-soft);
}

.hot-list li:last-child { border-bottom: 0; }

.hot-list .rk {
	position: absolute;
	left: 0; top: 0;
	width: 25px; height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 5px;
	background: #f6f6f6;
	color: #666;
	font-size: 14px;
	font-style: normal;
	font-variant-numeric: tabular-nums;
}

/* 原站排名配色 */
.hot-list li:nth-child(1) .rk { background: #fd6d3f; color: #fff; }
.hot-list li:nth-child(2) .rk { background: #f9b801; color: #fff; }
.hot-list li:nth-child(3) .rk { background: #88d87a; color: #fff; }
.hot-list li:nth-child(4) .rk { background: #5fafff; color: #fff; }
.hot-list li:nth-child(5) .rk { background: #cac9c9; color: #fff; }

.hot-list .ht {
	display: block;
	height: 30px;
	line-height: 30px;
	color: var(--hd-text);
	font-size: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.hot-list .ht:hover { color: var(--brand); }

.hot-list .thumb {
	float: left;
	width: 60px; height: 60px;
	margin: 6px 10px 0 0;
	border-radius: 10px;
	border: 1px solid var(--line);
	overflow: hidden;
}

.hot-list .thumb img { width: 100%; height: 100%; object-fit: cover; }

.hot-list .hm {
	display: block;
	margin: 8px 0 0;
	color: var(--text-gray);
	font-size: 13px;
}

.hot-list .hm .c { color: var(--hd-accent); }

/* ==========================================================================
   6. 必玩大片（5 列网格）
   ========================================================================== */

.home-classics { margin: 30px 0; }

.classics-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 14px;
}

.classics-card {
	background: var(--hd-bg);
	border: 1px solid var(--hd-border);
	border-radius: var(--r-sm);
	overflow: hidden;
	transition: box-shadow .2s, transform .2s;
}

.classics-card:hover { box-shadow: var(--shadow-hover); transform: translateY(-2px); }

.classics-card .thumb { display: block; aspect-ratio: 460 / 215; background: var(--hd-soft); overflow: hidden; }
.classics-card .thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }
.classics-card:hover .thumb img { transform: scale(1.05); }

.classics-card .info { padding: 10px; }

.classics-card h3 {
	height: 44px;
	margin-bottom: 7px;
	font-size: 15px;
	font-weight: 500;
	line-height: 22px;
	color: var(--hd-text);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.classics-card h3 a { color: inherit; }
.classics-card h3 a:hover { color: var(--brand); }

.classics-card .meta { font-size: 12px; line-height: 20px; color: var(--hd-muted); }
.classics-card .meta .s { color: var(--gold); }

/* ---- 「随机大作」：交叉箭头按钮，点一下原地换一批 ---- */

.title .more.fx-shuffle {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	margin-left: auto;
	padding: 5px 11px;
	background: var(--hd-soft);
	border: 1px solid var(--hd-border);
	border-radius: 999px;
	color: var(--hd-muted);
	font-family: inherit;
	font-size: 13px;
	line-height: 1;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	transition: color .2s, border-color .2s, background .2s;
}

.title .more.fx-shuffle:hover {
	color: var(--hd-accent);
	border-color: var(--hd-accent);
	background: var(--hd-bg);
}

.title .more.fx-shuffle .fx-shuffle__ico {
	flex: none;
	transition: transform .35s ease;
}

.title .more.fx-shuffle:hover .fx-shuffle__ico { transform: rotate(180deg); }

.title .more.fx-shuffle.is-loading {
	pointer-events: none;
	opacity: .75;
}

.title .more.fx-shuffle.is-loading .fx-shuffle__ico {
	transition: none;
	animation: fx-shuffle-spin .6s linear infinite;
}

.title .more.fx-shuffle.is-error {
	color: var(--red);
	border-color: var(--red);
	background: var(--hd-bg);
}

@keyframes fx-shuffle-spin {
	from { transform: rotate(0deg); }
	to   { transform: rotate(360deg); }
}

/* ---- 「随机大作」：换一批时的加载遮罩 ---- */

.classics-wrap { position: relative; }

.fx-grid-mask {
	position: absolute;
	inset: 0;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	background: rgba(255, 255, 255, .82);
	border-radius: var(--r-sm);
	color: var(--hd-accent);
	font-size: 13px;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity .18s ease, visibility .18s ease;
}

.classics-wrap.is-loading .fx-grid-mask { opacity: 1; visibility: visible; }

.fx-grid-mask__spin {
	width: 18px; height: 18px;
	border: 2px solid rgba(91, 141, 239, .28);
	border-top-color: var(--brand);
	border-radius: 50%;
	animation: fx-mask-spin .7s linear infinite;
}

@keyframes fx-mask-spin {
	to { transform: rotate(360deg); }
}

/* 换一批时的淡入 */
.classics-grid.is-swapped {
	animation: fx-swap-in .4s ease both;
}

@keyframes fx-swap-in {
	from { opacity: 0; transform: translateY(8px); }
	to   { opacity: 1; transform: translateY(0); }
}

/* ==========================================================================
   7. 汉化作品
   ========================================================================== */

.home-translations { margin: 26px 0 30px; }

.translations-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
}

.translation-card {
	position: relative;
	display: flex;
	align-items: flex-end;
	height: 160px;
	background: #243144;
	border: 1px solid var(--hd-border);
	border-radius: var(--r-sm);
	overflow: hidden;
	isolation: isolate;
}

.translation-card .cover { position: absolute; inset: 0; z-index: -2; }
.translation-card .cover img { width: 100%; height: 100%; object-fit: cover; }

.translation-card::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(180deg, transparent 12%, rgba(10, 18, 29, .16) 35%, rgba(10, 18, 29, .92) 100%);
}

.translation-card .copy { width: 100%; padding: 14px; }

.translation-card h3 {
	max-height: 46px;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	line-height: 23px;
	text-shadow: 0 1px 3px rgba(0, 0, 0, .47);
	overflow: hidden;
}

.translation-card .meta { margin-top: 5px; color: #dce5f1; font-size: 12px; }

/* ==========================================================================
   8. 游戏专题
   ========================================================================== */

.home-topics { margin: 30px 0; }

.topics-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
}

.topic-card {
	display: flex;
	flex-direction: column;
	background: var(--hd-bg);
	border: 1px solid var(--hd-border);
	border-radius: var(--r-md);
	overflow: hidden;
	transition: box-shadow .2s, transform .2s;
}

.topic-card:hover { box-shadow: var(--shadow-hover); transform: translateY(-2px); }

.topic-card .thumb { aspect-ratio: 16 / 9; overflow: hidden; background: var(--hd-soft); }
.topic-card .thumb img { width: 100%; height: 100%; object-fit: cover; }

.topic-card .info {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 5px 8px;
	padding: 14px;
}

.topic-card h3 { font-size: 18px; font-weight: 600; line-height: 27px; color: var(--hd-text); }
.topic-card h3 a { color: inherit; }
.topic-card h3 a:hover { color: var(--brand); }

.topic-card .desc {
	grid-column: 1 / -1;
	grid-row: 2;
	height: 42px;
	color: var(--hd-muted);
	font-size: 13px;
	line-height: 21px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.topic-card .num {
	grid-column: 2;
	grid-row: 1;
	color: var(--hd-muted);
	font-size: 12px;
	line-height: 20px;
	white-space: nowrap;
}

.topic-card .btn { margin-top: auto; padding: 0 14px 14px; }

.topic-card .btn a {
	display: block;
	padding: 5px 10px;
	text-align: center;
	background: var(--hd-soft);
	border: 1px solid var(--hd-border);
	border-radius: var(--r-btn);
	color: var(--hd-accent);
	font-size: 14px;
	line-height: 26px;
}

.topic-card .btn a:hover { background: var(--brand); border-color: var(--brand); color: #fff; }

/* ==========================================================================
   9. 页脚 —— 极简
   ========================================================================== */

.site-footer { padding: 30px 0 60px; text-align: center; color: #888; }

.site-footer .links { margin-bottom: 10px; }

.site-footer .links li {
	display: inline;
	padding: 0 8px;
	border-right: 1px solid #d2d2d2;
	line-height: 20px;
}

.site-footer .links li:last-child { border-right: 0; }
.site-footer .links a { color: #888; font-size: 13px; }
.site-footer .links a:hover { color: var(--accent); }

.site-footer .copy { font-size: 13px; line-height: 24px; }

/* ==========================================================================
   10. 归档页 / 详情页 / 通用内容
   ========================================================================== */

.site-main { padding-top: calc(var(--header-h) + 20px); min-height: 60vh; }

body.home .site-main { padding-top: var(--header-h); }

.archive-head { margin-bottom: 20px; }

.archive-head h1 { font-size: 22px; font-weight: 700; color: var(--hd-text); }

.crumb { margin-bottom: 14px; font-size: 13px; color: var(--text-gray); }
.crumb a { color: var(--accent); }
.crumb .sep { margin: 0 6px; color: #ccc; }

.archive-panel { padding: 20px; background: var(--hd-bg); border: 1px solid var(--hd-border); border-radius: var(--r-md); }

/* ---- 归档：手机游戏分类页两列紧凑条目（无封面 / 手游徽章 / 夸克直连） ---- */
.archive-mob {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 36px;
}
.archive-mob li {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 11px 0;
	border-bottom: 1px solid var(--hd-border);
}
.archive-mob li .date { flex: 0 0 auto; font-size: 12px; color: var(--text-gray); }
.archive-mob li .date.today { color: #ff4d4f; font-weight: 600; }
.archive-mob li a.tit {
	flex: 1 1 auto;
	min-width: 0;
	font-size: 14px;
	font-weight: 600;
	color: var(--hd-text);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.archive-mob li a.tit:hover { color: var(--accent); }

@media screen and (max-width: 700px) {
	.archive-mob { grid-template-columns: 1fr; }
}

/* ---- 归档：封面卡片网格（分类页 / 搜索页通用） ---- */
.archive-list.gcard-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 14px;
}
.archive-list.gcard-grid li,
.archive-list.gcard-grid li:last-child {
	padding: 0;
	border-bottom: 0;
}

.gcard {
	display: block;
	background: var(--hd-bg);
	border: 1px solid var(--hd-border);
	border-radius: var(--r-md);
	overflow: hidden;
	transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.gcard:hover {
	border-color: var(--brand-3);
	box-shadow: var(--shadow-hover);
	transform: translateY(-3px);
}

.gcard-cover {
	position: relative;
	display: block;
	aspect-ratio: 460 / 215;
	background: var(--hd-soft);
	overflow: hidden;
}
.gcard-cover img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .25s ease; }
.gcard:hover .gcard-cover img { transform: scale(1.04); }

/* 左上：分类标签 */
.gcard-cat {
	position: absolute; left: 8px; top: 8px;
	max-width: calc(100% - 60px);
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
	padding: 3px 8px;
	border-radius: 4px;
	color: #fff; font-size: 11px; font-style: normal; font-weight: 600; line-height: 1.4;
	background: rgba(17, 24, 39, .55);
}
.gc-rpg        { background: #5a6ff0; }
.gc-simulation { background: #ff9f43; }
.gc-action     { background: #ff5c5c; }
.gc-shooter    { background: #f0654f; }
.gc-strategy   { background: #8b7bf0; }
.gc-puzzle     { background: #2ed3a3; }
.gc-adventure  { background: #e8a13a; }
.gc-horror     { background: #7a5cff; }
.gc-racing     { background: #22b8cf; }
.gc-mobile     { background: #2ed3a3; }
.gc-pc         { background: #4a7fe8; }

/* 右上：新游 / 更新 角标 */
.gcard-flag {
	position: absolute; right: 8px; top: 8px;
	padding: 3px 8px;
	border-radius: 4px;
	color: #fff; font-size: 11px; font-style: normal; font-weight: 700; line-height: 1.4;
}
.gcard-flag.is-new { background: linear-gradient(135deg, #ff5c7a, #ff3b5c); }
.gcard-flag.is-upd { background: linear-gradient(135deg, #4a7fe8, #5b8def); }

.gcard-tit {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	padding: 10px 12px 0;
	font-size: 14px; font-weight: 600; line-height: 1.5;
	color: var(--hd-text);
	transition: color .15s ease;
}
.gcard:hover .gcard-tit { color: var(--brand); }

.gcard-meta {
	display: flex; align-items: center; gap: 10px;
	padding: 7px 12px 11px;
	font-size: 12px; line-height: 1;
	color: var(--hd-muted);
	white-space: nowrap;
}
.gcard-meta svg { flex: 0 0 auto; opacity: .7; }
.gcard-meta .m-size,
.gcard-meta .m-date { display: inline-flex; align-items: center; gap: 4px; min-width: 0; overflow: hidden; }
.gcard-meta .m-score {
	margin-left: auto;
	display: inline-flex; align-items: center; gap: 3px;
	color: var(--brand); font-weight: 600;
}
.gcard-meta .m-score.is-none { color: #b8c0cc; font-weight: 400; }

@media (max-width: 1100px) { .archive-list.gcard-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 900px)  { .archive-list.gcard-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 620px) {
	.archive-list.gcard-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	.gcard-tit { font-size: 13px; }
	.gcard-meta { font-size: 11px; gap: 8px; }
}

/* 名字前的「手机」小标识 */
.mob-badge {
	flex: 0 0 auto;
	display: inline-flex; align-items: center; gap: 3px;
	padding: 2px 7px 2px 5px;
	background: rgba(91, 141, 239, .1);
	color: var(--brand);
	font-size: 11px; font-weight: 600; line-height: 1.5;
	border-radius: var(--r-pill);
	white-space: nowrap;
}
.mob-badge svg { flex: 0 0 auto; }

/* 直连夸克网盘按钮 */
.quark-mini {
	flex: 0 0 auto;
	display: inline-flex; align-items: center; gap: 5px;
	padding: 7px 13px;
	background: linear-gradient(135deg, #4a7fe8 0%, #5b8def 100%);
	color: #fff !important; font-size: 13px; font-weight: 600; line-height: 1;
	border-radius: var(--r-pill);
	box-shadow: 0 4px 12px -6px rgba(74, 127, 232, .8);
	white-space: nowrap;
	transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
}
.quark-mini:hover {
	color: #fff !important;
	filter: brightness(1.06);
	transform: translateY(-1px);
	box-shadow: 0 7px 16px -8px rgba(74, 127, 232, .95);
}
.quark-mini:active { transform: translateY(0); filter: brightness(.96); }
.quark-mini svg { flex: 0 0 auto; }

.quark-soon {
	flex: 0 0 auto;
	padding: 7px 13px;
	color: var(--hd-muted); font-size: 13px;
	background: var(--hd-soft);
	border-radius: var(--r-pill);
	white-space: nowrap;
}

@media (max-width: 768px) {
	.mob-badge span { display: none; }
	.mob-badge { padding: 3px 5px; }
	.quark-mini { padding: 7px 12px; font-size: 12px; }
}

.pagination { margin: 24px 0; text-align: center; }

.pagination .nav-links { display: inline-flex; gap: 6px; flex-wrap: wrap; justify-content: center; }

.pagination .page-numbers {
	display: inline-block;
	min-width: 36px;
	padding: 6px 12px;
	text-align: center;
	background: var(--hd-bg);
	border: 1px solid var(--hd-border);
	border-radius: var(--r-btn);
	color: var(--text-sub);
	font-size: 14px;
}

.pagination .page-numbers:hover,
.pagination .page-numbers.current {
	background: var(--brand);
	border-color: var(--brand);
	color: #fff;
}

/* 单篇详情 */
.single-wrap { display: flex; gap: 20px; align-items: flex-start; }

.single-main { flex: 1; min-width: 0; }

.single-card {
	padding: 26px;
	background: var(--hd-bg);
	border: 1px solid var(--hd-border);
	border-radius: var(--r-md);
}

.single-card h1 { margin-bottom: 12px; font-size: 26px; font-weight: 700; line-height: 1.4; color: var(--hd-text); }

.entry-meta { margin-bottom: 20px; padding-bottom: 16px; border-bottom: 1px solid var(--hd-border); font-size: 13px; color: var(--text-gray); }
.entry-meta .sep { margin: 0 8px; color: #ccc; }

.entry-thumb { margin-bottom: 20px; border-radius: var(--r-sm); overflow: hidden; }
.entry-thumb img { width: 100%; }

.entry-content { color: var(--text); font-size: 15px; line-height: 1.85; }
.entry-content h2 { margin: 1.6em 0 .6em; font-size: 20px; font-weight: 700; color: var(--hd-text); }
.entry-content h3 { margin: 1.4em 0 .5em; font-size: 17px; font-weight: 700; color: var(--hd-text); }
.entry-content p { margin: 1em 0; }
.entry-content ul, .entry-content ol { padding-left: 24px; margin: 1em 0; }
.entry-content li { list-style: disc; margin: .4em 0; }
.entry-content ol li { list-style: decimal; }
.entry-content img { border-radius: var(--r-sm); margin: 1em 0; }
.entry-content blockquote { margin: 1.4em 0; padding: 12px 18px; background: var(--hd-soft); border-left: 4px solid var(--brand); color: var(--text-sub); }
.entry-content table { width: 100%; margin: 1.4em 0; border-collapse: collapse; }
.entry-content th, .entry-content td { padding: 9px 12px; border: 1px solid var(--hd-border); text-align: left; }
.entry-content th { background: var(--hd-soft); color: var(--hd-text); }
.entry-content code { padding: 2px 6px; background: var(--hd-soft); border-radius: 4px; font-size: 13px; }

/* 夸克网盘按钮（FAQ / 文档正文内的下载链接） */
.entry-content .quark-btn {
	display: inline-flex; align-items: center; gap: 8px;
	margin: 10px 0; padding: 11px 22px 11px 18px;
	background: linear-gradient(135deg, #4a7fe8 0%, #5b8def 100%);
	color: #fff !important; font-size: 15px; font-weight: 600; line-height: 1;
	border-radius: var(--r-pill);
	box-shadow: 0 6px 16px -8px rgba(74, 127, 232, .75);
	text-decoration: none !important;
	transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
	white-space: nowrap;
}
.entry-content .quark-btn::before {
	content: ""; flex: 0 0 auto;
	width: 18px; height: 18px;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.35 10.04A7.49 7.49 0 0 0 12 4a7.48 7.48 0 0 0-6.64 4.04A5.994 5.994 0 0 0 0 14c0 3.31 2.69 6 6 6h13a5 5 0 0 0 .35-9.96zM14 13v4h-4v-4H7l5-5 5 5h-3z'/%3E%3C/svg%3E") no-repeat center / contain;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.35 10.04A7.49 7.49 0 0 0 12 4a7.48 7.48 0 0 0-6.64 4.04A5.994 5.994 0 0 0 0 14c0 3.31 2.69 6 6 6h13a5 5 0 0 0 .35-9.96zM14 13v4h-4v-4H7l5-5 5 5h-3z'/%3E%3C/svg%3E") no-repeat center / contain;
}
.entry-content .quark-btn:hover {
	color: #fff !important;
	filter: brightness(1.06);
	transform: translateY(-2px);
	box-shadow: 0 10px 22px -10px rgba(74, 127, 232, .9);
}
.entry-content .quark-btn:active { transform: translateY(0); filter: brightness(.96); }

/* 正文内并列多个按钮时 */
.entry-content .quark-row { display: flex; flex-wrap: wrap; gap: 10px; margin: 10px 0; }

@media (max-width: 600px) {
	.entry-content .quark-btn { font-size: 14px; padding: 10px 18px 10px 15px; }
	.entry-content .quark-btn::before { width: 16px; height: 16px; }
}

/* 下载与截图 */
.entry-extra { margin-top: 28px; padding-top: 22px; border-top: 1px solid var(--hd-border); }

.entry-extra h2 { margin-bottom: 14px; font-size: 18px; font-weight: 700; color: var(--hd-text); }

.dl-list li { margin-bottom: 10px; }

/* 下载地址：蓝色实心条（不要右侧「下载 →」小字） */
.dl-list a {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 13px 18px;
	background: var(--brand);
	border: 1px solid var(--brand);
	border-radius: var(--r-btn);
	color: #fff;
	font-size: 15px;
	font-weight: 500;
	text-align: center;
	transition: background .18s ease, border-color .18s ease;
}

.dl-list a:hover { background: var(--accent); border-color: var(--accent); color: #fff; }

/* 截图：单行横向滚动 + 左右箭头 */
.shot-wrap { position: relative; }
.shot-track {
	display: flex;
	gap: 12px;
	overflow-x: auto;
	scroll-behavior: smooth;
	scroll-snap-type: x proximity;
	/* 隐藏滚动条（保留滚动能力），箭头即主要操作入口 */
	scrollbar-width: none;
	-ms-overflow-style: none;
	padding-bottom: 2px;
}
.shot-track::-webkit-scrollbar { display: none; }
.shot-track img {
	flex: 0 0 calc((100% - 48px) / 5);   /* 一屏 5 张 */
	width: calc((100% - 48px) / 5);
	aspect-ratio: 460 / 215;
	object-fit: cover;
	border-radius: var(--r-sm);
	cursor: zoom-in;
	scroll-snap-align: start;
}
.shot-nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	width: 34px;
	height: 54px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 0;
	border-radius: var(--r-sm);
	background: rgba(0, 0, 0, .55);
	color: #fff;
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
	opacity: 0;
	transition: opacity .2s, background .2s;
}
.shot-wrap:hover .shot-nav { opacity: 1; }
.shot-nav:hover { background: rgba(0, 0, 0, .78); }
.shot-nav.prev { left: 6px; }
.shot-nav.next { right: 6px; }
.shot-nav[disabled] { opacity: 0 !important; pointer-events: none; }
/* 内容不足一屏：整体隐藏箭头 */
.shot-wrap.is-static .shot-nav { display: none; }
/* 触屏设备：无 hover，箭头常显（半透明） */
@media (hover: none) {
	.shot-nav { opacity: .85; }
}

.info-table { width: 100%; border-collapse: collapse; }
.info-table th, .info-table td { padding: 10px 12px; border-bottom: 1px solid var(--hd-border); font-size: 14px; text-align: left; }
.info-table th { width: 88px; color: var(--text-gray); font-weight: 400; white-space: nowrap; }
.info-table .s { color: var(--gold); font-weight: 600; }
/* 最低配置：多行文本，比普通字段小一号、行距放宽 */
.info-table td.req { font-size: 13px; line-height: 1.8; color: var(--text-sub); }
/* 折叠态：只露 3 行，底部渐隐；展开后显示全文 */
.info-table td.req.is-foldable .req-body {
	max-height: calc(1.8em * 3);
	overflow: hidden;
	-webkit-mask-image: linear-gradient(180deg, #000 55%, transparent 100%);
	        mask-image: linear-gradient(180deg, #000 55%, transparent 100%);
}
.info-table td.req.is-open .req-body { max-height: none; -webkit-mask-image: none; mask-image: none; }
.req-toggle {
	display: inline-flex; align-items: center; gap: 3px;
	margin-top: 6px; padding: 0; border: 0; background: none;
	font-size: 12px; line-height: 1.6; color: var(--brand); cursor: pointer;
}
.req-toggle:hover { opacity: .8; }
.req-toggle .req-toggle-ic { transition: transform .2s ease; }
.info-table td.req.is-open .req-toggle .req-toggle-ic { transform: rotate(180deg); }

.entry-tags { margin-top: 22px; display: flex; gap: 8px; flex-wrap: wrap; }
.entry-tags a { padding: 4px 14px; background: var(--hd-soft); border: 1px solid var(--hd-border); border-radius: var(--r-pill); font-size: 13px; color: var(--text-sub); }
.entry-tags a:hover { background: var(--brand); border-color: var(--brand); color: #fff; }

.post-nav { margin-top: 24px; display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.post-nav a { display: block; padding: 14px 18px; background: var(--hd-bg); border: 1px solid var(--hd-border); border-radius: var(--r-sm); font-size: 14px; color: var(--hd-text); }
.post-nav a:hover { border-color: var(--brand); color: var(--brand); }
.post-nav .lbl { display: block; margin-bottom: 4px; color: var(--text-gray); font-size: 12px; }

/* 404 */
.error-page { padding: 70px 20px; text-align: center; }
.error-page .code { font-size: 84px; font-weight: 800; line-height: 1; color: var(--brand); }
.error-page h1 { margin: 12px 0; font-size: 26px; color: var(--hd-text); }
.error-page p { margin-bottom: 26px; color: var(--text-gray); }
.error-page .search-box { width: 420px; max-width: 100%; margin: 0 auto 22px; display: flex; }
.error-page .search-box input { flex: 1; height: 42px; padding: 0 16px; border: 1px solid var(--hd-border); border-radius: 40px 0 0 40px; font-family: inherit; font-size: 14px; outline: none; }
.error-page .search-box button { width: 96px; border: 0; background: var(--brand); color: #fff; border-radius: 0 40px 40px 0; font-family: inherit; font-size: 15px; cursor: pointer; }

.btn-primary {
	display: inline-block;
	padding: 10px 30px;
	background: var(--brand);
	border-radius: var(--r-btn);
	color: #fff;
	font-size: 15px;
}

.btn-primary:hover { background: var(--brand-2); color: #fff; }

/* 评论 */
.comments-area { margin-top: 24px; padding: 24px; background: var(--hd-bg); border: 1px solid var(--hd-border); border-radius: var(--r-md); }
.comments-title { margin-bottom: 18px; font-size: 18px; font-weight: 700; color: var(--hd-text); }
.comment-list .children { margin-left: 28px; }
.comment-body { padding: 14px 0; border-bottom: 1px solid var(--hd-border); }
.comment-author img { float: left; margin-right: 12px; border-radius: 50%; }
.comment-author .fn { font-style: normal; font-weight: 600; color: var(--hd-text); }
.comment-metadata { margin-bottom: 6px; font-size: 12px; color: var(--text-gray); }
.comment-content { overflow: hidden; }
.comment-form label { display: block; margin-bottom: 5px; font-weight: 600; }
.comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"], .comment-form textarea {
	width: 100%; padding: 10px 14px; margin-bottom: 14px;
	border: 1px solid var(--hd-border); border-radius: var(--r-btn);
	font-family: inherit; font-size: 14px; outline: none;
}
.comment-form input:focus, .comment-form textarea:focus { border-color: var(--brand); }
.comment-form textarea { min-height: 130px; resize: vertical; }
.comment-form input[type="submit"] { padding: 10px 30px; background: var(--brand); border: 0; border-radius: var(--r-btn); color: #fff; font-family: inherit; font-size: 15px; cursor: pointer; }

/* ==========================================================================
   11. 响应式 —— 移动端双栏改堆叠，不粗暴隐藏
   ========================================================================== */

/* 1520px：容器与双栏收窄 */
@media screen and (max-width: 1520px) {
	.container { width: 1300px; }
	.index-news { width: 100%; }
	.index-info { width: 340px; }
	.hot-soft { width: 320px; }
	.list-soft-tab { width: 910px; }
	.classics-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.main-nav { padding-left: 24px; }
}

@media screen and (max-width: 1320px) {
	.container { width: 1200px; }
	.index-news { width: 100%; }
	.index-info { width: 310px; }
	.hot-soft { width: 290px; }
	.list-soft-tab { width: 840px; }
	.classics-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* 1100px：卡片网格降列 */
@media screen and (max-width: 1100px) {
	.translations-grid, .topics-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.topic-card .thumb { aspect-ratio: 2.3 / 1; }
	/* 截图：平板 3 列，避免 5 列过挤 */
	/* 截图：平板一屏 3 张 */
	.shot-track img { flex-basis: calc((100% - 24px) / 3); width: calc((100% - 24px) / 3); }
}

/* 900px：双栏改上下堆叠（改进点：原站此处直接隐藏右栏） */
@media screen and (max-width: 900px) {
	.container { width: 96%; }

	.index-main { flex-direction: column; gap: 20px; }
	.index-news, .index-info { width: 100%; }
	/* 最新发布：左右两栏改上下堆叠 */
	.news-cols { flex-direction: column; gap: 16px; }
	.index-info { margin-left: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
	.side-panel { margin-bottom: 0; }

	.list-soft-main { flex-direction: column; }
	.list-soft-tab, .hot-soft { width: 100%; }
	.hot-soft { position: static; }

	.site-logo { width: 150px; }
	.main-nav { padding-left: 12px; }
	.main-nav ul { gap: 4px; }
	.main-nav a { padding: 0 12px; font-size: 14px; }
}

/* 800px：主移动断点 */
@media screen and (max-width: 800px) {
	body { font-size: 14px; }

	/* ---- 手机端精简：隐藏「必玩大作」「本周热门」与「最近更新」里的手机游戏列 ---- */
	.home-classics,
	.hot-soft,
	.news-col-mobile { display: none !important; }

	/* ---- 页头 ---- */
	.site-header,
	.header-inner,
	.site-header.is-shrink,
	.site-header.is-shrink .header-inner { height: 56px; }

	.site-logo,
	.site-header.is-shrink .site-logo { width: auto; padding: 6px 0; }

	.site-logo .brand-name,
	.site-header.is-shrink .site-logo .brand-name { font-size: 18px; }

	.site-logo img { height: 28px; width: auto; }

	/* 汉堡按钮：触摸目标放大到 44px */
	.nav-toggle {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 34px; height: 34px;
		padding: 0;
		border: 0;
		border-radius: 8px;
		background: rgba(15, 23, 42, .42);
		cursor: pointer;
		flex-shrink: 0;
	}

	.nav-toggle svg {
		width: 18px; height: 18px;
		transition: transform .25s;
	}

	.nav-toggle[aria-expanded="true"] svg { transform: rotate(90deg); }

	/* 顶栏按钮触摸目标放大 */
	.header-btn { width: 44px; height: 44px; }

	/* 移动端下拉菜单：fixed 定位脱离 fixed 父级，避免被裁切 */
	.main-nav {
		position: fixed;
		top: 56px;
		left: 0;
		right: 0;
		z-index: 9998;
		max-height: calc(100vh - 56px);
		max-height: calc(100dvh - 56px);
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior: contain;
		padding: 0;
		background: rgba(255, 255, 255, .99);
		border-top: 1px solid var(--hd-border);
		box-shadow: 0 10px 24px rgba(0, 0, 0, .1);
		display: none;
	}

	.main-nav.is-open { display: block; }

	.main-nav ul,
	.main-nav .nav-menu {
		flex-direction: row;
		flex-wrap: wrap;
		gap: 9px;
		padding: 12px 14px;
		margin: 0;
	}

	/* 移动端只显示顶级项，不展开子菜单 */
	.main-nav ul ul { display: none; }

	.main-nav a,
	.site-header.is-shrink .main-nav a {
		height: auto;
		line-height: 1;
		padding: 9px 16px;
		border-bottom: 0;
		border-radius: 999px;
		background: var(--hd-soft);
		font-size: 14px;
	}

	.main-nav a::after { display: none; }
	.main-nav li:last-child a { border-bottom: 0; }

	/* 搜索栏展开时把内容整体下移（搜索栏在 fixed 页头内，故给页头加高） */
	.site-header.search-open { height: auto; }
	.site-header.search-open .header-inner { height: 56px; }
	.site-header.search-open .site-search-bar { position: relative; z-index: 9997; }
	.site-main { padding-top: 72px; }
	body.home .site-main { padding-top: 56px; }

	/* ---- Hero ---- */
	.index-box { padding: 30px 0 34px; }
	.hero-inner { padding: 0 16px; }
	.hero-inner .hero-sub { font-size: 17px; }
	.hero-search-box { width: 100%; max-width: none; height: 46px; margin-top: 18px; padding: 0 5px 0 40px; }
	.hero-search-box .hero-search__icon { left: 15px; width: 16px; height: 16px; }
	.hero-search-box .txt { font-size: 14px; }
	.hero-search-box button { height: 36px; padding: 0 16px; font-size: 14px; }
	.hero-hot { margin-top: 15px; gap: 8px; }
	.hero-hot__label { font-size: 13px; }
	.hero-hot__tag { padding: 6px 14px; font-size: 12px; }

	/* ---- 头部内嵌搜索栏 ---- */
	.header-search-inline {
		display: flex;
		align-items: center;
		flex: 1;
		min-width: 0;
		height: 36px;
		margin: 0 10px 0 12px;
		padding: 0 5px 0 12px;
		background: #f2f3f5;
		border-radius: 999px;
	}

	.header-search-inline svg {
		width: 15px; height: 15px;
		color: #9aa4b2;
		flex-shrink: 0;
	}

	.header-search-inline input {
		flex: 1;
		min-width: 0;
		border: 0;
		background: transparent;
		padding: 0 8px;
		font-size: 13px;
		outline: none;
	}

	.header-search-inline button {
		flex-shrink: 0;
		height: 28px;
		padding: 0 13px;
		border: 0;
		border-radius: 999px;
		background: var(--brand);
		color: #fff;
		font-size: 13px;
	}

	/* 移动端头部精简：只留 logo + 内嵌搜索 + 汉堡 */
	.header-actions .header-btn,
	.header-actions #search-toggle { display: none; }

	/* ---- 双栏堆叠 ---- */
	.index-main { flex-direction: column; gap: 16px; margin-top: 20px; }
	.index-news,
	.index-info,
	.list-soft-tab,
	.hot-soft,
	.single-side { width: 100%; max-width: 100%; position: static; max-height: none; overflow: visible; }

	.index-info { margin-left: 0; display: grid; grid-template-columns: 1fr; gap: 14px; }
	.side-panel { margin-bottom: 0; }

	.title { flex-wrap: wrap; margin-bottom: 12px; }
	.title .name { font-size: 17px; line-height: 26px; }
	.title .mun { margin-left: auto; padding: 4px 10px; font-size: 11px; }
	.title .mun b { font-size: 12px; }
	.title .more { font-size: 12px; }
	.title .more.fx-shuffle { gap: 4px; padding: 4px 9px; }

	/* ---- 最新发布：单列 ---- */
	.index-news-list { height: auto; padding: 10px; }

	.index-news-list ul,
	.index-news-list ul.clearfix {
		display: flex;
		flex-direction: column;
		gap: 8px;
		margin: 6px 0 0;
	}

	.index-news-list li,
	.index-news-list li:nth-child(2n),
	.index-news-list li:nth-child(3),
	.index-news-list li:nth-child(4),
	.index-news-list li:nth-child(7),
	.index-news-list li:nth-child(8),
	.index-news-list li:nth-child(11),
	.index-news-list li:nth-child(12),
	.index-news-list li:nth-child(15),
	.index-news-list li:nth-child(16) {
		float: none;
		width: 100%;
		margin-bottom: 0;
		padding: 8px 10px;
		background: #f6f7f8;
		border-radius: var(--r-pill);
	}

	/* 条目改 flex：长标题截断省略，查看按钮不再被挤到下一行 */
	.index-news-list li,
	.index-news-list li:nth-child(2n),
	.index-news-list li:nth-child(3),
	.index-news-list li:nth-child(4),
	.index-news-list li:nth-child(7),
	.index-news-list li:nth-child(8),
	.index-news-list li:nth-child(11),
	.index-news-list li:nth-child(12),
	.index-news-list li:nth-child(15),
	.index-news-list li:nth-child(16) {
		float: none;
		display: flex;
		align-items: center;
		gap: 9px;
		width: 100%;
		margin-bottom: 0;
		padding: 9px 12px;
		line-height: 1.3;
		border-radius: var(--r-pill);
	}

	.index-news-list li .thumb {
		float: none;
		display: block;
		width: 32px; height: 32px;
		margin: 0;
		flex: 0 0 auto;
	}

	/* 日期与标题行高统一为缩略图高度（32px），盒子等高后垂直中心必然重合 */
	.index-news-list li .date {
		float: none;
		height: auto;
		line-height: 32px;
		margin: 0;
		padding: 0 10px 0 0;
		border-right: 2px solid #e7e7e7;
		flex: 0 0 auto;
		font-variant-numeric: tabular-nums;
	}

	.index-news-list li .date.today { border-right-color: transparent; }

	.index-news-list li a.tit {
		float: none;
		display: block;
		flex: 1 1 auto;
		min-width: 0;
		max-width: none;
		font-size: 14px;
		line-height: 32px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	/* 按钮改 flex 自居中，清除桌面继承的 height:15px / line-height:16px */
	.index-news-list li .go {
		float: none;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		flex: 0 0 auto;
		height: auto;
		line-height: 1;
		margin: 0;
		padding: 7px 12px;
	}

	/* ---- 分类 Tab：横向滚动 ---- */
	.cat-tabs {
		gap: 6px;
		padding-bottom: 8px;
		margin-bottom: 8px;
		-webkit-overflow-scrolling: touch;
	}

	.cat-tabs a { height: 32px; line-height: 30px; padding: 0 12px; font-size: 13px; }

	/* ---- 游戏列表：单列 ---- */
	.list-soft-main { padding: 12px; border-radius: var(--r-sm); }
	.plate-list { height: auto; min-height: 0; overflow: visible; }

	.plate-list ul,
	.plate-list ul.clearfix { display: flex; flex-direction: column; margin: 0; }

	.plate-list li,
	.plate-list li:nth-child(odd),
	.plate-list li:nth-child(even) {
		float: none;
		width: 100%;
		padding: 12px 0;
	}

	.plate-list .row { gap: 10px; }
	.plate-list .thumb { width: 52px; height: 52px; border-radius: 8px; }
	.plate-list h3 { font-size: 15px; margin-bottom: 4px; }
	.plate-list p { font-size: 12px; }
	.plate-list .down { width: 46px; }

	/* ---- 热门榜：移到「分类」上面（视觉顺序 = 热门榜 → 分类列表） ---- */
	.list-soft-tab { order: 2; }
	.hot-soft {
		order: 1;
		margin-top: 0;
		margin-bottom: 0;
		padding-top: 0;
		padding-bottom: 16px;
		border-top: 0;
		border-bottom: 1px solid var(--hd-border);
	}

	.hot-tabs { margin-bottom: 12px; }
	.hot-tabs button { padding: 8px 2px; font-size: 13px; }
	.hot-list li { padding-bottom: 10px; margin-bottom: 10px; }
	.hot-list .ht { height: 28px; line-height: 28px; font-size: 14px; }
	.hot-list .thumb { width: 56px; height: 56px; }

	/* ---- 卡片网格 2 列 ---- */
	.classics-grid,
	.translations-grid,
	.topics-grid { gap: 10px; }

	.classics-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.classics-card .info { padding: 8px; }
	.classics-card h3 { font-size: 13px; height: 38px; line-height: 19px; margin-bottom: 5px; }
	.classics-card .meta { font-size: 11px; }

	/* ---- 专题 ---- */
	.topic-card .info { padding: 11px; gap: 4px 6px; }
	.topic-card h3 { font-size: 16px; line-height: 23px; }
	.topic-card .desc { height: auto; max-height: 36px; font-size: 12px; line-height: 18px; }
	.topic-card .num { font-size: 11px; }
	.topic-card .btn { padding: 0 11px 11px; }
	.topic-card .btn a { font-size: 13px; padding: 5px 8px; }

	/* ---- 汉化 ---- */
	.translation-card { height: 132px; }
	.translation-card .copy { padding: 11px; }
	.translation-card h3 { font-size: 15px; line-height: 21px; max-height: 42px; }
	.translation-card .meta { font-size: 11px; }

	/* ---- 详情页 ---- */
	.single-wrap { flex-direction: column; gap: 16px; }
	.single-card { padding: 16px; }
	.single-card h1 { font-size: 21px; }
	.entry-meta { font-size: 12px; display: flex; flex-wrap: wrap; gap: 4px; }
	.entry-meta .sep { margin: 0 4px; }
	.entry-content { font-size: 14px; line-height: 1.8; }
	.entry-content h2 { font-size: 18px; }
	.entry-content table { display: block; overflow-x: auto; white-space: nowrap; }
	.post-nav { grid-template-columns: 1fr; }

	.info-table th { width: 82px; }
	/* 截图：手机一屏 2 张 */
	.shot-track { gap: 8px; }
	.shot-track img { flex-basis: calc((100% - 8px) / 2); width: calc((100% - 8px) / 2); }
	.shot-nav { width: 28px; height: 44px; font-size: 18px; }

	/* ---- 归档列表 ---- */
	.archive-panel { padding: 12px; }

	/* ---- 搜索栏 ---- */
	.site-search-bar { padding: 10px 0; }
	.site-search-bar form { flex-direction: column; gap: 8px; }
	.site-search-bar input[type="search"] { width: 100%; border-radius: 40px; height: 42px; }
	.site-search-bar button { width: 100%; height: 42px; border-radius: 40px; }

	/* ---- 404 ---- */
	.error-page { padding: 44px 16px; }
	.error-page .code { font-size: 62px; }
	.error-page h1 { font-size: 21px; }
	.error-page .search-box { width: 100%; flex-direction: column; height: auto; }
	.error-page .search-box input { width: 100%; height: 42px; border-radius: 40px; }
	.error-page .search-box button { width: 100%; height: 42px; border-radius: 40px; }

	/* ---- 页脚 ---- */
	.site-footer { padding: 22px 16px 34px; }
	.site-footer .links li { padding: 0 6px; }
	.site-footer .copy { font-size: 12px; line-height: 22px; }
}

/* 600px：汉化与专题改 1 列 */
@media screen and (max-width: 600px) {
	.container { width: 100%; padding: 0 14px; }

	.hero-inner .hero-sub { font-size: 16px; }

	.translations-grid,
	.topics-grid { grid-template-columns: minmax(0, 1fr); }

	.topic-card .thumb { aspect-ratio: 2.5 / 1; }
	.translation-card { height: 120px; }

	.title .name { font-size: 16px; }
	.title .name::before { width: 3px; height: 17px; }

	/* 必玩大片：2 列过窄，改 1 列大字 */
	.classics-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
	.classics-card { display: flex; }
	.classics-card .thumb { width: 40%; flex-shrink: 0; aspect-ratio: auto; }
	.classics-card .info { flex: 1; padding: 12px; display: flex; flex-direction: column; justify-content: center; }
	.classics-card h3 {
		font-size: 15px;
		height: 22px;
		line-height: 22px;
		margin-bottom: 5px;
		display: block;              /* 覆盖桌面的 -webkit-box 两行截断 */
		-webkit-line-clamp: unset;
		white-space: nowrap;         /* 单行截断，保证每条卡片等高 */
		text-overflow: ellipsis;
		overflow: hidden;
	}

	.error-page .code { font-size: 54px; }

	/* 截图：480px 下一屏 1.5 张，露出下一张暗示可滑动 */
	.shot-track img { flex-basis: 68%; width: 68%; }
}

/* 480px：进一步压缩 */
@media screen and (max-width: 480px) {
	.site-logo .brand-name,
	.site-header.is-shrink .site-logo .brand-name { font-size: 16px; }

	.hero-search-box button { padding: 0 13px; }

	.index-news-list li a.tit { font-size: 13px; }

	.plate-list .down { width: 42px; }
	.plate-list .down a { font-size: 11px; }


	/* 页脚链接竖排 */
	.site-footer .links { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 10px; }
	.site-footer .links li { border-right: 0; padding: 0; }
}

/* 380px：极窄屏 */
@media screen and (max-width: 380px) {
	.tool-list { grid-template-columns: minmax(0, 1fr); }
	.tool-list a { height: 54px; }

	.nav-toggle { width: 32px; height: 32px; }
	.nav-toggle svg { width: 17px; height: 17px; }
	.header-btn { width: 40px; height: 40px; }

	.site-main { padding-top: 66px; }
	body.home .site-main { padding-top: 56px; }

	.hero-inner .hero-sub { font-size: 15px; }
	.hero-hot__label { display: none; }


	.classics-card .thumb { width: 38%; }

	.dl-list a { padding: 10px 13px; font-size: 14px; }
}

/* 免责声明面板（游戏详情页底部） */
.disclaimer-panel {
	margin-top: 22px;
	padding: 15px 17px;
	background: var(--hd-soft);
	border: 1px solid var(--hd-border);
	border-left: 3px solid #e6a23c;
	border-radius: var(--r-sm);
}

.disclaimer-panel h2 {
	margin: 0 0 8px;
	font-size: 15px;
	color: var(--hd-text);
}

.disclaimer-panel p {
	margin: 0 0 8px;
	font-size: 13px;
	line-height: 1.75;
	color: var(--text-sub);
}

.disclaimer-panel p:last-child { margin-bottom: 0; }

/* 下载链接占位提示 */
.dl-empty {
	margin: 0;
	padding: 12px 16px;
	background: var(--hd-soft);
	border: 1px dashed var(--hd-border);
	border-radius: var(--r-sm);
	font-size: 13px;
	color: var(--hd-muted);
}