/* ============ 游戏详情页 · 现代化 UI 2026-07-05 ============ */
/* 独立命名空间 .soft-detail，只增强视觉，不改 article.css 公共样式 */
.soft-detail{--ad-accent:#5b8def;--ad-accent-2:#7ea6f5;--ad-radius:16px}

/* ---------- 主体卡片化 ---------- */
.soft-detail .article-main>.left{background:#fff;border-radius:var(--ad-radius);box-shadow:0 16px 40px -26px rgba(15,30,60,.35);box-sizing:border-box;padding:24px 26px}

/* 面包屑 */
.soft-detail .article-crumbs{color:#8b95a3;font-size:13px;margin-bottom:14px}
.soft-detail .article-crumbs a{color:#8b95a3}
.soft-detail .article-crumbs a:hover{color:var(--ad-accent)}

/* 标题区 */
.soft-detail .article-tit h1{font-size:24px;font-weight:700;line-height:1.35;color:#1f2530}
/* 标题当天角标 */
.soft-detail .article-tit h1 .tit-badge{display:inline-flex;align-items:center;vertical-align:middle;margin-left:10px;padding:0 10px;height:24px;font-size:12px;font-weight:600;line-height:1;color:#fff;border-radius:8px;letter-spacing:.5px;white-space:nowrap}
.soft-detail .article-tit h1 .tit-badge.is-new{background:linear-gradient(135deg,#ff4d6d,#e60039)}
.soft-detail .article-tit h1 .tit-badge.is-update{background:linear-gradient(135deg,#ffa53d,#ff7a18)}
.soft-detail .article-tit .info{margin-top:10px;color:#9aa3b0;font-size:13px}
.soft-detail .article-tit .info span{margin-right:16px}
/* 收藏按钮 */
.soft-detail .article-tit .collect{border:1px solid #e6eaf0;color:#8b95a3;border-radius:999px;transition:all .25s}
.soft-detail .article-tit .collect:hover{color:var(--ad-accent);border-color:var(--ad-accent)}
.soft-detail .article-tit .collect.cover{color:#fff;background:linear-gradient(135deg,var(--ad-accent),var(--ad-accent-2));border-color:transparent}

/* 标签 */
.soft-detail .article-tags a{display:inline-block;padding:4px 12px;margin:0 8px 8px 0;background:#eef3fd;color:var(--ad-accent);border-radius:999px;font-size:12px;transition:all .25s}
.soft-detail .article-tags a:hover{background:var(--ad-accent);color:#fff}

/* ---------- 下载区（核心）---------- */
.soft-detail .article-down{background:linear-gradient(180deg,#f7faff,#fff);border:1px solid #e6eefb;border-radius:var(--ad-radius);padding:20px 22px;margin:22px 0}
.soft-detail .article-down .title{font-size:18px;font-weight:700;color:#1f2530;border:0;padding:0 0 16px;display:flex;align-items:center;justify-content:space-between}
.soft-detail .article-down .title:before{content:"\f019";font-family:FontAwesome;color:var(--ad-accent);margin-right:8px;font-size:18px}
.soft-detail .article-down .title a{font-size:12px;font-weight:400;color:#ff7a45;background:#fff4ef;padding:5px 12px;border-radius:999px}
.soft-detail .article-down .title a i{margin-right:4px}
/* 网盘按钮网格 */
.soft-detail .article-down ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:0}
.soft-detail .article-down ul li{margin:0;list-style:none}
.soft-detail .article-down .downbtn{display:flex;align-items:center;gap:9px;width:100%;box-sizing:border-box;padding:9px 13px;background:#fff;border:1px solid #e6eefb;border-radius:10px;color:#2b323d;font-size:14px;font-weight:600;transition:transform .25s,box-shadow .25s,border-color .25s}
.soft-detail .article-down .downbtn:hover{transform:translateY(-2px);border-color:var(--ad-accent);box-shadow:0 10px 20px -12px rgba(91,141,239,.55)}
.soft-detail .article-down .downbtn i{flex-shrink:0;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center}
.soft-detail .article-down .downbtn i img{width:28px;height:28px;border-radius:7px;object-fit:contain}
.soft-detail .article-down .downbtn .down-server-meta{display:inline-flex;align-items:center;min-width:0}
.soft-detail .article-down .downbtn .down-server-name{font-size:14px;font-weight:600;color:#2b323d}

/* ---------- 简介正文 ---------- */
.soft-detail .article-body{line-height:1.9;color:#3a424e}
.soft-detail .article-body img{max-width:100%;height:auto;border-radius:10px;margin:8px 0}

/* ---------- 免责声明 ---------- */
.soft-detail .copyright{background:#f7f9fc;border-radius:12px;padding:16px 18px;margin-top:22px}
.soft-detail .copyright .tit{font-weight:700;color:#8b95a3;margin-bottom:6px}
.soft-detail .copyright p{color:#9aa3b0;font-size:12px;line-height:1.8}

/* ---------- 上/下篇 ---------- */
.soft-detail .article-page .up,.soft-detail .article-page .down{border-radius:12px;overflow:hidden}

/* ---------- 分享/点赞行 ---------- */
.soft-detail .article-share{margin:18px 0}

/* ---------- 悬浮下载按钮 ---------- */
.soft-detail~.backdown,.backdown{background:linear-gradient(135deg,var(--ad-accent),var(--ad-accent-2))!important;color:#fff!important}

/* ---------- 夜间模式 ---------- */
body.night .soft-detail .article-main>.left{background:#292a2d;box-shadow:none}
body.night .soft-detail .article-tit h1{color:#e6e8eb}
body.night .soft-detail .article-down{background:#2a2c30;border-color:#3a3d42}
body.night .soft-detail .article-down .title{color:#e6e8eb}
body.night .soft-detail .article-down .downbtn{background:#323335;border-color:#3a3d42;color:#c0c4cc}
body.night .soft-detail .article-down .downbtn .down-server-name{color:#d4d8de}
body.night .soft-detail .article-down .downbtn:hover{border-color:var(--ad-accent)}
body.night .soft-detail .article-tags a{background:#2a3a4d;color:#8bb0f7}
body.night .soft-detail .copyright{background:#232427}

/* ---------- 响应式 ---------- */
@media screen and (max-width:800px){
  .soft-detail .article-main>.left{padding:16px 14px;border-radius:14px}
  .soft-detail .article-tit h1{font-size:20px}
  .soft-detail .article-down{padding:16px 14px}
  .soft-detail .article-down ul{grid-template-columns:repeat(2,1fr);gap:10px}
  .soft-detail .article-down .downbtn{padding:10px 12px;gap:9px;font-size:14px}
  .soft-detail .article-down .downbtn i,.soft-detail .article-down .downbtn i img{width:32px;height:32px}
}
@media screen and (max-width:420px){
  .soft-detail .article-down ul{grid-template-columns:1fr}
}