@charset "utf-8";
/* ===== 卜易居风格整站样式 ===== */
*{box-sizing:border-box;}
body{margin:0;background:#f2f0ea;font:14px/1.7 "Microsoft YaHei","微软雅黑","PingFang SC","Hiragino Sans GB",-apple-system,"Segoe UI",Arial,sans-serif;color:#333;}
img{border:none;max-width:100%;}
p{margin:14px auto;line-height:26px;}
hr{height:1px;border:none;border-top:1px dotted #666;}
a{color:#444;text-decoration:none;}
a:hover{color:#ba2636;text-decoration:underline;}
ul{list-style:none;margin:0;padding:0;}
input,select,button{font:12px Verdana,Arial,Tahoma;vertical-align:middle;}
:focus{outline:0;}
table{border-collapse:collapse;}

/* 内容区 .wrapper（960 白底）在 assets/chrome.css —— 主站与万年历子站共用，别在这里重复定义 */
.clear{overflow:hidden;}
.mt1{margin-top:10px;}
.mt2{margin-top:16px;}
.f12{font-size:12px;}
.p10{padding:10px;}
.gray{color:gray;}
.red{color:#d81313;}
.green{color:#093;}
.b{font-weight:bold;}
.blue{color:blue;}
.center{text-align:center;}
.hide{display:none;}

/* ---------- 头部 ---------- */
.header{width:960px;margin:3px auto;overflow:hidden;}
.header a{color:#777;}
.header a:hover{color:#ff3333;text-decoration:none;}
.header .logo{float:left;width:250px;height:56px;display:flex;align-items:center;overflow:hidden;}
.header .logo .lg-ico{width:42px;height:42px;margin-right:8px;flex:0 0 42px;}
.header .logo .lg-txt{line-height:1.2;}
.header .logo .lg-txt b{display:block;font-size:20px;color:#c33;letter-spacing:1px;}
.header .logo .lg-txt span{display:block;font-size:11px;color:#999;letter-spacing:2px;}
.header .banner{width:700px;height:56px;float:right;overflow:hidden;display:flex;align-items:center;justify-content:flex-end;}
.header .banner .bslogan{font-size:13px;color:#8a8a8a;border:1px dashed #ddd;padding:6px 12px;background:#fafafa;}
.declare{width:960px;margin:0 auto;text-align:center;background-color:#fff;color:#d81313;font-size:13px;border-bottom:1px solid #c9c9c9;line-height:30px;height:30px;}

/* ---------- 导航 ---------- */
.nav{height:32px;width:960px;background:#c33;overflow:hidden;margin:0 auto;}
.nav ul{font-size:14px;margin:0;padding:0;display:flex;}
.nav ul li{flex:1;background:url("data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==") no-repeat right top;text-align:center;list-style-type:none;}
.nav ul li a{line-height:30px;padding:0 2px;display:block;color:#fff;font-weight:normal;text-decoration:none;letter-spacing:0;white-space:nowrap;}
.nav ul li a:hover,.nav ul li a:active,.nav ul li.cur a{color:#fff;text-decoration:none;background:#a11;}

/* ---------- 主体两栏 ---------- */
.plt{width:702px;float:left;overflow:hidden;}
.prt{width:250px;float:right;overflow:hidden;margin-left:8px;}
.full{width:960px;overflow:hidden;}

/* 侧栏折叠壳（inc/layout.php 的 sidebar()）：桌面端完全隐藏 summary，侧栏照旧平铺；
   ≤600px 时由 app.js 移除 open，summary 变成一行可点的「更多工具与文章 ›」。 */
.prt-fold > summary{display:none;}
.prt-fold > .prt-in{display:block;}

/* .fold-sm：HTML 里直接写 <details class="fold-sm" open>，
   桌面端隐藏 summary 强制平铺，小屏（≤600px）才成为可展开块。
   折叠标题里的项数徽标（.fold-n）在桌面也要藏起来 —— 那里本来就有完整 dt 标题。
   .fold-in 是折叠块内部的包裹层（用来隔离浮动与 padding），桌面端必须
   表现得像不存在，否则会破坏 .list_left / .home_middle 的两栏布局。 */
.fold-sm > summary{display:none;}
.fold-sm .fold-n{display:none;}
.fold-sm > .fold-in{display:block;}

/* ---------- 盒子 ---------- */
.tbox{margin:0 auto;border-top:2px solid #eb3331;border-left:1px solid #c9c9c9;border-right:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9;overflow:hidden;font-size:14px;background:#fff;}
.tbox dt{height:32px;background-color:#f7f7f7;color:#505050;border-bottom:1px solid #c9c9c9;overflow:hidden;line-height:32px;clear:both;}
.tbox dt strong{height:24px;line-height:30px;font-size:14px;float:left;padding-left:10px;padding-right:4px;color:#d81313;}
.tbox dt strong a{color:#d81313;}
.tbox dt span.more{float:right;line-height:30px;padding-right:8px;color:#505050;font-size:12px;}
.tbox dt span.more a{color:#505050;text-decoration:none;}
.tbox dt span.more a:hover{color:#ff3333;text-decoration:underline;}
.tbox dd{margin:0;padding:8px 10px 12px 10px;overflow:hidden;}

/* ---------- 列表 ---------- */
.d2{padding:0;margin:0;font-size:14px;color:#4f4f4f;}
.d2 li{margin:4px 8px;overflow:hidden;border-bottom:1px #ddd dashed;float:left;width:46%;text-indent:12px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='6' height='6'><circle cx='3' cy='3' r='2.5' fill='%23c33'/></svg>") 0 10px no-repeat;}
.d2 li a{line-height:24px;overflow:hidden;display:block;white-space:nowrap;text-overflow:ellipsis;}
.d3{padding:0;margin:0;font-size:14px;}
/* 首页热门文章：分类标签与标题排在同一行 */
.d2 li.tagline{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.d2 li.tagline a{display:inline;}
.d2 li.tagline a.tg{color:#a11;font-size:12px;}
.d3 li{margin:4px 8px;overflow:hidden;border-bottom:1px #ddd dashed;float:left;width:30%;}
.d3 li a{display:block;line-height:24px;overflow:hidden;text-indent:12px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='6' height='6'><circle cx='3' cy='3' r='2.5' fill='%23c33'/></svg>") 0 10px no-repeat;white-space:nowrap;text-overflow:ellipsis;}
/* 浮动列表容器必须自建 BFC，否则 ul 高度塌陷，紧随其后的小标题会被浮动项挤到旁边 */
.d3{overflow:hidden;}

/* 文章正文里的条目列表（竖排、不浮动，避免与后面的小标题打架） */
.content ul.artul{padding:0;margin:0 0 12px 0;font-size:14px;}
.content ul.artul li{position:relative;padding:3px 0 3px 17px;line-height:24px;color:#444;}
.content ul.artul li:before{content:"";position:absolute;left:3px;top:13px;width:6px;height:6px;border-radius:50%;background:#c33;}

/* 文章底部「上一篇 / 下一篇」：同一行，一左一右 */
.artnav{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:13px;color:#666;margin:0;}
.artnav .an{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.artnav .an.next{margin-left:auto;text-align:right;}
.d4{padding:0;margin:0;font-size:14px;}
.d4 li{margin:4px 8px;overflow:hidden;border-bottom:1px #ddd dashed;float:left;width:92%;}
.d4 li a{display:block;line-height:24px;overflow:hidden;text-indent:12px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='6' height='6'><circle cx='3' cy='3' r='2.5' fill='%23c33'/></svg>") 0 10px no-repeat;}
.c1{padding:0;margin:0;}
.c1 li{line-height:30px;overflow:hidden;padding-left:14px;border-bottom:1px #ddd dashed;}
.c1 li a{color:#585858;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.d6{padding:0;margin:0;}
.d6 li{float:left;margin:3px;}
.d6 li a{line-height:26px;display:block;color:#333;background-color:#f6f6f6;border:1px #eee solid;width:106px;height:26px;padding-left:6px;font-size:13px;overflow:hidden;white-space:nowrap;}
.d6 li a:hover{text-decoration:none;background-color:#f0e2e2;border-color:#d9b3b3;}
.d7{padding:0;margin:0;}
.d7 li{float:left;margin:3px;}
.d7 li a{line-height:26px;display:block;color:#333;background-color:#f6f6f6;border:1px #eee solid;width:72px;height:26px;padding-left:6px;font-size:13px;}
.d7 li a:hover{text-decoration:none;background-color:#f0e2e2;}
.d8{padding:0;margin:0;}
.d8 li{float:left;margin:3px;}
.d8 li a{line-height:26px;display:block;color:#333;background-color:#f6f6f6;border:1px #eee solid;width:160px;height:26px;padding-left:6px;font-size:13px;overflow:hidden;white-space:nowrap;}
.d8 li a:hover{text-decoration:none;background-color:#f0e2e2;}
/* .d9 的 li 全部浮动，ul 自身必须建立 BFC，否则高度塌陷为 0，
   紧随其后的分组标题会被浮动项挤到行尾（首页「全部测算项目」的分组错乱根因）。 */
.d9{padding:0;margin:0;overflow:hidden;}
.d9 li{margin:4px 8px;overflow:hidden;border-bottom:1px #ddd dashed;float:left;width:14%;}
.d9 li a{display:block;line-height:23px;overflow:hidden;text-indent:12px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='6' height='6'><circle cx='3' cy='3' r='2.5' fill='%23c33'/></svg>") 0 10px no-repeat;}

/* 长文案建议列表：单列整宽、红点开头、虚线分隔。
   ⚠️ 不要拿 .d9 装长句——它的 li 是 float+width:14% 的短链接格子，
   塞长句会被挤成四五条窄柱（财运页「旺财建议」曾因此难读）。 */
.bz-adv{padding:0;margin:0;list-style:none;}
.bz-adv li{position:relative;overflow:hidden;margin:0;padding:9px 2px 9px 17px;
  line-height:27px;font-size:14px;color:#333;border-bottom:1px #eee dashed;}
.bz-adv li:last-child{border-bottom:none;}
.bz-adv li::before{content:'';position:absolute;left:2px;top:19px;width:5px;height:5px;
  border-radius:50%;background:#c1272d;}
td .bz-adv li{padding:5px 2px 5px 17px;line-height:25px;font-size:13.5px;}
td .bz-adv li::before{top:15px;}

/* 内容频道首页的文章列表（.e2）：每条前标注所属子栏目 */
.e2{padding:0;margin:0;}
.e2 li .chsub{display:inline-block;margin-right:6px;padding:0 7px;font-size:12px;line-height:18px;
  color:#c33;background:#fbeaea;border:1px solid #f0d3d3;border-radius:3px;white-space:nowrap;}
.e2 li .chsub:hover{color:#a11;border-color:#e0b3b3;text-decoration:none;}
.e2 li .title{color:#1a56a8;}
.e2 li .title:hover{color:#c33;text-decoration:underline;}
.e2 li .intro{color:#777;font-size:13px;line-height:22px;}

/* 常见问题（工具页"填平"区块） */
.faq{padding:0;margin:0;font-size:14px;}
.faq li{overflow:hidden;padding:3px 2px 3px 16px;line-height:24px;position:relative;}
.faq li:before{content:"";position:absolute;left:4px;top:12px;width:6px;height:6px;border-radius:50%;background:#c33;}
.faq-q{color:#a11;font-weight:bold;}
.faq-a{color:#4f4f4f;border-bottom:1px #ddd dashed;padding-bottom:6px;margin-bottom:4px;}

/* ---------- 内容页 ---------- */
.viewbox{width:702px;float:left;overflow:hidden;}
.content{padding:12px 15px;font-size:15px;line-height:28px;color:#2b2b2b;}
.content h1{font-size:20px;color:#c33;margin:6px 0 10px 0;line-height:30px;}
.content h2{font-size:17px;color:#c33;margin:16px 0 8px;border-left:4px solid #c33;padding-left:8px;}
.content h3{font-size:16px;color:#a11;margin:16px 0 8px;border-bottom:1px dotted #e8ddc8;padding-bottom:6px;}
.content .meta{color:#999;font-size:12px;border-bottom:1px dotted #ddd;padding-bottom:6px;margin-bottom:10px;}
.content .summary{background:#fdf6ec;border:1px dashed #e6cba0;padding:10px 12px;color:#8a6d3b;line-height:22px;margin:10px 0;}
.breadcrumb{font-size:12px;color:#999;padding:8px 15px 0 15px;}
.breadcrumb a{color:#777;}
.breadcrumb .bc-note{color:#b8b8b8;}

/* ---------- 表单 ---------- */
.inform{line-height:38px;font-size:15px;margin:6px auto;overflow:hidden;padding:6px 10px;}
.inform label{display:inline-block;min-width:48px;color:#555;}
.select{font-size:13px;color:#555;border:1px solid #b9b9b9;height:28px;padding:0 4px;margin-right:2px;}
.txinpt{font-size:14px;color:#555;border:1px solid #b9b9b9;height:28px;padding-left:6px;}
.xminpt{font-size:14px;color:#555;border:1px solid #b9b9b9;height:28px;padding-left:6px;width:110px;}
/* 姓氏下拉框（form_xing_combo）：沿用原 .xminpt 的 110px 宽，点开是可筛选的姓氏面板 */
input.combo[data-part="xing"]{width:110px;padding-left:6px;font-size:14px;}
.zbbtn{font-size:15px;color:#fff;height:34px;width:110px;border:1px solid #fda039;border-radius:3px;background-color:#fda039;cursor:pointer;letter-spacing:2px;}
.zbbtn:hover{background-color:#f08b10;}
.explain{color:#555;line-height:22px;font-size:13px;clear:both;overflow:hidden;padding:12px 15px;background:#fafafa;border-top:1px dotted #ddd;}
.formrow{margin:6px 0;}
.formbox{padding:14px 15px;background:#fcfcfc;border:1px solid #eee;}

/* 侧栏小表单 */
.csbox{padding-bottom:8px;overflow:hidden;line-height:28px;width:100%;margin:0 auto 8px;}
.csbox form{overflow:hidden;}
.csbox .czinpt{height:27px;line-height:27px;float:left;border:1px solid #d9d9d9;padding-left:8px;width:140px;font-size:14px;color:#666;}
.csbox .cminpt{width:74px;height:27px;color:#666;padding-left:8px;font-size:14px;border:1px solid #d9d9d9;float:left;}
/* 侧栏「在线测试」的姓氏框沿用 cminpt 的窄尺寸（不跟主表单的 110px） */
.csbox input.combo[data-part="xing"]{width:74px;height:27px;padding-left:8px;font-size:14px;color:#666;border:1px solid #d9d9d9;float:left;}
.csbox .cmbox{width:84px;height:29px;float:left;overflow:hidden;border:1px solid #d9d9d9;}
.csbox .btnbox{width:76px;height:29px;border:1px solid #d9d9d9;float:left;overflow:hidden;}
.csbox .cmbtn{width:78px;height:31px;border:0;background-color:#f0f0f0;font-size:14px;text-align:center;cursor:pointer;color:#666;}
.csbox .cmbtn:hover{background-color:#c33;color:#fff;}
.csbox select{width:84px;border:0;color:#666;font-size:13px;height:25px;background:#fff;}

/* ---------- 结果区 ---------- */
.result{margin-top:12px;border:1px solid #e3d6bd;background:#fffdf6;padding:14px 16px;overflow:hidden;}
.result h2.title{font-size:17px;color:#c33;border-bottom:2px solid #c33;padding-bottom:6px;margin:0 0 12px;}
.result h3{font-size:15px;color:#a11;margin:14px 0 6px;border-left:3px solid #e08a00;padding-left:8px;}
.result p{line-height:26px;margin:8px 0;}
.result .tip{background:#fdf6ec;border:1px dashed #e6cba0;padding:8px 10px;color:#8a6d3b;font-size:13px;margin:10px 0;}

/* 八字排盘表 */
.bztab{width:100%;border-collapse:collapse;margin:12px 0;font-size:14.5px;text-align:center;border:1px solid #e6ded0;}
.bztab th,.bztab td{border:1px solid #efe8d9;padding:10px 12px;line-height:27px;word-break:break-word;color:#222;}
.bztab th{background:#f8f4ea;color:#6b4a1e;font-weight:700;white-space:nowrap;width:1%;letter-spacing:.3px;}
.bztab td{background:#fff;}
.bztab tr:nth-child(even) td{background:#fdfbf7;}
.bztab .gz{font-size:20px;letter-spacing:2px;color:#333;font-weight:bold;}
.bztab .sm{font-size:13.5px;color:#555;line-height:24px;}
.bztab .wx{font-size:14px;color:#a35d00;font-weight:600;}
.bztab a{color:#1d4f9c;}
/* 长文本列必须用 fixed 布局 + 每列显式宽度（参照 .xs-chartab）：
   否则 .bztab th{width:1%} 会让未指定宽度的列只剩表头宽，
   正文被挤成竖条、行高暴涨（曾把「起神福」表撑到每行 300px）。 */
.bztab-fix{table-layout:fixed;}
/* ------------------------------------------------------------------
   bztab 列宽档位（2026-10-19 修订为「内容自适应」口径）
   口径：除最后一列外，其余列「尽可能窄且一行显示完整」；末列吃掉全部剩余宽度。
   实现（保持 auto 布局，不写死百分比）：
     ① 前 N-1 列 white-space:nowrap + width:1%
        → auto 布局下取「内容一行显示完」的最小宽度，天然就是最窄；
          不再出现「生月」吃掉 50%、长文本列只剩 22% 的错位。
     ② 末列 width:100% → 占满剩余空间，长说明不再被挤成竖条、行高不再暴涨。
   窄屏（≤980px）自动解除 nowrap，避免横向溢出。
   用法：<table class="bztab t3">（数字 = 总列数，w = 末列是大段说明，x = 中间也有长文本）
   ------------------------------------------------------------------ */
/* ① 前 N-1 列：偏好宽度压到 1%（实际按内容撑到刚好一行的宽度）。
      th 已有全局 width:1%，这里只补 td。 */
.bztab.t2 td:nth-child(-n+1),
.bztab.t3 td:nth-child(-n+2),.bztab.t3w td:nth-child(-n+2),.bztab.t3x td:nth-child(-n+1),
.bztab.t4 td:nth-child(-n+3),.bztab.t4w td:nth-child(-n+3),
.bztab.t5 td:nth-child(-n+4),.bztab.t5w td:nth-child(-n+4),.bztab.t5y td:nth-child(-n+4),
.bztab.t6 td:nth-child(-n+5),.bztab.t6w td:nth-child(-n+5),
.bztab.t7 td:nth-child(-n+6),
.bztab.tnum td:nth-child(-n+5),.bztab.tkv td:nth-child(-n+3){width:1%;}
/* ② 末列：吃掉剩余全部宽度（t3x 的中间两列平分剩余） */
.bztab.t2 th:nth-child(2),.bztab.t2 td:nth-child(2),
.bztab.t3 th:nth-child(3),.bztab.t3 td:nth-child(3),
.bztab.t3w th:nth-child(3),.bztab.t3w td:nth-child(3),
.bztab.t4 th:nth-child(4),.bztab.t4 td:nth-child(4),
.bztab.t4w th:nth-child(4),.bztab.t4w td:nth-child(4),
.bztab.t5 th:nth-child(5),.bztab.t5 td:nth-child(5),
.bztab.t5w th:nth-child(5),.bztab.t5w td:nth-child(5),
.bztab.t5y th:nth-child(5),.bztab.t5y td:nth-child(5),
.bztab.t6 th:nth-child(6),.bztab.t6 td:nth-child(6),
.bztab.t6w th:nth-child(6),.bztab.t6w td:nth-child(6),
.bztab.t7 th:nth-child(7),.bztab.t7 td:nth-child(7),
.bztab.tnum th:nth-child(6),.bztab.tnum td:nth-child(6),
.bztab.tkv th:nth-child(4),.bztab.tkv td:nth-child(4){width:100%;}
/* t3x：第 1 列是短标签，第 2、3 列都是长文本 → 标签列最窄、两列平分剩余 */
.bztab.t3x td:nth-child(2),.bztab.t3x td:nth-child(3){width:50%;}
/* ③ 宽屏才锁 nowrap（窄屏放开，让长标签自然折行，避免横向滚动） */
@media (min-width:981px){
.bztab.t2 td:nth-child(-n+1),
.bztab.t3 td:nth-child(-n+2),.bztab.t3w td:nth-child(-n+2),.bztab.t3x td:nth-child(-n+1),
.bztab.t4 td:nth-child(-n+3),.bztab.t4w td:nth-child(-n+3),
.bztab.t5 td:nth-child(-n+4),.bztab.t5w td:nth-child(-n+4),.bztab.t5y td:nth-child(-n+4),
.bztab.t6 td:nth-child(-n+5),.bztab.t6w td:nth-child(-n+5),
.bztab.t7 td:nth-child(-n+6),
.bztab.tnum td:nth-child(-n+5),.bztab.tkv td:nth-child(-n+3){white-space:nowrap;}
}
/* 以下三档是「内容同质的矩阵表」，等分才不显得错位，保持 fixed + 显式百分比 */
.bztab.t5e,.bztab.t6e,.bztab.t13{table-layout:fixed;}
/* 五列等宽（八字排盘表：行标签 + 年/月/日/时 四柱，四列同质）：
   auto 布局下藏干字数不同会把「时柱」挤到 14.7%，四柱宽窄不一像错位。 */
.bztab.t5e th:nth-child(1),.bztab.t5e td:nth-child(1){width:12%;}
.bztab.t5e th:nth-child(n+2),.bztab.t5e td:nth-child(n+2){width:22%;}
/* 六列等宽（五行统计表：五行 + 金木水火土，五列同质必须等分） */
.bztab.t6e th:nth-child(1),.bztab.t6e td:nth-child(1){width:16%;}
.bztab.t6e th:nth-child(n+2),.bztab.t6e td:nth-child(n+2){width:16.8%;}
/* 十三列总览（生肖 × 十二个月）：首列放属相，其余 12 列等分压进一屏 */
.bztab.t13 th:nth-child(1),.bztab.t13 td:nth-child(1){width:16%;}
.bztab.t13 th:nth-child(n+2),.bztab.t13 td:nth-child(n+2){width:7%;}
/* 键值对表（th td th td 四列，如 出生年/值/出生月日/值、财神方位/值/喜神方位/值）：
   标签列收窄、值列放宽，跨列行（colspan=3）不受影响。 */
.bztab.tkv th:nth-child(1),.bztab.tkv td:nth-child(1){width:15%;}
.bztab.tkv th:nth-child(2),.bztab.tkv td:nth-child(2){width:35%;}
.bztab.tkv th:nth-child(3),.bztab.tkv td:nth-child(3){width:15%;}
.bztab.tkv th:nth-child(4),.bztab.tkv td:nth-child(4){width:35%;}
/* 紧凑档：纯数字/短值表格用它把行高压回一行（原 .gz 20px/行高 27px 会把行撑到 67px） */
.bztab.dense th,.bztab.dense td{padding:6px 8px;line-height:21px;font-size:14px;}
.bztab.dense .gz{font-size:17px;letter-spacing:1px;line-height:21px;}
.bztab.dense .sm{font-size:13px;line-height:21px;}
/* 长文本列顶端对齐：长行里的大字不再浮在中间 */
.bztab.t3w td,.bztab.t4w td,.bztab.t5w td,.bztab.t6w td,.bztab.t3x td,.bztab.t2 td{vertical-align:top;}
/* 窄屏（≤980px）：缩内边距与字号，并允许表头折行，避免 fixed 列被 nowrap 表头撑破 */
@media (max-width:980px){
  .bztab th,.bztab td{padding:6px 5px;line-height:21px;font-size:13px;}
  .bztab th{white-space:normal;}
  .bztab .gz{font-size:16px;letter-spacing:1px;}
  .bztab .sm{font-size:12.5px;line-height:20px;}
  .bztab.dense th,.bztab.dense td{padding:5px 4px;line-height:19px;font-size:12.5px;}
  .bztab.dense .gz{font-size:15px;line-height:19px;}
  /* 窄屏下 width:1% 会把标签列压到单字宽、「生肖」折成两行，给个两字下限 */
  .bztab.t2 td:nth-child(-n+1),
  .bztab.t3 td:nth-child(-n+2),.bztab.t3w td:nth-child(-n+2),.bztab.t3x td:nth-child(-n+1),
  .bztab.t4 td:nth-child(-n+3),.bztab.t4w td:nth-child(-n+3),
  .bztab.t5 td:nth-child(-n+4),.bztab.t5w td:nth-child(-n+4),.bztab.t5y td:nth-child(-n+4),
  .bztab.t6 td:nth-child(-n+5),.bztab.t6w td:nth-child(-n+5),
  .bztab.t7 td:nth-child(-n+6),
  .bztab.tnum td:nth-child(-n+5),.bztab.tkv td:nth-child(-n+3){min-width:3.2em;}
  /* 行表头式表格（姓名笔画 / 三才配置 / 大运简表 / 基本信息…，th 无 tN 档位）：
     width:1% + white-space:normal 会把「康熙笔画」「起始年份」压成一字一行。
     给所有 th 两字下限、首列（行表头）四字下限——按 border-box 扣掉 12px
     内边距与边框后，13px 字号的四字（52px）仍放得下；
     fixed 布局档（t5e/t6e/t13/zrp/zrs/zrside/ss-ziyi/bztab-fix）已有显式列宽，排除。 */
  .bztab:not(.bztab-fix):not(.t5e):not(.t6e):not(.t13):not(.zrp):not(.zrs):not(.zrside):not(.ss-ziyi) th{min-width:3.2em;}
  .bztab:not(.bztab-fix):not(.t5e):not(.t6e):not(.t13):not(.zrp):not(.zrs):not(.zrside):not(.ss-ziyi) th:first-child{min-width:5.4em;}
}
/* 用字释义表（/cm/ /cm/zh/ /sm/ 共用）：释义是长文本列，必须 fixed + 每列显式宽度，
   否则释义被挤成竖条、行高暴涨（同 .xs-chartab 的坑，曾把表撑到每行 300px）。
   窄列收权、释义列放到 62%，字格顶端对齐（长行里大字不再浮空）。 */
.ss-ziyi{table-layout:fixed;}
.ss-ziyi th:nth-child(1),.ss-ziyi td:nth-child(1){width:8%;}
.ss-ziyi th:nth-child(2),.ss-ziyi td:nth-child(2){width:11%;}
.ss-ziyi th:nth-child(3),.ss-ziyi td:nth-child(3){width:8%;}
.ss-ziyi th:nth-child(4),.ss-ziyi td:nth-child(4){width:11%;}
.ss-ziyi th:nth-child(5),.ss-ziyi td:nth-child(5){width:62%;}
.ss-ziyi td{padding:8px 10px;vertical-align:top;}
.ss-ziyi td.gz{font-size:22px;color:#c1272d;padding-top:9px;}
.ss-ziyi td.ziyi-def{text-align:left;padding:8px 10px 8px 12px;line-height:23px;}
/* ===== 仿车牌显示（GA36-2018 92 式） =====
   结构：.plate > 省字 .pz + 发牌字母 .pf + 圆点 .dot + 序号 .pn
   序列 5 位 = 普通蓝牌；序列 6 位 = 新能源小型车绿牌（渐变绿）。
   字符色恒白、牌底色随类型切换；牌面无边框，仅内白光边 + 投影塑形。 */
.plate-wrap{display:inline-block;text-align:center;line-height:1;}
.plate{display:inline-flex;align-items:center;justify-content:center;height:48px;
    padding:0 15px;border-radius:6px;color:#fff;font-weight:700;font-size:27px;
    font-family:"Arial Narrow","Helvetica Neue",Arial,"Microsoft YaHei",sans-serif;
    letter-spacing:2px;white-space:nowrap;
    box-shadow:inset 0 0 0 2px rgba(255,255,255,.85),inset 0 12px 14px -10px rgba(255,255,255,.55),0 1px 4px rgba(0,0,0,.35);}
.plate .pz{margin-right:6px;}
.plate .pf{margin-right:6px;}
.plate .dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:#fff;margin:0 8px 3px;opacity:.9;}
.plate-blue{background:linear-gradient(180deg,#2e74cc 0%,#1b57aa 55%,#10467f 100%);}
.plate-green{background:linear-gradient(180deg,#1cb062 0%,#0f9150 55%,#0a7340 100%);}
.plate-tag{display:block;margin-top:5px;font-size:12px;color:#999;letter-spacing:1px;}
/* ===== 农历生日输入（公历/农历切换） =====
   切换以 JS 在 radio change 时给 .lf-row 切 .lf-lunar 类实现（见 app.js），
   服务端亦按 lf_cal() 预置该类，故禁用 JS 时刷新后依然正确；
   下面的 :has() 仅作「有 JS 类但浏览器极老」时的双保险，不再承担主职。 */
.lf-row{flex-wrap:wrap;}
.lf-row .lf-lb{white-space:nowrap;}
.lf-row .lf-lb-l,.lf-row .lf-g-l{display:none;}
.lf-row.lf-lunar .lf-lb-s,.lf-row.lf-lunar .lf-g-s{display:none;}
.lf-row.lf-lunar .lf-lb-l{display:inline;}
.lf-row.lf-lunar .lf-g-l{display:inline;}
.lf-row:has(input[value="lunar"]:checked) .lf-lb-s,
.lf-row:has(input[value="lunar"]:checked) .lf-g-s{display:none;}
.lf-row:has(input[value="lunar"]:checked) .lf-lb-l{display:inline;}
.lf-row:has(input[value="lunar"]:checked) .lf-g-l{display:inline;}
.lf-tabs{display:inline-flex;gap:3px;margin:0 4px;vertical-align:-1px;}
.lf-tab{cursor:pointer;padding:1px 9px;font-size:13px;line-height:20px;border:1px solid #d9cfbb;
  background:#faf6ec;color:#8a7a5c;border-radius:3px;user-select:none;}
.lf-tab input{position:absolute;opacity:0;width:0;height:0;}
.lf-tab.on,.lf-tab:has(input:checked){background:#c1272d;border-color:#c1272d;color:#fff;font-weight:bold;}
.lf-tab:has(input:focus-visible){outline:2px solid #4a7dcf;outline-offset:1px;}
.lf-leap{font-size:13px;color:#666;cursor:pointer;white-space:nowrap;}
/* 可手输数字的下拉（input + datalist，见 form_combo；弹出面板见 app.js） */
.combo{vertical-align:1px;cursor:pointer;padding-right:20px;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 10 7'%3E%3Cpath d='M0 0l5 7 5-7z' fill='%23888'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 6px center;}
.combo:focus{border-color:#f08b10;outline:none;}
.scname{font-size:13px;color:#888;margin-left:2px;white-space:nowrap;}
/* 日期时间选择面板（替代原生 datalist：原生弹层会按当前值过滤且外观不可控） */
.cmbpop{position:fixed;left:-9999px;top:-9999px;z-index:9999;display:none;background:#fff;
  border:1px solid #d9cfbb;border-radius:6px;box-shadow:0 4px 18px rgba(0,0,0,.18);
  padding:8px;font-size:13px;color:#555;}
.cmbpop.open{display:block;}
.cmbpop-hd{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:8px;}
.cmbpop-nav{border:1px solid #d9cfbb;background:#faf6ec;color:#8a7a5c;border-radius:3px;
  font-size:12px;line-height:20px;padding:2px 8px;cursor:pointer;white-space:nowrap;}
.cmbpop-nav:hover:not([disabled]){background:#f3ead6;color:#6b5c3f;}
.cmbpop-nav[disabled]{opacity:.4;cursor:default;}
.cmbpop-rng{font-weight:bold;color:#c1272d;white-space:nowrap;}
.cmbpop-grid{display:grid;gap:5px;grid-template-columns:repeat(4,1fr);}
.cmbpop-year,.cmbpop-month{width:252px;}
.cmbpop-sx{width:264px;}
.cmbpop-count{width:290px;}
.cmbpop-count .cmbpop-grid{grid-template-columns:repeat(5,1fr);}
.cmbpop-hour{width:320px;}
.cmbpop-hour .cmbpop-grid{grid-template-columns:repeat(3,1fr);gap:5px;}
.cmbpop-hour .cmbpop-cell{font-size:12px;padding:6px 2px;}
.cmbpop-day{width:322px;}
.cmbpop-day .cmbpop-grid{grid-template-columns:repeat(7,1fr);gap:4px;}
/* 姓氏面板：759 姓一次列不完，顶部可输入汉字 / 全拼 / 首字母筛选，网格限高滚动 */
.cmbpop-xing{width:326px;}
.cmbpop-xing .cmbpop-grid{grid-template-columns:repeat(6,1fr);gap:4px;
  max-height:264px;overflow-y:auto;padding-right:2px;}
.cmbpop-xing .cmbpop-cell{padding:5px 1px;font-size:13px;}
.cmbpop-xhd{display:flex;align-items:center;gap:6px;margin-bottom:7px;}
.cmbpop-xhd input{flex:1 1 auto;min-width:0;height:26px;line-height:26px;font-size:13px;color:#555;
  border:1px solid #d9cfbb;border-radius:4px;padding:0 6px;}
.cmbpop-xhd input:focus{outline:none;border-color:#c1272d;}
.cmbpop-xft{margin-top:6px;font-size:11px;color:#9a9a9a;line-height:1.4;}
.cmbpop-xempty{padding:10px 2px;font-size:12px;color:#9a9a9a;text-align:center;}
/* 解梦面板：常见梦境词顶部可输入汉字筛选，网格限高滚动 */
.cmbpop-dream{width:300px;}
.cmbpop-dream .cmbpop-grid{grid-template-columns:repeat(4,1fr);gap:4px;
  max-height:240px;overflow-y:auto;padding-right:2px;}
.cmbpop-dream .cmbpop-cell{padding:5px 1px;font-size:13px;}
.cmbpop-cell{border:1px solid #e3d9c6;background:#fff;border-radius:4px;text-align:center;
  padding:5px 2px;cursor:pointer;line-height:1.3;user-select:none;white-space:nowrap;}
.cmbpop-cell:hover{border-color:#c1272d;color:#c1272d;}
.cmbpop-cell.on{background:#c1272d;border-color:#c1272d;color:#fff;font-weight:bold;}
.cmbpop-cell .lb{display:block;font-size:11px;color:#999;font-weight:normal;margin-top:1px;}
.cmbpop-cell.on .lb{color:#f3d3d3;}
.cmbpop-ft{margin-top:8px;padding-top:6px;border-top:1px dashed #e3d9c6;
  font-size:11px;color:#a89a80;text-align:center;}
@media (max-width:480px){.cmbpop{max-width:calc(100vw - 16px);}}
.wx-jin{color:#9a6b00;} .wx-mu{color:#1f7a46;} .wx-shui{color:#0b6fc4;} .wx-huo{color:#cc1414;} .wx-tu{color:#8b4513;}
/* 起名来源标签（三源融合：诗典 / 古诗文 / Fate 字库） */
.srcbadge{display:inline-block;padding:1px 7px;border-radius:9px;font-size:12px;line-height:18px;white-space:nowrap;border:1px solid transparent;}
.src-poem{background:#fdf2e4;color:#a8641c;border-color:#f0d6ac;}
.src-gushi{background:#eef6ee;color:#3d7a45;border-color:#c8e0cb;}
.src-fate{background:#eef1fb;color:#3f559c;border-color:#ccd5f0;}
.src-real{background:#fdeef0;color:#b03060;border-color:#f2c9d6;}

/* 起名结果表（/qiming/ · 三源候选）：名字与来源不折行，名字可点进测评 */
.tscroll{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.tscroll .nametab{min-width:600px;}
.nametab th:nth-child(1),.nametab td:nth-child(1),
.nametab th:nth-child(2),.nametab td:nth-child(2){white-space:nowrap;}
.nametab td.gz a{color:#c1272d;text-decoration:none;border-bottom:1px dashed #e2b6b6;}
.nametab td.gz a:hover{color:#a11;border-bottom-color:#c1272d;text-decoration:none;}
@media (max-width:980px){
  .nametab .gz{font-size:17px;letter-spacing:1px;}
  .nametab th,.nametab td{padding:8px 8px;}
}
/* 推荐用字表（/qiming/）：字/五行/笔画窄列，寓意占大头，避免被挤成竖排 */
.qmtab{table-layout:fixed;}
.qmtab th:nth-child(1),.qmtab td:nth-child(1){width:11%;}
.qmtab th:nth-child(2),.qmtab td:nth-child(2){width:11%;}
.qmtab th:nth-child(3),.qmtab td:nth-child(3){width:17%;}
.qmtab th:nth-child(4),.qmtab td:nth-child(4){width:61%;}
.qmtab td.gz{font-size:21px;}
.qmtab td.gz a{color:#1d4f9c;text-decoration:none;border-bottom:1px solid #cfe0f5;}
.qmtab td.gz a:hover{color:#c1272d;border-bottom-color:#c1272d;}

/* 网格 */
.grid2 li{float:left;width:50%;}
.grid3 li{float:left;width:33.3%;}
.grid4 li{float:left;width:25%;}

/* 分数条 */
.scorebar{height:16px;background:#eee;border-radius:8px;overflow:hidden;margin:4px 0;}
.scorebar i{display:block;height:100%;background:linear-gradient(90deg,#f5a623,#d81313);}
.bigscore{font-size:44px;color:#d81313;font-weight:bold;line-height:1;text-align:center;}
.bigscore small{font-size:14px;color:#888;font-weight:normal;}

/* ---------- 频道板块 ---------- */
.channelbox dl{width:341px;margin-right:8px;margin-top:2px;float:left;}
.list_left{width:150px;float:left;padding-right:8px;}
.home_middle{width:544px;float:left;padding:0;}

/* ---------- 首页专用 ---------- */
.home_top{overflow:hidden;background:#fff;}
.home_top .intro{padding:14px 18px;color:#555;line-height:24px;font-size:13px;}
/* 首页两张卡片的标题条统一成一条（原来 姓名八字综合测算 是裸 h2，比下面的 条件起名 大一号） */
.home_top .title_sm{margin:0 0 2px;padding:7px 15px;background:#fdf6ec;border-bottom:1px solid #f0e6d8;overflow:hidden;}
.home_top .title_sm h2{float:left;margin:0;font-size:16px;line-height:24px;color:#c33;}
.home_middle .title{padding:10px 0 0 18px;margin:0;}
.home_middle .title h1{margin:0;padding:0;font-size:20px;color:#c33;}
.home_middle .title_sm{margin:6px auto;border-bottom:2px solid #c33;width:500px;height:26px;}
.home_middle .title_sm h2{margin:0 0 10px 10px;font-size:15px;line-height:22px;float:left;color:#333;}
.home_middle .title_sm span{margin:0;font-size:12px;line-height:22px;float:right;padding-right:8px;color:#333;}

/* 首页「条件起名」卡片（在姓名八字综合测算卡片之上） */
.home_qm{margin-bottom:10px;background:#fff;border:1px solid #f0e6d8;overflow:hidden;}
.home_qm .qm-hd{background:#fdf6ec;border-bottom:1px solid #f0e6d8;padding:7px 15px;overflow:hidden;}
.home_qm .qm-hd h2{float:left;margin:0;font-size:16px;line-height:24px;color:#c33;}
.home_qm .qm-hd h2 a{color:#c33;}
.home_qm .qm-hd h2 a:hover{color:#a11;}
.home_qm .qm-hd .more{float:right;font-size:12px;line-height:24px;color:#8a6d3b;}
.home_qm .qm-bd{padding:8px 15px 10px;}
.home_qm .qm-row{line-height:36px;font-size:14px;overflow:hidden;}
.home_qm .qm-row label{color:#555;margin-right:3px;}
.home_qm .qm-row .qm-inpt{width:58px;height:27px;font-size:14px;color:#555;border:1px solid #b9b9b9;padding-left:5px;margin-right:12px;vertical-align:middle;}
.home_qm .qm-inpt::placeholder{color:#bbb;}
.home_qm .qm-btn{width:96px;height:30px;font-size:14px;letter-spacing:1px;margin-left:8px;vertical-align:middle;}
.home_qm .lf-row{margin:2px 0;}
.home_qm .lf-row .lf-lb{color:#555;font-size:14px;}
/* 卡片里那一行放不下「（选填）」提示，挤得断行——说明文字已经在卡片底部的小字里了 */
.home_qm .qm-cond-tip{display:none;}
.home_qm .qm-note{color:#888;font-size:12px;line-height:20px;margin:4px 0 0;}

/* ---------- 友情链接 / 页脚 ---------- */
/* 已抽到 assets/chrome.css（主站与万年历子站共用），此处不要再写一份 */

/* ---------- 汇总卡片 ---------- */
.cards{overflow:hidden;}
.cards .card{float:left;width:170px;margin:6px;border:1px solid #eee;background:#fafafa;padding:10px;text-align:center;}
.cards .card a{display:block;font-size:14px;color:#444;line-height:26px;}
.cards .card a:hover{color:#c33;}

/* ---------- 分页 ---------- */
.pages{text-align:center;padding:14px 0;font-size:13px;}
.pages a,.pages span{display:inline-block;padding:4px 10px;margin:0 2px;border:1px solid #ddd;color:#666;background:#fff;}
.pages a:hover{background:#c33;color:#fff;text-decoration:none;border-color:#c33;}
.pages span.cur{background:#c33;color:#fff;border-color:#c33;}

/* ---------- 标签 ---------- */
.tags a{display:inline-block;margin:3px 4px;padding:2px 8px;background:#f6f6f6;border:1px solid #eee;font-size:12px;color:#666;}
.nm-chip{display:inline-block;margin:4px 5px;padding:6px 14px;background:#f7f4ec;border:1px solid #e7dcc4;border-radius:16px;font-size:15px;color:#8a5a2b;letter-spacing:1px;}
.tags a:hover{background:#c33;color:#fff;text-decoration:none;}

/* ---------- 返回顶部 ---------- */
/* .totop 已抽到 assets/chrome.css（两站共用），此处不要再写一份 */

/* ---------- 分享 / 收藏 / 扫码 工具条（全站页头） ---------- */
.toolswrap{width:960px;margin:8px auto 0;overflow:hidden;}
.page-tools{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;}
.tool-item{display:inline-block;position:relative;}
.tool-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 15px;font-size:13px;color:#555;
  background:#fff;border:1px solid #ddd;border-radius:999px;box-shadow:0 1px 3px rgba(0,0,0,.04);
  cursor:pointer;transition:color .18s,background .18s,border-color .18s,transform .18s,box-shadow .18s;}
.tool-btn:hover,.tool-btn:focus-visible{color:#a11;background:#fdf3f3;border-color:#d9b3b3;
  transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.05),0 8px 18px rgba(0,0,0,.08);outline:none;}
.tool-btn[aria-expanded="true"]{color:#a11;background:#fbeeee;border-color:#d9b3b3;}
.tool-btn .ico{font-size:14px;font-style:normal;line-height:1;
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Segoe UI Symbol",sans-serif;}

/* 弹层：fixed 定位，显示时由 JS 临时挂到 body 下，避开 overflow 裁剪 */
.tool-popup{display:none;position:fixed;z-index:99999;background:#fff;border:1px solid #ddd;
  border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.18);color:#333;font-size:13px;line-height:1.6;
  text-align:left;animation:toolFade .18s ease;}
.tool-popup.is-open{display:block;}
@keyframes toolFade{from{opacity:0;transform:translateY(-6px);}to{opacity:1;transform:translateY(0);}}
.popup-title{padding:8px 14px 7px;font-size:12px;letter-spacing:.06em;color:#999;border-bottom:1px solid #f0f0f0;}

.share-popup{width:276px;padding-bottom:8px;}
.share-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:8px;}
.share-opt{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:9px 4px;
  font-size:12px;color:#555;border-radius:10px;text-decoration:none;transition:background .15s,color .15s;}
.share-opt:hover{background:#faf1f1;color:#a11;text-decoration:none;}
.share-opt .ico{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-bottom:5px;
  font-size:13px;font-style:normal;font-weight:700;color:#fff;border-radius:50%;}
.share-opt[data-action="copy"]    .ico{background:#8a7a5e;}
.share-opt[data-action="wechat"]  .ico{background:#07c160;}
.share-opt[data-action="moments"] .ico{background:#1aad19;}
.share-opt[data-action="weibo"]   .ico{background:#e6162d;}
.share-opt[data-action="qq"]      .ico{background:#1296db;}
.share-opt[data-action="qzone"]   .ico{background:#f5b301;color:#5a3d00;}

.fav-popup{width:276px;}
.fav-body{padding:13px 15px 15px;}
.fav-tip{font-size:13px;color:#555;margin:0;}
.fav-keys{display:flex;align-items:center;justify-content:center;gap:6px;margin:10px 0;font-size:15px;
  font-weight:700;color:#a11;}
.fav-keys kbd{min-width:24px;padding:3px 8px;font-family:"Courier New",monospace;font-size:13px;font-weight:700;
  color:#333;text-align:center;background:linear-gradient(180deg,#fff,#f4f4f4);border:1px solid #ddd;
  border-bottom-width:2px;border-radius:6px;}
.fav-hint{font-size:12px;color:#999;margin:0;}
.fav-copy{display:inline-block;margin-top:12px;padding:7px 16px;font-size:13px;color:#fff;
  background:linear-gradient(135deg,#c8412f,#96231a);border-radius:999px;cursor:pointer;}
.fav-copy:hover{filter:brightness(1.08);color:#fff;text-decoration:none;}
.fav-copy-em{display:block;width:100%;margin-top:12px;text-align:center;}

.qr-popup{width:190px;padding:14px;text-align:center;}
.qr-holder{display:block;width:158px;height:158px;margin:0 auto 10px;overflow:hidden;background:#fff;
  border:1px solid #eee;border-radius:8px;}
.qr-holder img,.qr-holder canvas{display:block;width:158px !important;height:158px !important;background:#fff;border:none;}
.qr-holder table{margin:0 auto !important;border-collapse:collapse;}
.qr-tip{font-size:12px;color:#999;}

.tool-toast{position:fixed;left:50%;bottom:66px;z-index:100000;max-width:90vw;padding:10px 20px;font-size:13px;
  color:#fff;white-space:nowrap;background:rgba(51,47,41,.94);border-radius:999px;
  box-shadow:0 8px 24px rgba(0,0,0,.22);opacity:0;pointer-events:none;transform:translateX(-50%);
  transition:opacity .25s ease,bottom .25s ease;}
.tool-toast.show{opacity:1;bottom:86px;}

/* ---------- 移动端 ---------- */
@media (max-width:980px){
  /* .wrapper / .f_link / .footer 的窄屏规则在 assets/chrome.css（两站共用），此处不再重复 */
  .header,.nav,.declare{width:100%;}
  /* 导航项多，窄屏改为自动换行，否则后面的栏目会被 32px 的固定高度裁掉 */
  .nav{height:auto;min-height:32px;}
  .nav ul{flex-wrap:wrap;justify-content:center;}
  .nav ul li{flex:0 0 auto;}
  .nav ul li a{padding:0 11px;letter-spacing:1px;}
  .plt,.viewbox,.prt,.full{width:100%;float:none;margin:0;}
  .channelbox dl{width:100%;float:none;margin-right:0;}
  .list_left,.home_middle{width:100%;float:none;}
  .home_middle .title_sm{width:98%;}
  .d2 li,.d3 li,.d9 li{width:46%;}
  .cards .card{width:44%;}
  /* 工具条与弹层在窄屏下收窄 */
  .toolswrap{width:100%;}
  .page-tools{gap:6px;}
  .tool-btn{padding:6px 13px;font-size:12.5px;}
  .share-popup,.fav-popup{width:252px;}
  .qr-popup{width:172px;}
  .qr-popup .qr-holder,.qr-popup .qr-holder img,.qr-popup .qr-holder canvas{width:142px !important;height:142px !important;}
  .totop{right:14px;bottom:14px;width:42px;height:42px;}
}

/* ===== 起名字典（/zidian/）===== */
.zd-hint{color:#777;font-size:13.5px;margin-left:10px;line-height:26px;}
.zd-head{display:flex;align-items:center;gap:20px;border-bottom:1px solid #efe6d6;padding:4px 2px 16px;margin-bottom:14px;}
/* 米字格大字 */
.zd-grid{position:relative;flex:0 0 96px;width:96px;height:96px;}
.zd-grid svg{display:block;width:96px;height:96px;}
.zd-grid span{position:absolute;left:0;top:0;width:96px;height:96px;display:flex;align-items:center;justify-content:center;
  font-family:"KaiTi","STKaiti","SimSun",serif;font-size:56px;line-height:1;color:#c1272d;font-weight:bold;}
.zd-headmeta{flex:1;min-width:0;color:#333;font-size:15px;line-height:28px;}
.zd-headmeta .zd-title{margin:0 0 4px;font-size:22px;font-weight:700;color:#1a1a1a;line-height:32px;}
.zd-headmeta .zd-title em{margin-left:10px;font-style:normal;font-size:15px;font-weight:600;color:#0b6fc4;letter-spacing:.5px;}
.zd-headmeta .zd-sub{margin:0;color:#444;font-size:14.5px;line-height:26px;}
.zd-headmeta .zd-sub b{color:#c1272d;}
.zd-mini{color:#c1272d;font-size:13.5px;margin-left:6px;font-weight:600;}
.zd-block{margin:8px 0 14px;}
.zd-block h4{margin:0 0 8px;font-size:15px;color:#6b4a1e;font-weight:700;border-left:3px solid #c9a24a;padding:4px 0 4px 9px;background:#faf7ef;line-height:24px;}
.zd-ol{margin:0;padding-left:28px;color:#222;line-height:30px;font-size:15px;}
.zd-ol li{margin:3px 0;}
.zd-chips{line-height:36px;margin:8px 0 8px;overflow:hidden;}
.zd-chips a{display:inline-block;min-width:32px;text-align:center;padding:3px 12px;margin:0 10px 10px 0;border:1px solid #dcd2c0;background:#fffdf8;color:#1d4f9c;font-size:17px;font-family:"KaiTi","STKaiti",serif;border-radius:3px;}
.zd-chips a:hover{background:#c1272d;border-color:#c1272d;color:#fff;text-decoration:none;}
.zd-name{display:inline-block;padding:3px 14px;margin:0 10px 10px 0;border:1px solid #e8ddd0;background:#fffdf7;color:#c1272d;font-size:16px;letter-spacing:1px;border-radius:3px;}

/* 基本起名属性：行式一条一属性（两栏） */
.zd-attrs{display:grid;grid-template-columns:1fr 1fr;gap:0 32px;list-style:none;margin:10px 0 6px;padding:0;}
.zd-attrs li{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 8px;padding:9px 2px;border-bottom:1px dashed #efe6d5;font-size:15px;line-height:27px;color:#1a1a1a;}
.zd-attrs li.wide{grid-column:1 / -1;}
.zd-attrs .k{flex:0 0 auto;min-width:0;color:#6b4a1e;font-weight:700;}
.zd-attrs .k:after{content:"：";}
.zd-attrs .v{color:#111;font-weight:600;}
.zd-attrs .v.gz{font-family:"KaiTi","STKaiti",serif;font-size:19px;color:#c1272d;font-weight:bold;}
.zd-attrs .v.red,.zd-attrs .red{color:#c1272d;}
.zd-attrs .t{font-size:13px;color:#777;font-weight:400;}
.zd-attrs .lnk{margin-left:auto;font-size:13.5px;color:#1d4f9c;white-space:nowrap;}

/* 下一步按钮 */
.zd-next{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 4px;}
.zd-next a{display:block;padding:9px 18px;font-size:15px;line-height:22px;color:#9c2b22;background:#fdf6f3;border:1px solid #eccfc6;border-radius:4px;font-weight:600;}
.zd-next a em{display:block;font-style:normal;font-size:12.5px;font-weight:400;color:#999;margin-top:2px;}
.zd-next a:hover{background:#c1272d;border-color:#c1272d;color:#fff;text-decoration:none;}
.zd-next a:hover em{color:#ffe3e0;}

.zd-note{font-size:13.5px;color:#666;line-height:25px;margin:6px 0 0;}
.zd-left{text-align:left;}
/* 两个长表格：固定列宽（百分比须凑满 100%，否则 fixed 布局会等比放大导致末列被压扁） */
.zd-freqtab{table-layout:fixed;}
.zd-freqtab th:nth-child(1),.zd-freqtab td:nth-child(1){width:9%;}
.zd-freqtab th:nth-child(2),.zd-freqtab td:nth-child(2){width:13%;}
.zd-freqtab th:nth-child(3),.zd-freqtab td:nth-child(3){width:10%;}
.zd-freqtab th:nth-child(4),.zd-freqtab td:nth-child(4){width:14%;}
.zd-freqtab th:nth-child(5),.zd-freqtab td:nth-child(5){width:13%;}
.zd-freqtab th:nth-child(6),.zd-freqtab td:nth-child(6){width:41%;}
.zd-jxtab{table-layout:fixed;}
.zd-jxtab th:nth-child(1),.zd-jxtab td:nth-child(1){width:9%;}
.zd-jxtab th:nth-child(2),.zd-jxtab td:nth-child(2){width:10%;}
.zd-jxtab th:nth-child(3),.zd-jxtab td:nth-child(3){width:14%;}
.zd-jxtab th:nth-child(4),.zd-jxtab td:nth-child(4){width:67%;}
@media (max-width:980px){
  .zd-grid{flex:0 0 72px;width:72px;height:72px;}
  .zd-grid svg,.zd-grid span{width:72px;height:72px;}
  .zd-grid span{font-size:42px;}
  .zd-headmeta .zd-title{font-size:19px;line-height:28px;}
  .zd-attrs{grid-template-columns:1fr;gap:0;}
  .zd-attrs .lnk{margin-left:0;flex:1 0 100%;}
  .zd-chips a{margin:0 7px 7px 0;padding:3px 9px;font-size:16px;}
  .zd-ol{padding-left:22px;}
  .zd-next a{width:100%;box-sizing:border-box;}
}

/* 姓氏搜索（汉字 / 全拼 / 首字母） */
.xs-search{margin:6px 0 14px;padding:12px 14px;border:1px solid #e6ded0;background:#fffdf7;border-radius:4px;}
.xs-search-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.xs-search-form input[type="text"]{flex:1 1 280px;min-width:200px;height:34px;line-height:34px;padding:0 11px;
  border:1px solid #d9cfbb;background:#fff;color:#333;font-size:14.5px;border-radius:3px;}
.xs-search-form input[type="text"]:focus{border-color:#c1272d;outline:none;}
.xs-search-form .zbbtn{height:34px;padding:0 18px;}
.zbbtn2{background:#f5efe2;color:#7a6a4c;border:1px solid #d9cfbb;}
.zbbtn2:hover{background:#eee5d2;}
.xs-stip{margin:8px 0 0;color:#888;font-size:13px;line-height:24px;}
.xs-stip b{color:#a06a1e;}
.xs-sresult{margin:6px 0 0;color:#a11;font-size:14px;font-weight:bold;min-height:0;}
.xs-sresult:empty{display:none;}
.xs-snone{margin:10px 0;color:#999;font-size:14px;}
.xs-hit{margin-bottom:10px;}
/* 搜索结果列表（#xsHitBox）：紧贴「找到 N 个姓氏」下方、热门姓氏之前 */
#xsHitBox{margin-top:10px;}
#xsHitBox:empty{display:none;}
#xsHitBox .xs-h3{margin-top:6px;}
#xsHitBox .xs-note.warn{margin:0;}
.xs-note.warn,.xs-note .warn{color:#a11;}
/* 条件起名（/qiming/tiaojian/）：输入的自选
   面板兜底滚动，姓氏选项多时不至于顶出屏幕 */
.cmbpop{max-height:340px;overflow-y:auto;}
.cmbpop-xing{width:340px;}
.cmbpop-xing .cmbpop-grid{grid-template-columns:repeat(6,1fr);gap:5px;}
.cmbpop-xing .cmbpop-cell{font-family:"KaiTi","STKaiti","Microsoft YaHei",serif;font-size:15px;}
.tj-chars{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 4px;}
.tj-chars a{display:inline-block;padding:4px 12px;border:1px dashed #e0d4bc;background:#fffdf7;
  color:#2b579a;font-size:15px;border-radius:3px;}
.tj-chars a:hover{background:#c33;border-color:#c33;color:#fff;text-decoration:none;}
.tj-tip{color:#666;font-size:13.5px;line-height:25px;margin:8px 0 0;}
/* ===== 名字大全（/qiming/daquan/ 姓氏索引 + /qiming/nanhai|nvhai/N.html 单姓页）===== */
.xs-jump{display:flex;flex-wrap:wrap;gap:10px;margin:2px 0 12px;}
.xs-jump a{display:inline-block;padding:5px 15px;border:1px solid #e2d6c2;background:#faf7f0;color:#8a5a2b;font-size:14px;border-radius:15px;}
.xs-jump a:hover{background:#c33;border-color:#c33;color:#fff;text-decoration:none;}
.xs-h3{margin:4px 0 8px;font-size:15.5px;color:#a11;}
.xs-hot{line-height:36px;overflow:hidden;}
.xs-hot a{display:inline-block;padding:2px 11px;margin:0 8px 8px 0;border:1px solid #e6ded0;background:#fffdf7;color:#2b579a;font-size:15.5px;border-radius:3px;}
.xs-hot a em{margin-left:5px;color:#c33;font-size:12px;font-style:normal;}
.xs-hot a.nv em{color:#a06a1e;}
.xs-hot a:hover{background:#c33;border-color:#c33;color:#fff;text-decoration:none;}
.xs-hot a:hover em{color:#ffe6e6;}
.xs-note{color:#666;font-size:13.5px;line-height:26px;margin:8px 0 0;}
.xs-lead{color:#3f3f3f;line-height:28px;}
.xs-wall{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 8px;}
.xs-wall a{display:inline-block;min-width:46px;padding:5px 11px;text-align:center;border:1px solid #e6ded0;
  background:#fffdf8;color:#2b579a;font-size:16px;line-height:23px;border-radius:3px;
  font-family:"KaiTi","STKaiti","Microsoft YaHei",serif;}
.xs-wall a.fu{min-width:64px;font-size:15px;letter-spacing:1px;background:#fbf7ef;}
.xs-wall a:hover{background:#c33;border-color:#c33;color:#fff;text-decoration:none;}
/* 罕见姓氏折叠区（姓氏表 1100+，一次铺开太长；无 JS 时 details 也能展开） */
.xs-fold{margin:6px 0 16px;border-top:1px dashed #e2d8c6;padding-top:12px;text-align:center;}
.xs-fold>summary{cursor:pointer;color:#8a5a2b;font-size:14.5px;line-height:28px;user-select:none;
  list-style:none;display:inline-block;padding:0 20px;border:1px solid #e2d6c2;background:#faf7f0;
  border-radius:15px;}
.xs-fold>summary::-webkit-details-marker{display:none;}
.xs-fold>summary::before{content:"▸ ";color:#c33;}
.xs-fold[open]>summary::before{content:"▾ ";}
.xs-fold>summary:hover{background:#c33;border-color:#c33;color:#fff;}
.xs-fold>summary:hover::before{color:#ffe6e6;}
.xs-wall-rare{margin-top:10px;text-align:left;}
.xs-wall-rare a{background:#fdfbf6;color:#7a6a52;font-size:15px;min-width:42px;padding:4px 9px;}
/* 起名条件行（出生时间 + 生肖，均选填） */
.qm-cond-tip{color:#999;font-size:13px;margin-left:6px;}
.qm-cond .lf-g{white-space:nowrap;}
.qm-form .formrow{margin-bottom:8px;}
.xs-names{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0 6px;}
.xs-name{display:inline-flex;align-items:baseline;gap:7px;padding:5px 13px;border:1px solid #e8dcc8;
  background:#fffdf7;color:#a11;font-size:15.5px;border-radius:3px;}
.xs-name b{font-weight:normal;letter-spacing:1px;}
.xs-name em{font-style:normal;font-size:12px;color:#a09080;}
.xs-name:hover{background:#c33;border-color:#c33;color:#fff;text-decoration:none;}
.xs-name:hover em{color:#ffe6e6;}
.xs-wx{font-size:14px;color:#555;line-height:27px;margin:4px 0 10px;}
.xs-wx span{display:inline-block;margin-right:14px;font-weight:bold;}
.xs-pages .xs-pg-tip{border:0;background:none;color:#999;}
.xs-pages .xs-pg-dot{border:0;background:none;color:#999;padding:0 2px;cursor:default;}
/* table-layout:fixed 下每列都必须显式给宽度且凑满 100%，
   否则 .bztab th{width:1%} 会落在未指定的列上把它压成竖条。 */
.xs-chartab{table-layout:fixed;}
.xs-chartab th:nth-child(1),.xs-chartab td:nth-child(1){width:9%;white-space:normal;}
.xs-chartab th:nth-child(2),.xs-chartab td:nth-child(2){width:12%;}
.xs-chartab th:nth-child(3),.xs-chartab td:nth-child(3){width:15%;}
.xs-chartab th:nth-child(4),.xs-chartab td:nth-child(4){width:64%;}
@media (max-width:980px){
  .xs-wall a{min-width:42px;padding:4px 9px;font-size:15px;}
  .xs-wall a.fu{min-width:58px;font-size:14px;}
  .xs-name{padding:4px 10px;font-size:15px;}
}

/* ---------- 公司起名（/gsqm/） ---------- */
.gs-h3{margin:4px 0 8px;font-size:15.5px;color:#a11;}
.gs-hot{line-height:36px;overflow:hidden;}
.gs-hot a{display:inline-block;padding:3px 13px;margin:0 8px 8px 0;border:1px solid #e6ded0;
  background:#fffdf7;color:#2b579a;font-size:14.5px;border-radius:3px;}
.gs-hot a:hover{background:#c33;border-color:#c33;color:#fff;text-decoration:none;}
.gs-note{color:#666;font-size:13.5px;line-height:26px;margin:8px 0 0;}
/* 推荐字号列表：每行「字号 + 分数 + 等级 + 五格三才」，窄屏自动堆叠 */
.gs-list{margin:12px 0 6px;}
.gs-chip{display:flex;align-items:center;gap:10px;padding:8px 12px;margin-bottom:8px;
  border:1px solid #eee3d2;background:#fffdf9;border-radius:4px;flex-wrap:wrap;}
.gs-chip:hover{border-color:#e0cdb4;background:#fffaf1;}
.gs-name{font-size:20px;letter-spacing:3px;color:#a11;text-decoration:none;font-weight:bold;min-width:74px;}
.gs-name:hover{color:#c33;}
.gs-score{font-size:19px;font-weight:bold;min-width:56px;}
.gs-score small{font-size:11px;font-weight:normal;margin-left:1px;}
.gs-grade{font-size:12px;padding:1px 7px;border-radius:3px;border:1px solid currentColor;}
.gs-meta{font-size:12.5px;color:#8a7f70;line-height:20px;flex:1 1 auto;min-width:180px;}
.gs-score.red,.gs-grade.red{color:#c1272d;}
.gs-score.green,.gs-grade.green{color:#1a8a4a;}
.gs-score.blue,.gs-grade.blue{color:#1d4f9c;}
.gs-score.gray,.gs-grade.gray{color:#888;}
.gs-again{margin:14px 0 0;text-align:center;}
.gs-again .zbbtn2{cursor:pointer;}
/* 字号用字表：列数随字数变化，表头窄、内容宽 */
.gs-chartab td.gz{font-size:22px;letter-spacing:0;}
.gs-chartab td.sm{text-align:left;}
@media (max-width:980px){
  .gs-chip{gap:6px;padding:7px 9px;}
  .gs-name{font-size:18px;min-width:62px;}
  .gs-meta{min-width:0;flex:1 1 100%;}
  .gs-hot a{padding:3px 10px;font-size:14px;}
}

/* ---------- 同名同姓（/qiming/tongming/） ---------- */
.tm-hint{color:#8a7f70;font-size:13px;line-height:24px;}
.tm-hot{line-height:36px;overflow:hidden;}
.tm-hot a{display:inline-block;padding:3px 13px;margin:0 8px 8px 0;border:1px solid #e6ded0;
  background:#fffdf7;color:#2b579a;font-size:14.5px;border-radius:3px;}
.tm-hot a:hover{background:#c33;border-color:#c33;color:#fff;text-decoration:none;}
.tm-hot-tip{margin:-2px 0 2px;color:#999;font-size:12px;line-height:20px;}
.tm-hero{margin:6px 0 12px;padding:18px 20px;border:1px solid #f0d9c8;border-radius:5px;
  background:linear-gradient(180deg,#fff8f2,#fffdfa);text-align:center;}
.tm-hero-num{font-size:46px;font-weight:bold;color:#c1272d;line-height:1.15;letter-spacing:1px;
  font-family:Georgia,"Times New Roman",serif;
  /* ⚠️ Georgia 默认是「旧式数字」（0/1/2 只有 x 高，3/4/5/7/9 带升部或降部），
     一串数字会高高低低。必须显式切成等高（lining）+ 等宽（tabular）数字才整齐。 */
  font-variant-numeric:lining-nums tabular-nums;
  font-feature-settings:"lnum" 1,"tnum" 1;}
.tm-hero-lab{font-size:16px;color:#444;margin-top:4px;}
.tm-hero-lab b{color:#a11;letter-spacing:1px;}
.tm-hero-sub{font-size:13px;color:#8a7f70;margin-top:7px;}
.tm-h3{margin:18px 0 8px;font-size:15.5px;color:#a11;font-weight:bold;
  border-left:3px solid #c1272d;padding-left:8px;line-height:20px;}
#result p{margin:7px 0;}
.tm-lead{font-size:14.5px;line-height:28px;color:#333;}
.tm-grade{font-size:13px;padding:1px 8px;border-radius:3px;border:1px solid currentColor;white-space:nowrap;}
.tm-g7,.tm-g6{color:#c1272d;}
.tm-g5,.tm-g4{color:#c96a12;}
.tm-g3,.tm-g2{color:#1a8a4a;}
.tm-g1{color:#1d4f9c;}
/* 泊松估算条 */
.tm-poi{margin:12px 0 4px;padding:12px 16px 10px;border:1px solid #e8ddd0;border-radius:5px;
  background:#fdfbf6;}
.tm-poi-t{font-size:13px;color:#8a7f70;margin-bottom:9px;}
.tm-poi-t b{color:#a11;}
.tm-poi-g{display:flex;overflow:hidden;}
.tm-poi-g span{flex:1 1 33.33%;text-align:center;padding:0 4px;
  border-right:1px dashed #e8ddd0;line-height:1.35;}
.tm-poi-g span:last-child{border-right:0;}
.tm-poi-g b{display:block;font-size:21px;color:#c1272d;font-weight:bold;letter-spacing:.5px;}
.tm-poi-g em{display:block;font-style:normal;font-size:12.5px;color:#8a7f70;margin-top:4px;}
.tm-poi-n{font-size:12.5px;color:#8a7f70;margin:10px 0 0 !important;line-height:22px;}
.tm-poi-n b{color:#a11;}
/* 性别构成：两段式条 */
.tm-sex{display:flex;height:26px;border:1px solid #e6ded0;background:#f7f3ec;border-radius:3px;
  overflow:hidden;margin:10px 0 6px;}
.tm-sex span{display:block;line-height:24px;text-align:center;color:#fff;font-size:12.5px;overflow:hidden;}
.tm-sex-m{background:#4a7fb5;}
.tm-sex-f{background:#d173a0;}
.tm-sexn{font-size:13px;color:#666;margin:0 0 7px;}
/* 横向条形（地域 / 年代） */
.tm-row{display:flex;align-items:center;gap:8px;margin:5px 0;font-size:13px;}
.tm-row-l{width:104px;flex:0 0 104px;color:#444;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.tm-row-b{flex:1 1 auto;height:14px;background:#f4efe7;border-radius:2px;overflow:hidden;}
.tm-row-b i{display:block;height:100%;background:linear-gradient(90deg,#e0645a,#c1272d);}
.tm-c .tm-row-b i{background:linear-gradient(90deg,#e8b45c,#c96a12);}
.tm-row-v{width:118px;flex:0 0 118px;text-align:right;color:#a11;font-weight:bold;white-space:nowrap;}
.tm-row-v em{font-style:normal;color:#a09080;font-weight:normal;margin-left:5px;font-size:12px;}
.tm-tab{width:100%;margin:8px 0;}
.tm-tip{font-size:13px;color:#777;line-height:26px;}
.tm-src{margin:16px 0 0;padding:12px 14px;border:1px dashed #e0d6c6;background:#fbf9f4;
  font-size:12.5px;color:#7a7166;line-height:24px;border-radius:4px;}
.tm-src p{margin:0 0 6px;}
.tm-src p:last-child{margin-bottom:0;}
@media (max-width:980px){
  .tm-hero{padding:14px 12px;}
  .tm-hero-num{font-size:34px;}
  .tm-hero-lab{font-size:14.5px;}
  .tm-row-l{width:72px;flex:0 0 72px;}
  .tm-row-v{width:96px;flex:0 0 96px;}
  .tm-row-v em{margin-left:3px;}
  .tm-hot a{padding:3px 10px;font-size:14px;}
}

/* ---------- 窄屏：首页卡片 ---------- */
@media (max-width:980px){
  /* 出生时间行原本 nowrap，窄屏会被卡片 overflow:hidden 裁掉，改为可折行 */
  .home_qm .lf-row{display:block;line-height:32px;}
  .home_qm .lf-g{white-space:normal;display:inline;}
  .home_qm .lf-tabs{margin:0 2px;}
  .home_top .inform{width:auto !important;margin:6px 10px;}
  .home_qm .qm-note{line-height:19px;}
}

/* ---------- 结果列表末尾的「换一批」（inc/toolpage.php::refresh_btn） ----------
   起名类页面名字一列几十上百个，看完不用再拉回顶上去重新点「开始起名」。 */
.refresh-bar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;
  margin:18px 0 6px;padding-top:14px;border-top:1px dashed #e6ddcc;}
.refresh-btn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;
  height:38px;padding:0 30px;font-size:15px;letter-spacing:2px;color:#fff;cursor:pointer;
  border:1px solid #b5391f;border-radius:19px;text-decoration:none;
  background:linear-gradient(135deg,#c8412f,#96231a);
  box-shadow:0 3px 10px rgba(150,35,26,.22);
  transition:box-shadow .18s ease,transform .12s ease,background .18s ease;
  font-family:inherit;}
.refresh-btn:hover{color:#fff;text-decoration:none;background:linear-gradient(135deg,#d24d38,#a52b1f);box-shadow:0 6px 16px rgba(150,35,26,.3);}
.refresh-btn:active{transform:translateY(1px);box-shadow:0 2px 6px rgba(150,35,26,.24);}
.refresh-btn:focus-visible{outline:3px solid rgba(200,65,47,.35);outline-offset:2px;}
.refresh-tip{color:#8a7f70;font-size:12.5px;line-height:20px;}
@media (max-width:600px){
  .refresh-bar{gap:6px;margin:14px 0 4px;padding-top:12px;}
  .refresh-btn{height:36px;padding:0 24px;font-size:14.5px;}
  .refresh-tip{display:none;}
}
.refresh-btn.is-busy{opacity:.7;pointer-events:none;}

/* ---------- 成语起名结果卡片（inc/core/chengyu.php::cy_cards_html） ----------
   每个名字都要能回到一条具体成语，所以姓名 + 分数 + 成语 + 出处 + 释义一起展示。
   两列网格，窄屏单列；整卡可点，进姓名测试。 */
.cy-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0 6px;}
.cy-item{display:block;position:relative;padding:12px 14px 11px;border:1px solid #efe5d4;
  border-radius:9px;background:#fffdf9;text-decoration:none;
  transition:border-color .18s ease,box-shadow .18s ease,transform .12s ease;}
.cy-item:hover{border-color:#e0c39b;box-shadow:0 7px 18px rgba(150,110,60,.14);transform:translateY(-1px);}
.cy-item:focus-visible{outline:3px solid rgba(200,65,47,.3);outline-offset:2px;}
.cy-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px;}
.cy-nm{font-size:23px;line-height:30px;letter-spacing:3px;color:#1f1f1f;font-weight:700;}
.cy-score{flex:none;font-size:19px;font-weight:700;color:#c1272d;line-height:22px;}
.cy-score i{font-style:normal;font-size:12px;margin-left:1px;}
.cy-idiom{margin-top:4px;line-height:21px;}
.cy-idi{font-size:14.5px;font-weight:600;color:#8a5a1c;letter-spacing:.5px;}
.cy-src{display:block;margin-top:1px;font-size:12.5px;color:#a0917c;line-height:19px;}
.cy-mean{margin-top:6px;font-size:13px;line-height:21px;color:#5a5a5a;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.cy-pick{margin-top:6px;font-size:12px;color:#b0a08a;letter-spacing:.3px;}
@media (max-width:700px){
  .cy-list{grid-template-columns:1fr;gap:10px;}
  .cy-nm{font-size:21px;}
  .cy-mean{-webkit-line-clamp:3;}
}

/* ---------- 起名技巧页 /qiming/jiqiao/ ---------- */
.jq-lead{font-size:14.5px;line-height:27px;color:#555;margin:8px 0 2px;text-indent:2em;}
.jq-w{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0 8px;}
.jq-w-item{padding:12px 14px;border:1px solid #eee7da;border-radius:5px;background:#fdfaf4;}
.jq-w-top{display:flex;justify-content:space-between;align-items:baseline;}
.jq-w-top b{font-size:15px;color:#3a3330;letter-spacing:.5px;}
.jq-w-top span{font-size:16px;font-weight:700;color:#c0392b;}
.jq-w-bar{height:7px;margin:8px 0;background:#efe7d8;border-radius:4px;overflow:hidden;}
.jq-w-bar i{display:block;height:100%;border-radius:4px;
  background:linear-gradient(90deg,#e6b45c,#c0392b);}
.jq-w-desc{margin:0;font-size:13px;line-height:22px;color:#7d7161;}

.jq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px;}
.jq-card{padding:14px 16px 16px;border:1px solid #eee7da;border-radius:5px;background:#fffefb;}
.jq-card>h3{margin:0 0 10px;padding-bottom:9px;font-size:16px;color:#8a5a1c;letter-spacing:.5px;
  border-bottom:1px solid #f2ece0;}
.jq-card p{font-size:14px;line-height:26px;color:#4b4b4b;margin:6px 0;}
.jq-tag{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:10px;
  font-size:12px;font-weight:400;color:#8a5a1c;background:#f6efdf;border:1px solid #ecdfc6;
  letter-spacing:0;vertical-align:2px;}
.jq-kv{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin:10px 0;}
.jq-kv>div{padding:7px 10px;background:#faf7f0;border-left:3px solid #e6d9bd;border-radius:2px;
  font-size:13.5px;line-height:22px;color:#3a3330;}
.jq-kv>div span{display:block;color:#9b8b73;font-size:12px;letter-spacing:.5px;}
.jq-kv>div b{font-weight:700;}
.jq-roots{margin:8px 0;}
.jq-chip{display:inline-block;margin:3px 5px 3px 0;padding:1px 9px;border-radius:12px;
  font-size:13px;line-height:21px;letter-spacing:1px;}
.jq-chip.ok{color:#1f6b3a;background:#eef7f0;border:1px solid #cfe6d6;}
.jq-chip.no{color:#a13030;background:#fbf0ef;border:1px solid #f0d6d3;}
.jq-eg{margin:10px 0 0!important;padding:9px 12px;font-size:13.5px!important;line-height:23px!important;
  color:#6b5a3c!important;background:#fdf9ee;border:1px dashed #e8dcbe;border-radius:3px;}

.jq-total{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 18px;
  background:linear-gradient(90deg,#fdf6ea,#fffdf8);border:1px solid #efe4cd;border-radius:5px;}
.jq-name{font-size:28px;font-weight:700;color:#3a3330;letter-spacing:6px;}
.jq-tnum{display:flex;align-items:baseline;color:#c0392b;}
.jq-tnum b{font-size:38px;line-height:1;font-family:Georgia,'Times New Roman',serif;}
.jq-tnum span{margin-left:3px;font-size:14px;}
.jq-tgrade{padding:2px 12px;border-radius:12px;font-size:14px;font-weight:700;
  background:#fbf0ef;border:1px solid #f0d6d3;}
.jq-tgrade.green{background:#eef7f0;border-color:#cfe6d6;}
.jq-tgrade.blue{background:#eef2fa;border-color:#d3dcef;}
.jq-tgrade.gray{background:#f4f4f4;border-color:#e2e2e2;}
.jq-num{font-family:Georgia,'Times New Roman',serif;font-size:17px;color:#a35d00;font-weight:700;}
.jq-dimtab,.jq-gridtab{table-layout:auto;}
.jq-dimtab td,.jq-gridtab td{word-break:break-word;}
/* 四、起名知识：问答卡片（问题 + 解法要点） */
.jq-qa{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px;}
.jq-q{padding:12px 14px;border:1px solid #eee7da;border-radius:5px;background:#fffefb;}
.jq-q h3{margin:0 0 6px;font-size:15px;line-height:1.45;font-weight:600;}
.jq-q h3 a{color:#7a3e12;text-decoration:none;}
.jq-q h3 a:hover{text-decoration:underline;}
.jq-q p{margin:0;font-size:13.5px;line-height:23px;color:#5a534a;}

@media (max-width:980px){
  .jq-w,.jq-grid,.jq-kv,.jq-qa{grid-template-columns:1fr;}
  .jq-name{font-size:24px;letter-spacing:4px;}
  .jq-tnum b{font-size:32px;}
}
/* ① 五格 / ⑥ 字形 两张卡带 5 列表格，半栏放不下 → 整行展开 */
.jq-card.wide{grid-column:1 / -1;}
.jq-card.wide .jq-gridtab,.jq-card.wide>table{margin-top:10px;}
/* 五格表：5 列给死宽度（主管列留 40%），否则主管说明被挤成竖条、行高翻三倍 */
.jq-gridtab{table-layout:fixed;}
.jq-gridtab th:nth-child(1){width:16%;}
.jq-gridtab th:nth-child(2){width:15%;}
.jq-gridtab th:nth-child(3){width:15%;}
.jq-gridtab th:nth-child(4){width:14%;}
.jq-gridtab th:nth-child(5){width:40%;}
.jq-gridtab td{padding:8px 10px;line-height:23px;}
.jq-lab{display:inline-block;margin:0 6px 0 0;font-size:13px;font-weight:700;letter-spacing:.5px;}
.jq-lab.ok{color:#1f6b3a;}
.jq-lab.no{color:#a13030;}
.jq-more{margin-left:2px;font-size:12px;color:#a3947c;}
/* 三格的 kv（日主/宜补/宜避）第三项独占一行，不留半格空档 */
.jq-kv>div:last-child:nth-child(odd){grid-column:1 / -1;}
/* ⑥ 字形表只有 5 个短列，按内容宽度收窄，别把字撑成一排孤岛 */
.jq-chartab{table-layout:auto;width:auto;min-width:480px;}
/* 四维明细表：把宽度让给「看什么」，别让说明挤成两行 */
.jq-dimtab{table-layout:fixed;}
.jq-dimtab th:nth-child(1){width:22%;}
.jq-dimtab th:nth-child(2){width:12%;}
.jq-dimtab th:nth-child(3){width:13%;}
.jq-dimtab th:nth-child(4){width:53%;}

/* ===== 择日 / 评日（/zeri/ /pingri/） =====
   等级配色沿传统通书习惯：大吉红 → 吉橙 → 平灰 → 凶绿 → 大凶深绿，
   一眼能看出日子好坏，不用去读文字。 */
.zr-lv1{color:#c1272d;}   /* 大吉 */
.zr-lv2{color:#d97b0a;}   /* 吉 */
.zr-lv3{color:#8a8578;}   /* 平 */
.zr-lv4{color:#4f8a4b;}   /* 凶 */
.zr-lv5{color:#2c6b34;}   /* 大凶 */
.zr-good{color:#c1272d;}
.zr-bad{color:#4f8a4b;}
/* 得分条 */
.zr-bar{height:8px;background:#efe8d9;border-radius:4px;overflow:hidden;margin:6px auto 0;max-width:320px;}
.zr-bar i{display:block;height:100%;border-radius:4px;}
.zr-bar-1,.zr-bar-lv1{background:#c1272d;}
.zr-bar-2,.zr-bar-lv2{background:#d97b0a;}
.zr-bar-3,.zr-bar-lv3{background:#a9a49a;}
.zr-bar-4,.zr-bar-lv4{background:#6ea869;}
.zr-bar-5,.zr-bar-lv5{background:#2c6b34;}
/* 当前查询的那一行高亮（吉日表） */
.bztab tr.zr-cur td{background:#fdf3e6;}
/* 45 类分类入口卡片 */
.zr-cats{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;}
.zr-cat{display:block;width:calc(25% - 6px);box-sizing:border-box;border:1px solid #e6ded0;
  background:#fdfbf7;border-radius:3px;padding:8px 10px;text-decoration:none;}
.zr-cat:hover{border-color:#c8a86a;background:#fff8ea;}
.zr-cat b{display:block;color:#6b4a1e;font-size:15px;line-height:24px;}
.zr-cat span{display:block;color:#8a8578;font-size:12.5px;line-height:20px;}
@media (max-width:980px){
  .zr-cat{width:calc(50% - 4px);}
}

/* 择日 / 评日：表单说明、结果抬头、事项快选、人员行 */
.zr-hint{color:#999;font-size:12.5px;}
/* 择日事项页顶部的「择日要点」清单（指什么 / 宜 / 忌 / 要诀） */
.zr-keypt{margin:2px 0 4px;padding-left:20px;}
.zr-keypt li{margin:0;line-height:26px;}
.zr-keypt b{color:#8a1c1c;font-weight:normal;}

.zr-lead{margin:0;text-align:center;font-size:15px;color:#666;}
.zr-sub{margin:6px 0 0;font-size:13px;color:#888;line-height:22px;}
.zr-big{margin:8px 0 2px;text-align:center;font-size:30px;font-weight:bold;line-height:38px;}
.zr-score{margin:4px 0 0;text-align:center;font-size:14px;color:#666;}
.zr-verdict{margin:10px 0 0;text-align:center;font-size:15px;}
/* 结果表里的吉时单元格：多个时辰顿开，点击即换时辰 */
.bztab td.zr-hs{padding-left:6px;padding-right:6px;letter-spacing:0;}
.zr-hs a{display:inline-block;margin-right:5px;font-size:12.5px;color:#8a1c1c;text-decoration:none;}
.zr-hs a:hover{text-decoration:underline;}
.zr-hs a.on{background:#8a1c1c;color:#fff;padding:0 5px;border-radius:2px;}
.zr-hs a.on:hover{text-decoration:none;}
.zr-tag{margin-left:8px;color:#a9772a;font-size:12px;}
/* 评级单元格「吉 82」不许折成两行（窄屏 t7 只剩 4 列时会挤） */
.zr-lv{white-space:nowrap;}
/* 评级列里的「冲生辰 / 刑害」小标签：独占一行，别把「大吉 86」挤成两截 */
.zr-tag-b{display:block;margin:1px 0 0;line-height:18px;}
/* 评日总览：通书明忌（一票否决）的一行压暗 */
.bztab tr.zr-veto td{background:#faf8f4;color:#a9a49a;}
.bztab tr.zr-veto td a{color:#a9a49a;}
.zr-veto-txt{color:#c9c0ae;}
/* 评日表单「推荐时辰」快捷条：点击即换成那个时辰重评 */
.zr-rech{font-size:13px;color:#888;line-height:26px;}
.zr-rech b{font-weight:normal;color:#8a1c1c;}
.zr-rech a{display:inline-block;margin:0 2px;padding:1px 7px;border:1px solid #e2d6bf;
  border-radius:3px;background:#fdfbf7;color:#6b4a1e;text-decoration:none;}
.zr-rech a:hover{background:#fff8ea;border-color:#c8a86a;color:#a11;}
.zr-rech a.on{background:#8a1c1c;border-color:#8a1c1c;color:#fff;}
.zr-rech a.on:hover{color:#fff;}
/* 按钮宽度自适应：文案长的提交按钮不再被 110px 的固定宽切掉（如「评一评这天嫁娶」） */
.zbbtn-auto{width:auto;min-width:110px;padding:0 22px;letter-spacing:1px;}
/* 常用事项快选 */
.zr-quick{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 6px;}
.zr-quick a{display:block;padding:5px 14px;border:1px solid #e2d6bf;border-radius:3px;
  background:#fdfbf7;color:#6b4a1e;font-size:14px;text-decoration:none;}
.zr-quick a:hover{background:#fff8ea;border-color:#c8a86a;color:#a11;}
/* 参与人员表单：主家 / 主妇 / 同席人 */
.zr-people{border:1px solid #eadfc9;background:#fffdf7;border-radius:4px;padding:8px 12px 10px;margin:0 0 10px;}
.zr-people-hd{font-size:14px;font-weight:bold;color:#8a1c1c;margin:0 0 4px;}
.zr-people-tip{font-weight:normal;color:#aaa;font-size:12px;margin-left:8px;}
.zr-p{border-top:1px dashed #eee3cd;padding:4px 0 0;}
.zr-p:first-of-type{border-top:0;}
.zr-p-hd{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0 0 2px;}
.zr-p-role{color:#8a1c1c;font-weight:bold;font-size:13.5px;min-width:92px;}
.zr-p-hd .zr-inpt{width:104px;height:26px;line-height:26px;padding:0 6px;box-sizing:border-box;
  border:1px solid #d8cbb2;border-radius:3px;font-size:13px;background:#fff;color:#444;}
.zr-p-del{margin-left:auto;padding:0 4px;color:#c9c0ae;font-size:18px;line-height:20px;text-decoration:none;}
.zr-p-del:hover{color:#c1272d;}
/* 清空生辰：每行独立，只清日期与时辰，不动性别与姓名 */
.zr-p-clr{padding:0 2px;color:#a9772a;font-size:12px;text-decoration:none;border-bottom:1px dotted #cbb894;}
.zr-p-clr:hover{color:#c1272d;border-bottom-color:#c1272d;}
.zr-p-hd .zr-p-clr{margin-left:2px;}
.zr-p-hd .zr-p-del{margin-left:6px;}
/* 评日页「分数怎么来的」四格表 */
.zr-scoretab{max-width:430px;margin:10px 0 4px;}
.zr-scoretab th{width:88px;}
.zr-scoretab td{text-align:center;}
/* 窄屏下 .tkv 的 15% 会把「通书日分」「时辰加减」压成两行，给标签列一个 4 字下限 */
@media (max-width:980px){
  .bztab.zr-scoretab th:nth-child(1),.bztab.zr-scoretab td:nth-child(1),
  .bztab.zr-scoretab th:nth-child(3),.bztab.zr-scoretab td:nth-child(3){width:26%;min-width:5.4em;}
  /* 评日「逐项判定」首列常有 4 字项目名（二十八宿、黄道黑道），3.2em 下限会折成两行；
     表格是 border-box，5.4em 扣掉左右各 5px 内边距还剩 60px，4 字（≈52px）放得下 */
  .bztab.t3w td:nth-child(1){min-width:5.4em;}
}
/* 评日「生辰与日时的核对」：第 4、5 列是长句，不能套 t6 的 nowrap，
   否则会把「与时辰」和「日支扣分」两列顶到容器外。 */
.bztab.zrp{table-layout:fixed;}
.bztab.zrp th,.bztab.zrp td{white-space:normal;}
.bztab.zrp th:nth-child(1),.bztab.zrp td:nth-child(1){width:13%;}
.bztab.zrp th:nth-child(2),.bztab.zrp td:nth-child(2){width:21%;}
.bztab.zrp th:nth-child(3),.bztab.zrp td:nth-child(3){width:14%;}
.bztab.zrp th:nth-child(4),.bztab.zrp td:nth-child(4){width:21%;}
.bztab.zrp th:nth-child(5),.bztab.zrp td:nth-child(5){width:22%;}
.bztab.zrp th:nth-child(6),.bztab.zrp td:nth-child(6){width:9%;}
@media (max-width:980px){
  .bztab.zrp th:nth-child(2),.bztab.zrp td:nth-child(2),
  .bztab.zrp th:nth-child(3),.bztab.zrp td:nth-child(3){display:none;}
  .bztab.zrp th:nth-child(1),.bztab.zrp td:nth-child(1){width:22%;}
  .bztab.zrp th:nth-child(4),.bztab.zrp td:nth-child(4){width:30%;}
  .bztab.zrp th:nth-child(5),.bztab.zrp td:nth-child(5){width:36%;}
  .bztab.zrp th:nth-child(6),.bztab.zrp td:nth-child(6){width:12%;}
}
.zr-people-ft{margin:8px 0 0;padding-top:6px;border-top:1px dashed #eee3cd;}
.zr-p-add{color:#a11;font-size:13px;text-decoration:none;}
.zr-p-add:hover{text-decoration:underline;}
.zr-people-note{color:#b3ab9c;font-size:12px;margin-left:10px;}
.zr-people .lf-row{margin:0;padding:2px 0;}
@media (max-width:980px){
  .zr-p-role{min-width:0;width:100%;}
  .zr-p-hd .zr-inpt{width:96px;}
  .zr-people-tip{display:block;margin:2px 0 0;}
}

/* 择日结果表（t7，7 列）在窄屏放不下 7 列：藏掉星期与建星、值日天神两列，
   保留「哪天 / 农历 / 日柱 / 评级 / 吉时」，避免「10月13日」被压成三行。 */
@media (max-width:980px){
  /* 7 列在 390px 里放不下：藏掉农历、建星、值日天神，留「哪天 / 日柱 / 评级 / 吉时」 */
  .bztab.t7 th:nth-child(2),.bztab.t7 td:nth-child(2),
  .bztab.t7 th:nth-child(4),.bztab.t7 td:nth-child(4),
  .bztab.t7 th:nth-child(5),.bztab.t7 td:nth-child(5){display:none;}
  .zr-wk{display:none;}
  .bztab.t7 th:nth-child(1),.bztab.t7 td:nth-child(1){min-width:5.2em;}
  .bztab.t7 th:nth-child(3),.bztab.t7 td:nth-child(3){min-width:3.4em;}
}

/* 评日页「本次择日挑出的日子」：桌面「日期 / 农历 / 吉时」三列；
   390px 下三列挤不下，藏农历、日期不折行，当前行靠底色区分（藏「当前」小标）。 */
@media (max-width:980px){
  .bztab.zr-rdh th:nth-child(2),.bztab.zr-rdh td:nth-child(2){display:none;}
  .bztab.zr-rdh th:nth-child(1),.bztab.zr-rdh td:nth-child(1){min-width:5.6em;white-space:nowrap;}
  .zr-rdh .zr-tag{display:none;}
}

/* ---------- 旁及亲属（不计入评分） ----------
   评日页 .zrs：称谓 / 与日支的关系 / 利在哪·不利在哪 / 怎么避开·怎么借力
   择日页 .zrside：称谓 / 需回避的日期 / 可借力的日期 / 怎么安排
   两表都是长句，必须 fixed + 显式列宽，否则会被 nowrap 的短列挤成一条窄缝。 */
.zrs-sx{display:block;color:#b3ab9c;font-size:11.5px;line-height:16px;}
.bztab.zrs,.bztab.zrside{table-layout:fixed;}
.bztab.zrs th,.bztab.zrs td,.bztab.zrside th,.bztab.zrside td{white-space:normal;}
.bztab.zrs th:nth-child(1),.bztab.zrs td:nth-child(1){width:11%;}
.bztab.zrs th:nth-child(2),.bztab.zrs td:nth-child(2){width:16%;}
.bztab.zrs th:nth-child(3),.bztab.zrs td:nth-child(3){width:36%;}
.bztab.zrs th:nth-child(4),.bztab.zrs td:nth-child(4){width:37%;}
.bztab.zrside th:nth-child(1),.bztab.zrside td:nth-child(1){width:12%;}
.bztab.zrside th:nth-child(2),.bztab.zrside td:nth-child(2){width:34%;}
.bztab.zrside th:nth-child(3),.bztab.zrside td:nth-child(3){width:23%;}
.bztab.zrside th:nth-child(4),.bztab.zrside td:nth-child(4){width:31%;}
@media (max-width:980px){
  /* 窄屏把「关系」并到称谓里读，正文两列各占一半；择日表先舍弃「可借力」 */
  .bztab.zrs th:nth-child(1),.bztab.zrs td:nth-child(1){width:20%;}
  .bztab.zrs th:nth-child(2),.bztab.zrs td:nth-child(2){width:22%;}
  .bztab.zrs th:nth-child(3),.bztab.zrs td:nth-child(3){width:29%;}
  .bztab.zrs th:nth-child(4),.bztab.zrs td:nth-child(4){width:29%;}
  .bztab.zrside th:nth-child(3),.bztab.zrside td:nth-child(3){display:none;}
  .bztab.zrside th:nth-child(1),.bztab.zrside td:nth-child(1){width:18%;}
  .bztab.zrside th:nth-child(2),.bztab.zrside td:nth-child(2){width:38%;}
  .bztab.zrside th:nth-child(4),.bztab.zrside td:nth-child(4){width:44%;}
}

/* 390px 下四列长句表横排必然挤成半列宽：每人改成一张卡片竖排，
   用 ::before 补上「需回避 / 可借力 / 影响 / 怎么处理」的标签。 */
@media (max-width:600px){
  .bztab.zrs tbody tr,.bztab.zrside tbody tr,
  .bztab.zrs tr,.bztab.zrside tr{display:block;padding:10px 4px;border-bottom:1px dashed #eee3cd;}
  .bztab.zrs tr:first-child,.bztab.zrside tr:first-child{display:none;}
  .bztab.zrs td,.bztab.zrside td{display:block;width:auto !important;border:0;padding:2px 4px;text-align:left !important;}
  .bztab.zrs td:nth-child(1),.bztab.zrside td:nth-child(1){font-weight:bold;padding-bottom:5px;}
  .bztab.zrside td:nth-child(3){display:block;}
  .bztab.zrside td:nth-child(2)::before{content:"需回避：";color:#8a1c1c;}
  .bztab.zrside td:nth-child(3)::before{content:"可借力：";color:#3f7a3f;}
  .bztab.zrs td:nth-child(3)::before{content:"影响：";color:#8a1c1c;}
  .bztab.zrs td:nth-child(4)::before{content:"怎么处理：";color:#3f7a3f;}
  .bztab.zrs td:nth-child(2)::before{content:"关系：";color:#8a1c1c;}
}
@media (max-width:600px){
  .bztab.zrside td:nth-child(4)::before{content:"怎么安排：";color:#3f7a3f;}
}

/* ==========================================================================
   免责声明页（pages/mianze.php，类名统一 mz- 前缀）
   正文用既有的 .content（h1/h2/h3/ul.artul 已有样式），这里只补导语、目录、结语
   ========================================================================== */
.mz{font-size:15px;line-height:1.95;color:#2b2b2b;}
.mz .meta{color:#9a9a9a;font-size:12.5px;border-bottom:1px dotted #ddd;padding-bottom:8px;margin:0 0 14px;}
.mz-lead{background:#fdf6ec;border:1px dashed #e6cba0;border-radius:6px;padding:12px 16px;margin:0 0 16px;}
.mz-lead p{margin:0 0 8px;}
.mz-lead p:last-child{margin-bottom:0;}
.mz-toc{display:flex;flex-wrap:wrap;gap:8px;align-items:center;
  background:#fafafa;border:1px solid #eee;border-radius:6px;padding:10px 14px;margin:0 0 18px;}
.mz-toc b{flex:0 0 auto;color:#c33;margin-right:4px;}
.mz-toc a{padding:4px 11px;font-size:13.5px;color:#555;background:#fff;border:1px solid #e6e6e6;
  border-radius:999px;text-decoration:none;transition:color .15s,border-color .15s;}
.mz-toc a:hover{color:#a11;border-color:#e9cbc5;text-decoration:none;}
.mz h2{margin-top:26px;}
.mz h3{margin-top:18px;}
.mz .artul li{margin:2px 0;}
.mz-end{margin-top:26px;padding:14px 16px;background:#fbf7ee;border-left:4px solid #c33;border-radius:4px;}
.mz-end p{margin:0 0 10px;}
.mz-end .mz-sign{margin:0;text-align:right;color:#8a6d3b;font-size:13.5px;letter-spacing:1px;}
@media (max-width:980px){
  .mz-toc a{font-size:12.5px;padding:3px 9px;}
}

/* 首页左栏收尾块（星座运势，从窄侧栏挪过来平衡两栏高度）
   侧栏的 .d6 是 106px 固定宽按钮，在 702px 里一行能放 5 个，正好排两行半；
   这里只补一点上间距与分隔，不改按钮尺寸。 */
.plt-tail{margin-top:10px;}
.plt-tail .clr{margin:0;}

/* ==========================================================================
   小屏优化（≤600px）：把「链接推荐流」收起来，让正文先到眼前
   --------------------------------------------------------------------------
   背景：桌面端 .wrapper 是 960px 两栏（.plt 702 + .prt 250），侧栏那 250px
   装的是在线测试 + 4 组栏目按钮 + 热门文章。到了 390px，.plt/.prt 都变成
   100% 宽，这些「推荐」就成了正文后面 1700px 的尾巴 —— 手机上没人会滚到底，
   却让首屏全是链接、真正的结果要点好几屏才看到。

   这里做四件事，都不动桌面：
     1. 侧栏（.prt-fold）由 app.js 在 ≤600px 时收起，标题变成一行「更多工具与文章 ›」；
     2. 首页底部「全部测算项目」等大链接表在 ≤600px 时收成可展开块（.fold-sm）；
     3. 常用列表类（.d2/.d3/.d9/.c1/.d4）在 ≤600px 改两列紧凑排布，行高收一档；
     4. 正文里的工具表格（.bztab 等）外层允许横向滚动，不再硬挤列宽。
   ========================================================================== */
@media (max-width:600px){
  /* ---- 1. 侧栏折叠壳：summary 变成一行可点的横条 ---- */
  .prt-fold{border:1px solid var(--line,#e6e0d4);border-radius:6px;background:#fff;}
  .prt-fold > summary{
    display:flex;align-items:baseline;gap:8px;margin:0;
    padding:11px 13px;cursor:pointer;list-style:none;
    background:#f7f7f7;color:#505050;font-size:14px;
    border-radius:6px;-webkit-tap-highlight-color:transparent;
  }
  .prt-fold > summary::-webkit-details-marker{display:none;}
  .prt-fold > summary b{color:#d81313;font-size:14px;font-weight:400;flex:0 0 auto;}
  .prt-fold > summary span{flex:1 1 auto;min-width:0;font-size:11.5px;color:#9a9a9a;
    overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
  /* 「›」箭头：展开时转 90°，点开方向一目了然 */
  .prt-fold > summary::after{
    content:"›";flex:0 0 auto;font-size:17px;line-height:1;color:#bbb;
    transition:transform .18s ease;
  }
  .prt-fold[open] > summary{border-bottom:1px solid var(--line,#e6e0d4);border-radius:6px 6px 0 0;}
  .prt-fold[open] > summary::after{transform:rotate(90deg);}
  .prt-fold > .prt-in{padding:10px 10px 4px;}

  /* ---- 2. 可折叠的链接大表（.fold-sm，HTML 直接用 <details class="fold-sm">）----
     桌面端强制展开（下面的 summary{display:none}），小屏才成为可点开的块。 */
  .fold-sm{border:1px solid #e0dcd2;border-radius:6px;background:#fff;margin:10px 0;}
  .fold-sm > summary{
    display:flex;align-items:center;gap:8px;padding:11px 13px;cursor:pointer;list-style:none;
    font-size:14.5px;color:#505050;background:#f7f7f7;border-radius:6px;
  }
  .fold-sm > summary::-webkit-details-marker{display:none;}
  .fold-sm > summary strong{color:#d81313;font-weight:400;flex:0 0 auto;}
  .fold-sm .fold-n{font-size:11.5px;color:#9a9a9a;flex:1 1 auto;min-width:0;}
  .fold-sm > summary::after{content:"展开 ›";margin-left:auto;flex:0 0 auto;
    font-size:12.5px;color:#d81313;}
  .fold-sm[open] > summary{border-bottom:1px solid #e0dcd2;border-radius:6px 6px 0 0;}
  .fold-sm[open] > summary::after{content:"收起 ▴";color:#999;}
  .fold-sm .tbox{border-radius:0;border-top:none;}
  .fold-sm .tbox dt:first-child{border-top:none;}

  /* ---- 3. 链接列表在窄屏排两列、行高收一档，一屏能多看几条 ---- */
  .d2 li,.d3 li,.d9 li{width:calc(50% - 12px);}
  .d2 li a,.d3 li a,.d9 li a{line-height:26px;font-size:13.5px;}
  .c1 li{line-height:27px;font-size:13.5px;}
  .d4 li{width:100%;margin:3px 0;}
  /* 侧栏 .d6 是 106px 固定宽按钮，250px 侧栏里一行 2 个；到了整宽 390px 反而浪费，
     改成自适应两列 */
  .d6 li{width:calc(50% - 8px);}
  .d6 li a{width:auto;box-sizing:border-box;padding-left:8px;}

  /* ---- 4. 长表格允许横向滚动，而不是把列挤成竖条 ---- */
  .btable-scroll,.tbl-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;}
  .btable-scroll > table,.tbl-scroll > table{min-width:520px;}

  /* ---- 5. 正文盒子与表单项收一档，首屏能多露一截内容 ---- */
  .tbox dt{height:30px;line-height:30px;}
  .tbox dt strong{line-height:28px;height:22px;}
  .tbox dd{padding:7px 9px 10px;}
  .wrapper{padding:0 8px;}

  /* ---- 6. 频道文章列表 / 标签云：小屏减字号与留白 ---- */
  .e2 li{padding:10px 0 !important;}
  .e2 li .intro{font-size:12.5px;line-height:20px;}
  .tags a{margin:3px;padding:2px 7px;font-size:11.5px;}
  /* 面包屑在窄屏常与标题挤在一起，换行更好读 */
  .breadcrumb{font-size:12px;line-height:1.7;}
  /* 结果区标题与正文之间的间距收一档 */
  .content h1{font-size:19px;}
  .content h2{font-size:17px;}

  /* ---- 7. 首页「热门推荐」整块链接区（.home-links）
     ------------------------------------------------------------------
     小屏下这一块是 100 条纯链接（推荐测试 13 + 热门文章 14 + 生肖运程 18
     + 8 个频道各 7 条），占了 5666px 页面里的大半，而且是全站链接密度
     最高的地方 —— 手机上首屏全是指向别处的链接，真正要用的两个测试表单
     （起名 / 算命）反而被挤到看不见的位置。
     现在整块收进 <details class="fold-sm home-links">，桌面端照旧全展开，
     ≤600px 时 app.js 移除 open，只留一行标题条。展开时内部改单栏，
     否则 .list_left / .home_middle 的浮动宽度（341/544px）在 390px 下会错乱。 */
  .home-links > .fold-in{overflow:hidden;padding:0 4px 4px;}
  /* .clear 清除浮动 + 给内部两块留出上边距 */
  .home-links .fold-in > .clear{margin:0;}
  .home-links .tbox{margin-top:8px;}
  /* 折叠块内的小标题行略收一档，避免和 summary 条抢眼 */
  .home-links .tbox dt{background:#fbf9f4;}
  /* 展开态底部收口，别贴着页脚 */
  .home-links[open]{padding-bottom:6px;}
}