/* ============================================================
   应用星 · 专题列表模板 专属样式
   公共设计系统（变量 / 头部 / 全局响应式）由 /skin/css/common.css 注入，
   本文件放专题列表页专用展示样式。
   ============================================================ */

:root{--star:#FECD0F;--star-deep:#F2A900;--ink:#16162A;--paper:#FFFDF6;--line:#F0ECDA;--muted:#8A8A98;}
*{box-sizing:border-box;}
body{margin:0;font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;background:var(--paper);color:var(--ink);}
.axy-wrap{max-width:1200px;margin:0 auto;padding:0 16px;}
.axy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
@media(max-width:900px){.axy-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:600px){.axy-grid{grid-template-columns:1fr;}}
.axy-card{display:block;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;color:var(--ink);text-decoration:none;transition:transform .2s,box-shadow .2s;}
.axy-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(22,22,42,.10);}
.axy-cover{width:100%;height:150px;object-fit:cover;display:block;}
.axy-body{padding:16px;}
.axy-body h3{margin:0 0 8px;font-size:18px;}
.axy-body p{margin:0;color:var(--muted);font-size:13px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.axy-pager{display:none;}/* 已改为 JS 无限滚动：分页按钮隐藏，仅作下一页地址源 */
.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;}






/* ===== 响应式适配（PC / 平板 / 手机）===== */
/* ============================================================
   应用星 · 响应式适配（PC / 平板 / 手机）
   断点：桌面 ≥1025px ｜ 平板 769–1024px ｜ 手机 ≤768px ｜ 小屏 ≤480px
   本段样式会自动注入到全部「应用星」PHP 模板，无需逐页维护。
   ============================================================ */

/* ---------- 基础：流式图片 / 防溢出 ---------- */
.axy-wrap,.axy-hd-in{max-width:1200px;margin:0 auto;width:100%;}
img,svg,video{max-width:100%;}
.axy-desc img{max-width:100%!important;height:auto!important;}

/* ---------- 卡片角标（融合闪玩：版本 / 推荐 / 新品 标签） ---------- */
.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:var(--ink);box-shadow:0 2px 6px rgba(22,22,42,.14);}
.axy-corner.good{background:var(--star);color:var(--ink);}
.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-health{margin:0 0 18px;font-size:12px;color:var(--star-deep);background:rgba(254,205,15,.12);
  border:1px solid var(--line);border-radius:10px;padding:8px 14px;text-align:center;}

/* ---------- 头部（PC 基准） ---------- */
.axy-header{position:sticky;top:0;z-index:40;background:#fff;border-bottom:1px solid var(--line);}
.axy-hd-in{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 24px;}
.axy-logo{flex:none;}
.axy-nav{display:flex;align-items:center;flex-wrap:nowrap;}
.axy-nav a{white-space:nowrap;}
.axy-search{width:250px;flex:none;}
.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-hd-in{height:64px;padding:0 16px;gap:12px;}
  .axy-search{width:190px;}
  .axy-nav a{margin:0 9px;font-size:15px;}

  .axy-focus{grid-template-columns:1fr;}
  .axy-focus-main{height:270px;}
  .axy-focus-side{flex-direction:row;flex-wrap:wrap;}
  .axy-focus-side .fs-hd{width:100%;}
  .axy-focus-side a{flex:1 1 45%;}

  .axy-cats{grid-template-columns:repeat(4,1fr);}
  .axy-grid,.axy-rel{grid-template-columns:repeat(4,1fr);}
  .axy-zt{grid-template-columns:repeat(2,1fr);}
  .axy-stat{grid-template-columns:repeat(2,1fr);}
  .axy-metagrid{grid-template-columns:repeat(3,1fr);}
}

