/* ============================================================
   应用星 · 公共样式（设计系统 + 头部/底部/全局响应式）
   由 公共变量模板.php 的内联 <style> 剥离而来，并通过该公共模板
   外链到全站。详情页专属内容样式见 /skin/css/detail.css。
   主题色（星星黄）：--star:#FECD0F  --star-deep:#F2A900
   ============================================================ */

/* ---------- 设计变量（全局设计系统，归公共模板） ---------- */
:root{--star:#FECD0F;--star-deep:#F2A900;--ink:#16162A;--ink-2:#1F1F3A;--paper:#FFFFFF;--soft:#FFFDF6;--line:#F0ECDA;--muted:#8A8A98;--axy-icon:120px;}
*{box-sizing:border-box;}
body{margin:0;font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;background:var(--paper);color:var(--ink);}
a{text-decoration:none;color:inherit;}
img,svg,video{max-width:100%;}

/* ---------- 面包屑（全站通用，由公共层提供；移动端覆盖见下方媒体查询） ---------- */
.axy-crumb{font-size:13px;color:var(--muted);padding:16px 0;}
.axy-crumb a{color:var(--muted);text-decoration:none;}
.axy-crumb a:hover{color:var(--star-deep);}
.axy-crumb ul{display:flex;align-items:center;list-style:none;margin:0;padding:0;}
.axy-crumb li{display:flex;align-items:center;}
.axy-crumb li+li::before{content:"›";margin:0 6px;color:#D8D2BD;}
.axy-crumb li:last-child span{color:#D8D2BD;}

/* ---------- 头部 / 底部（公共模板专属） ---------- */
.axy-header{position:sticky;top:0;z-index:40;background:#fff;border-bottom:1px solid var(--line);}
.axy-logo{display:flex;align-items:center;gap:10px;flex:none;}
.axy-header .axy-logo .star{width:40px;height:40px;}
.axy-logo .name{font-size:22px;font-weight:700;color:var(--ink);margin:0;}
.axy-nav{display:flex;align-items:center;flex-wrap:nowrap;}
.axy-nav a{display:flex;align-items:center;gap:6px;color:var(--ink);margin:0 14px;font-size:16px;text-decoration:none;}
.axy-nav a .axy-ico{display:none;width:22px;height:22px;}
.axy-nav a.on,.axy-nav a:hover{color:var(--star);}
.axy-nav ul{display:flex;align-items:center;flex-wrap:nowrap;list-style:none;margin:0;padding:0;}
.axy-nav li{display:flex;}
.axy-ico{display:inline-block;flex:none;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;}
.i-home{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3l9 8h-3v9h-5v-6h-2v6H6v-9H3l9-8z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3l9 8h-3v9h-5v-6h-2v6H6v-9H3l9-8z'/%3E%3C/svg%3E");}
.i-game{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2.9 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77 5.82 21l1.18-6.88-5-4.87 7.1-1.01L12 2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2.9 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77 5.82 21l1.18-6.88-5-4.87 7.1-1.01L12 2z'/%3E%3C/svg%3E");}
.i-app{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h7v7H4V4zm9 0h7v7h-7V4zM4 13h7v7H4v-7zm9 0h7v7h-7v-7z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h7v7H4V4zm9 0h7v7h-7V4zM4 13h7v7H4v-7zm9 0h7v7h-7v-7z'/%3E%3C/svg%3E");}
.i-zt{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5'/%3E%3C/svg%3E");}
.i-tag{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4a2 2 0 00-2 2v7c0 .55.22 1.05.59 1.41l9 9c.36.36.86.59 1.41.59.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42zM6.5 8C5.67 8 5 7.33 5 6.5S5.67 5 6.5 5 8 5.67 8 6.5 7.33 8 6.5 8z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4a2 2 0 00-2 2v7c0 .55.22 1.05.59 1.41l9 9c.36.36.86.59 1.41.59.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42zM6.5 8C5.67 8 5 7.33 5 6.5S5.67 5 6.5 5 8 5.67 8 6.5 7.33 8 6.5 8z'/%3E%3C/svg%3E");}
.i-rank{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 20h4v-8H3v8zm7 0h4V4h-4v16zm7 0h4v-12h-4v12z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 20h4v-8H3v8zm7 0h4V4h-4v16zm7 0h4v-12h-4v12z'/%3E%3C/svg%3E");}
.i-search{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");}
.i-top{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19V5M5 12l7-7 7 7'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19V5M5 12l7-7 7 7'/%3E%3C/svg%3E");}

/* 搜索框：图标右对齐、右侧无间距 */
.axy-search{display:flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:20px;height:40px;padding:0 0 0 16px;width:250px;flex:none;}
.axy-search input{border:0;outline:0;flex:1;min-width:0;font-size:14px;color:var(--ink);}
.axy-search button{display:flex;align-items:center;justify-content:center;background:var(--star);border:0;border-radius:18px;width:36px;height:36px;cursor:pointer;flex:none;}
.axy-search button .axy-ico{width:18px;height:18px;background-color:#fff;}
.axy-footer{background:var(--paper);color:var(--muted);padding:20px 16px;font-size:13px;border-top:1px solid var(--line);margin-top:16px;}
.axy-footer a{color:var(--muted);text-decoration:none;}
.axy-footer a:hover{color:var(--star);}

/* 返回顶部按钮 */
#back-to-top{position:fixed;bottom:32px;right:32px;width:48px;height:48px;border:0;border-radius:50%;background:var(--star);padding:0;cursor:pointer;display:none;z-index:30;}
#back-to-top .axy-ico{position:absolute;top:50%;left:50%;width:26px;height:26px;transform:translate(-50%,-50%);background-color:#fff;}
.axy-foot-inner{max-width:1200px;margin:0 auto;text-align:center;}
.axy-foot-links,.axy-foot-copy,.axy-foot-declare{margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.axy-foot-links a{margin:0 4px;}.axy-foot-copy-text,.axy-foot-icp,.axy-foot-declare-text,.axy-foot-email{white-space:nowrap;}
/* 友情链接：section 仅作 22/14 节奏容器；.axy-links-card 与首页 .axy-zt 同构（flex 横滑 + padding-bottom:2px，无白底无内边距），链接左缘与 H2 同一垂直线；H2 下间距 16/12 对齐首页 .axy-sec-h */
.axy-links{max-width:1200px;margin:16px auto;padding:0 16px;}
.axy-links .axy-h2{margin-bottom:16px;}
.axy-links-card{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px;}
.axy-links a{display:inline-block;flex:none;background:var(--star);color:#fff;font-weight:700;font-size:13px;border-radius:8px;padding:2px 14px;margin:0 10px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.axy-links a:hover{background:var(--star-deep);}
/* 区块标题 H2：全站唯一标题样式 .axy-h2（黄竖条 + 粗体 + 弹性布局）；首页/下载列表/404/友情链接均已统一到此类，不再存在 .axy-h3 / .axy-rec-h / .axy-sec-h h2 等别名 */
.axy-h2{font-size:18px;font-weight:800;margin:0 0 14px;display:flex;align-items:center;gap:8px;}
.axy-h2::before{content:"";width:5px;height:18px;border-radius:3px;background:var(--star);}
.axy-h2 .more{margin-left:auto;font-size:13px;color:var(--muted);font-weight:400;}
.axy-hd-in{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 24px;max-width:1200px;margin:0 auto;width:100%;}

/* 平板 */
@media (max-width:1024px){
  .axy-hd-in{height:64px;padding:0 16px;gap:12px;}
  .axy-search{width:190px;}
  .axy-nav a{margin:0 9px;font-size:15px;}
}

/* 手机 */
@media (max-width:768px){
  .axy-hd-in{height:58px;padding:0 14px;gap:8px;}
  .axy-logo .name{font-size:18px;}
  .axy-header .axy-logo .star{width:32px;height:32px;}
  .axy-nav{position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;border-top:1px solid var(--line);
    justify-content:space-around;padding:6px 0 calc(6px + env(safe-area-inset-bottom));margin:0;}
  .axy-nav ul{width:100%;justify-content:space-around;}
  .axy-nav a{margin:0;flex-direction:column;gap:2px;font-size:11px;color:var(--muted);padding:4px 0;}
  .axy-nav a .axy-ico{display:block;}
  .axy-nav a.on{color:var(--star-deep);font-weight:700;}
  /* 搜索框移动端常驻头部显示：图标右对齐、无间距、图标放大 */
  .axy-search{display:flex;flex:1;margin-left:57px;height:32px;padding:0 0 0 12px;border-radius:16px;}
  .axy-search input{text-align:center;font-size:13px;}
  .axy-search button{width:32px;height:32px;border-radius:16px;}
  .axy-search button .axy-ico{width:17px;height:17px;}
  body{padding-bottom:56px;}
  #back-to-top{bottom:76px;right:14px;width:42px;height:42px;}
}

/* 小屏手机 */
@media (max-width:480px){
  .axy-logo .name{font-size:16px;}
  .axy-footer{padding:18px 12px 20px;}
  .axy-foot-copy,.axy-foot-declare{white-space:normal;overflow:visible;}
  .axy-foot-copy-text,.axy-foot-icp,.axy-foot-declare-text,.axy-foot-email{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .axy-foot-icp,.axy-foot-email{margin-top:8px;}
  .axy-foot-links,.axy-foot-copy,.axy-foot-declare{font-size:12px;}
}

/* 桌面端隐藏移动组件 */
@media (min-width:769px){
  .axy-dlbar{display:none!important;}
}

/* ============================================================
   全局组件 / 响应式（原 detail.css 自动注入段，已归并到公共模板）
   断点：桌面 ≥1025px ｜ 平板 769–1024px ｜ 手机 ≤768px ｜ 小屏 ≤480px
   ============================================================ */

/* ---------- 卡片角标（版本 / 推荐 / 新品） ---------- */
.axy-card,.axy-ztcard{position:relative;}.axy-corner{position:absolute;top:8px;left:8px;z-index:2;display:inline-flex;align-items:center;
  font-size:11px;font-weight:800;line-height:1;padding:3px 8px;border-radius:999px;white-space:nowrap;
  background:var(--star);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.25);box-shadow:0 2px 6px rgba(22,22,42,.14);}.axy-corner.good{background:var(--star);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.25);}
.axy-corner.new{background:var(--star-deep);color:#fff;}
.axy-corner.soft{background:var(--soft);color:var(--star-deep);border:1px solid var(--line);}

/* ---------- 公共下载按钮：.axy-dl-go（本类最新 / 首页排行榜 / 排行榜列表三处共用，统一无淡阴影，即以 .axy-newlist-go 原样式为用户认定标准）；
   注意：此黄底下载按钮有意不加 text-shadow，例外于"主色按钮加淡阴影"通用约定 ---------- */
.axy-dl-go{flex:none;background:var(--star);color:#fff;font-weight:700;font-size:13px;border-radius:8px;padding:2px 14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.axy-dl-go:hover{background:var(--star-deep);}

/* ---------- 移动端导航骨架（抽屉 / 汉堡 / 抽屉搜索）：待补充对应 DOM 后生效 ---------- */
.axy-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;background:none;border:0;cursor:pointer;padding:8px;}
.axy-burger span{display:block;height:2px;border-radius:2px;background:var(--ink);transition:.25s;}
.axy-drawer{display:none;}
.axy-msearch{display:none;}

/* ---------- 平板 ---------- */
@media (max-width:1024px){
  .axy-grid,.axy-rel{grid-template-columns:repeat(4,1fr);}
  /* 详情页两栏 → 单栏（平板及以下） */
  .axy-detail-layout{grid-template-columns:1fr;}
  .axy-detail-main{order:-1;}

  /* 平板/手机(≤1024)：三大板块横向滑动（PC >1024 不受影响） */
  .axy-rel{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:14px;padding-bottom:2px;}
  .axy-rel a{flex:none;width:84px;}
  .axy-rel::-webkit-scrollbar{display:none;}

  .axy-rank-list{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:12px;}
  .axy-rank-list .axy-rank{flex:none;width:176px;border-bottom:0;padding:10px;border:1px solid var(--line);border-radius:12px;position:relative;display:flex;align-items:flex-start;gap:10px;}
  .axy-rank-list .axy-rank img{width:80px;height:80px;border-radius:14px;}
  .axy-rank-list .axy-rank .no{position:absolute;top:5px;left:5px;z-index:2;margin:0;width:24px;height:24px;line-height:24px;font-size:12px;}
  .axy-rank-list .axy-rank > div{flex:1;min-width:0;padding-right:0;}

  .axy-rank-list .axy-rank-skel{flex:none;width:176px;}
  .axy-rank-list::-webkit-scrollbar{display:none;}

  .axy-newlist-list{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:12px;}
  .axy-newlist-list .axy-newlist{flex:none;width:224px;border-bottom:0;padding:10px;position:relative;display:flex;align-items:flex-start;gap:10px;border:1px solid var(--line);border-radius:12px;}
  .axy-newlist-list .axy-newlist img{width:80px;height:80px;border-radius:14px;}
  .axy-newlist-list .axy-newlist-mid{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;padding-right:46px;}
  .axy-newlist-list .axy-newlist .axy-newlist-c{margin-top:0;}
  .axy-newlist-list .axy-newlist-date{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .axy-newlist-list .axy-newlist .axy-dl-go{position:absolute;right:10px;top:50%;transform:translateY(-50%);padding:2px 12px;font-size:13px;}

  .axy-newlist-list .axy-new-skel{flex:none;width:224px;}
  .axy-newlist-list::-webkit-scrollbar{display:none;}
}

/* ---------- 手机 ---------- */
@media (max-width:768px){
  /* 容器与间距 */
  .axy-wrap{padding:0 12px;}

  /* 焦点推荐 */
  .axy-btn{padding:9px 22px;font-size:14px;}

  /* 金刚区 / 卡片网格 */
  .axy-grid,.axy-rel{grid-template-columns:repeat(3,1fr);gap:10px;}

  /* 排行榜 */
  .axy-rank{grid-template-columns:32px 60px 1fr auto;gap:10px;padding:10px 12px;border-radius:12px;}
  .axy-rank .no{width:26px;height:26px;line-height:26px;font-size:13px;}
  .axy-rank img{width:56px;height:56px;border-radius:14px;}
  .axy-rank .n{font-size:14px;}
  .axy-rank .v{display:none;}
  .axy-rank .c{font-size:11px;}
  .axy-dl-go{padding:5px 12px;font-size:12px;}

  /* 专题 */
  .axy-ztcard{border-radius:14px;}
  .axy-ztcard h3{font-size:16px;}
  /* 专题推荐标签：不换行，超出部分隐藏并左右滑动 */
  .axy-zt-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
  .axy-zt-tabs::-webkit-scrollbar{display:none;}
  .axy-zt-tab{flex:none;}
  /* 专题推荐：移动端图文叠加布局见下方 .axy-zt-head 规则；专题列表横向滑动 */
  .axy-zt-list{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;}
  .axy-zt-list::-webkit-scrollbar{display:none;}
  .axy-zt-list .axy-zt-item,.axy-zt-list .axy-zt-skel{flex:none;width:224px;}
  /* 移动端：专题推荐/相关推荐/热门排行/本类最新 四板块图标统一缩为 60px */
  .axy-rel img,.axy-zt-item img{width:60px;height:60px;}
  .axy-rank-list .axy-rank img,.axy-newlist-list .axy-newlist img{width:60px;height:60px;}

  /* 详情页：主卡单列 */
  .axy-crumb{padding:12px 0 0;font-size:12px;overflow-x:auto;white-space:nowrap;}
  .axy-main-card{border-radius:16px;}
  .axy-shots{border-top:0;border-right:0;padding:9px 12px;}
  .axy-shots .rail{height:220px;}
  .axy-pane{display:contents;}
  .axy-pane-main{order:1;padding:16px 16px 0;}
  .axy-dl{order:2;padding:6px 16px 3px;margin-top:2px;}
  .axy-shots{order:3;}
  .axy-infoblock{order:4;padding:0 16px 16px;}
  /* 隐藏互动/评论数据条 */
  .axy-metrics{display:none;}
  .axy-pane .top{gap:12px;}
  .axy-pane .top img,.axy-pane .top .ic{width:86px;height:86px;border-radius:16px;}
  .axy-title-col{height:86px;justify-content:space-between;}
  .axy-title-col .axy-pills{order:3;margin:0;}
  .axy-title-col .axy-comment{order:2;}
  .axy-title-col h1{order:1;margin:0;}
  .axy-pane h1{font-size:20px;}
  /* 顶部星星评分（仅详情页标题区）：移动端尺寸调小（13px → 8px）、整体下移（top -13px → -9px）；
     限定 .axy-title-col 上下文，防止泄漏到首页星选等卡片网格（全局选择器曾致手机端星标被裁） */
  .axy-title-col .axy-pill.star.axy-icon-star{top:-9px;font-size:8px;padding:3px 8px;}
  .axy-title-col .axy-pill.star.axy-icon-star .st{font-size:8px;}
  .axy-dl{grid-template-columns:repeat(2,1fr);gap:8px;}
  .axy-btn{font-size:14px;padding:11px 6px;}
  .axy-dl .axy-btn{height:40px;padding:6px 6px;}

  /* 详情页：其余板块 */
  .axy-section{padding:16px;border-radius:14px;margin-top:12px;}
  .axy-h2{font-size:16px;margin:0 0 12px;}
  .axy-desc{font-size:14px;line-height:1.8;}
  /* 移动端单列堆叠：左/右栏不再并排，简介改为固定高度盒子 + 竖向滚动（同款滚动条） */
  .axy-detail-main > .axy-section{flex:none;height:auto;overflow:visible;margin-top:0;padding:0 16px 16px;}
  /* ⑩ 相关专题卡：移动端紧凑化（限定详情页，避免污染首页专题图片卡） */
  .axy-detail-main .axy-ztcard{padding:16px;border-radius:14px;}
  .axy-detail-main .axy-ztcard .axy-h2{margin:0 0 12px;}
  /* 专题头：移动端「图上文下」，文字叠加在图片（600x300 等比 2:1）上 */
  .axy-zt-head{display:block;position:relative;padding:0;margin-bottom:6px;background:transparent;border:0;border-radius:0;overflow:hidden;}
  .axy-zt-thumb{position:relative;display:block;width:100%;height:auto;aspect-ratio:2 / 1;overflow:hidden;border-radius:14px;}
  .axy-zt-thumb img{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:0;object-fit:cover;display:block;z-index:0;}
  /* 专题名：悬浮图片顶部左侧，黑色10%透明底、无边距 */
  .axy-zt-thumb .zt-name{position:absolute;top:0;left:0;margin:0;padding:3px 8px;border-radius:6px;background:rgba(0,0,0,.10);color:#fff;font-weight:800;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 16px);z-index:2;}
  /* 更新于：悬浮图片底部左侧，黑色10%透明底、无边距 */
  .axy-zt-thumb .upd{position:absolute;left:0;bottom:0;margin:0;padding:3px 8px;border-radius:6px;background:rgba(0,0,0,.10);color:#fff;font-style:normal;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:2;}
  /* 款数：悬浮图片底部右侧，黑色10%透明底、无边距 */
  .axy-zt-thumb em{position:absolute;right:0;bottom:0;margin:0;padding:3px 8px;border-radius:6px;background:rgba(0,0,0,.10);color:#fff;font-style:normal;font-weight:700;font-size:12px;white-space:nowrap;z-index:2;}
  /* 简介：图片下方，三行截断，左右留间距；顶部紧贴图片（间距直接可控） */
  .axy-zt-head .t{display:block;margin:0;padding:0;}
  .axy-zt-head .t p{margin:10px 0 0;padding:0 12px;font-size:13px;color:var(--muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
  .axy-info{grid-template-columns:repeat(3,1fr);gap:10px;}
  .axy-rank{grid-template-columns:30px 40px 1fr auto;}

  /* 页脚 */
  .axy-footer{padding:28px 16px 64px;font-size:12px;margin-top:12px;}
  .axy-footer .cols{grid-template-columns:repeat(2,1fr);}
  .axy-links{margin:12px 0;padding:0 12px;}
  .axy-links .axy-h2{margin-bottom:12px;}

  /* 移动端底部 Tab 栏 */
  .axy-tabbar{display:flex!important;position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;border-top:1px solid var(--line);padding:6px 0 calc(6px + env(safe-area-inset-bottom));}
  .axy-tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:var(--muted);padding:4px 0;}
  .axy-tabbar a.on{color:var(--star-deep);font-weight:700;}
  .axy-tabbar svg{width:22px;height:22px;fill:currentColor;}

  #back-to-top{bottom:76px;right:14px;width:42px;height:42px;}
}

/* ---------- 公共无限滚动加载提示（由 list.js 创建，仅启用时显示） ---------- */
.axy-infinite-tip{display:none;text-align:center;color:var(--muted);font-size:13px;padding:16px 0;}

/* ---------- 小屏手机 ---------- */
@media (max-width:480px){
  .axy-grid,.axy-rel{grid-template-columns:repeat(2,1fr);}
  .axy-dl{grid-template-columns:repeat(2,1fr);}
  .axy-info{grid-template-columns:repeat(3,1fr);}
  .axy-footer .cols{grid-template-columns:1fr;}
}

/* ---------- 桌面端隐藏移动组件 ---------- */
@media (min-width:769px){
  .axy-tabbar{display:none!important;}

  /* 专题头：桌面/平板还原为「左图右文」经典卡片（修复误将叠加写法带到 PC/平板） */
  .axy-zt-head{display:grid;grid-template-columns:300px 1fr;grid-template-areas:"img title" "img desc" "img foot";align-items:start;gap:6px 14px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:14px;text-decoration:none;color:inherit;overflow:visible;}
  .axy-zt-thumb{display:contents;}
  .axy-zt-thumb img{grid-area:img;width:300px;height:150px;object-fit:cover;border-radius:12px;display:block;position:static;align-self:start;}
  .axy-zt-thumb .zt-name{grid-area:title;position:static;top:auto;left:auto;display:block;padding:0;border-radius:0;background:transparent;color:var(--text);font-weight:800;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:none;}
  .axy-zt-head .t{grid-area:desc;margin:0;padding:0;display:block;min-width:0;align-self:start;}
  .axy-zt-head .t p{margin:6px 0;font-size:13px;color:var(--muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
  .axy-zt-thumb .axy-zt-foot{grid-area:foot;position:static;left:auto;right:auto;bottom:auto;top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px;}
  .axy-zt-thumb .upd{font-style:normal;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0;border-radius:0;background:transparent;}
  .axy-zt-thumb em{font-style:normal;font-size:12px;color:var(--star-deep);font-weight:700;white-space:nowrap;padding:0;border-radius:0;background:transparent;}
}