@charset "utf-8";
/* ============================================================
   pp.buyiju.com（卜易居排盘 · PC 端）
   ------------------------------------------------------------
   加载顺序：i.buyiju.com/css/pc.css 之后（inc/inc_meta.asp）。
   只接管 .viewbox 内部：面包屑 / 标题 / 表单 / 正文 / 各盘渲染器。
   主站 header / nav / footer / 右侧栏 沿用 pc.css，本文件只调宽度。

   与移动版（p.buyiju.com/css/pp_mobile_new.css）的关系：
     · 程序同一套（VBScript + DOM 渲染器），但**口径不同** —— 移动版为 390px 写，
       这里是 1160 框架 / 880 内容区，字号与栅格全部重定。
     · 结构相同的段落（六爻 / 奇门 / 玄空 / 金口诀 / 表单联动）直接沿用移动版
       规则，再在文件末尾「第 9 节 桌面修正」里统一放大，
       避免两处维护出现观感漂移。

   宽度策略（2026-10-29 定）：
     ≥1180 视口：1160 框架（.plt 880 + .prt 258）
     <1180 视口：回落 960 框架，表单单列
   手机由 uaredirect 送去 p.buyiju.com，本文件不负责 <1000。
   ============================================================ */

:root{
  --o:#ff8a11;
  --o2:#e0700a;
  --ink:#333333;
  --ink2:#7c736a;
  --ink3:#a89a8b;
  --line:#e6e1da;
  --line2:#f1ece5;
  --card:#ffffff;
  --tint:#fcfaf7;
  --field:#ffffff;
  --gz:#c0562f;

  /* 移动版规则里用的令牌，这里做同义映射，移植段落不用改一个字 */
  --pp-orange:var(--o);
  --pp-orange-d:var(--o2);
  --pp-card:var(--card);
  --pp-line:var(--line);
  --pp-line-2:var(--line2);
  --pp-ink:var(--ink);
  --pp-ink-2:var(--ink2);
  --pp-tint:var(--tint);
  --pp-field:var(--field);
}

/* ============================================================
   1. 框架宽度
   ============================================================ */
.wrapper{width:1160px;}
.header{width:1160px;}
.nav{width:1160px;}
.footer{width:1160px;}
.plt{width:880px;}
.prt{width:258px;}
.viewbox{width:auto;}

/* 模块页的历史结构：inc_right.asp 被 include 在 .plt 里面（首页则是 .wrapper 的
   直接子节点）。pc.css 里 .plt 只有 700 宽且 overflow:hidden，侧栏一直被挤到正文
   下方；这里用 :has() 把这种嵌套提升为「左 880 + 右 258」两列，程序一行不改。 */
.plt:has(> .prt){
  width:1160px;float:none;overflow:visible;
  display:grid;grid-template-columns:minmax(0,880px) 258px;column-gap:22px;
  align-items:start;
}
.plt:has(> .prt) > .place,
.plt:has(> .prt) > .viewbox{grid-column:1;width:auto;}
.plt:has(> .prt) > .prt{grid-column:2;float:none;margin:0;align-self:start;}

/* 主站导航 16 栏：pc.css 写死 60px×16=960，加宽后要按内容铺开 */
.nav ul li{width:auto;padding:0 13px;}

/* 中间档：视口不够 1160 时整体回落，避免出现横向滚动条 */
@media (max-width:1179px){
  .wrapper,.header,.nav,.footer{width:960px;}
  .plt{width:700px;}
  .prt{width:250px;}
  /* 960 档放不下 880+258，退回旧版行为：侧栏落到正文下方 */
  .plt:has(> .prt){width:700px;float:left;overflow:hidden;display:block;}
  .plt:has(> .prt) > .prt{float:right;}
  .nav ul li{width:60px;padding:0;}
}

/* ============================================================
   2. 面包屑 / 标题
   ============================================================ */
