/* ============================================================
   应用星 · TAG内容模板 专属样式
   公共设计系统（变量 / 头部 / 全局响应式）由 /skin/css/common.css 注入，
   本文件只放 TAG 内容页专用、且公共层桌面基础缺失的展示样式，
   避免与公共层重复（遵循「同类样式只保留唯一规则源」约定）。
   ============================================================ */

/* ---------- TAG 页级变量（仅覆盖 --paper / --soft，保留原微黄/纯白观感） ---------- */
:root{--paper:#FFFDF6;--soft:#FFFFFF;}

/* ---------- 容器（TAG 内容页居中容器，公共层未含 .axy-wrap 桌面基础） ---------- */
.axy-wrap{max-width:1200px;margin:0 auto;padding:0 16px;}

/* ---------- 面包屑（TAG 内容页桌面基础，公共层仅含移动端覆盖） ---------- */
.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;}

/* ---------- 标签头（TAG 页专属） ---------- */
.axy-taghead{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;color:var(--ink);margin-top:0;display:flex;align-items:center;gap:18px;}
.axy-taghead .pill{background:var(--star);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.25);font-weight:800;font-size:24px;padding:10px 20px;border-radius:14px;}
.axy-taghead h1{margin:0;font-size:24px;font-weight:800;line-height:1.3;}
.axy-taghead .meta{color:var(--muted);font-size:13px;margin-top:6px;}

/* ---------- 卡片网格（TAG 内容页桌面基础；平板列数由公共层覆盖） ---------- */
.axy-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;}
@media(max-width:640px){.axy-grid{grid-template-columns:repeat(3,1fr);}}

/* ---------- 应用卡片（TAG 星选网格用） ---------- */
.axy-card{position:relative;background:#fff;border:0;border-radius:12px;padding:12px;width:max-content;max-width:100%;text-align:center;transition:transform .2s,box-shadow .2s;box-shadow:0 1px 4px rgba(22,22,42,.05);}
.axy-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(22,22,42,.08);}
.axy-icon{width:80px;height:80px;border-radius:16px;object-fit:cover;border:1px solid var(--line);}
.axy-name{font-size:13px;margin-top:8px;max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;}

/* ---------- 评分 pill（星标叠加在图标上方） ---------- */
.axy-pill{font-size:12px;padding:2px 10px;border-radius:999px;background:var(--soft);border:1px solid var(--line);color:var(--muted);}
.axy-pill.star{background:var(--star);border-color:var(--star);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.25);font-weight:800;}
.axy-pill.star.axy-icon-star{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:3;padding:3px 10px;font-size:15px;background:transparent;border:0;box-shadow:none;text-shadow:none;display:inline-flex;gap:2px;align-items:center;}
.axy-pill.star.axy-icon-star .st{color:var(--star);font-style:normal;font-size:15px;line-height:1;}
.axy-pill.star.axy-icon-star .st.on{color:var(--star);}

/* ---------- 翻页（已改为 JS 无限滚动：分页按钮隐藏，仅作下一页地址源） ---------- */
.axy-pager{display:none;}

/* ---------- 两栏布局（与下载内容模板对齐：左=相关游戏，右=相关标签/热门标签） ---------- */
.axy-detail-layout{display:grid;grid-template-columns:1fr 280px;gap:18px;align-items:start;margin-top:0;}
.axy-detail-main{min-width:0;display:flex;flex-direction:column;gap:16px;}
.axy-detail-side{display:flex;flex-direction:column;gap:16px;min-width:0;}

/* ---------- 右栏板块卡片（与下载内容模板一致：白底 + 细边框 + 圆角） ---------- */
.axy-section{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;margin-top:0;}

/* ---------- 左栏游戏卡片：PC 端由 tag.js 写入固定高度，内容超出后内部竖向滚动；H2 sticky 吸顶（与下载内容页「详情介绍」同款） ---------- */
.axy-detail-main > .axy-gamecard{flex:0 0 auto;min-height:0;margin-top:0;overflow-y:auto;background:#fff;border:1px solid var(--line);border-radius:20px;padding:0 24px 24px;}
.axy-detail-main > .axy-gamecard > .axy-h2{position:sticky;top:0;z-index:4;background:#fff;margin:0 0 14px;padding:18px 0 10px;}
.axy-detail-main > .axy-gamecard::-webkit-scrollbar{width:6px;}
.axy-detail-main > .axy-gamecard::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px;}

/* ---------- 标签纵向列表（相关标签 / 热门标签：一行一个，与详情页右栏板块间距一致） ---------- */
.axy-taglist{display:flex;flex-direction:column;}
.axy-taglist a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px dashed var(--line);font-size:14px;color:var(--ink);text-decoration:none;transition:color .15s;}
.axy-taglist a:last-child{border-bottom:0;}
.axy-taglist a:hover{color:var(--star-deep);}
.axy-taglist a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.axy-taglist a em{font-style:normal;color:var(--muted);font-size:12px;flex:none;}

/* ---------- 平板/手机：两栏堆叠，游戏卡片还原为自适应高度（tag.js 同样在 ≤1024 复位内联高度） ---------- */
@media (max-width:1024px){
  .axy-detail-layout{margin-top:12px;}
  .axy-detail-main,
  .axy-detail-side{gap:12px;}
  .axy-detail-main > .axy-gamecard{flex:none;height:auto;overflow:visible;padding:18px;}
  .axy-detail-main > .axy-gamecard > .axy-h2{position:static;padding:0 0 14px;background:none;}
}

/* ---------- 移动端适配（TAG 内容页用到的类，公共层未覆盖部分） ---------- */
@media (max-width:768px){
  .axy-wrap{padding:0 12px;}
  .axy-taghead{flex-direction:column;align-items:flex-start;gap:12px;padding:18px;border-radius:14px;}
  .axy-taghead .pill{font-size:18px;padding:8px 16px;}
  .axy-taghead h1{font-size:20px;}
  .axy-card{padding:10px;border-radius:12px;}
  .axy-icon{width:52px;height:52px;border-radius:13px;}
  .axy-name{font-size:12px;}
  .axy-detail-main,.axy-detail-side{gap:12px;}
  .axy-detail-layout{margin-top:12px;}
}