/* ============================================================
   鸟哥规范标准库 · 粉丝网站 v4
   布局参考旧站：白色顶栏(Logo+品牌+搜索+登录) + 蓝色二级导航 + 广告位
   ============================================================ */

:root{
  --bg:#eef1f6; --card:#ffffff; --ink:#1f2937; --muted:#6b7280;
  --line:#dbe2ea; --brand:#185fa5; --brand-soft:#e6f1fb;
  --green:#3b6d11; --green-soft:#eaf3de; --chip:#e7ecf3;
  --accent-green:#22c55e;
}

*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{
  font-family:-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;
  background:var(--bg); color:var(--ink); line-height:1.6;
  display:flex; flex-direction:column;
}

/* ========== 白色顶栏（对齐旧站布局） ========== */
.site-header{
  background:#fff; border-bottom:1px solid var(--line);
  padding:14px 24px; box-shadow:0 1px 4px rgba(0,0,0,.04);
}
.header-inner{
  max-width:1200px; margin:0 auto;
  display:flex; align-items:center; justify-content:space-between; gap:20px;
}

/* 左侧：Logo + 品牌 */
.brand-area{display:flex;align-items:center;gap:10px}
.logo-icon{font-size:36px;line-height:1}
.brand-text{display:flex;flex-direction:column}
.brand-name{
  font-size:22px;font-weight:800;color:var(--ink);letter-spacing:.5px;line-height:1.2
}
.brand-url{
  font-size:11.5px;color:var(--muted);line-height:1.2
}
.home-link{
  font-size:14px;color:var(--accent-green);font-weight:600;text-decoration:none;
  padding:3px 12px;border-radius:6px;background:rgba(34,197,94,.08);
  white-space:nowrap;transition:background .15s;
}
.home-link:hover{background:rgba(34,197,94,.16)}
.nav-link{
  font-size:14px;color:#fff;font-weight:600;text-decoration:none;
  padding:3px 14px;border-radius:6px;background:var(--brand);
  white-space:nowrap;transition:background .15s;
}
.nav-link:hover{background:var(--brand-dark,#165ba5)}

/* 右侧：登录/注册（搜索已移至主内容区） */
.header-right{display:flex;align-items:center;gap:8px}

.hdr-auth{display:flex;align-items:center;gap:8px;flex-shrink:0}
.btn-login{
  font-size:13px;font-weight:700;color:#fff;background:var(--accent-green);
  border:none;padding:8px 20px;border-radius:8px;cursor:pointer;
  transition:background .15s;white-space:nowrap;
}
.btn-login:hover{background:#1ea04d}
.btn-reg{
  font-size:13px;font-weight:600;color:var(--muted);background:none;
  border:1.5px solid var(--line);padding:7px 16px;border-radius:8px;
  cursor:pointer;transition:border-color .15s,color .15s;white-space:nowrap
}
.btn-reg:hover{border-color:var(--brand);color:var(--brand)}
.user-info{font-size:13px;display:flex;align-items:center;gap:8px}
.user-name{font-weight:600;color:var(--ink)}
.btn-logout{
  font-size:12px;color:var(--muted);cursor:pointer;text-decoration:underline;
  background:none;border:none;padding:0;
}

/* ========== 蓝色二级导航（栏目 / 分栏目） ========== */
.sub-nav{
  background:var(--brand); box-shadow:0 2px 8px rgba(24,95,165,.18)
}
.sub-nav-inner{
  max-width:1200px;margin:0 auto;
  display:flex;flex-direction:column;gap:2px;padding:4px 20px 6px;
}
.nav-levels{
  display:flex;gap:2px;flex-wrap:wrap;font-size:13px;padding:2px 0;
}
.nl{
  color:rgba(255,255,255,.78);text-decoration:none;padding:5px 12px;
  border-radius:6px;white-space:nowrap;cursor:pointer;transition:all .15s;
  font-weight:500;user-select:none;display:inline-flex;align-items:center;gap:4px;
}
.nl:hover{background:rgba(255,255,255,.12);color:#fff}
.nl.on{background:rgba(255,255,255,.2);color:#fff;font-weight:700}
.nl .cnt{font-size:11px;opacity:.65;font-weight:400}
/* 规范查新：与栏目并列的蓝底白字按钮 */
.nl-chx{
  background:var(--brand-dark,#165ba5);color:#fff;font-weight:700;
  border-radius:6px;margin-left:8px;padding:5px 14px;
  box-shadow:0 1px 4px rgba(0,0,0,.18);
}
.nl-chx:hover{background:#0f4d8c;color:#fff}

/* 顶部导航下拉子栏目 */
.nl-wrap{position:relative;display:inline-flex;align-items:center}
.nl-arrow{font-size:9px;opacity:.65;margin-left:3px}
.nav-dropdown{
  display:none;position:absolute;top:100%;left:0;min-width:180px;max-width:320px;
  background:#fff;border:1px solid #dbe2ea;border-radius:10px;
  box-shadow:0 10px 28px rgba(0,0,0,.14);padding:6px 0;z-index:200;
  max-height:380px;overflow-y:auto;
}
.nl-wrap:hover .nav-dropdown{display:block}
.nd-item{
  display:flex;justify-content:space-between;align-items:center;gap:10px;
  padding:7px 16px;font-size:13px;color:#334155;text-decoration:none;white-space:nowrap;
  transition:background .12s;
}
.nd-item:hover{background:#eef4fc;color:var(--brand)}
.nd-cnt{font-size:11px;color:#94a3b8;font-weight:500}
.nd-loading,.nd-empty{padding:8px 16px;font-size:12px;color:#94a3b8}

.nav-series{
  display:flex;gap:2px;flex-wrap:wrap;font-size:12px;padding:1px 0 2px;
}
.ns{
  color:rgba(255,255,255,.58);text-decoration:none;padding:3px 10px;
  border-radius:5px;white-space:nowrap;cursor:pointer;transition:all .15s;
  font-weight:400;user-select:none;
}
.ns:hover{background:rgba(255,255,255,.1);color:rgba(255,255,255,.88)}
.ns.on{background:rgba(255,255,255,.16);color:#fff;font-weight:600}

/* ========== 主内容区 ========== */
.container{
  flex:1;width:100%;max-width:1200px;margin:0 auto;
  padding:16px 20px 28px;
}

/* 搜索 + 访问筛选（一行） */
.search-extra{
  display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted);
  margin-bottom:12px;flex-wrap:wrap;
}
.search-extra label{font-weight:600;white-space:nowrap}
.search-extra select{
  padding:7px 11px;font-size:13px;border:1px solid var(--line);
  border-radius:8px;background:#fff;outline:none;cursor:pointer;
}
.search-extra select:focus{border-color:var(--brand)}

/* 主搜索框（粗蓝边框 + 右侧搜索按钮） */
.main-search{
  position:relative;flex:1;min-width:260px;max-width:520px;
  display:flex;align-items:center;border:2.5px solid var(--brand);
  border-radius:10px;background:#fff;overflow:hidden;
}
.main-search-ico{
  position:absolute;left:12px;top:50%;transform:translateY(-50%);
  font-size:15px;pointer-events:none;color:#8b9bb0;z-index:1
}
.main-search input{
  flex:1;width:0;padding:11px 14px 11px 38px;font-size:14px;
  border:none;background:transparent;
  outline:none;font-size:14px;color:#333;
}
.main-search input::placeholder{color:#a0aab8}
.btn-search{
  flex-shrink:0;padding:11px 22px;font-size:15px;font-weight:600;
  color:#fff;background:var(--brand);border:none;cursor:pointer;
  transition:background .2s;white-space:nowrap;line-height:1;
}
.btn-search:hover{background:var(--brand-dark,#165ba5)}

/* ---- 统计报表 dcard ---- */
.dashboard{display:flex;gap:14px;margin:14px 0 4px;flex-wrap:wrap}
.dcard{
  flex:1;min-width:190px;
  background:linear-gradient(135deg,#eef4fc,#e2edfb);
  border:1px solid #cfe0f5;border-radius:14px;padding:15px 18px;
  position:relative;overflow:hidden;
  box-shadow:0 1px 3px rgba(24,95,165,.08);
}
.dcard.accent{
  background:linear-gradient(135deg,#eafbe6,#defadc);
  border-color:#b7e4c7;box-shadow:0 1px 3px rgba(59,109,17,.06);
}
.dcard.accent .dnum{color:#15803d}
.dcard.warn{
  background:linear-gradient(135deg,#fef1ef,#fce8e5);
  border-color:#f5c6c6;box-shadow:0 1px 3px rgba(192,57,43,.06);
}
.dcard.warn .dnum{color:#c0392b}
.dcard .dlabel{font-size:13px;color:#3a5a82;font-weight:700;display:flex;align-items:center;gap:6px}
.dcard .dico{font-size:15px}
.dcard .dnum{
  font-size:34px;font-weight:800;color:var(--brand);line-height:1.12;
  margin-top:6px;font-variant-numeric:tabular-nums;letter-spacing:.5px;
}
.dcard .dsub{font-size:12px;color:#6b7e96;margin-top:5px}

/* 搜索框后内联统计数字 */
.stats-inline{display:flex;align-items:center;gap:18px;font-size:13px;color:var(--muted);flex-shrink:0;flex-wrap:wrap}
.stats-inline b{color:var(--ink);font-weight:700;margin-left:4px;font-variant-numeric:tabular-nums}

/* 最近更新三栏 */
.recent-section{display:flex;gap:14px;margin:6px 0 14px;flex-wrap:wrap}
.recent-col{
  flex:1;min-width:240px;
  background:#f5f8fc;border:1px solid #e2e8f0;border-radius:12px;
  padding:14px 16px;
}
.recent-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.recent-title{font-size:15px;font-weight:700;color:#1f2937;margin-bottom:0;padding-left:8px;border-left:3px solid var(--brand);flex:1;min-width:0}
.recent-list{list-style:none}
.recent-item{
  font-size:13px;color:var(--ink);padding:7px 0;border-bottom:1px dashed #e2e8f0;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.45
}
.recent-item:last-child{border-bottom:none}
.recent-code{color:var(--brand);font-weight:600;margin-right:4px}
.recent-name{color:var(--ink)}
.recent-empty{font-size:13px;color:#9aa3af;padding:10px 0;text-align:center}
.recent-more{
  font-size:13px;color:var(--brand);text-decoration:none;white-space:nowrap;
  display:inline-flex;align-items:center;gap:3px;transition:color .15s
}
.recent-more:hover{color:var(--brand-dark,#165ba5);text-decoration:underline}

/* 主搜索框（粗蓝边框 + 右侧搜索按钮） */
.main-search{
  position:relative;flex:1 1 300px;min-width:240px;max-width:440px;
  display:flex;align-items:center;border:2.5px solid var(--brand);
  border-radius:10px;background:#fff;overflow:hidden;
}
.result-meta{font-size:12px;color:var(--muted);margin:10px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px}

/* ---- 列表项 ---- */
.list{display:flex;flex-direction:column;gap:10px}
.item{
  background:var(--card);border:1px solid var(--line);border-radius:12px;
  padding:13px 16px;box-shadow:0 1px 2px rgba(0,0,0,.03);
  cursor:pointer;transition:box-shadow .15s,border-color .15s;
}
.item:hover{box-shadow:0 3px 10px rgba(0,0,0,.07);border-color:#c0d0e8}
.item .top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.item .titleline{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;flex:1;min-width:0}
.item .code{font-size:17px;font-weight:700;color:var(--brand);white-space:nowrap}
.item .name{font-size:16px}

/* 状态标签 */
.tag{font-size:13px;padding:4px 11px;border-radius:8px;white-space:nowrap;font-weight:600;line-height:1.2}
.tag.current{background:#eaf1fe;color:#1d4ed8;border:1px solid #bcd0f7}
.tag.upcoming{background:#eafaf0;color:#15803d;border:1px solid #b7e4c7}
.tag.abolished{background:#fdecea;color:#c0392b;border:1px solid #f5c6c6}
.tag.force{background:#fdecea;color:#c0392b;border:1px solid #f5c6c6}
.tag.draft{background:#fff7e6;color:#b45309;border:1px solid #fde2a8}
.tag.coll{background:#f3ecff;color:#7c3aed;border:1px solid #d9c7f7}

/* 访问权限角标 */
.access-badge{font-size:12px;padding:3px 9px;border-radius:7px;font-weight:700;white-space:nowrap;line-height:1.2;margin-left:6px}
.access-badge.free{background:#eafaf0;color:#1f7a3d;border:1px solid #b7e4c7}
.access-badge.paid{background:#fff3e0;color:#c2410c;border:1px solid #f6c89a}
.access-badge.member{background:#f3ecff;color:#7c3aed;border:1px solid #d9c7f7}

/* 有无电子版标签 */
.fileline{margin-top:3px}
.filetag{font-size:13px;padding:3px 9px;border-radius:6px;white-space:nowrap;font-weight:600}
.filetag.yes{background:#eafaf0;color:#1f7a3d}
.filetag.no{background:#f1f3f6;color:#9aa3af}

/* 元信息行 */
.impl{font-size:13px;color:var(--muted);margin-top:3px}
.impl .date{display:inline-block;margin-right:18px}
.rep{font-size:12px;color:#a32d2d;margin-top:4px;font-weight:600}
.nolink{font-size:12px;color:#b3bac4;margin-top:6px}

/* 网盘链接按钮 */
.links{margin-top:12px;display:flex;flex-wrap:wrap;gap:7px}
.lk{
  font-size:12.5px;text-decoration:none;padding:6px 11px;border-radius:8px;
  background:#fff1e6;color:#ea580c;border:1px solid #fcd9b8;cursor:pointer;
  display:inline-flex;align-items:center;gap:2px;
  transition:background .15s,box-shadow .15s;font-weight:600;text-decoration:none;
}
.lk:hover{background:#ffe3cc;box-shadow:0 1px 3px rgba(234,88,12,.16)}
.lk .pwd{color:#b45309;font-size:11.5px;margin-left:3px;font-weight:500}
.lk.baidu{background:#fff1e6;color:#ea580c;border-color:#fcd9b8}.lk.baidu:hover{background:#ffe3cc}
.lk.quark{background:#fff7e6;color:#d97706;border-color:#fbe6b8}.lk.quark:hover{background:#ffedcc}
.lk.xunlei{background:#fdeee6;color:#c2410c;border-color:#f5cdb8}.lk.xunlei:hover{background:#fbe0d0}
.lk.ali{background:#fef9e7;color:#ca8a04;border-color:#f5e6a8}.lk.ali:hover{background:#fdf0c2}
.lk.off{background:#f2f4f7;color:#b3bac4;border:1px dashed #d7dce3;cursor:not-allowed;pointer-events:none}
.lk.off .pwd{color:#c6ccd4}

/* 付费遮罩块 */
.lk-locked{margin-top:12px;border:1px dashed #e0c9a6;background:#fffaf2;border-radius:10px;padding:12px 14px}
.lk-locked .lock-label{font-weight:700;font-size:14px;color:#c2410c}
.lk-locked .lock-tip{font-size:12px;color:#9a6b3f;margin-top:2px}
.lk-locked .lock-row{display:flex;gap:8px;margin-top:9px}
.code-in{flex:1;padding:7px 10px;font-size:13px;border:1px solid #e0c9a6;border-radius:8px;outline:none}
.code-in:focus{border-color:#c2410c;box-shadow:0 0 0 3px #fbe6d2}
.code-redeem-btn{background:#c2410c;color:#fff;border:none;border-radius:8px;padding:7px 16px;font-size:13px;font-weight:600;cursor:pointer}
.code-redeem-btn:hover{background:#a8350a}
.lock-buy{margin-top:8px;font-size:12px;color:#7c3aed;cursor:pointer;text-decoration:underline;user-select:none}

/* ---- 分页 ---- */
.pager{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px;margin-top:18px}
.pg{
  min-width:32px;height:32px;padding:0 9px;border:1px solid var(--line);background:var(--card);
  border-radius:8px;color:var(--ink);cursor:pointer;font-size:12.5px;display:inline-flex;
  align-items:center;justify-content:center;user-select:none;text-decoration:none;
}
.pg:hover{background:#eef2f7}
.pg.on{background:var(--brand);color:#fff;border-color:var(--brand)}
.pg.disabled{color:#b3bac4;cursor:not-allowed;pointer-events:none;background:#f7f9fb}
.pg.dots{border:none;background:transparent;cursor:default;pointer-events:none}
.pg.jump{border:none;background:transparent;color:var(--muted)}
.pg.jump input{width:42px;height:28px;text-align:center;border:1px solid var(--line);border-radius:6px;outline:none;font-size:12.5px}

/* ---- 弹窗 ---- */
.modal-mask{position:fixed;inset:0;background:rgba(15,23,42,.55);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}
.modal-mask.hidden{display:none}
.modal{
  background:#fff;border-radius:14px;width:min(580px,100%);max-height:86vh;overflow:auto;
  box-shadow:0 20px 60px rgba(0,0,0,.3);position:relative;
}
.modal-pay{width:min(420px,100%)}
.modal-close{
  position:absolute;top:10px;right:12px;font-size:22px;cursor:pointer;color:var(--muted);
  background:none;border:none;line-height:1;z-index:1;
}
.modal-close:hover{color:#c0392b}
.modal-h{font-size:16px;font-weight:700;padding:16px 20px;border-bottom:1px solid var(--line)}
.modal-b{padding:18px 20px}
.m-tip{font-size:13px;color:var(--muted);line-height:1.7;margin-bottom:12px}
.m-input,.m-ta{width:100%;padding:10px 12px;font-size:14px;border:1px solid var(--line);border-radius:9px;outline:none;box-sizing:border-box}
.m-input:focus,.m-ta:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}
.m-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.m-btn{padding:8px 16px;font-size:13.5px;font-weight:600;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:9px;cursor:pointer;transition:background .15s}
.m-btn:hover{background:#f1f5fb}
.m-btn.primary{background:var(--brand);color:#fff;border-color:var(--brand)}

/* 页脚 */
footer{margin-top:18px;font-size:11.5px;color:var(--muted);text-align:center;line-height:1.7;padding-bottom:12px}
.empty{text-align:center;color:var(--muted);padding:50px 0;font-size:14px}

/* Toast */
.toast{
  position:fixed;left:50%;bottom:36px;transform:translateX(-50%);
  background:#1f2937;color:#fff;padding:10px 18px;border-radius:10px;
  font-size:14px;z-index:10000;box-shadow:0 8px 24px rgba(0,0,0,.25);
  transition:opacity .2s;
}
.toast.hidden{opacity:0;pointer-events:none}
.toast.err{background:#c0392b}

/* 支付弹窗内 */
.pay-qrcode{text-align:center;padding:16px 0}
.pay-qrcode img{width:200px;height:200px;border:1px solid #eee;border-radius:10px}
.pay-tip{font-size:13px;color:var(--muted);margin-top:10px}
.polling{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;font-size:13px;color:var(--brand)}
.spinner{width:18px;height:18px;border:3px solid #ddd;border-top-color:var(--brand);border-radius:50%;animation:spin .6s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* ===== 手机自适应 ===== */
@media(max-width:768px){
  .site-header{padding:10px 14px}
  .header-inner{flex-direction:column;align-items:stretch;gap:10px}
  .brand-area{justify-content:center;flex-wrap:wrap}
  .header-right{justify-content:center;flex-wrap:wrap}
  .main-search{min-width:0;max-width:100%;order:3;width:100%;margin-top:4px}
  .sub-nav-inner{padding:4px 12px 5px}
  .nav-levels{font-size:12px}
  .nl{padding:4px 8px}
  .ns{padding:3px 7px;font-size:11px}
  .container{padding:10px 12px 20px}
  .dashboard{gap:8px}
  .dcard{padding:12px 14px;min-width:140px}
  .dcard .dnum{font-size:26px}
  .item{padding:10px 12px}
  .item .code{font-size:15px}
  .item .name{font-size:14px}
  .modal{width:min(95%,380px);margin:10px}
}

@media(max-width:480px){
  .dcard .dnum{font-size:22px}
  .links{gap:5px}
  .lk{padding:5px 8px;font-size:11.5px}
  .brand-name{font-size:18px}
  .main-search input{width:100%}
}

/* ========== 规范查新页 ========== */
.chx-filters{
  display:flex;flex-wrap:wrap;gap:14px;align-items:center;
  margin:16px 0 6px;padding:12px 14px;background:#f5f8fc;
  border:1px solid var(--line);border-radius:10px;
}
.chx-filters label{font-size:13px;color:#33424f;display:flex;gap:6px;align-items:center}
.chx-filters select{padding:7px 10px;border:1.5px solid var(--line);border-radius:8px;font-size:13px;background:#fff;color:#222}
.chx-filters .btn-search{padding:8px 20px;border-radius:8px}
.chx-title{margin-left:auto;font-size:13px;color:#eaf2fb;opacity:.85}
.rep{color:#b03a2e;font-size:12.5px;margin-top:3px;font-weight:500}
.rep2{color:#1f6b3a;font-size:12.5px;margin-top:3px;font-weight:500}

/* ========== 规范查新 Tab ========== */
.chx-tabs{display:flex;gap:8px;margin:16px 0 4px}
.chx-tab{cursor:pointer;padding:8px 20px;border-radius:8px 8px 0 0;font-size:14px;font-weight:600;
  background:#eaf1f9;color:#3a5168;border:1px solid var(--line);border-bottom:none}
.chx-tab.on{background:var(--brand);color:#fff}
#panelMonthly,#panelBatch{padding-top:14px}

/* ========== 批量查新 ========== */
.batch-tip{font-size:13px;color:#4a5a68;background:#f5f8fc;border:1px solid var(--line);
  border-radius:10px;padding:10px 14px;line-height:1.7;margin-bottom:12px}
.batch-upload{}
.batch-drop{border:2px dashed #aac3df;background:#f7fbff;border-radius:10px;padding:18px;text-align:center;
  color:#5a7894;cursor:pointer;font-size:13.5px;transition:.15s;margin-bottom:10px}
.batch-drop:hover,.batch-drop.drag{border-color:var(--brand);background:#eef6ff;color:var(--brand)}
.batch-upload textarea{width:100%;height:170px;padding:11px 13px;font-size:13.5px;border:1.5px solid var(--line);
  border-radius:10px;resize:vertical;font-family:Consolas,Menlo,monospace;line-height:1.6}
.batch-upload textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft);outline:none}
.batch-actions{display:flex;gap:10px;margin:10px 0 4px;flex-wrap:wrap}
.btn-ghost{padding:8px 18px;border-radius:8px;border:1.5px solid var(--line);background:#fff;color:#3a5168;
  font-size:13.5px;cursor:pointer}
.btn-ghost:hover{background:#f0f4f9}
.batch-stat{display:flex;gap:10px;flex-wrap:wrap;margin:6px 0 10px}
.batch-stat .stat{padding:7px 14px;border-radius:8px;font-size:13px;background:#f1f5f9;color:#39506a}
.batch-stat .stat b{font-size:15px;margin-left:4px}
.batch-stat .stat.ab{background:#fdecea;color:#b03a2e}
.batch-stat .stat.up{background:#fef3e0;color:#c77c0a}
.batch-stat .stat.ok{background:#e9f6ee;color:#1f6b3a}
.batch-stat .stat.un{background:#eef1f4;color:#6b7785}
.batch-stat .stat.all{background:#eaf1f9;color:#3a5168}
.batch-sec{margin-bottom:14px}
.batch-sec-h{display:flex;align-items:center;gap:10px;font-weight:700;font-size:14px;color:#2a3a48;
  padding:8px 12px;background:#eef3f8;border-radius:8px;margin-bottom:6px}
.batch-sec-h .cnt{background:var(--brand);color:#fff;border-radius:20px;padding:1px 10px;font-size:12px}
.loading,.empty{color:#7a8896;font-size:13.5px;padding:14px 4px}

/* ===== 会员中心入口 / 购买框 ===== */
.btn-vip{
  font-size:13px;font-weight:700;color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);
  border:none;padding:8px 16px;border-radius:8px;cursor:pointer;text-decoration:none;
  transition:filter .15s;white-space:nowrap;
}
.btn-vip:hover{filter:brightness(1.08)}
.user-info .btn-vip{order:-1}

.buybox{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:4px 0 2px}
.btn-buy{
  font-size:14px;font-weight:700;color:#fff;background:linear-gradient(135deg,#f59e0b,#ef7d12);
  border:none;padding:9px 20px;border-radius:8px;cursor:pointer;text-decoration:none;
  box-shadow:0 2px 8px rgba(245,158,11,.25);
}
.btn-buy:hover{filter:brightness(1.05)}
.btn-buy.member{background:linear-gradient(135deg,#7c3aed,#a855f7);box-shadow:0 2px 8px rgba(124,58,237,.25)}
.buytip{font-size:12.5px;color:#8a96a3}
.buytip a{color:var(--brand);font-weight:600;text-decoration:none}

.filetag.buy{background:#fff3e0;color:#c2410c;border:1px solid #f6c89a}
.filetag.member{background:#f3ecff;color:#7c3aed;border:1px solid #d9c7f7}

/* 支付弹窗：微信二维码 / 支付宝跳转 */
.wxqr{display:flex;justify-content:center;margin:10px auto;padding:12px;background:#fff;border:1px solid #e3e8ef;border-radius:10px;width:fit-content}
.wxqr img{display:block;width:200px;height:200px}
.paycode{display:inline-block;background:#f3f5f8;color:#334155;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;padding:6px 8px;border-radius:6px;word-break:break-all;max-width:100%}

/* ===== 通用隐藏 / 路由样式 ===== */
.hidden{display:none!important}

/* 列表标题可点击 */
.item-title-link{text-decoration:none;cursor:pointer}
.item-title-link:hover{text-decoration:underline}
.item .titleline a.code{color:var(--brand)}
.item .titleline a.name{color:var(--ink)}

/* 最近更新分栏链接 */
.recent-link{display:flex;align-items:baseline;gap:4px;text-decoration:none;color:inherit;overflow:hidden}
.recent-link:hover .recent-name{text-decoration:underline;color:var(--brand)}

/* ===== 详情页 ===== */
.detail-card{
  background:var(--card);border:1px solid var(--line);border-radius:14px;
  padding:20px 24px;box-shadow:0 2px 8px rgba(0,0,0,.04);
}
.detail-back{
  display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--muted);
  background:#f3f5f8;border:1px solid #e2e8f0;border-radius:8px;padding:6px 12px;
  cursor:pointer;margin-bottom:14px;
}
.detail-back:hover{background:#e9edf2}
.detail-titleline{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:10px}
.detail-code{font-size:20px;font-weight:700;color:var(--brand);white-space:nowrap}
.detail-name{font-size:18px;font-weight:700;color:var(--ink);margin:0;line-height:1.4;flex:1;min-width:0}
.detail-tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}
.detail-dates{font-size:13px;color:var(--muted);margin-bottom:10px}
.detail-meta{font-size:13px;color:var(--muted);margin-bottom:12px;display:flex;flex-wrap:wrap;gap:14px}
.detail-meta-item{display:inline-block}
.detail-rep{font-size:13px;color:#a32d2d;font-weight:600;margin-bottom:14px}
.detail-links-title{font-size:15px;font-weight:700;color:var(--ink);margin:18px 0 10px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.detail-card .links{margin-top:8px}

@media(max-width:768px){
  .detail-card{padding:14px 16px}
  .detail-code{font-size:18px}
  .detail-name{font-size:16px}
}