.viewbox{border-top:1px solid #d9d9d9;}
.viewbox .title{padding-bottom:4px;}
.viewbox .title h2{font-size:26px;letter-spacing:.06em;color:#2b2b2b;margin:20px auto 6px;}

/* ============================================================
   3. 表单：标签定宽右对齐 + 两列字段
   ============================================================ */
.viewbox .inform,
.viewbox .inform_vip{
  width:auto;margin:10px 20px 14px;padding:0;
  background:transparent;border:0;border-radius:0;
  font-size:15px;line-height:1.6;color:var(--ink);text-align:left;
}
.viewbox .inform form,
.viewbox .inform_vip form{
  width:100%;max-width:640px;margin:0 auto;box-sizing:border-box;
  display:grid;grid-template-columns:1fr;gap:10px 0;
  padding:20px 26px 18px;
  background:var(--tint);border:1px solid var(--line);border-radius:12px;
}
.viewbox .inform_vip form > p,
.viewbox .inform form > p{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  margin:0;padding:0;min-height:36px;border:0;text-indent:0;
  font-size:15px;line-height:1.6;color:var(--ink);
}
.viewbox .inform_vip form > p > strong:first-child,
.viewbox .inform form > p > strong:first-child{
  display:block;flex:0 0 6em;margin:0;padding:0 6px 0 0;text-align:right;
  font-size:14px;font-weight:400;letter-spacing:.02em;color:var(--ink2);white-space:nowrap;
}
.viewbox .inform_vip form > p > strong ~ strong{
  display:inline;flex:0 0 auto;margin:0;font-size:14px;color:var(--ink);
}
/* 没有标签、且以单选/复选框开头的行（金口诀的「排行年 / 地分 / 甲戊庚牛羊 / 交节换将」）：
   两列时代这些行落在第二列，看不出问题；单列后它们会从卡片左边顶格，
   跟上面右对齐的标签错开。这里补上与标签列等宽的缩进，让首控件对齐到控件列。
   92px = strong 的 6em(14px×6=84) + 行内 gap(8)。 */
.viewbox .inform_vip form > p:not(:has(> strong)) > input[type=radio]:first-child,
.viewbox .inform_vip form > p:not(:has(> strong)) > input[type=checkbox]:first-child,
.viewbox .inform form > p:not(:has(> strong)) > input[type=radio]:first-child,
.viewbox .inform form > p:not(:has(> strong)) > input[type=checkbox]:first-child{
  margin-left:92px;
}
/* 说明：改成单列后，原先给 #shengri / #nianx / #bazhi 和「含三个下拉的行」
   写的 grid-column:1/-1（整行跨两列）已无意义，一并移除。 */

.viewbox .inform_vip input.ipt,
.viewbox .inform_vip input[type=text]{
  height:34px;padding:0 10px;box-sizing:border-box;max-width:100%;
  border:1px solid #d8cfc4;border-radius:8px;background:var(--field);
  font-size:15px;color:var(--ink);
}
.viewbox .inform_vip input.ipt:focus,
.viewbox .inform_vip input[type=text]:focus{
  outline:none;border-color:#ffb066;box-shadow:0 0 0 3px rgba(255,138,17,.12);
}
.viewbox .inform_vip select{
  height:34px;padding:0 26px 0 9px;box-sizing:border-box;
  border:1px solid #d8cfc4;border-radius:8px;background:var(--field);
  font-size:15px;color:var(--ink);max-width:100%;margin:0;
  appearance:none;-webkit-appearance:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6'><path d='M0 0h10L5 6z' fill='%23b8a894'/></svg>");
  background-repeat:no-repeat;background-position:right 9px center;
}
.viewbox .inform_vip select:focus{outline:none;border-color:#ffb066;}
.viewbox .inform_vip #pid{width:auto!important;min-width:118px;flex:0 0 auto;}
.viewbox .inform_vip #cid{min-width:104px;}
.viewbox .inform_vip form > p > select{min-width:76px;}
.viewbox .inform_vip form > p > select + select{min-width:58px;}

/* 提交按钮：整行居中。各页结构不一，有的直接挂在 form 下，有的包在 p 里 */
.viewbox .inform form > .button,
.viewbox .inform_vip form > .button,
.viewbox .inform form > p:has(> .button),
.viewbox .inform_vip form > p:has(> .button){grid-column:1 / -1;justify-content:center;}
.viewbox .inform form input.button,
.viewbox .inform_vip form input.button{
  width:220px;flex:0 0 auto;margin:8px auto 4px;height:40px;line-height:40px;
  font-size:15px;letter-spacing:.08em;border:0;border-radius:6px;
}
.viewbox .inform form input.button:hover,
.viewbox .inform_vip form input.button:hover{background:#f07d05;}

/* 单选 / 复选：自绘 */
.viewbox .inform_vip input[type=radio],
.viewbox .inform_vip input[type=checkbox]{
  appearance:none;-webkit-appearance:none;
  width:17px;height:17px;margin:0 2px 0 6px;
  border:1px solid #d3c4ae;background:#fff;border-radius:50%;
  position:relative;box-sizing:border-box;vertical-align:-3px;
  transition:border-color .15s,background .15s;
}
.viewbox .inform_vip input[type=checkbox]{border-radius:4px;}
.viewbox .inform_vip input[type=radio]:checked{border:5px solid var(--o);background:#fff;}
.viewbox .inform_vip input[type=checkbox]:checked{background:var(--o);border-color:var(--o);}
.viewbox .inform_vip input[type=checkbox]:checked::after{
  content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;
  border:2px solid #fff;border-top:0;border-left:0;transform:rotate(42deg);
}
.viewbox .inform_vip label{font-size:14px;color:#54493f;white-space:nowrap;}
.viewbox .inform_vip form > p > font{font-size:14px;color:#54493f!important;}

.viewbox .button,
.viewbox .inform_vip .button{
  grid-column:1 / -1;justify-self:center;
  width:220px;height:42px;line-height:42px;margin:6px 0 0;
  background:linear-gradient(180deg,#ff9a33,#ff7f0a);
  border:0;border-radius:9px;
  font-size:16px;font-weight:600;letter-spacing:3px;color:#fff;
  box-shadow:0 3px 10px rgba(255,127,10,.24);cursor:pointer;
}

/* ============================================================
   4. 正文 / 表格
   ============================================================ */
.viewbox .content{padding:0 22px 12px;font-size:16px;line-height:1.8;color:var(--ink);}
.viewbox .content p{line-height:1.8;margin:0 0 8px;}
.viewbox .content .red,
.viewbox .content p.red{
  color:var(--o2);background:#fff6ec;
  border-left:3px solid var(--o);border-radius:0 6px 6px 0;
  padding:8px 12px;font-size:15px;margin:4px 0 12px;
}
.viewbox .content h3{
  background:none;border-left:3px solid #e8a05c;border-radius:0;
  padding:0 0 0 9px;margin:18px 0 8px;
  font-size:17px;line-height:1.5;color:#2b2b2b;
}
.viewbox .content table[bgcolor]{
  width:100%!important;table-layout:fixed;
  border-collapse:separate;border-spacing:1px;
  background:var(--line)!important;border:0;border-radius:8px;
  overflow:hidden;margin:6px 0 12px;
}
.viewbox .content table[bgcolor] td[bgcolor]{
  background:var(--tint)!important;color:#5b5249;font-size:13px;
  border:0;padding:5px 2px;text-align:center;
}
.viewbox .content table[bgcolor] td b{color:var(--o2);font-weight:600;}

/* ============================================================
   5. 八字四柱（bazi/bz_dom.asp）
   ============================================================ */
.bz-box{margin:0;font-size:15px;line-height:1.6;color:var(--ink);}
.bz-sum{padding:14px 16px;margin:0 0 12px;background:var(--card);border:1px solid var(--line);border-radius:10px;}
.bz-sum-h{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin:0 0 8px;}
.bz-sum-h b{font-size:17px;letter-spacing:.02em;}
.bz-sum-h i{font-style:normal;font-size:12.5px;line-height:1.5;}
.bz-sex{color:var(--gz);background:#fdf1e8;border:1px solid #f0dcc9;border-radius:3px;padding:0 5px;}
.bz-loc{color:var(--ink3);}
.bz-sum-r{display:flex;align-items:baseline;gap:8px;font-size:15px;line-height:1.9;}
.bz-sum-r s{flex:0 0 auto;text-decoration:none;font-size:12px;color:var(--ink3);letter-spacing:.08em;}
.bz-sum-r span{flex:1 1 auto;min-width:0;}
.bz-week{flex:0 0 auto;font-style:normal;font-size:12.5px;color:var(--ink2);white-space:nowrap;}
.bz-sum-r.is-nl{font-size:14px;color:#a8724a;}

.bz-p4{
  display:flex;flex-direction:column;gap:1px;
  background:var(--line);border:1px solid var(--line);border-radius:10px;
  overflow:hidden;margin:0 0 12px;
}
.bz-p4-r{display:grid;grid-template-columns:5.2em repeat(4,1fr);background:var(--card);}
.bz-p4-r s{
  text-decoration:none;display:flex;align-items:center;justify-content:center;
  font-size:12.5px;color:var(--ink3);background:var(--tint);letter-spacing:.06em;
}
.bz-p4-r span{
  display:flex;align-items:center;justify-content:center;
  font-size:16px;line-height:1.7;color:var(--ink);
  padding:8px 2px;text-align:center;border-left:1px solid var(--line2);
}
.bz-p4-r.is-th{background:#fdf8f1;}
.bz-p4-r.is-th b{
  display:flex;align-items:center;justify-content:center;
  font-size:13.5px;font-weight:600;color:#8a6a48;letter-spacing:.08em;padding:8px 2px;
}
.bz-p4-r.is-th b + b{border-left:1px solid var(--line2);}
.bz-p4-r.is-gz span{font-size:26px;font-weight:600;color:var(--gz);letter-spacing:.08em;padding:10px 2px;}
.bz-p4-r.is-sm span{font-size:14px;color:#a8724a;}
.bz-p4-r.is-sm s{font-size:12.5px;}

.bz-jq{
  display:grid;grid-template-columns:1fr 1fr;gap:2px 26px;
  padding:10px 16px;margin:0 0 12px;
  background:var(--tint);border:1px solid var(--line);border-radius:9px;
}
.bz-jq-i{display:flex;align-items:baseline;gap:7px;font-size:14px;line-height:1.7;color:var(--ink2);min-width:0;}
.bz-jq-i s{flex:0 0 2.4em;text-decoration:none;font-size:12px;color:var(--ink3);letter-spacing:.06em;}

.bz-cap{display:flex;align-items:baseline;gap:8px;margin:18px 0 8px;padding:0 2px;}
.bz-cap b{font-size:16px;font-weight:600;color:#2b2b2b;letter-spacing:.04em;position:relative;padding-left:9px;}
.bz-cap b::before{content:"";position:absolute;left:0;top:.32em;width:3px;height:.86em;border-radius:2px;background:#e8a05c;}
.bz-cap i{font-style:normal;font-size:12.5px;color:var(--ink3);}

.bz-yun-wrap{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--card);margin:0 0 12px;}
.bz-yun-t{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px;line-height:1.5;}
.bz-yun-t col.c-lb{width:3.6em;}
.bz-yun-t td{
  border-bottom:1px solid var(--line2);border-right:1px solid var(--line2);
  text-align:center;padding:5px 0;white-space:nowrap;color:var(--ink);
}
.bz-yun-t tr td:last-child{border-right:0;}
.bz-yun-t tr:last-child td{border-bottom:0;}
.bz-yun-t td.lb{background:var(--tint);font-size:12.5px;color:var(--ink3);letter-spacing:.04em;}
.bz-yun-t td.s10{font-size:13.5px;color:#8a7b6c;}
.bz-yun-t td.gz{font-size:17px;font-weight:600;color:var(--gz);}
.bz-yun-t td.cs{font-size:13.5px;color:#a8724a;}
.bz-yun-t td.num{font-size:13.5px;color:#6d6157;}

.bz-tm{
  display:grid;grid-template-columns:1fr 1fr;gap:1px;
  background:var(--line);border:1px solid var(--line);border-radius:9px;
  overflow:hidden;margin:12px 0 0;
}
.bz-tm-i{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;background:var(--card);padding:9px 14px;min-width:0;}
.bz-tm-i s{flex:0 0 auto;text-decoration:none;font-size:12.5px;color:var(--ink3);letter-spacing:.06em;}
.bz-tm-i b{font-size:16px;font-weight:600;color:var(--gz);letter-spacing:.06em;}
.bz-tm-i i{font-style:normal;font-size:12.5px;color:#a8724a;}

.bz-ss{background:var(--card);border:1px solid var(--line);border-radius:10px;overflow:hidden;}
.bz-ss-r{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;padding:8px 14px;}
.bz-ss-r + .bz-ss-r{border-top:1px solid var(--line2);}
.bz-ss-r s{flex:0 0 3em;text-decoration:none;font-size:12.5px;color:var(--ink3);letter-spacing:.04em;}
.bz-ss-r.is-x{background:var(--tint);}
.bz-tag{
  display:inline-block;padding:0 6px;border-radius:4px;
  background:#fdf1e8;border:1px solid #f0dcc9;
  font-size:13px;line-height:1.9;color:#8a6a48;white-space:nowrap;
}
.bz-tag.is-xing{background:#f7f0e4;border-color:#e8dcc6;color:#a8724a;}
.bz-none{font-size:12.5px;color:#c9b49a;}

.bz-misc{
  display:grid;grid-template-columns:repeat(4,1fr);gap:4px 18px;
  margin:12px 0 0;padding:10px 16px;
  background:var(--tint);border:1px solid var(--line);border-radius:9px;
}
.bz-misc span{display:flex;align-items:baseline;gap:6px;font-size:13px;line-height:1.8;color:var(--ink2);min-width:0;}
.bz-misc s{flex:0 0 auto;text-decoration:none;font-size:11.5px;color:var(--ink3);}
.bz-misc b{font-size:14px;font-weight:600;color:var(--ink);}
.bz-misc i{font-style:normal;font-size:11.5px;color:#a8724a;}

/* ============================================================
   6. 紫微十二宫（ziwei/pan_dom.asp）
   ============================================================ */
.zp-box{font-size:15px;line-height:1.55;color:var(--ink);}
.zp-sum{padding:14px 16px;margin:0 0 12px;background:var(--tint);border:1px solid var(--line);border-radius:10px;}
.zp-top{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;}
.zp-top b{font-size:17px;}
.zp-sex{font-size:12.5px;color:var(--ink3);}
.zp-ju{font-size:12.5px;color:var(--o2);background:#fff2e3;border:1px solid #ffdcbb;border-radius:4px;padding:1px 6px;}
.zp-pn{margin-left:auto;font-size:12.5px;color:var(--ink3);}
.zp-p4{display:flex;gap:8px;margin-top:10px;}
.zp-p4 div{flex:1;text-align:center;background:var(--card);border:1px solid var(--line);border-radius:6px;padding:5px 0;}
.zp-p4 div u{display:block;font-size:11px;color:var(--ink3);text-decoration:none;}
.zp-p4 div b{font-size:16px;font-weight:600;}
.zp-kv{display:flex;gap:6px 18px;flex-wrap:wrap;margin-top:9px;font-size:13.5px;color:var(--ink2);}
.zp-kv i{font-style:normal;color:var(--ink3);margin-right:4px;}
.zp-kv b{font-weight:600;color:var(--ink);}
.zp-liu{margin-top:9px;padding-top:9px;border-top:1px dashed var(--line);}
.zp-more{margin-top:10px;}
.zp-more > summary{list-style:none;cursor:pointer;font-size:12.5px;color:var(--o2);padding:6px 0 3px;border-top:1px dashed var(--line);}
.zp-more > summary::-webkit-details-marker{display:none;}
.zp-more > summary::before{content:"+ ";font-weight:700;}
.zp-more[open] > summary::before{content:"\2212";margin-right:2px;}
.zp-qy{font-size:13px;color:var(--ink2);padding:5px 0 3px;}
.zp-dy{display:flex;flex-wrap:wrap;gap:6px;padding:3px 0 5px;}
.zp-dy div{flex:1 1 72px;text-align:center;background:var(--card);border:1px solid var(--line);border-radius:6px;padding:4px 0;}
.zp-dy div b{display:block;font-size:14.5px;font-weight:600;}
.zp-dy div u{display:block;font-size:11px;color:var(--ink3);text-decoration:none;}
.zp-dy div s{display:block;font-size:11px;color:#c9bbac;text-decoration:none;}
.zp-gh{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 40px;padding:8px 0 3px;}
.zp-gan{display:flex;align-items:baseline;gap:6px;font-size:12.5px;color:var(--ink2);white-space:nowrap;}
.zp-gan b{color:var(--ink);font-size:13px;flex:0 0 auto;}
.zp-gan i{font-style:normal;flex:0 0 auto;}
.zp-gan em{font-style:normal;color:#c99a68;font-size:11px;margin-left:1px;}

/* 十二宫：桌面 2 列 × 6 行 */
.zp-tbl{
  margin-top:12px;border:1px solid var(--line);border-radius:10px;
  overflow:hidden;background:var(--card);
  display:grid;grid-template-columns:1fr 1fr;
}
.zp-row{border-bottom:1px solid var(--line2);border-right:1px solid var(--line2);}
.zp-row:nth-child(2n){border-right:0;}
.zp-row:nth-last-child(-n+2){border-bottom:0;}
.zp-row.ming{background:#fffbf4;}
.zp-row summary{list-style:none;cursor:pointer;display:block;padding:10px 14px;}
.zp-row summary::-webkit-details-marker{display:none;}
.zp-srow{display:flex;align-items:flex-start;gap:8px;flex-wrap:nowrap;}
.zp-n{font-size:15px;font-weight:700;min-width:3.2em;flex:0 0 auto;}
.zp-gz{font-size:11.5px;color:var(--ink3);min-width:2.4em;flex:0 0 auto;padding-top:3px;}
.zp-flag{font-size:10.5px;color:#fff;background:var(--o);border-radius:2px;padding:0 4px;line-height:17px;flex:0 0 auto;margin-top:2px;}
.zp-flag.shen{background:#e2a25a;}
.zp-sl{flex:1 1 auto;min-width:0;display:flex;flex-wrap:wrap;gap:3px 8px;}
.zp-dx{font-size:11.5px;color:var(--ink3);white-space:nowrap;flex:0 0 auto;padding-top:3px;}
.zp-ar{font-size:11px;color:#c9bbac;flex:0 0 auto;padding-top:4px;transition:transform .18s;}
.zp-row details[open] .zp-ar{transform:rotate(90deg);}
.zp-st{font-size:14px;color:#7a6a5a;white-space:nowrap;}
.zp-st.main{color:#c14f00;font-weight:600;}
.zp-st.minor{color:#a8998a;font-size:12.5px;}
.zp-st sup{font-size:10px;color:#c99a68;margin-left:1px;}
.zp-sh{font-style:normal;font-size:10px;padding:0 2px;border-radius:2px;margin-left:2px;font-weight:600;}
.zp-sh.lu{background:#eef4ee;color:#3f7a52;}
.zp-sh.quan{background:#f3eef7;color:#6b4f96;}
.zp-sh.ke{background:#eaf1f6;color:#356d8c;}
.zp-sh.ji{background:#fbeee9;color:#b5472f;}
.zp-borrow{font-size:12.5px;color:#a8998a;border:1px dashed var(--line);border-radius:4px;padding:0 5px;}
.zp-srow2{display:flex;flex-wrap:wrap;gap:4px 6px;margin:5px 0 0;}
.zp-tag{font-size:11.5px;color:#8a7b6c;background:#fbf6ef;border:1px solid var(--line);border-radius:3px;padding:0 5px;line-height:16px;}
.zp-tag.l1{color:#8a5a2b;background:#fdf3e6;border-color:#f3ddc2;}
.zp-tag.l2{color:#4a6b86;background:#eff4f8;border-color:#d9e4ec;}
.zp-tag.yue{color:#a8734a;background:transparent;border-style:dashed;}
.zp-body{background:#fdfaf5;border-radius:7px;margin:0 14px 11px;padding:10px 11px;display:flex;flex-wrap:wrap;gap:6px;}
.zp-cap{width:100%;font-size:11.5px;color:var(--ink3);margin:2px 0 0;}
.zp-cap:first-child{margin-top:0;}
.zp-chip{font-size:13px;color:#6d5f50;background:#fff;border:1px solid var(--line);border-radius:5px;padding:1px 7px 2px;}
.zp-chip.l1{background:#fdf3e6;border-color:#f3ddc2;color:#8a5a2b;}
.zp-chip.l2{background:#eff4f8;border-color:#d9e4ec;color:#4a6b86;}
.viewbox .content p.zp-hint{font-size:12.5px;color:var(--ink3);text-align:center;margin:10px 0 0;line-height:1.6;}

/* ============================================================
   7. 六爻 / 梅花（liuyao|meihua/ly_dom.asp）—— 沿用移动版结构
   ============================================================ */
.ly-box{font-size:16px;line-height:1.6;color:var(--ink);}
.ly-hd{border:1px solid var(--line2);border-radius:10px;padding:12px 14px 13px;margin:0 0 12px;background:#fffdf9;}
.ly-kv{display:flex;gap:10px;align-items:baseline;padding:4.5px 0;}
.ly-kv>span{flex:0 0 3.4em;font-size:13.5px;color:var(--ink2);letter-spacing:.02em;}
.ly-kv>b{flex:1 1 0;min-width:0;font-weight:500;font-size:16.5px;line-height:1.55;word-break:keep-all;overflow-wrap:anywhere;}
.ly-kv>b .ly-g{font-style:normal;white-space:nowrap;margin-right:.6em;}
.ly-kv>b .ly-g:last-child{margin-right:0;}
.ly-gua{
  display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 9px;
  padding:9px 12px 10px;margin:0 0 12px;border:1px solid #f0dcc4;border-radius:10px;
  background:linear-gradient(180deg,#fff7ee,#fdf0e2);
}
.ly-gua .ly-g1,.ly-gua .ly-g2{display:inline-flex;align-items:baseline;gap:6px;}
.ly-gua b{font-size:17.5px;color:#b3541b;letter-spacing:.03em;}
.ly-gua i{font-style:normal;font-size:13px;color:var(--ink2);}
.ly-gua .ly-zhi{font-size:13px;color:var(--ink2);}
.ly-gua .ly-kw{margin-left:auto;font-size:12.5px;color:#a8724a;background:#fff3e4;border-radius:6px;padding:2px 8px;white-space:nowrap;}
.ly-tbl{border:1px solid var(--line2);border-radius:10px;overflow:hidden;background:#fffdf9;}
.ly-row{border-bottom:1px solid #f4ece2;}
.ly-row:last-child{border-bottom:0;}
.ly-line{display:flex;align-items:center;gap:6px;padding:8px 9px;}
.ly-ls{flex:0 0 auto;white-space:nowrap;font-size:14px;color:var(--ink2);letter-spacing:.02em;}
.ly-side{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:4px;padding:5px 6px;border-radius:6px;white-space:nowrap;}
.ly-side.is-zhu{background:#fdf6ec;}
.ly-side.is-bian{background:#f0e8dd;border-left:1px dashed #e2d3bf;}
.ly-line.is-th{padding:5px 9px 4px;background:#faf4ea;border-bottom:1px solid #f0e3d3;}
.ly-line.is-th .ly-side{background:none;border-left:0;font-size:12px;color:var(--ink2);letter-spacing:.08em;justify-content:center;padding:0;}
.ly-lq{font-style:normal;font-size:15px;color:var(--ink);flex:0 0 auto;}
.ly-nj{font-style:normal;font-size:13px;color:var(--ink2);flex:0 0 auto;}
.ly-sy{flex:0 0 1.4em;font-size:12.5px;line-height:1.4;text-align:center;color:#b3541b;}
.ly-sy.is-y{color:#a8724a;font-weight:400;}
.ly-yy,.ly-yn{display:inline-block;width:30px;height:7px;flex:0 0 auto;border-radius:1px;}
.ly-yy{background:var(--ink);}
.ly-yn{background:linear-gradient(90deg,var(--ink) 0 12px,transparent 12px 18px,var(--ink) 18px 30px);}
.ly-dong{flex:0 0 auto;font-size:12px;line-height:1;font-weight:700;color:#c0562a;}
.ly-fs{padding:0 9px 8px 42px;font-size:13px;color:#a8724a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ly-fs>span{display:inline-block;margin-right:6px;font-size:12px;color:#c99a68;border:1px solid #f0dcc4;border-radius:4px;padding:1px 4px;}
/* 梅花：主 / 互 / 变 三列 */
.mh-tri{display:grid;gap:9px;}
.mh-col{display:flex;flex-direction:column;align-items:center;padding:8px 4px 10px;border:1px solid var(--line2);border-radius:8px;background:#fffdf9;}
.mh-nm{font-size:16px;font-weight:600;color:#b3541b;white-space:nowrap;letter-spacing:.02em;}
.mh-cap{font-size:12px;color:var(--ink2);margin:2px 0 9px;}
.mh-yao{display:flex;justify-content:center;padding:4.5px 0;}

/* ============================================================
   8. 奇门 / 玄空 / 金口诀 盘面
   ============================================================ */
.pp-pan{margin:8px 0 4px;}
.pp-hd{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:15px 16px 16px;margin:0 0 12px;}
.pp-kv-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;}
.pp-kv{display:flex;gap:7px;font-size:16.5px;line-height:1.6;min-width:0;}
.pp-kv b{flex:0 0 auto;color:var(--ink2);font-weight:400;}
.pp-kv span{color:var(--ink);font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pp-kv.is-wide{grid-column:1 / -1;}
.pp-kv.is-wide span{white-space:normal;overflow:visible;text-overflow:clip;}
.pp-hd-f{display:flex;flex-wrap:wrap;gap:8px;margin:13px 0 0;}
.pp-tag{font-size:14.5px;line-height:1.65;padding:4px 12px;border-radius:12px;background:var(--tint);border:1px solid var(--line);color:var(--ink2);}
.pp-tag b{color:var(--o2);font-weight:600;}
.pp-sub{font-size:14px;color:var(--ink2);margin:11px 0 0;line-height:1.9;}
.pp-sub b{color:var(--ink);font-weight:600;}

.qm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden;margin:0 0 10px;}
.qm-c{position:relative;min-width:0;background:var(--card);padding:21px 3px 9px;text-align:center;overflow:hidden;}
.qm-c.is-zh{background:var(--tint);padding-top:28px;}
.qm-g{position:absolute;left:5px;top:4px;font-style:normal;font-size:11.5px;line-height:1;color:#bfa98d;}
.qm-c.is-zh .qm-g{color:#b08a5e;}
.qm-shen{font-size:14px;line-height:1.5;color:#a8724a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.qm-r{display:flex;justify-content:center;align-items:baseline;gap:5px;font-size:15px;line-height:1.65;color:var(--ink);white-space:nowrap;overflow:hidden;max-width:100%;}
.qm-r i{font-style:normal;min-width:0;flex:0 0 auto;}
.qm-r.is-di{color:var(--ink2);}
.qm-r.is-only{font-size:16.5px;color:var(--ink);padding-top:4px;gap:0;}
.qm-qin{position:absolute;right:4px;top:3px;font-size:11.5px;line-height:1;color:var(--gz);pointer-events:none;}
.qm-hl{font-style:normal;color:var(--gz);}
.qm-legend{font-size:13.5px;line-height:1.95;color:#a8977f;text-align:center;margin:3px 0 12px;letter-spacing:.02em;text-wrap:balance;}
.qm-legend b{font-weight:600;color:var(--ink2);}

.xk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden;margin:0 auto 8px;max-width:288px;}
.xk-c{position:relative;background:var(--card);padding:14px 2px 5px;text-align:center;min-width:0;}
.xk-c.is-zh{background:var(--tint);}
.xk-g{position:absolute;left:3px;top:2px;font-style:normal;font-size:10px;line-height:1;color:#c9b49a;}
.xk-up{display:block;font-size:15px;line-height:1.35;color:var(--ink);letter-spacing:0;white-space:nowrap;word-spacing:2px;}
.xk-dn{display:block;font-size:12.5px;line-height:1.4;color:var(--ink2);white-space:nowrap;}
.xk-tip{font-size:13px;line-height:1.7;color:var(--ink2);background:var(--tint);border-left:2px solid #e2d3bf;padding:6px 8px;border-radius:0 5px 5px 0;margin:0 0 8px;}
.xk-tip b{color:var(--ink);font-weight:600;}
.xk-hd-t{font-size:13.5px;color:var(--ink2);text-align:center;margin:0 0 5px;}
.xk-hd-t b{font-size:14.5px;color:var(--ink);font-weight:600;}
.xk-cap{font-size:13px;color:var(--ink2);text-align:center;margin:10px 0 5px;letter-spacing:.04em;}
.xk-cap b{color:var(--ink);font-weight:600;}
.xk-ln{font-style:normal;color:#b5713f;}
.xk-ly{font-style:normal;color:var(--ink2);}
.xk-ss{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:6px;overflow:hidden;max-width:300px;margin:0 auto 6px;}
.xk-ss i{background:var(--tint);font-style:normal;font-size:13px;line-height:2.1;text-align:center;color:var(--ink);letter-spacing:.04em;}
.xk-ss i.is-zh{background:var(--card);color:var(--ink2);font-size:12px;}
.xk-note{font-size:11.5px;line-height:1.65;text-align:center;margin:0 0 6px;padding:0 6px;color:#a8977f;}

/* 玄空：排龙诀环盘 / 命卦飞星盘 */
.xk-plj{margin:0 0 12px;}
.xk-plj-hd{font-size:13px;line-height:1.7;color:var(--ink2);text-align:center;margin:0 0 6px;}
.xk-plj-hd b{font-size:14.5px;color:var(--o2);font-weight:600;}
.xk-plj-g{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(54px,auto);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden;}
.xk-plj-c{background:var(--card);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:7px 2px;}
.xk-plj-c em{font-style:normal;font-size:13px;line-height:1.25;color:var(--ink);font-weight:600;white-space:nowrap;}
.xk-plj-c em.is-ji{color:#c0492b;}
.xk-plj-c i{font-style:normal;font-size:11px;line-height:1.4;color:#a8977f;margin-top:2px;letter-spacing:.04em;white-space:nowrap;}
.xk-plj-md{grid-column:2/4;grid-row:2/4;background:var(--tint);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10.5px;line-height:1.6;color:#b3a48d;letter-spacing:.08em;}
.xk-plj-md b{display:block;font-size:17px;line-height:1.3;color:var(--ink2);font-weight:600;letter-spacing:0;}
.xk-plj-ft{font-size:11px;line-height:1.6;color:#b3a48d;text-align:center;margin-top:5px;}
.xk-mg{margin:0 0 12px;}
.xk-mg-g{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden;}
.xk-mg-c{background:var(--card);padding:8px 2px 7px;text-align:center;}
.xk-mg-c.is-zh{background:var(--tint);}
.xk-mg-t{display:flex;align-items:baseline;justify-content:center;gap:7px;font-size:11.5px;line-height:1.2;}
.xk-mg-t b,.xk-mg-t i{font-style:normal;font-weight:500;}
.xk-mg-t .is-ln{color:#c0492b;}
.xk-mg-t .is-ly{color:#3f6f8a;}
.xk-mg-c em{display:block;font-style:normal;font-size:17px;line-height:1.3;color:var(--ink);font-weight:600;margin-top:3px;}
.xk-mg-ft{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 12px;font-size:12px;line-height:1.8;color:var(--ink2);margin-top:6px;}
.xk-mg-ft b{color:var(--ink);font-weight:600;}
.xk-mg-lg{font-size:11px;line-height:1.65;color:#b3a48d;text-align:center;margin-top:2px;}
.xk-mg-lg b,.xk-mg-lg i{font-style:normal;font-weight:600;}
.xk-mg-lg b.is-ln{color:#c0492b;}
.xk-mg-lg i.is-ly{color:#3f6f8a;}

/* 金口诀四课 */
.jk-keys{background:var(--card);border:1px solid var(--line);border-radius:8px;overflow:hidden;}
.jk-row{display:flex;align-items:baseline;gap:10px;padding:8px 11px;border-bottom:1px solid var(--line);}
.jk-row:last-child{border-bottom:0;}
.jk-row>b{flex:0 0 auto;width:2.8em;font-weight:400;font-size:12.5px;color:var(--ink2);letter-spacing:.06em;}
.jk-row>span{flex:1 1 auto;min-width:0;font-size:15.5px;font-weight:600;color:var(--ink);letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.jk-nm{font-style:normal;font-weight:400;font-size:13px;color:#a8724a;}
.jk-yy{font-style:normal;font-weight:400;font-size:12px;color:#b9a68f;margin-left:2px;}

/* ============================================================
   9. 表单显隐（替代内联 JS，`.pp-pill` 见第 11 节）
   ============================================================ */
@supports selector(:has(*)){
  .inform_vip form:has(input[name="data_type"][value="1"]:checked) #RenYue,
  .inform_vip form:has(input[name="data_type"][value="1"]:checked) #renyue1{display:inline!important;}
  .inform_vip form:has(input[name="data_type"][value="0"]:checked) #RenYue,
  .inform_vip form:has(input[name="data_type"][value="0"]:checked) #renyue1{display:none!important;}
  .inform_vip form:has(#SiZhuFt:checked) #nianx,
  .inform_vip form:has(#SiZhuFt:checked) #bazhi{display:block!important;}
  .inform_vip form:has(#SiZhuFt:checked) #shengri,
  .inform_vip form:has(#SiZhuFt:checked) #YingYangLi{display:none!important;}
  .inform_vip form:not(:has(#SiZhuFt:checked)) #nianx,
  .inform_vip form:not(:has(#SiZhuFt:checked)) #bazhi{display:none!important;}
  /* 奇门「转盘 / 飞宫」 */
  .inform_vip form:has(input[name="R1"][value="fg"]:checked) #fg{display:block!important;}
  .inform_vip form:has(input[name="R1"][value="zp"]:checked) #fg{display:none!important;}
  /* 六爻 / 梅花：起卦方式 6 选 1 */
  .inform_vip form:has(input[name="rdoQiGua"][value="1"]:checked) #divTongQian,
  .inform_vip form:has(input[name="rdoQiGua"][value="2"]:checked) #divYaoGua,
  .inform_vip form:has(input[name="rdoQiGua"][value="3"]:checked) #divNumber,
  .inform_vip form:has(input[name="rdoQiGua"][value="4"]:checked) #divDate,
  .inform_vip form:has(input[name="rdoQiGua"][value="5"]:checked) #divOther{display:block!important;}
  .inform_vip form:has(input[name="rdoLiFa"][value="1"]:checked) #chkRun,
  .inform_vip form:has(input[name="rdoLiFa"][value="1"]:checked) #labRunYue{display:inline!important;}
}
.inform_vip form #divOther,
.inform_vip form #divTongQian,
.inform_vip form #divYaoGua,
.inform_vip form #divNumber,
.inform_vip form #divDate{display:none;}

/* ============================================================
   10. 梅花易数表单：起卦方式胶囊化 + 说明区折叠
   ============================================================ */
.viewbox .inform_vip .pp-pill input[type=radio],
.viewbox .inform_vip .pp-pill input[type=checkbox]{
  position:absolute!important;opacity:0!important;
  width:0!important;height:0!important;margin:0!important;
  border:0!important;pointer-events:none!important;
}
.pp-pill{display:inline-flex;flex-wrap:wrap;gap:6px;vertical-align:middle;max-width:100%;}
.viewbox .inform_vip .pp-pill label{
  display:inline-flex;align-items:center;justify-content:center;
  height:32px;padding:0 14px;margin:0;
  border:1px solid #e8d9c6;border-radius:16px;
  background:var(--field);color:#5b4f45;
  font-size:14.5px;line-height:1;letter-spacing:.02em;
  white-space:nowrap;cursor:pointer;
  transition:background .15s,border-color .15s,color .15s;
}
.viewbox .inform_vip .pp-pill input:checked + label{
  border-color:transparent;background:linear-gradient(180deg,#ff9a33,#ff7f0a);
  color:#fff;font-weight:600;box-shadow:0 1px 4px rgba(255,127,10,.28);
}
.viewbox .inform_vip .pp-pill input:focus-visible + label{box-shadow:0 0 0 3px rgba(255,138,17,.20);}
.pp-pill.is-qi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 7px;margin-top:6px;width:100%;}
.viewbox .inform_vip .pp-pill.is-qi label{width:auto;min-width:0;padding:0 4px;font-size:14px;letter-spacing:0;overflow:hidden;}
.pp-inline{display:inline-flex;align-items:center;gap:2px;vertical-align:middle;}
.viewbox .inform_vip .pp-inline label{padding:0;margin:0 8px 0 0;font-size:15px;color:#5b4f45;white-space:nowrap;}

/* 五个控件块的外观（显隐由第 9 节决定） */
.inform_vip form #divOther,
.inform_vip form #divTongQian,
.inform_vip form #divYaoGua,
.inform_vip form #divNumber,
.inform_vip form #divDate{
  grid-column:1 / -1;margin:2px 0 0;padding:10px 12px 11px;
  border:1px dashed #ecdfcd;border-radius:10px;background:#fffdf9;
  line-height:2.1;font-size:14.5px;color:#6b5c4e;
}
.pp-coins{display:flex;align-items:center;gap:10px;justify-content:center;margin:8px 0 2px;}
.pp-coins img{width:44px;height:44px;border-radius:50%;opacity:.9;}
.pp-coins i{font-style:normal;font-size:12.5px;color:#a08d78;}

.pp-more{margin:10px 20px 16px;padding:0;background:var(--field);border:1px solid var(--line);border-radius:12px;}
.pp-more>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:13px 16px;font-size:14.5px;color:#7d6a58;}
.pp-more>summary::-webkit-details-marker{display:none;}
.pp-more>summary::after{
  content:"";width:7px;height:7px;margin-left:auto;
  border-right:1.5px solid #c3ac93;border-bottom:1.5px solid #c3ac93;
  transform:rotate(45deg) translateY(-2px);transition:transform .2s;
}
.pp-more[open]{background:var(--card);}
.pp-more[open]>summary{color:#b3541b;border-bottom:1px dashed #f0e3d3;}
.pp-more[open]>summary::after{transform:rotate(-135deg) translateY(-2px);}
.pp-more-bd{padding:4px 16px 14px;}
.pp-more:not([open]) .pp-more-bd{display:none;}
.pp-more-bd p{margin:10px 0;font-size:14px;line-height:1.75;color:#6b5c4e;}
.pp-more-bd .red{
  color:var(--o2);background:#fff4e9;border-left:3px solid var(--o);
  border-radius:0 6px 6px 0;padding:8px 10px;font-size:15px;line-height:1.7;margin:0 0 12px;
}
.pp-more-bd .pp-hour{width:100%;border-collapse:separate;border-spacing:1px;background:#efe3d2;border-radius:8px;overflow:hidden;margin:12px 0 4px;}
.pp-more-bd .pp-hour td{background:#fffdf9;text-align:center;font-size:12.5px;line-height:1.9;color:#6b5c4e;padding:3px 0;}
.pp-more-bd .pp-hour td b{font-weight:600;color:var(--o2);}

/* ============================================================
   11. 增值服务卡（结果页底部）
   ============================================================ */
.pp-vip{margin:18px 0 2px;padding-top:14px;border-top:1px dashed var(--line);}
.viewbox .content .pp-vip > h3.pp-vip-h{
  margin:0 0 8px;padding:0 0 0 9px;line-height:1.5;font-size:16px;font-weight:600;
  color:#2b2b2b;background:none;border-left:3px solid #e8a05c;border-radius:0;
}
.viewbox .content .pp-vip > p.pp-vip-lead{margin:0 0 10px;padding:0;font-size:14px;line-height:1.8;color:var(--ink2);text-indent:0;}
.viewbox .content .pp-vip .inform,
.viewbox .content .pp-vip .inform_vip{margin:0;padding:16px 20px 14px;background:var(--card);border:1px solid var(--line);border-radius:12px;}
.viewbox .content .pp-vip .f12{font-size:12px;color:var(--ink3)!important;}

/* 精批卡里的表单：外框只留 .pp-vip 一层。
   第 3 节给 form 画过 tint 底 + 描边 + 圆角（那是排盘主表单的口径），
   这里必须全部抹掉，否则卡片里还会套一层框 —— 视觉上就是「两层外框嵌套」。 */
.viewbox .content .pp-vip .inform form,
.viewbox .content .pp-vip .inform_vip form{
  max-width:none;
  padding:2px 0 0;background:transparent;border:0;border-radius:0;box-shadow:none;
}
/* 性别等单选行在单列布局下已独占一行，这里只兜住旧浏览器里残留的跨列声明 */
.viewbox .content .pp-vip .inform_vip form > p:has(> input[type=radio]){
  grid-column:1 / -1;
}
/* 按钮行 / 底部口碑数据也占满整行，否则只在左半栏里居中（看着偏左） */
.viewbox .content .pp-vip .inform form > p.center,
.viewbox .content .pp-vip .inform_vip form > p.center,
.viewbox .content .pp-vip .inform form > div,
.viewbox .content .pp-vip .inform_vip form > div{
  grid-column:1 / -1;
}
.viewbox .content .pp-vip .inform form > p,
.viewbox .content .pp-vip .inform_vip form > p{min-height:0;}
.viewbox .content .pp-vip .inform .button{width:100%;margin:8px 0 0;}

/* ============================================================
   12. 桌面修正层（覆盖上面移植段落的密度）
   ------------------------------------------------------------
   位置必须在最后：同一特异性靠文档顺序取胜。
   ============================================================ */
/* 六爻 / 梅花：爻符加长、行更高、六神列更宽 */
.ly-hd{padding:16px 20px 17px;}
.ly-kv{padding:6px 0;gap:12px;}
.ly-kv>span{flex:0 0 3.6em;font-size:14px;}
.ly-kv>b{font-size:17px;}
.ly-line{padding:11px 14px;}
.ly-ls{font-size:14.5px;min-width:2.6em;}
.ly-side{padding:7px 10px;gap:7px;}
.ly-yy,.ly-yn{width:64px;height:9px;}
.ly-yy{border-radius:1.5px;}
.ly-yn{background:linear-gradient(90deg,var(--ink) 0 26px,transparent 26px 38px,var(--ink) 38px 64px);}
.ly-lq{font-size:16px;}
.ly-nj{font-size:13.5px;}
.ly-sy{flex:0 0 1.8em;font-size:13px;}
.ly-gua{padding:12px 16px 13px;}
.ly-gua b{font-size:19px;}
.ly-fs{padding:0 14px 9px 78px;font-size:13.5px;}
.mh-tri{grid-template-columns:repeat(3,1fr);gap:12px;}
.mh-col{padding:14px 8px 16px;}
.mh-nm{font-size:18px;}
.mh-cap{font-size:12.5px;}
.mh-yao{padding:7px 0;}
.mh-yao .ly-yy,.mh-yao .ly-yn{width:88px;height:10px;}
.mh-yao .ly-yn{background:linear-gradient(90deg,var(--ink) 0 36px,transparent 36px 52px,var(--ink) 52px 88px);}

/* 奇门 / 玄空：九宫放大（但盘面自身要有边界，不能拉成一整屏） */
.pp-hd{padding:18px 20px 19px;}
.pp-kv-grid{gap:12px 20px;}
.qm-grid{max-width:760px;margin:0 auto 10px;}
.qm-c{padding:28px 6px 13px;}
.qm-c.is-zh{padding-top:34px;}
.qm-shen{font-size:15px;}
.qm-r{font-size:16px;gap:7px;line-height:1.7;}
.qm-r.is-only{font-size:17.5px;}
.qm-g,.qm-qin{font-size:12px;}
.qm-legend{font-size:14px;}
.xk-grid{max-width:600px;width:100%;}
.xk-c{padding:22px 6px 12px;}
.xk-up{font-size:18px;}
.xk-dn{font-size:14px;}
.xk-g{font-size:11px;}
.xk-ss{max-width:520px;}
.xk-ss i{font-size:14px;}
.xk-plj-g{grid-auto-rows:minmax(74px,auto);}
.xk-plj-c em{font-size:14.5px;}
.xk-plj-c i{font-size:12px;}
.xk-mg-g{max-width:520px;margin:0 auto;}
.xk-mg-c{padding:14px 4px 12px;}
.xk-mg-c em{font-size:20px;}
.xk-mg-t{font-size:12.5px;}

/* 金口诀：四课在桌面上横排成四列（人元 / 贵神 / 将神 / 地分） */
.jk-keys{display:grid;grid-template-columns:repeat(4,1fr);}
.jk-row{flex-direction:column;align-items:flex-start;gap:6px;padding:14px 16px 16px;
  border-bottom:0;border-right:1px solid var(--line);}
.jk-row:last-child{border-right:0;}
.jk-row>b{width:auto;font-size:12.5px;}
.jk-row>span{font-size:20px;letter-spacing:.06em;white-space:normal;line-height:1.5;}
.jk-nm{font-size:14px;}

/* 梅花表单：胶囊一行 6 个、说明区左右留白 */
.pp-pill.is-qi{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px 8px;}
.viewbox .inform_vip .pp-pill.is-qi label{font-size:14.5px;}
.pp-coins img{width:56px;height:56px;}
.pp-more{margin:12px 20px 16px;}
.pp-more-bd .pp-hour td{font-size:13.5px;line-height:2;}
.inform_vip form #divOther,
.inform_vip form #divTongQian,
.inform_vip form #divYaoGua,
.inform_vip form #divNumber,
.inform_vip form #divDate{padding:12px 16px 13px;font-size:15px;}

/* 梅花页：移动版把标签顶到独占一行（body[data-nav=meihua] 的规则特异性更高），
   桌面上恢复「标签 + 控件同行」，与其余排盘页一致 */
body[data-nav="meihua"] .viewbox .inform_vip form > p > strong{flex:0 0 6em;margin:0;font-size:14px;color:var(--ink2);font-weight:400;}
body[data-nav="meihua"] .viewbox .inform_vip form > p > input.ipt{flex:0 0 200px;}
body[data-nav="meihua"] .viewbox .inform_vip form > p > input#txtYear{flex:0 0 92px;}
body[data-nav="meihua"] .viewbox .inform_vip form > p > input#txtName{flex:0 0 112px;}
body[data-nav="meihua"] .viewbox .inform_vip form > p > .pp-pill.is-qi{flex:1 1 100%;}
body[data-nav="meihua"] .viewbox .inform_vip form > p > input[type=submit]{flex:0 0 auto;width:220px;}

/* 960 回落档：字段两列放不下，退单列 */
@media (max-width:1179px){
  .viewbox .inform_vip form,
  .viewbox .inform form{grid-template-columns:1fr;gap:8px;padding:16px 18px 14px;}
  .bz-jq{grid-template-columns:1fr;}
  .bz-misc{grid-template-columns:repeat(2,1fr);}
  .zp-tbl{grid-template-columns:1fr;}
  .zp-row{border-right:0;}
  .zp-row:nth-last-child(-n+2){border-bottom:1px solid var(--line2);}
  .zp-row:last-child{border-bottom:0;}
  .pp-pill.is-qi{grid-template-columns:repeat(3,minmax(0,1fr));}
  .ly-yy,.ly-yn{width:44px;height:8px;}
  .ly-yn{background:linear-gradient(90deg,var(--ink) 0 18px,transparent 18px 26px,var(--ink) 26px 44px);}
  .mh-yao .ly-yy,.mh-yao .ly-yn{width:60px;height:9px;}
  .mh-yao .ly-yn{background:linear-gradient(90deg,var(--ink) 0 24px,transparent 24px 36px,var(--ink) 36px 60px);}
  .jk-keys{grid-template-columns:repeat(2,1fr);}
  .jk-row:nth-child(2n){border-right:0;}
  .jk-row:nth-child(-n+2){border-bottom:1px solid var(--line);}
  .xk-grid{max-width:420px;}
}