@CHARSET "UTF-8";

/* ================================================
   2026 中秋专题
   设计稿：PC 2560×1298 / 手机 750×1334（100px = 1rem，见 js/rem.js）
   布局：全屏 Swiper 垂直翻页；封面 page01 用 bg1.jpg，PC 内页 body::before 用 bg2.jpg，手机内页用 m_bg2.jpg
   参考 shenghuang 结构
   字体/导航/Tab 色：--gq-text 等，可由 tools 写入 theme-colors.css 覆盖
   ================================================ */

:root {
  --gq-text: #d8cbb0;              /* 正文 */
  --gq-label: #e8b050;             /* 标签 / 小标题 */
  --gq-accent: #e62e00;            /* 强调红字 */
  --gq-tab: #f2e6c8;               /* 内容 Tab · 默认字色 */
  --gq-tab-hover: #fff6d8;         /* 内容 Tab · 悬停字色 */
  --gq-tab-active: #ffe9a0;        /* 内容 Tab · 选中字色 */
  --gq-tab-border: #d7b05a;        /* 内容 Tab · 默认边框 */
  --gq-tab-border-hover: #e0c070;  /* 内容 Tab · 悬停边框 */
  --gq-tab-border-active: #f0c860; /* 内容 Tab · 选中边框 / 菱形 */
  --gq-tab-bg: #1e0a00;            /* 内容 Tab · 默认底 */
  --gq-tab-bg-active: #9a2a12;     /* 内容 Tab · 选中底（上） */
  --gq-tab-bg-active-2: #6a1608;   /* 内容 Tab · 选中底（下） */
  --gq-biao-bg: #fff176;           /* .biao 强调条底色 */
  --gq-frame-border: #d7b05a;      /* 截图框边框 */
  --gq-frame-bg: #140600;          /* 截图框底色 */
}

/* ---------- body/html 全屏锁定 ---------- */
html {
  background-color: #1a0a00;
}

html, body {
  margin: 0; padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  color: #3a1a00;
  font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  /* 不用 antialiased：在常见 Windows 屏上易变灰度抗锯齿，字缘发虚；交给浏览器默认子像素渲染更清晰 */
  -webkit-font-smoothing: subpixel-antialiased;
}

body {
  position: relative;
  background: transparent;
}

/* 固定全屏底图层：从视口 (0,0) 铺满，顶栏、Swiper 叠在其上，背后始终有图 */
body::before {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
  background-color: #1a0a00;
  background-image: url(../images/bg2.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}

/* ---------- 工具 ---------- */
.none   { display: none; }
.cursor { cursor: pointer; }
.hong   { color: var(--gq-accent); }
.gold   { color: var(--gq-label); }
.biao   { color: var(--gq-accent); font-weight: bold; background-color: var(--gq-biao-bg); }
.jiacu  { font-weight: bold; }
.mt     { text-indent: 2em; margin: 0 0 0.08rem; }

/* 云端竞技等：单独居中标题（取消 .mt 首行缩进） */
.mt-center {
  text-align: center;
  text-indent: 0;
}
.tac    { text-align: center; }
img     { border: 0; max-width: 100%; }
a       { text-decoration: none; color: inherit; }

/* ---------- 滚动条 ---------- */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #c8a060; }
::-webkit-scrollbar-thumb:hover { background-color: #e07020; }

/* ================================================
   外层包裹（全屏背景）
   ================================================ */
.wrapbg {
  width: 100%;
  height: 100%;
  max-width: 2560px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  z-index: 1;
  background: transparent;
}

/* ================================================
   wrap-swiper：全屏垂直 Swiper
   ================================================ */
.wrap-swiper {
  width: 100%;
  height: 100%;
  background: transparent;
  /* 避免对整容器 translateZ：子树在含 transform 的 .wrap 内已易糊，再叠一层合成层会加重发虚 */
}

.wrap-swiper .swiper-slide {
  height: 100%;
  overflow: hidden;
  position: relative;
  background: transparent;
}

/* 活动页（非封面）：PC 自上而下排列，勿整页垂直居中——否则正文长短会带动标题上下漂移 */
.wrap-swiper .swiper-slide:not(.page01) {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  /* 标题贴近视口顶部，把省下的高度留给正文 */
  padding-top: 8px;
  padding-bottom: 0.42rem;
}

/* ================================================
   Header（固定顶部导航，所有 slide 共用）
   ================================================ */
.header {
  position: fixed;
  width: 100%;
  left: 0; top: 0;
  z-index: 1001;
  /* 顶栏高度随 Logo 实际像素，不再用 rem 压扁 */
  height: auto;
  min-height: 0;
  /* 顶栏浮在整页背景最前，不挡背景图（与 shenghuang 视觉一致） */
  background: transparent;
  border-bottom: none;
  display: flex;
  /* 试看：Logo + 三个图片链接一并贴顶，少占纵向中缝 */
  align-items: flex-start;
  justify-content: space-between;
  padding: 2px 30px 10px;
  box-sizing: border-box;
  pointer-events: none;
}

.header a,
.header .logo {
  pointer-events: auto;
}

.header .logo {
  flex-shrink: 0;
  line-height: 0;
}

.header .logo img {
  /* 按图片文件原始宽高 1:1 显示，不缩放 */
  display: block;
  width: auto;
  height: auto;
  max-width: none;
  max-height: none;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.85));
}

.header .nav {
  display: flex;
  align-items: center;
  gap: 12px;
  /* 三个图片按钮整体下移 10px 试看 */
  margin-top: 10px;
}

/* 顶栏三个链接：使用图片按钮（web_liang / reg_liang / down_liang） */
.header .nav a.nav-pic {
  display: block;
  line-height: 0;
  padding: 0;
  border: none;
  background: transparent;
  outline: none;
  -webkit-tap-highlight-color: transparent;
}

.header .nav a.nav-pic img {
  display: block;
  width: auto;
  height: auto;
  max-height: 0.5rem;
  vertical-align: top;
  filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.65));
  transition: filter 0.2s, opacity 0.2s;
}

.header .nav a.nav-pic:hover img {
  opacity: 0.95;
  filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.65)) brightness(1.08);
}

/* ================================================
   右侧导航（电梯）：PC 每栏默认图 + 选中图（nav_01.png / nav_01_on.png …）；手机见 max-width:768 文字底栏
   显示宽由 tools 按上传图写入 css/nav-size.css（--gq-nav-w 用 rem，100px=1rem，随页面缩放）；此处为兜底默认值
   ================================================ */