/* ---------- 手机 ---------- */
@media (max-width:768px){
  /* 头部 → 汉堡 + 抽屉 */
  .axy-hd-in{height:58px;padding:0 14px;gap:8px;}
  .axy-logo .name,.axy-logo{font-size:18px;}
  .axy-logo .star{width:24px;height:24px;}
  .axy-nav{display:none;}
  .axy-search{display:none;}
  .axy-burger{display:flex;}
  .axy-drawer{display:none;padding:8px 14px 16px;border-top:1px solid var(--line);background:#fff;}
  .axy-drawer.open{display:block;}
  .axy-drawer nav{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
  .axy-drawer nav a{font-size:14px;color:var(--ink);background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:10px 0;text-align:center;}
  .axy-drawer nav a.on{background:var(--star);border-color:var(--star);font-weight:700;}
  .axy-msearch{display:flex;margin-bottom:12px;}
  .axy-msearch input{flex:1;height:40px;border:1px solid var(--line);border-radius:10px 0 0 10px;padding:0 12px;font-size:14px;outline:0;background:#fff;}
  .axy-msearch button{height:40px;border:0;border-radius:0 10px 10px 0;background:var(--star);color:var(--ink);font-weight:700;padding:0 18px;font-size:14px;cursor:pointer;}
  .axy-burger.on span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  .axy-burger.on span:nth-child(2){opacity:0;}
  .axy-burger.on span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

  /* 容器与间距 */
  .axy-wrap{padding:0 12px;}
  .axy-sec{margin-top:28px;}

  /* 焦点推荐 */
  .axy-focus{grid-template-columns:1fr;gap:12px;margin-top:14px;}
  .axy-focus-main{height:auto;min-height:200px;border-radius:16px;}
  .axy-slide{flex-direction:column;align-items:flex-start;gap:12px;padding:18px;}
  .axy-slide img{width:96px;height:96px;border-radius:20px;}
  .axy-slide h2{font-size:19px;margin:6px 0 6px;}
  .axy-slide p{font-size:13px;max-width:100%;}
  .axy-slide .heat{margin-bottom:12px;font-size:12px;}
  .axy-btn{padding:9px 22px;font-size:14px;}
  .axy-focus .axy-swap{right:10px;bottom:10px;padding:4px 12px;font-size:12px;}
  .axy-focus-side{gap:8px;}
  .axy-focus-side a{padding:8px 10px;flex:1 1 100%;}
  .axy-focus-side img{width:38px;height:38px;}

  /* 金刚区 / 卡片网格 */
  .axy-cats{grid-template-columns:repeat(4,1fr);gap:10px;}
  .axy-cat{padding:12px 6px;font-size:13px;border-radius:12px;}
  .axy-grid,.axy-rel{grid-template-columns:repeat(3,1fr);gap:10px;}
  .axy-card{padding:10px;border-radius:12px;}
  .axy-icon{width:52px;height:52px;border-radius:13px;}
  .axy-name{font-size:12px;}
  .axy-tagline{font-size:11px;}
  .axy-mini.g{padding:4px 0;font-size:11px;}

  /* 排行榜 */
  .axy-tabs{gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;}
  .axy-tab{padding:5px 14px;font-size:12px;white-space:nowrap;}
  .axy-rank{grid-template-columns:32px 44px 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:40px;height:40px;border-radius:11px;}
  .axy-rank .n{font-size:14px;}
  .axy-rank .v{display:none;}
  .axy-rank .c{font-size:11px;}
  .axy-rank .go{padding:5px 12px;font-size:12px;}

  /* 列表行 */
  .axy-lrow{grid-template-columns:46px 1fr auto;gap:10px;padding:10px 12px;border-radius:12px;}
  .axy-lrow img{width:42px;height:42px;border-radius:11px;}
  .axy-lrow h3{font-size:14px;}
  .axy-lrow .d{font-size:12px;white-space:normal;}
  .axy-lrow .sc{font-size:14px;padding:6px 12px;}

  /* 专题 */
  .axy-zt{grid-template-columns:1fr;gap:12px;}
  .axy-ztcard{height:132px;border-radius:14px;}
  .axy-ztcard h3{font-size:16px;}

  /* 标签 */
  .axy-tags{gap:8px;}
  .axy-tags a{padding:6px 14px;font-size:12px;}

  /* 详情页：主卡单列 */
  .axy-crumb{padding:12px 0;font-size:12px;overflow-x:auto;white-space:nowrap;}
  .axy-main-card{grid-template-columns:1fr;border-radius:16px;}
  .axy-shots{border-right:0;border-bottom:1px solid var(--line);padding:12px;}
  .axy-shots .rail{height:200px;}
  .axy-pane{padding:16px;}
  .axy-pane .top{gap:12px;}
  .axy-pane .top img,.axy-pane .top .ic{width:64px;height:64px;border-radius:16px;}
  .axy-pane h1{font-size:20px;}
  .axy-score-big{margin:14px 0 6px;gap:10px;}
  .axy-score-big b{font-size:30px;}
  .axy-metagrid{grid-template-columns:repeat(2,1fr);gap:8px;}
  .axy-dl{grid-template-columns:repeat(2,1fr);gap:8px;padding-top:14px;}
  .axy-btn{font-size:14px;padding:11px 6px;}

  /* 详情页：其余板块 */
  .axy-stat{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px;}
  .axy-stat div{padding:11px;}
  .axy-stat b{font-size:18px;}
  .axy-section{padding:16px;border-radius:14px;margin-top:12px;}
  .axy-desc{font-size:14px;line-height:1.8;}
  .axy-info{grid-template-columns:repeat(2,1fr);gap:10px;}
  .axy-rank{grid-template-columns:30px 40px 1fr auto;}

  /* 专题 / 标签头 */
  .axy-hero{min-height:150px;border-radius:14px;}
  .axy-hero h1{font-size:20px;}
  .axy-hero p{font-size:13px;}
  .axy-hero .axy-hero-in{padding:16px;}
  .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;}

  /* 列表页 2 栏 → 1 栏 */
  .axy-list-body{grid-template-columns:1fr!important;}
  .axy-side{display:none;}

  /* 页脚 */
  .axy-footer{padding:28px 16px 90px;font-size:12px;}
  .axy-footer .cols{grid-template-columns:repeat(2,1fr);}
  /* 友情链接黄底块样式统一由 /skin/css/common.css 控制 */

  /* 移动端底部 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;}

  /* 移动端底部下载条（详情页） */
  .axy-dlbar{display:flex!important;position:fixed;left:0;right:0;bottom:0;z-index:60;align-items:center;gap:10px;background:#fff;border-top:1px solid var(--line);padding:8px 12px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -4px 16px rgba(22,22,42,.06);}
  .axy-dlbar .ic{width:40px;height:40px;border-radius:11px;flex:none;}
  .axy-dlbar .t{min-width:0;flex:1;}
  .axy-dlbar .t b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .axy-dlbar .t span{font-size:11px;color:var(--muted);}
  .axy-dlbar .go{background:var(--star);color:var(--ink);font-weight:700;border-radius:999px;padding:9px 22px;font-size:14px;flex:none;}

  /* 有底部条时给内容留白 */
  body.axy-has-bar{padding-bottom:72px;}
  #back-to-top{bottom:76px!important;right:14px!important;width:42px!important;height:42px!important;}
}

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

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