/* ═══════════════════════════════════════════════════════════════
   qm.css — 取名频道专属皮肤（2026-11-12 v20261112a）
   ① qmt-*：qm 新头（宣纸墨韵：印章徽记 + 楷体字标 + 宣纸玻璃拟态 + 胶囊导航，浅色）
   ② qm-sub：列表/详情子页宣纸皮肤（zen 浅色基础上换墨/朱砂点缀）
   ③ qmt-foot：qm 页脚（工具内链 + 跨站导航 + ICP + 民俗声明）
   引用方：_qm_top.html（首页/列表/详情共用）+ scripts/enrich_qm_toolpages_top.py
   渲染注入 3 个静态工具页——改本文件须 bump 版本号（_qm_top.html 与注入脚本两处）。
   色板：宣纸 #faf7f0 / 墨 #2b2b33 / 朱砂 #9e2b22·#b5442f / 青黛 #3d5a66。
   ═══════════════════════════════════════════════════════════════ */

/* 防横向溢出（clip 不破坏 sticky） */
html{overflow-x:clip}
body{overflow-x:clip}

/* ───────────── 一、新头 qmt-top（浅色宣纸玻璃） ───────────── */
.qmt-top{position:sticky;top:0;z-index:900;background:rgba(250,247,240,.93);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  border-bottom:1px solid transparent;
  border-image:linear-gradient(90deg,transparent,rgba(43,43,51,.35),rgba(158,43,34,.4),transparent) 1}