.left {
  position: fixed;
  right: 2.2vw;
  top: 50%;
  margin-top: 0;
  width: var(--gq-nav-box-w, 2.14rem);
  height: auto;
  box-sizing: border-box;
  z-index: 500;
  visibility: hidden;
  opacity: 0;
  transform: translate(140%, calc(-50% + 0.85rem));
  transition: opacity 0.6s, transform 0.6s, visibility 0.6s;
  padding: 0;
  pointer-events: none;
  background: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
  display: flex;
  align-items: center;
}

.left::before {
  display: none;
}

.nav-plaque-crest {
  display: none;
}

/* vt0：导航展开；现默认在首屏也保留（HTML/JS 始终加 vt0） */
.left.vt0 {
  visibility: visible;
  opacity: 1;
  transform: translate(0, calc(-50% + 0.85rem));
  pointer-events: auto;
}

.left .asbtn {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 0;
  position: static;
  padding: 0;
}

.asbtn a.lift-nav-item {
  display: block;
  box-sizing: border-box;
  position: relative;
  width: var(--gq-nav-w, 1.94rem);
  height: auto;
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  overflow: visible;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  background: none;
  box-shadow: none;
}

/* 相邻导航按钮留出间距，避免牌面贴在一起 */
.asbtn a.lift-nav-item + a.lift-nav-item {
  margin-top: 0.08rem;
}

.asbtn a.lift-nav-item::after {
  display: none;
}

.asbtn a.lift-nav-item .lift-nav-pic {
  display: block;
  width: var(--gq-nav-w, 1.94rem);
  height: auto;
  max-width: 100%;
  vertical-align: top;
  pointer-events: none;
  user-select: none;
}

.asbtn a.lift-nav-item .lift-nav-pic--on {
  display: none;
}

.asbtn a.lift-nav-item.nav-active .lift-nav-pic--off,
.asbtn a.lift-nav-item:hover .lift-nav-pic--off {
  display: none;
}

.asbtn a.lift-nav-item.nav-active .lift-nav-pic--on,
.asbtn a.lift-nav-item:hover .lift-nav-pic--on {
  display: block;
}

