/* =========================================================
   知音·乐谱网 —— 下载中心「版本发布」样式  zydownload.css
   作用：
     1) /download/index.php  最新版本卡片（.zy-dl-rel*）
     2) 下载详情页 版本发布界面（.zy-rel*）
   约定：
     · 本文件只对下载中心两处页面加载，不并入 zhiyin.css，
       因此无需改任何模板里的 ?v= 版本号（新文件=新 URL）。
     · 所有选择器统一加 .zy-site 前缀，把 specificity 抬到 0,3,x 以上，
       否则会被 zhiyin.css 里 .zy-site 级别的全局规则（0,2,x）吞掉。
     · 凡是 zhiyin.css 用 !important 抢过的属性（按钮 color / 表单 background+color），
       这里必须同样带 !important —— 双方都带时由 specificity 决胜。
   ========================================================= */

/* ---------------- 1. 首页（/download/index.php）最新版本卡片 ---------------- */
.zy-site .zy-dl-relver{
  font-size:13px;font-weight:700;color:#C30E23 !important;
  background:#fdf2f3;border:1px solid rgba(195,14,35,.18);
  padding:4px 12px;border-radius:999px;white-space:nowrap;
}
.zy-site .zy-dl-relmeta{
  display:flex;flex-wrap:wrap;gap:10px 28px;
  margin:0 0 18px;padding:0 0 16px;
  border-bottom:1px dashed rgba(31,38,60,.16);
}
.zy-site .zy-dl-relmeta>span{font-size:13px;color:#6e6e73;display:inline-flex;align-items:baseline;}
.zy-site .zy-dl-relmeta>span>b{color:var(--ink);font-weight:700;margin-left:6px;}
.zy-site .zy-dl-relmeta>span>b:empty::after{content:'—';color:#b8b8bd;font-weight:400;}
/* 折行：简介可能是「一长串无空格字符」（历史数据/粘贴文本），
   必须给折行机会，否则容器横向溢出。word-break / overflow-wrap 均可继承到子元素。 */
.zy-site .zy-dl-latest-intro{font-size:14px;color:#3a2e28;line-height:1.9;margin-bottom:20px;word-break:break-word;overflow-wrap:anywhere;min-width:0;}
.zy-site .zy-dl-latest-intro:empty{display:none;}

/* 版本列表卡片里的取值加重 + 空值占位（列表模板无法用 PHP 判空，用 :empty 兜底） */
.zy-site .zy-dl-item .zy-dl-meta b{font-weight:700;color:var(--ink);}
.zy-site .zy-dl-item .zy-dl-meta b:empty::after{content:'—';color:#b8b8bd;font-weight:400;}

/* ---------------- 2. 版本发布页 ---------------- */
.zy-site .zy-rel{
  max-width:100%;margin:26px auto 10px;
  background:var(--glass);
  -webkit-backdrop-filter:saturate(180%) blur(18px);
  backdrop-filter:saturate(180%) blur(18px);
  border:1px solid var(--glass-bd);
  border-radius:var(--radius);
  box-shadow:var(--shadow-lg);
  overflow:hidden;
  animation:zyRise .7s var(--ease) both;
}

/* 头部横幅 */
.zy-site .zy-rel-head{
  padding:34px 40px 30px;
  background:linear-gradient(135deg,#221815 0%,#8a1520 52%,#C30E23 100%);
  color:#fff !important;position:relative;overflow:hidden;
}
.zy-site .zy-rel-head::after{
  content:'';position:absolute;right:-70px;top:-90px;width:280px;height:280px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.16),transparent 68%);pointer-events:none;
}
.zy-site .zy-rel-kicker{
  display:inline-block;font-size:12px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:rgba(255,255,255,.82) !important;
  background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.24);
  padding:5px 14px;border-radius:999px;margin-bottom:14px;
}
.zy-site .zy-rel-title{
  margin:0 0 22px;font-size:30px;line-height:1.28;font-weight:800;
  color:#fff !important;letter-spacing:-.01em;word-break:break-word;position:relative;z-index:1;
}
.zy-site .zy-rel-chips{
  display:flex;flex-wrap:wrap;gap:12px;position:relative;z-index:1;
}
.zy-site .zy-rel-chip{
  display:inline-flex;align-items:baseline;gap:8px;
  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);
  border-radius:12px;padding:9px 16px;min-width:120px;
}
.zy-site .zy-rel-chip em{
  font-style:normal;font-size:12px;color:rgba(255,255,255,.72) !important;letter-spacing:.02em;
}
.zy-site .zy-rel-chip b{
  font-size:15px;font-weight:700;color:#fff !important;word-break:break-all;
}
.zy-site .zy-rel-chip b:empty::after{content:'—';color:rgba(255,255,255,.45);font-weight:400;}

/* 正文区 */
.zy-site .zy-rel-body{padding:30px 40px 34px;}
.zy-site .zy-rel-sec{margin-bottom:28px;}
.zy-site .zy-rel-sec:last-of-type{margin-bottom:0;}
.zy-site .zy-rel-h{
  display:flex;align-items:center;gap:10px;
  margin:0 0 14px;font-size:16px;font-weight:700;color:var(--ink) !important;
  padding-bottom:10px;border-bottom:1px solid rgba(31,38,60,.10);
}
.zy-site .zy-rel-h i{
  flex:0 0 auto;width:4px;height:16px;border-radius:2px;background:var(--brand-grad);display:block;
}
.zy-site .zy-rel-text{
  font-size:15px;line-height:1.95;color:#3a2e28 !important;
  background:rgba(255,255,255,.55);border:1px solid rgba(31,38,60,.08);
  border-radius:var(--radius-sm);padding:16px 20px;min-height:56px;
  word-break:break-word;overflow-wrap:anywhere;min-width:0;
}
.zy-site .zy-rel-text img{max-width:100%;height:auto;border-radius:10px;}
/* 富文本简介内的块级元素清掉自己带的首尾外边距，避免和容器内边距叠加 */
.zy-site .zy-rel-text>p:first-child{margin-top:0;}
.zy-site .zy-rel-text>p:last-child{margin-bottom:0;}
.zy-site .zy-rel-text p{margin:0 0 10px;}
.zy-site .zy-rel-text:empty::after{content:'暂无简介';color:#b0b0b6;font-size:14px;}

/* 下载地址区 */
.zy-site .zy-rel-dl{
  display:flex;flex-direction:column;gap:12px;
  background:rgba(255,255,255,.55);border:1px solid rgba(31,38,60,.08);
  border-radius:var(--radius-sm);padding:20px;
  min-height:74px;justify-content:center;
}
.zy-site .zy-rel-dl:empty::after{content:'暂未提供下载地址';color:#b0b0b6;font-size:14px;text-align:center;}
/* Empire 多地址输出会在条目间插 <br>，在 flex 列布局里会变成匿名项，隐藏掉 */
.zy-site .zy-rel-dl br{display:none;}
.zy-site .zy-rel-dl a{
  display:flex;align-items:center;justify-content:center;gap:10px;
  padding:15px 28px;border-radius:14px;
  background:var(--brand-grad);color:#fff !important;
  font-size:16px;font-weight:700;text-decoration:none;letter-spacing:.01em;
  box-shadow:0 10px 24px rgba(195,14,35,.26);
  transition:transform .25s var(--ease-pop),box-shadow .25s var(--ease),filter .25s;
}
.zy-site .zy-rel-dl a:hover{
  transform:translateY(-2px) scale(1.015);box-shadow:0 16px 34px rgba(195,14,35,.34);filter:brightness(1.05);
}
.zy-site .zy-rel-dl a::before{
  content:'';flex:0 0 auto;width:18px;height:18px;
  background:currentColor;
  -webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v13'/%3E%3Cpath d='M6.5 11.5L12 17l5.5-5.5'/%3E%3Cpath d='M4 21h16'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v13'/%3E%3Cpath d='M6.5 11.5L12 17l5.5-5.5'/%3E%3Cpath d='M4 21h16'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* 底部返回 */
.zy-site .zy-rel-foot{
  margin-top:30px;padding-top:22px;
  border-top:1px solid rgba(31,38,60,.10);
  display:flex;justify-content:center;
}

/* 小屏适配 */
@media (max-width:760px){
  .zy-site .zy-rel{margin:16px 12px;border-radius:var(--radius-md);}
  .zy-site .zy-rel-head{padding:24px 20px 22px;}
  .zy-site .zy-rel-title{font-size:21px;margin-bottom:16px;}
  .zy-site .zy-rel-chips{gap:8px;}
  .zy-site .zy-rel-chip{min-width:0;padding:8px 12px;}
  .zy-site .zy-rel-body{padding:22px 20px 26px;}
  .zy-site .zy-rel-text{font-size:14px;padding:14px 16px;}
  .zy-site .zy-rel-dl{padding:14px;}
  .zy-site .zy-rel-dl a{font-size:15px;padding:13px 18px;}
}

/* ---------------- 3. 32/64 位标识与下载按钮（新增） ---------------- */
/* 列表页位数徽标 */
.zy-site .zy-badge{
  display:inline-block;padding:2px 9px;border-radius:999px;
  font-size:11px;font-weight:700;vertical-align:middle;margin-left:6px;
}
.zy-site .zy-badge-b32{background:#E3F2FD;color:#1565C0;}
.zy-site .zy-badge-b64{background:#E8F5E9;color:#2E7D32;}

/* 列表项版本号强调 */
.zy-site .zy-dl-meta b:empty::after{content:'—';color:#b8b8bd;font-weight:400;}

/* 最新版本卡片：位数胶囊（复用 .zy-dl-relver 红胶囊样式，仅改底色作区分） */
.zy-site .zy-dl-relver.zy-dl-bits{
  background:#eef3ff;border-color:rgba(21,101,192,.22);color:#1565C0 !important;
}

/* 详情页下载按钮：多版本并排，按 32/64/Mac 着色 */
.zy-site .zy-rel-dl{flex-direction:row;flex-wrap:wrap;}
.zy-site .zy-rel-dl a{flex:1 1 220px;}
.zy-site .zy-rel-dl a.zy-dl-32{
  background:linear-gradient(135deg,#1565C0,#0D47A1);
  box-shadow:0 10px 24px rgba(21,101,192,.28);
}
.zy-site .zy-rel-dl a.zy-dl-32:hover{
  box-shadow:0 16px 34px rgba(21,101,192,.36);
}
.zy-site .zy-rel-dl a.zy-dl-64{
  background:linear-gradient(135deg,#2E7D32,#1B5E20);
  box-shadow:0 10px 24px rgba(46,125,50,.28);
}
.zy-site .zy-rel-dl a.zy-dl-64:hover{
  box-shadow:0 16px 34px rgba(46,125,50,.36);
}
.zy-site .zy-rel-dl a.zy-dl-mac{
  background:linear-gradient(135deg,#5E35B1,#311B92);
  box-shadow:0 10px 24px rgba(94,53,177,.28);
}
.zy-site .zy-rel-dl a.zy-dl-mac:hover{
  box-shadow:0 16px 34px rgba(94,53,177,.36);
}

/* 空状态（列表/详情无数据时） */
.zy-site .zy-dl-empty{
  padding:40px;text-align:center;color:#999;font-size:14px;
  background:rgba(255,255,255,.5);border:1px dashed rgba(31,38,60,.16);border-radius:var(--radius);
}