.qmt-in{max-width:1080px;margin:0 auto;padding:0 16px}
.qmt-row1{display:flex;align-items:center;gap:14px;padding:11px 0 9px}
/* 品牌位：朱砂方印徽记 + 楷体字标 + 英文小字（国潮双语） */
.qmt-brand{display:flex;align-items:center;gap:9px;text-decoration:none;flex:none}
.qmt-brand svg{width:30px;height:30px;display:block}
.qmt-cn{font-family:'KaiTi','STKaiti',serif;font-size:23px;font-weight:700;letter-spacing:.14em;
  color:#2b2b33;text-shadow:0 1px 0 rgba(255,255,255,.7);line-height:1}
.qmt-en{display:flex;flex-direction:column;gap:2px;font-size:8.5px;letter-spacing:.34em;
  color:#8a8578;line-height:1.2;padding-left:10px;border-left:1px solid rgba(43,43,51,.22)}
/* 行动位 */
.qmt-act{margin-left:auto;display:flex;align-items:center;gap:10px;flex:none}
.qmt-qa{font-size:13px;letter-spacing:.08em;color:#3a3a44;text-decoration:none;padding:6px 12px;
  border:1px solid rgba(43,43,51,.4);border-radius:2em;transition:all .16s ease;white-space:nowrap}
.qmt-qa:hover{color:#1f1f26;border-color:#2b2b33}
.qmt-cta{font-size:13px;font-weight:700;letter-spacing:.1em;color:#fdf6ef;text-decoration:none;
  padding:7px 18px;border-radius:2em;background:linear-gradient(135deg,#c14b34,#9e2b22);
  box-shadow:0 3px 12px rgba(158,43,34,.28),inset 0 1px 0 rgba(255,255,255,.25);
  transition:transform .16s ease,box-shadow .16s ease;white-space:nowrap}
.qmt-cta:hover{transform:translateY(-1px);box-shadow:0 5px 16px rgba(158,43,34,.4),inset 0 1px 0 rgba(255,255,255,.25);color:#fdf6ef}
/* 栏目胶囊导航：横排，移动端滚动 */
.qmt-nav{display:flex;gap:4px;padding:0 0 9px;overflow-x:auto;scrollbar-width:none}
.qmt-nav::-webkit-scrollbar{display:none}
.qmt-nav a{flex:none;font-size:13px;letter-spacing:.06em;color:#5a5347;text-decoration:none;
  padding:5px 13px;border-radius:2em;transition:all .15s ease;white-space:nowrap}
.qmt-nav a:hover{color:#1f1f26;background:rgba(43,43,51,.07)}
.qmt-nav a.on{color:#fdf6ef;font-weight:700;background:linear-gradient(135deg,#3d3d47,#26262e)}
@media (max-width:860px){
  .qmt-en{display:none}
  .qmt-cn{font-size:20px}
  .qmt-qa{display:none}
  .qmt-cta{font-size:12px;padding:6px 13px}
  .qmt-nav{padding-bottom:8px}
  .qmt-nav a{font-size:12.5px;padding:4px 11px}
}
@media (prefers-reduced-motion:reduce){.qmt-cta,.qmt-qa,.qmt-nav a{transition:none}}

/* ───────────── 二、子页宣纸皮肤 qm-sub（列表/详情，浅色点缀墨/朱砂） ───────────── */
body.qm-sub{background:#f7f4ec;background-image:radial-gradient(ellipse at 85% -10%,rgba(158,43,34,.05) 0%,transparent 55%)}
/* 面包屑 */
body.qm-sub .zen-breadcrumb{color:#8a8578}
body.qm-sub .zen-breadcrumb a{color:#6a6a75}
body.qm-sub .zen-breadcrumb a:hover{color:#9e2b22}
/* 正文卡：宣纸白 + 细墨边 */
body.qm-sub .zen-article,body.qm-sub .zen-list-page{background:#fffdf9;
  border:1px solid rgba(43,43,51,.16);border-radius:14px;
  box-shadow:0 8px 28px rgba(43,43,51,.08);padding:22px 26px}
body.qm-sub .zen-page-title{color:#26262e}
body.qm-sub .zen-article-title{color:#26262e}
body.qm-sub .zen-article-meta{color:#8a8578}
body.qm-sub .zen-article-body{color:#3f3f46;line-height:2}
body.qm-sub .zen-article-body a{color:#9e2b22}
body.qm-sub .zen-article-body a:hover{color:#b5442f}
body.qm-sub .zen-article-body img{border-radius:8px;max-width:100%}
body.qm-sub .zen-article-body p{line-height:2}
/* 列表行 */
body.qm-sub .zen-list-title{color:#26262e;font-weight:600}
body.qm-sub .zen-list-title:hover{color:#9e2b22}
body.qm-sub .zen-list-date{color:#8a8578;margin-left:10px}
body.qm-sub .zen-list-desc{color:#5a5a62}
/* 无图文章占位块（宣纸+朱砂印章风） */
.qm-noimg{width:150px;height:100px;border-radius:8px;display:flex;flex-direction:column;
  align-items:center;justify-content:center;flex:none;
  background:linear-gradient(160deg,#faf6ec,#f1ece0);border:1px dashed rgba(158,43,34,.35)}
.qm-noimg b{font-family:'KaiTi','STKaiti',serif;font-size:26px;color:rgba(158,43,34,.6);line-height:1}
.qm-noimg i{font-style:normal;font-size:10px;letter-spacing:.3em;color:rgba(158,43,34,.4);margin-top:5px}
body.qm-sub .zen-list-article li{border-bottom:1px dashed rgba(43,43,51,.14) !important}
body.qm-sub .zen-list{color:#5a5a62}
body.qm-sub .zen-list a{color:#4a4a52}
body.qm-sub .zen-list a:hover{color:#9e2b22}
body.qm-sub .zen-section-title{color:#26262e;border-color:rgba(158,43,34,.4)}
/* 分页 */
body.qm-sub .zen-pagination{color:#8a8578}
body.qm-sub .zen-pagination a{color:#fdf6ef;font-weight:700;background:linear-gradient(135deg,#3d3d47,#26262e);
  border-radius:2em;padding:6px 16px;text-decoration:none}
body.qm-sub .zen-pagination a:hover{filter:brightness(1.15)}
body.qm-sub .zen-page-info{color:#8a8578}
/* CTA 卡（AI 起名详批：宣纸底 + 朱砂按钮） */
body.qm-sub .zen-cta{background:linear-gradient(160deg,rgba(158,43,34,.05),rgba(250,247,240,.6));
  border:1px solid rgba(158,43,34,.28)}
body.qm-sub .zen-cta-txt b{color:#26262e}
body.qm-sub .zen-cta-txt,body.qm-sub .zen-cta-txt span{color:#5a5a62}
body.qm-sub .zen-cta-txt a{color:#9e2b22}
body.qm-sub .zen-cta-btn{background:linear-gradient(135deg,#c14b34,#9e2b22);color:#fdf6ef}
/* 菩一广告条容器贴宣纸 */
body.qm-sub .zen-related{background:#fffdf9;border:1px solid rgba(43,43,51,.12);
  border-radius:14px;padding:18px 22px}
@media (max-width:640px){
  body.qm-sub .zen-article,body.qm-sub .zen-list-page{padding:16px 14px}
}

/* ───────────── 三、qm 页脚 qmt-foot（首页独立模板用） ───────────── */
.qmt-foot{margin-top:26px;background:#f1ece0;border-top:1px solid rgba(43,43,51,.14);padding:20px 16px 22px}
.qmt-foot-in{max-width:1080px;margin:0 auto;text-align:center}
.qmt-foot-tools{margin:0 0 6px;font-size:13px;color:#5a5347;line-height:2.1;letter-spacing:.04em}
.qmt-foot-tools a{color:#3d3d47;text-decoration:none;margin:0 5px}
.qmt-foot-tools a:hover{color:#9e2b22;text-decoration:underline}
.qmt-foot-nav{margin:0;font-size:12.5px;color:#8a8578;line-height:2.1;letter-spacing:.04em}
.qmt-foot-nav a{color:#6a6a75;text-decoration:none;margin:0 6px}
.qmt-foot-nav a:hover{color:#9e2b22;text-decoration:underline}
.qmt-foot-note{margin:10px 0 0;font-size:12px;color:#98928a;line-height:1.9}
.qmt-foot-copy{margin:4px 0 0;font-size:12px;color:#98928a;line-height:1.9}
.qmt-foot-copy a{color:#7a756e;text-decoration:none}