.asbtn a .lift-nav-text {
  /* PC：文案在按钮图上；span 仅供无障碍 / 手机端显示 */
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* ================================================
   版权/Footer 按钮
   ================================================ */
.copyrightbtn {
  position: fixed;
  right: 0.6rem;
  bottom: 0.3rem;
  color: #afa39c;
  font-size: 14px;
  z-index: 2222;
  cursor: pointer;
  /* 去掉点击/聚焦时浏览器默认的虚线框、黑框、移动端点击高亮 */
  outline: none;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.copyrightbtn:hover { color: #f5d580; }

.copyrightbtn:focus,
.copyrightbtn:active,
.copyrightbtn:focus-visible {
  outline: none;
  box-shadow: none;
}

#footer {
  position: fixed;
  width: 100%;
  bottom: -200px;
  transition: bottom 0.3s;
  z-index: 2222;
  background: #1a0800;
  color: #666;
  padding: 14px 0;
  text-align: center;
  font-size: 13px;
  line-height: 2;
}

#footer.cur { bottom: 0; }
#footer a { color: #888; text-decoration: none; }
#footer a:hover { color: #f5d580; }
#footer .line { padding: 0 6px; }

/* ================================================
   向下引导箭头
   ================================================ */
.arrow {
  display: block;
  width: 2rem;
  height: 0.9rem;
  margin: 0 auto;
  background: url(../images/arr.png) no-repeat center;
  background-size: contain;
  animation: arrowBounce 0.7s ease-in-out infinite alternate;
}

@keyframes arrowBounce {
  0%   { transform: translateY(6px); }
  100% { transform: translateY(-6px); }
}

/* ================================================
   PAGE 01 —— 首页/封面（须高于 .wrap-swiper .swiper-slide 的 background:transparent）
   ================================================ */
.wrap-swiper .swiper-slide.page01 {
  background-color: #1a0a00;
  background-image: none;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  overflow: hidden;
}

/* PC 首屏直接用带缓存版本号的背景图完整铺满，避免上下裁切或两侧留白 */
.wrap-swiper .swiper-slide.page01::before,
.wrap-swiper .swiper-slide.page01::after {
  content: none;
  display: none;
}

/* 首屏底部火星：Canvas，不挡点击 */
.page01-embers {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
  visibility: hidden;
}

.page01-embers.is-active {
  visibility: visible;
}

.page01-embers canvas {
  display: block;
  width: 100%;
  height: 100%;
}

.page01 .arrow {
  position: absolute;
  left: 50%;
  bottom: 0.4rem;
  /* 宽度 2rem 时左偏移一半以居中 */
  margin-left: -1rem;
  z-index: 3;
}

/* 活动页（page02～page07）：底栏向下箭头，与封面共用 arr.png */
/* 封印详情链接盖过底部箭头，避免被「浏览更多」挡住点不到 */
.fengyin-link-line {
  position: relative;
  z-index: 560;
}

.fengyin-link-line a {
  position: relative;
  z-index: 560;
  color: var(--gq-text);
  text-decoration: none;
  cursor: pointer;
  pointer-events: auto;
}

.swiper-slide > .arrow.arrow-next {
  position: absolute;
  left: 50%;
  bottom: 0.35rem;
  margin-left: -1rem;
  z-index: 520;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

/* ================================================
   通用 wrap（内容区）
   与 slide 的 flex-start 配合：不再用负 margin 上提，保证各页标题区纵向起点一致
   ================================================ */
.wrap {
  position: relative;
  width: 100%;
  max-width: 16.2rem;
  left: auto;
  top: auto;
  transform: none;
  flex: 1 1 auto;
  min-height: 0;
  margin-top: 0;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 0 0.2rem;
}

/* ================================================
   通用标题（有图用 <img>，无图加 .no-title-pic 显示文字）
   ================================================ */
.title {
  width: 100%;
  flex: 0 0 auto;
  margin-bottom: 0.04rem;
}

.title.title-fallback {
  position: relative;
  min-height: 0;
  background: none;
}

.title-fallback .title-pic {
  display: block;
  margin: 0 auto;
  /* 按图片原始像素显示，不再用 rem 上限把高度压矮（原 1.2～1.4rem 在矮屏上约只剩 87px） */
  max-height: none;
  max-width: min(100%, 7.5rem);
  width: auto;
  height: auto;
  object-fit: contain;
}

/* 默认隐藏文字，图片加载失败后再显示 */
.title-fallback .title-text {
  display: none;
}

.title-fallback.no-title-pic .title-pic {
  display: none !important;
}

.title-fallback.no-title-pic .title-text {
  display: block;
}

/* 文字版标题样式 */
.title-text {
  text-align: center;
  padding: 0.1rem 0 0.15rem;
  font-size: 0.3rem;
  font-weight: bold;
  color: var(--gq-label);
  letter-spacing: 0.06rem;
  text-shadow: 2px 2px 6px rgba(0,0,0,0.7);
}

.title-text span {
  display: inline-block;
  padding: 0.06rem 0.4rem;
  background: linear-gradient(135deg, rgba(140,28,0,0.85), rgba(200,64,0,0.85));
  border: 2px solid var(--gq-label);
  border-radius: 4px;
}

/* ================================================
   内容容器（各 slide 内的内容区）
   外框：不再包一层描边/阴影卡片，只保留内层米色底 + act-list 分块说明
   ================================================ */
.content-box {
  width: 100%;
  max-width: 15.4rem;
  margin: 0 auto;
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  overflow: hidden;
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

/* 与 Swiper 配合：类名 swiper-no-swiping / swiper-no-mousewheel 加在 HTML 的 .content-box-inner 上（见 topic.js） */
/* 短栏尽量一屏看完；仅内容超出剩余高度时才出现滚动（云端/合区等长文） */
.content-box-inner {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  padding: 0.1rem 0.12rem 0.06rem;
  max-height: none;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background: transparent;
  border-radius: 6px;
  font-size: 0.2rem;
  line-height: 1.62;
  color: var(--gq-text);
  -webkit-font-smoothing: subpixel-antialiased;
}

/* ================================================
   活动信息（标签 + 正文，无表格线，便于窄屏换行）
   ================================================ */
.act-list {
  width: 100%;
}

.act-row {
  margin-bottom: 0.08rem;
}

.act-row:last-child {
  margin-bottom: 0;
}

.act-label {
  font-size: 0.2rem;
  font-weight: bold;
  color: var(--gq-label);
  text-shadow: none;
  letter-spacing: 0.02rem;
  margin-bottom: 0.04rem;
  line-height: 1.35;
  -webkit-font-smoothing: subpixel-antialiased;
}

.act-value {
  font-size: 0.19rem;
  line-height: 1.62;
  color: var(--gq-text);
  word-break: break-word;
}

/* 活动时间 / 活动区服：同一行信息条，少占纵向空间 */
.act-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.06rem 0.42rem;
  margin: 0 0 0.14rem;
  padding: 0.06rem 0.12rem;
  box-sizing: border-box;
  border-left: 3px solid #c8780a;
  background: rgba(0, 0, 0, 0.28);
}

.act-meta-line {
  margin: 0 0 0.08rem;
  line-height: 1.55;
  color: var(--gq-text);
  text-indent: 0;
  font-size: 0.2rem;
  word-break: break-word;
}

.act-meta-line .meta-lbl {
  font-weight: bold;
  color: var(--gq-label);
  font-size: 0.22rem;
}

.act-meta .act-meta-line {
  margin: 0;
  font-size: 0.18rem;
}

.act-meta .act-meta-line .meta-lbl {
  font-size: 0.18rem;
}

.act-lead {
  margin: 0 0 0.1rem;
  font-size: 0.19rem;
  line-height: 1.55;
  color: var(--gq-text);
  text-indent: 0;
}

.act-value .charge-table {
  margin-top: 0.08rem;
}

/* ================================================
   奖励列表
   ================================================ */
.reward-list {
  list-style: none;
  margin: 0.06rem 0;
  padding: 0;
}

.reward-list li {
  padding: 0.04rem 0 0.04rem 0.2rem;
  position: relative;
  font-size: 0.23rem;
  line-height: 1.8;
}

.reward-list li::before {
  content: "◆";
  position: absolute;
  left: 0;
  color: #c8780a;
  font-size: 0.14rem;
  top: 0.09rem;
}

/* ================================================
   子标题
   ================================================ */
.sub-title {
  font-size: 0.22rem;
  font-weight: bold;
  color: #8b1a00;
  border-left: 4px solid #c8780a;
  padding-left: 0.1rem;
  margin: 0.14rem 0 0.08rem;
}

/* ================================================
   展示台：居中卡片（金框 / 红底 / 圆标）
   ================================================ */
.show-stage {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  width: 100%;
  min-height: 0;
  box-sizing: border-box;
}

.act-meta--bar {
  justify-content: center;
  width: 100%;
  margin: 0 0 0.16rem;
  padding: 0.08rem 0.2rem;
  border-left: none;
  background: linear-gradient(90deg, transparent, rgba(40, 10, 0, 0.72), transparent);
  text-align: center;
}

.act-lead--center {
  text-align: center;
  margin: 0 0 0.18rem;
  color: #f0e2c4;
}

.act-foot {
  margin: 0.16rem 0 0;
  text-align: center;
  font-size: 0.16rem;
  color: #cbb89a;
  text-indent: 0;
}

.reward-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 0.12rem;
  width: 100%;
}

.gift-card {
  position: relative;
  padding: 0.22rem 0.08rem 0.18rem;
  text-align: center;
  color: #f6ecd0;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(180, 50, 20, 0.45), transparent 55%),
    linear-gradient(180deg, #7a1c12 0%, #4a0e0a 48%, #2a0806 100%);
  border: 2px solid #d7b05a;
  border-radius: 0.18rem 0.18rem 0.12rem 0.12rem;
  box-shadow:
    inset 0 1px 0 rgba(255, 220, 160, 0.28),
    0 0.08rem 0.22rem rgba(0, 0, 0, 0.45);
}

.gift-card::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -0.02rem;
  width: 0.22rem;
  height: 0.12rem;
  margin-left: -0.11rem;
  background: radial-gradient(circle at 50% 100%, #f5d080, #c87820);
  border-radius: 0 0 0.12rem 0.12rem;
}

.gift-card h3 {
  margin: 0 0 0.06rem;
  font-size: 0.2rem;
  font-weight: bold;
  color: #ffe7a8;
  letter-spacing: 0.04em;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.gift-card p {
  margin: 0;
  font-size: 0.14rem;
  line-height: 1.45;
  color: #e8d7b0;
}

.gift-card__badge {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.16rem;
  height: 1.16rem;
  margin: 0 auto 0.1rem;
  border-radius: 50%;
  color: #fff4c8;
  font-size: 0.18rem;
  font-weight: bold;
  letter-spacing: 0.02em;
  background:
    radial-gradient(circle at 35% 30%, #6a2814, #1c0704 70%);
  border: 2px solid #e8c56a;
  box-shadow: inset 0 0 0.12rem rgba(255, 200, 80, 0.25), 0 0.04rem 0.1rem rgba(0, 0, 0, 0.4);
}

.gift-card--wide {
  padding: 0.2rem 0.2rem 0.18rem;
  text-align: left;
}

.gift-card--wide h3 {
  text-align: left;
  font-size: 0.24rem;
  margin-bottom: 0.06rem;
}

.gift-card--wide p {
  font-size: 0.17rem;
  line-height: 1.55;
}

.gift-card__ornament {
  position: absolute;
  left: 50%;
  top: 0.08rem;
  width: 0.16rem;
  height: 0.16rem;
  margin-left: -0.08rem;
  border-radius: 50%;
  background: radial-gradient(circle at 40% 35%, #ffe9b0, #c08020);
  box-shadow: 0 0 0.08rem rgba(255, 200, 80, 0.55);
}

.gift-card--wide .gift-card__ornament {
  left: 0.2rem;
  margin-left: 0;
}

.gift-card--wide h3 {
  padding-left: 0.36rem;
}

.map-tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.08rem;
  width: 100%;
  margin-top: 0.2rem;
}

.map-tags__lbl {
  color: var(--gq-label) !important;
  font-weight: bold;
  background: none !important;
  border: none !important;
  padding-right: 0.06rem;
}

.map-tags span {
  padding: 0.03rem 0.1rem;
  font-size: 0.14rem;
  color: #f0e2c4;
  border: 1px solid rgba(215, 176, 90, 0.45);
  border-radius: 999px;
  background: rgba(40, 12, 0, 0.45);
}

.hero-pair {
  display: grid;
  grid-template-columns: 1.35fr 0.9fr;
  gap: 0.22rem;
  width: 100%;
  align-items: stretch;
}

.pic-frame {
  overflow: hidden;
  border-radius: 0.12rem;
  border: 2px solid var(--gq-frame-border);
  box-shadow:
    inset 0 0 0 1px rgba(80, 30, 0, 0.7),
    0 0.12rem 0.32rem rgba(0, 0, 0, 0.5);
  background: var(--gq-frame-bg);
}

.pic-frame img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 6.5rem;
  object-fit: cover;
  object-position: center;
}

/* 兑换表 / 截图：接近原图自然尺寸，仅随内容区缩窄；不再人为压高/压宽 */
.pic-frame--shot {
  display: block;
  width: fit-content;
  max-width: 100%;
  margin: 0.08rem auto 0;
}

.pic-frame--shot img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: none;
  object-fit: contain;
  margin: 0 auto;
}

/* ================================================
   截图画廊：头部 Tab + 左右切换
   ================================================ */
.shot-gallery {
  margin: 0.16rem 0 0.08rem;
}

.shot-gallery__tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.12rem 0.18rem;
  margin: 0 auto 0.14rem;
  padding: 0;
  max-width: 100%;
  box-sizing: border-box;
  border: none;
  background: transparent;
}

.shot-gallery__tab {
  position: relative;
  min-width: 1.8rem;
  padding: 0.08rem 0.28rem;
  border: 1px solid var(--gq-tab-border);
  border-radius: 0.06rem;
  background: var(--gq-tab-bg);
  color: var(--gq-tab);
  font-size: 0.18rem;
  font-family: inherit;
  line-height: 1.3;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.shot-gallery__tab:hover {
  border-color: var(--gq-tab-border-hover);
  color: var(--gq-tab-hover);
}

.shot-gallery__tab.is-active {
  border-color: var(--gq-tab-border-active);
  background: linear-gradient(180deg, var(--gq-tab-bg-active) 0%, var(--gq-tab-bg-active-2) 100%);
  color: var(--gq-tab-active);
  box-shadow: 0 0 0.12rem rgba(255, 180, 60, 0.35);
}

.shot-gallery__tab.is-active::before,
.shot-gallery__tab.is-active::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0.08rem;
  height: 0.08rem;
  margin-top: -0.04rem;
  background: var(--gq-tab-border-active);
  transform: rotate(45deg);
  box-shadow: 0 0 0.06rem rgba(255, 200, 80, 0.55);
}

.shot-gallery__tab.is-active::before {
  left: 0.1rem;
}

.shot-gallery__tab.is-active::after {
  right: 0.1rem;
}

.shot-gallery__stage {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.14rem;
}

.shot-gallery__viewport {
  flex: 1 1 auto;
  min-width: 0;
  max-width: 100%;
}

.shot-gallery__track {
  position: relative;
}

.shot-gallery__panel {
  display: none;
  text-align: center;
}

.shot-gallery__panel.is-active {
  display: block;
}

.shot-gallery__panel .pic-frame--shot {
  margin-top: 0;
}

.shot-gallery__lead {
  margin: 0 0 0.1rem;
  text-align: center;
  text-indent: 0;
  color: #f0e2c4;
  font-size: 0.19rem;
}

.shot-gallery__intro {
  margin: 0 0 0.1rem;
  text-align: left;
  color: var(--gq-text);
}

/* 云端竞技「活动安排」：日期等信息整段与开场说明同一左缘（.mt 为首行缩进 2em） */
.shot-gallery[data-gallery="cloud"] .shot-gallery__panel[data-index="0"] .act-meta-line {
  padding-left: 2em;
  text-indent: 0;
}

.shot-gallery__panel--text {
  text-align: left;
  width: min(100%, 12.8rem);
  margin: 0 auto;
}

.shot-gallery__scroll {
  max-height: 4.8rem;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0.06rem 0.12rem 0.1rem;
  box-sizing: border-box;
  border: none;
  border-radius: 0;
  background: transparent;
  -webkit-overflow-scrolling: touch;
}

.shot-gallery__scroll .mt {
  margin: 0 0 0.08rem;
}

.shot-gallery__scroll .mt:last-child {
  margin-bottom: 0;
}

.mini-card-stack {
  display: flex;
  flex-direction: column;
  gap: 0.14rem;
}

.mini-card-stack .gift-card {
  flex: 1 1 0;
}

.card-row {
  display: flex;
  justify-content: center;
  gap: 0.28rem;
  width: 100%;
}

.card-row--2 .poster-card {
  width: 6.4rem;
}

.poster-card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0.28rem 0.16rem 0.2rem;
  box-sizing: border-box;
  background:
    radial-gradient(ellipse at 50% 12%, rgba(200, 60, 20, 0.4), transparent 50%),
    linear-gradient(180deg, #8a1e14 0%, #4c0f0b 52%, #2c0906 100%);
  border: 2px solid #e0b85c;
  border-radius: 0.22rem 0.22rem 0.14rem 0.14rem;
  box-shadow:
    inset 0 1px 0 rgba(255, 220, 160, 0.3),
    0 0.14rem 0.32rem rgba(0, 0, 0, 0.5);
  text-align: center;
}

.poster-card__ornament {
  position: absolute;
  left: 50%;
  top: 0.08rem;
  width: 0.2rem;
  height: 0.2rem;
  margin-left: -0.1rem;
  border-radius: 50%;
  background: radial-gradient(circle at 40% 35%, #ffe9b0, #c08020);
  box-shadow: 0 0 0.1rem rgba(255, 200, 80, 0.55);
}

.poster-card__pic {
  overflow: hidden;
  height: 3.6rem;
  margin: 0.16rem 0.08rem 0.14rem;
  border-radius: 50% 50% 0.16rem 0.16rem / 42% 50% 0.16rem 0.16rem;
  border: 2px solid rgba(232, 197, 106, 0.85);
  background: #1a0800;
}

.poster-card__pic img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 20%;
}

.poster-card h3 {
  margin: 0 0 0.08rem;
  font-size: 0.28rem;
  color: #ffe7a8;
  letter-spacing: 0.08em;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
}

.poster-card p {
  margin: 0;
  padding: 0 0.08rem;
  font-size: 0.16rem;
  line-height: 1.5;
  color: #f0e2c4;
}

/* ================================================
   图片块
   ================================================ */
.img-block {
  text-align: center;
  margin: 0.12rem 0;
}

.img-block img {
  max-width: 100%;
  height: auto;
  border: none;
  border-radius: 0;
}

.img-row {
  display: flex;
  gap: 0.12rem;
  justify-content: center;
  margin: 0.12rem 0;
  flex-wrap: wrap;
}

.img-row img {
  max-width: calc(50% - 0.06rem);
  height: auto;
  border: none;
  border-radius: 0;
}

/* ================================================
   各 PAGE 背景（每个 slide 可有自己的叠加背景色调）
   ================================================ */
.page02 { background: rgba(0,0,0,0); }
.page03 { background: rgba(0,0,0,0); }
.page04 { background: rgba(0,0,0,0); }
.page05 { background: rgba(0,0,0,0); }
.page06 { background: rgba(0,0,0,0); }
.page07 { background: rgba(0,0,0,0); }
.page08 { background: rgba(0,0,0,0); }
.page09 { background: rgba(0,0,0,0); }
.page10 { background: rgba(0,0,0,0); }

/* ---------- 神兵鉴定：四类 Tab（参考 shenghuang 鉴宝条 + 内容切换）---------- */
.page07 .sb-appr-tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 0.08rem;
  width: 12rem;
  max-width: 100%;
  /* 相对标题下移；与正文间距另见下方 margin-bottom 与 PC .content-box */
  margin: 0.38rem auto 0.02rem;
  padding: 0 0.08rem;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

.page07 .sb-appr-tab {
  flex: 1 1 22%;
  min-width: 1.4rem;
  margin: 0;
  padding: 0.1rem 0.06rem;
  box-sizing: border-box;
  font-size: 0.22rem;
  font-weight: bold;
  line-height: 1.25;
  text-align: center;
  color: #f5d580;
  cursor: pointer;
  border: 2px solid rgba(200, 140, 40, 0.85);
  border-radius: 4px;
  background: linear-gradient(180deg, rgba(50, 22, 0, 0.92), rgba(20, 8, 0, 0.96));
  box-shadow: inset 0 1px 0 rgba(255, 220, 160, 0.12);
  outline: none;
  transition: color 0.2s, border-color 0.2s, box-shadow 0.2s, background 0.2s;
}

.page07 .sb-appr-tab:hover {
  color: #fff;
  border-color: #e8b050;
}

.page07 .sb-appr-tab.is-active {
  color: #fff;
  border-color: #ffe8a0;
  box-shadow:
    0 0 0 1px rgba(255, 200, 80, 0.35),
    0 0.12rem 0.2rem rgba(0, 0, 0, 0.45),
    inset 0 0 0.2rem rgba(255, 180, 60, 0.18);
  background: linear-gradient(180deg, rgba(120, 50, 0, 0.95), rgba(60, 22, 0, 0.98));
}

.page07 .sb-appr-panels {
  position: relative;
  width: 100%;
}

.page07 .sb-appr-panel {
  display: none;
}

.page07 .sb-appr-panel.is-active {
  display: block;
}

/* 鉴定镶嵌：小节标题（与正文区分，无首行缩进，左侧色条与 .sub-title 一致） */
/* shenghuang「鉴定套装」整表嵌入：表格与视频在米色区内可读 */
.page07 .sb-appr-taozhuang-wrap .sb-appr-shenghuang-table {
  width: 100%;
  border-collapse: collapse;
  /* auto：左列随配图自然宽度，避免 width=30% 固定宽列 + 右对齐造成图与正文之间大块空白 */
  table-layout: auto;
}

.page07 .sb-appr-taozhuang-wrap .sb-appr-shenghuang-table td.sb-appr-tz-thumb {
  vertical-align: top;
  text-align: center;
  padding: 0.04rem 0.06rem 0.04rem 0;
  box-sizing: border-box;
}

.page07 .sb-appr-taozhuang-wrap .sb-appr-shenghuang-table td.sb-appr-tz-main {
  width: 100%;
  vertical-align: top;
  text-align: left;
}

.page07 .sb-appr-taozhuang-wrap .sb-appr-shenghuang-table td.sb-appr-tz-thumb img {
  display: block;
  margin: 0 auto;
  max-width: 2.8rem;
  width: auto;
  height: auto;
}

.page07 .sb-appr-taozhuang-wrap .sb-appr-shenghuang-table table {
  width: 100%;
  table-layout: auto;
}

.page07 .sb-appr-taozhuang-wrap .sb-appr-shenghuang-table td.mt {
  word-break: break-word;
}

.page07 .sb-appr-taozhuang-wrap .sb-appr-shenghuang-table img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

/* 两段视频不同：栏内勿 width:100% 撑满右栏（会把窄素材拉得又宽又糊）；用 rem 上限 + contain 居中 */
.page07 .sb-appr-taozhuang-wrap video.myvideo {
  display: block;
  margin: 0.08rem auto;
}

.page07 .sb-appr-taozhuang-wrap video.myvideo.sb-appr-tz-vid-inset {
  width: auto;
  max-width: min(100%, 10.8rem);
  max-height: 5.35rem;
  height: auto;
  object-fit: contain !important;
}

.page07 .sb-appr-taozhuang-wrap video.myvideo.sb-appr-tz-vid-wide {
  width: auto;
  max-width: min(100%, 12.8rem);
  max-height: 5.75rem;
  height: auto;
  object-fit: contain !important;
}

.page07 .sb-appr-inline-h {
  margin: 0.12rem 0 0.08rem;
  padding: 0 0 0 0.1rem;
  text-indent: 0;
  font-size: 0.22rem;
  font-weight: bold;
  line-height: 1.85;
  color: #8b1a00;
  border-left: 4px solid #c8780a;
}

.page07 .sb-appr-img-ph {
  display: none;
  align-items: center;
  justify-content: center;
  min-height: 1.6rem;
  margin: 0.12rem 0;
  padding: 0.2rem;
  box-sizing: border-box;
  font-size: 0.2rem;
  line-height: 1.5;
  color: #6a4a20;
  text-align: center;
  border: 1px dashed #c8780a;
  border-radius: 4px;
  background: rgba(255, 248, 220, 0.65);
}
/* ================================================
   顶色标识条（原 content-box 顶渐变线，已隐藏；HTML 仍保留 tag-bar + tag-0X 便于以后恢复）
   ================================================ */
.tag-bar {
  display: none;
  height: 0;
  overflow: hidden;
}
.tag-01 { background: linear-gradient(to right, #e07020, #f5c040, #e07020); }
.tag-02 { background: linear-gradient(to right, #c84000, #f58020, #c84000); }
.tag-03 { background: linear-gradient(to right, #8b0000, #c82020, #8b0000); }
.tag-04 { background: linear-gradient(to right, #00609e, #00aaff, #00609e); }
.tag-05 { background: linear-gradient(to right, #007030, #00c860, #007030); }
.tag-06 { background: linear-gradient(to right, #602080, #a040c0, #602080); }
.tag-07 { background: linear-gradient(to right, #503800, #c8a000, #503800); }
.tag-08 { background: linear-gradient(to right, #8a3010, #e07020, #8a3010); }
.tag-09 { background: linear-gradient(to right, #6a2010, #d06018, #6a2010); }

/* ================================================
   page02 云端竞技充值档位表
   ================================================ */
.charge-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.22rem;
  margin-top: 0.08rem;
}

.charge-table th {
  background: rgba(140,28,0,0.8);
  color: #f5d580;
  padding: 0.07rem 0.12rem;
  border: 1px solid #c8780a;
  font-weight: bold;
  text-align: center;
}

.charge-table td {
  padding: 0.07rem 0.12rem;
  border: 1px solid #d4b060;
  vertical-align: middle;
}

.charge-table tr:nth-child(even) td {
  background: rgba(200,120,10,0.08);
}

/* ================================================
   PC 大屏（>768）：内层正文区 max-height 随视窗；活动内页正文块相对标题下移（手机不增加上边距）
   ================================================ */
@media screen and (min-width: 769px) {
  /* 右侧竖排导航：整体略上移 */
  .left {
    top: calc(50% - 0.9rem);
  }

  .wrap-swiper .swiper-slide:not(.page01) .wrap > .content-box {
    /* 标题上移后，正文避开左上角 Logo，避免第一行被挡住 */
    margin-top: 36px;
  }

  /* 电脑版正文：比原稿略大，但压到一屏内尽量不出现滚动条 */
  .wrap .content-box-inner {
    max-height: none;
    font-size: 0.22rem;
    line-height: 1.58;
    padding: 0.04rem 0.12rem 0.02rem;
    /* 短栏藏滚动条；超长规则页仍可滚，但不显露轨道 */
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .wrap .content-box-inner::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
  }

  .act-row {
    margin-bottom: 0.06rem;
  }

  .act-label {
    font-size: 0.23rem;
    margin-bottom: 0.02rem;
  }

  .act-value {
    font-size: 0.22rem;
    line-height: 1.58;
  }

  .act-meta-line {
    font-size: 0.22rem;
    margin: 0 0 0.04rem;
    line-height: 1.5;
  }

  .act-meta-line .meta-lbl {
    font-size: 0.23rem;
  }

  .act-meta .act-meta-line,
  .act-meta .act-meta-line .meta-lbl {
    font-size: 0.21rem;
  }

  .act-lead,
  .shot-gallery__lead {
    font-size: 0.22rem;
  }

  .act-foot {
    font-size: 0.2rem;
  }

  .sub-title,
  .page07 .sb-appr-inline-h {
    font-size: 0.23rem;
  }

  .content-box-inner .mt {
    margin: 0 0 0.06rem;
  }

  .content-box-inner .mt:last-child {
    margin-bottom: 0;
  }

  .shot-gallery {
    margin: 0.1rem 0 0;
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
  }

  .shot-gallery__tab {
    font-size: 0.2rem;
    padding: 0.07rem 0.24rem;
  }

  /* 仅含切换画廊的栏目才撑满剩余高度；普通活动页勿 flex:1，否则块与块之间会被撑出大空档 */
  .act-list:has(.shot-gallery),
  .act-row:has(.shot-gallery),
  .act-value:has(.shot-gallery) {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
  }

  .shot-gallery__stage {
    flex: 1 1 auto;
    min-height: 0;
    align-items: stretch;
  }

  .shot-gallery__viewport {
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: 100%;
  }

  .shot-gallery__track {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
  }

  .shot-gallery__panel.is-active {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
  }

  .shot-gallery__panel--text.is-active {
    width: min(100%, 12.8rem);
    margin-left: auto;
    margin-right: auto;
  }

  .shot-gallery__scroll {
    flex: 1 1 auto;
    min-height: 5.2rem;
    max-height: none;
    height: 100%;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .shot-gallery__scroll::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
  }

  /* 圣龙封印：切换区按当前标签内容收拢，下方说明紧跟面板，不撑出中间空白 */
  .shot-gallery.shot-gallery--flow {
    flex: 0 0 auto;
  }

  .shot-gallery.shot-gallery--flow .shot-gallery__stage,
  .shot-gallery.shot-gallery--flow .shot-gallery__viewport,
  .shot-gallery.shot-gallery--flow .shot-gallery__track,
  .shot-gallery.shot-gallery--flow .shot-gallery__panel.is-active {
    flex: 0 0 auto;
    height: auto;
  }

  .shot-gallery.shot-gallery--flow .shot-gallery__scroll {
    flex: 0 0 auto;
    height: auto;
    min-height: 0;
    max-height: none;
    overflow: visible;
  }

  .pic-frame--shot {
    margin: 0.06rem auto 0;
  }

  .charge-table {
    font-size: 0.22rem;
  }

  .reward-list li {
    font-size: 0.23rem;
  }

  .page07 .sb-appr-tab {
    font-size: 0.22rem;
  }

  .title.title-fallback {
    margin-bottom: 0.02rem;
  }
}

/* ================================================
   响应式：手机 / 窄屏与 PC 共用同一套 HTML（参考 H5 专题思路）
   断点与 rem.js 中 (max-width:768px) 保持一致
   ================================================ */
@media screen and (max-width: 768px) {
  html, body {
    height: 100%;
    min-height: 100%;
    min-height: -webkit-fill-available;
  }

  .wrapbg {
    max-width: 100%;
  }

  /* 内页底图改用竖版 750×1334，避免横版 2560 稿在手机上被 cover 裁掉主体 */
  body::before {
    background-attachment: scroll;
    background-image: url(../images/m_bg2.jpg);
    background-position: center center;
    background-size: 100% 100%;
  }

  .header {
    padding: 0 10px 8px;
    padding-top: max(2px, env(safe-area-inset-top, 0px));
    flex-wrap: nowrap;
    align-items: flex-start;
  }

  .header .nav {
    transform: none;
    gap: 6px;
    margin-top: 10px;
  }

  /* 手机版只保留「进入官网」，隐藏注册与下载 */
  .header .nav a.nav-pic--reg,
  .header .nav a.nav-pic--down {
    display: none !important;
  }

  .header .nav a.nav-pic img {
    max-height: 0.36rem;
  }

  .header .logo img {
    max-height: 52px;
    width: auto;
    height: auto;
  }

  /* 主内容区：flex 链 + min-height:0；顶栏 fixed 且已含 safe-area 上内边距，slide 须留出顶栏+标题区余量（勿用过小 rem） */
  .wrap-swiper .swiper-slide:not(.page01) {
    padding-top: calc(72px + env(safe-area-inset-top, 0px));
    padding-bottom: 0.12rem;
    justify-content: flex-start;
  }

  .wrap {
    width: 100%;
    max-width: none;
    position: relative;
    left: auto;
    top: auto;
    transform: none;
    margin-top: 0;
    padding: 0 8px;
    box-sizing: border-box;
    /* 与 slide padding-top 同步：顶栏 + safe-area；底栏为两行网格导航（约 108px）+ home indicator */
    max-height: calc(100vh - 72px - env(safe-area-inset-top, 0px) - 108px - env(safe-area-inset-bottom, 0px));
    max-height: calc(100dvh - 72px - env(safe-area-inset-top, 0px) - 108px - env(safe-area-inset-bottom, 0px));
    display: flex;
    flex-direction: column;
    align-items: stretch;
    overflow: hidden;
  }

  .wrap .title {
    flex: 0 0 auto;
  }

  .wrap .content-box {
    flex: 1 1 auto;
    min-height: 0;
    width: 100% !important;
    max-width: none;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }

  .wrap .content-box-inner {
    flex: 1 1 auto;
    min-height: 0;
    max-height: none;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
    scrollbar-width: thin;
    padding: 0.12rem 0.14rem;
    /* 窄屏正文整体加大一档（原 0.22rem + act-value 0.2rem 易显小） */
    font-size: 0.28rem;
    line-height: 1.95;
  }

  .wrap .content-box-inner::-webkit-scrollbar {
    width: 5px;
  }

  .wrap .content-box-inner::-webkit-scrollbar-thumb {
    background: rgba(140, 70, 0, 0.45);
    border-radius: 4px;
  }

  /* 手机版不显示 arr 向下箭头（封面与各活动页），避免与底栏抢位，翻页用手势即可 */
  .arrow {
    display: none !important;
    visibility: hidden;
    pointer-events: none;
  }

  .act-label {
    font-size: 0.28rem;
  }

  .act-meta {
    flex-direction: column;
    gap: 0.04rem;
    padding: 0.08rem 0.1rem;
  }

  .act-meta-line {
    font-size: 0.26rem;
    line-height: 1.7;
  }

  .act-meta-line .meta-lbl {
    font-size: 0.26rem;
  }

  .act-value {
    font-size: 0.26rem;
    line-height: 1.9;
  }

  .reward-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.1rem;
  }

  .hero-pair,
  .card-row {
    display: flex;
    flex-direction: column;
    gap: 0.14rem;
  }

  .shot-gallery__tabs {
    gap: 0.1rem;
    padding: 0;
  }

  .shot-gallery__tab {
    min-width: 0;
    flex: 1 1 40%;
    padding: 0.1rem 0.2rem;
    font-size: 0.24rem;
  }

  .shot-gallery__stage {
    gap: 0.08rem;
  }

  .shot-gallery__scroll {
    max-height: 5.6rem;
  }

  .shot-gallery__lead {
    font-size: 0.26rem;
  }

  .card-row--2 .poster-card {
    width: 100%;
  }

  .poster-card__pic {
    height: 3.2rem;
  }

  .pic-frame img {
    max-height: 4.2rem;
  }

  .gift-card h3,
  .poster-card h3 {
    font-size: 0.28rem;
  }

  .gift-card p,
  .poster-card p {
    font-size: 0.22rem;
    line-height: 1.5;
  }

  .gift-card--wide h3 {
    font-size: 0.3rem;
  }

  .gift-card__badge {
    width: 1.3rem;
    height: 1.3rem;
    font-size: 0.22rem;
  }

  .sub-title {
    font-size: 0.26rem;
  }

  .charge-table {
    font-size: 0.25rem;
  }

  .reward-list li {
    font-size: 0.26rem;
  }

  .title-text {
    font-size: 0.34rem;
  }

  /* 底部导航：4 列 × 1 行文字网格一次展示全部入口（首页+3 栏目）；窄屏用文字，拆掉 PC 竖牌装饰 */
  .left {
    right: 0;
    left: 0;
    top: auto;
    bottom: 0;
    margin-top: 0;
    width: 100%;
    height: auto;
    min-width: 0;
    max-height: none;
    overflow-x: visible;
    overflow-y: visible;
    padding: 0;
    padding-bottom: env(safe-area-inset-bottom, 0px);
    box-sizing: border-box;
    background: rgba(10, 4, 0, 0.88);
    background-image: none;
    border: none;
    border-top: 1px solid rgba(200, 120, 10, 0.45);
    border-radius: 0;
    box-shadow: none;
    display: block;
    transform: translateY(110%);
    transition: opacity 0.35s, transform 0.35s, visibility 0.35s;
    touch-action: manipulation;
    pointer-events: auto;
  }

  .left.vt0 {
    transform: translateY(0);
  }

  .left .asbtn {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: 6px;
    row-gap: 4px;
    justify-items: stretch;
    align-items: stretch;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 4px 6px 4px;
    max-height: none;
    overflow: visible;
    touch-action: manipulation;
  }

  .asbtn a.lift-nav-item {
    position: static;
    left: auto;
    bottom: auto;
    z-index: auto;
    flex: none;
    width: auto;
    height: auto;
    min-width: 0;
    max-width: none;
    min-height: 40px;
    max-height: none;
    margin: 0;
    padding: 2px 2px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
    border: 1px solid rgba(200, 120, 10, 0.55);
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.45);
    box-shadow: none;
  }

  .asbtn a.lift-nav-item + a.lift-nav-item {
    margin-top: 0;
  }

  .asbtn a.lift-nav-item::after {
    display: none;
  }

  .asbtn a.lift-nav-item .lift-nav-pic {
    display: none !important;
  }

  .asbtn a.lift-nav-item.nav-active,
  .asbtn a.lift-nav-item:hover {
    background: rgba(200, 120, 10, 0.92) !important;
    border: 1px solid #f5d580 !important;
    box-shadow: none;
  }

  .asbtn a.lift-nav-item.nav-active .lift-nav-pic--off,
  .asbtn a.lift-nav-item:hover .lift-nav-pic--off,
  .asbtn a.lift-nav-item.nav-active .lift-nav-pic--on,
  .asbtn a.lift-nav-item:hover .lift-nav-pic--on {
    display: none !important;
  }

  .asbtn a.lift-nav-item,
  .asbtn a.lift-nav-item:hover,
  .asbtn a.lift-nav-item:active,
  .asbtn a .lift-nav-text {
    text-decoration: none;
  }

  .asbtn a .lift-nav-text {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    overflow: visible;
    clip: auto;
    clip-path: none;
    border: 0;
    display: block;
    font-size: 13px;
    line-height: 1.15;
    letter-spacing: 0;
    white-space: normal;
    word-break: keep-all;
    font-weight: bold;
    color: #fff6dc;
    text-align: center;
    text-shadow: none;
  }

  .asbtn a.lift-nav-item.nav-active .lift-nav-text {
    color: #fff;
    font-weight: bold;
  }

  /* 手机封面换用竖版背景图 */
  .wrap-swiper .swiper-slide.page01 {
    --gq-side: 0px;
    background-image: url(../images/m_bg1.jpg);
    background-position: center center;
    background-size: 100% 100%;
  }

  .wrap-swiper .swiper-slide.page01::before,
  .wrap-swiper .swiper-slide.page01::after {
    content: none;
    display: none;
  }

  /* 手机版不显示「版权信息」入口 */
  .copyrightbtn {
    display: none !important;
    pointer-events: none;
  }

  #footer {
    display: none !important;
  }

  /* 神兵鉴定：底栏占高时 Tab 两行排布；收窄与标题间距，整体略上移 */
  .page07 .sb-appr-tabs {
    width: 100%;
    gap: 6px;
    padding: 0 6px;
    margin: 0.12rem auto 0.08rem;
  }

  .page07 .sb-appr-tab {
    flex: 1 1 45%;
    min-width: 0;
    font-size: 13px;
    padding: 8px 4px;
  }

  .page07 .sb-appr-inline-h {
    font-size: 0.26rem;
  }

  /* 神兵鉴定·鉴定套装：PC 为左图右文；手机改为上下堆栈，内嵌视频与「鉴定总套装」同屏宽上限 */
  .page07 .sb-appr-taozhuang-wrap .sb-appr-shenghuang-table > tbody > tr:has(> td.sb-appr-tz-thumb) {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .page07 .sb-appr-taozhuang-wrap .sb-appr-shenghuang-table > tbody > tr:has(> td.sb-appr-tz-thumb) > td.sb-appr-tz-thumb,
  .page07 .sb-appr-taozhuang-wrap .sb-appr-shenghuang-table > tbody > tr:has(> td.sb-appr-tz-thumb) > td.sb-appr-tz-main {
    display: block;
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
  }

  .page07 .sb-appr-taozhuang-wrap .sb-appr-shenghuang-table > tbody > tr:has(> td.sb-appr-tz-thumb) > td.sb-appr-tz-thumb {
    text-align: center;
    padding: 0.06rem 0 0.04rem;
  }

  .page07 .sb-appr-taozhuang-wrap .sb-appr-shenghuang-table > tbody > tr:has(> td.sb-appr-tz-thumb) > td.sb-appr-tz-thumb img {
    max-width: 2.5rem;
    margin-left: auto;
    margin-right: auto;
  }

  .page07 .sb-appr-taozhuang-wrap video.myvideo.sb-appr-tz-vid-inset {
    max-width: min(100%, 12.8rem);
    width: 100%;
    max-height: 5.75rem;
  }
}