/* ============ 游戏详情页 · 现代化 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{position:relative;min-height:32px;border:0;padding:0 0 16px;display:flex;align-items:center;justify-content:center;color:#1f2530}
.soft-detail .article-down .title:before{display:none}
.soft-detail .article-down .download-title-label{display:inline-flex;align-items:center;justify-content:center;color:#1f2530;font-size:22px;font-weight:800;line-height:32px}
.soft-detail .article-down .download-title-label:before{content:"\f019";margin-right:9px;color:var(--ad-accent);font-family:FontAwesome;font-size:20px;font-weight:400}
.soft-detail .article-down .download-title-actions{position:absolute;top:1px;right:0;display:flex;align-items:center;gap:8px}
.soft-detail .article-down .title a{display:inline-flex;align-items:center;justify-content:center;float:none;min-height:30px;margin:0;padding:5px 12px;border:1px solid transparent;border-radius:999px;box-sizing:border-box;color:#fff;font-size:12px;font-weight:500;line-height:18px;transition:background-color .2s,border-color .2s}
.soft-detail .article-down .title a i{margin-right:4px}
.soft-detail .article-down .title .help-center-entry{border-color:#ffc928;background:#ffc928;color:#24272d}
.soft-detail .article-down .title .help-center-entry:hover{border-color:#ffd95c;background:#ffd95c;color:#17191d}
.soft-detail .article-down .title .resource-report-entry{border-color:#ff7a45;background:#ff7a45;color:#fff}
.soft-detail .article-down .title .resource-report-entry:hover{border-color:#ed6634;background:#ed6634;color:#fff}
/* 网盘按钮网格 */
.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}

/* ---------- 悬浮下载按钮（用字面色，.backdown 在 .soft-detail 外取不到变量）---------- */
.backdown{background:linear-gradient(135deg,#5b8def,#7ea6f5)!important;color:#fff!important;box-shadow:0 4px 10px -4px rgba(91,141,239,.35)!important}
.backdown:hover{background:linear-gradient(135deg,#4f7fe0,#6d97ec)!important}
body.night .backdown{background:linear-gradient(135deg,#3a6db5,#4f7cc0)!important;color:#fff!important;box-shadow:0 4px 10px -4px rgba(0,0,0,.5)!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 .download-title-label{color:#f1f3f6}
body.night .soft-detail .article-down .title .resource-report-entry{border-color:#c96038;background:#c96038;color:#fff}
body.night .soft-detail .article-down .title .resource-report-entry:hover{border-color:#db7047;background:#db7047;color:#fff}
body.night .soft-detail .article-down .title .help-center-entry{border-color:#e5ad17;background:#e5ad17;color:#17191d}
body.night .soft-detail .article-down .title .help-center-entry:hover{border-color:#f2c94c;background:#f2c94c;color:#111317}
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-tit{position:relative}
  .soft-detail .article-tit .collect{position:static!important;top:auto!important;right:auto!important;display:inline-flex;align-items:center;margin-top:12px}
  .soft-detail .article-down{padding:16px 14px}
  .soft-detail .article-down .title{min-height:0;flex-direction:column;row-gap:10px}
  .soft-detail .article-down .download-title-label{font-size:20px;line-height:30px}
  .soft-detail .article-down .download-title-actions{position:static;gap:6px;margin:0}
  .soft-detail .article-down .title a{padding:5px 9px;white-space:nowrap}
  .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}
}

/* 夜间正文：public.css 漏了 h4 等标题，补浅色，避免深底看不清 */
body.night .soft-detail .article-body,body.night .soft-detail .article-body h1,body.night .soft-detail .article-body h2,body.night .soft-detail .article-body h3,body.night .soft-detail .article-body h4,body.night .soft-detail .article-body h5,body.night .soft-detail .article-body h6,body.night .soft-detail .article-body li{color:#c8ccd2}