/* ============================================================
   site.css — 前台全站统一样式 (v1)
   结构: 框架(全站共享) → 首页(.pg-home) → 起卦(.pg-divination)
        → 排盘(.pg-report) → 文章(.pg-articles) → 入门/向导(.pg-guide)
        → 日志(.pg-logs) → 账户(.pg-account) → 捐赠(.pg-donate)
   页面级样式一律以 body 页类作用域隔离, 防止跨页同名选择器污染;
   @keyframes 为全局命名空间: taijiSpin(排盘/起卦同文共享),
   gpulse(首页卦点呼吸)/gpulseScale(起卦卦名脉动)等各页唯一。
   后台为独立设计体系, 样式在 /assets/admin.css。
   ============================================================ */

/* ============ 框架: 全站共享 (源自 inc/ui.asp) ============ */
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
html{scroll-behavior:smooth;}
/* 基础排版: 移动端16px正文 + 行距1.8 + 字距0.4px (中文阅读最佳区间); 桌面端15.5px */
body{font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC","Microsoft JhengHei",sans-serif;margin:0;background:#f0e9d6;color:#211c14;font-size:18px;line-height:1.8;letter-spacing:.4px;}
p{margin:0 0 12px;}
a{color:#8f281e;}
/* ---- 顶栏: 墨底金字 + 印章品牌 (居中浮卡式, 与内容区同宽) ---- */
.topbar{background:#211c14;background-image:repeating-linear-gradient(90deg,rgba(200,174,106,.05) 0,rgba(200,174,106,.05) 1px,transparent 1px,transparent 6px);color:#efe6cf;position:sticky;top:8px;z-index:100;display:flex;flex-direction:column;width:calc(100% - 24px);max-width:1056px;margin:12px auto 0;border:1px solid #6b5a33;border-bottom:2px solid #a8873f;border-radius:4px;box-shadow:0 2px 10px rgba(60,45,20,.28);}
.trow{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px 6px;}
.brand{font-size:20px;font-weight:bold;white-space:nowrap;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:1px;}
.brand a{color:#efe6cf;text-decoration:none;display:flex;align-items:center;gap:9px;}
.brand .seal{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:#a83226;color:#f7f1df;border-radius:3px;font-size:21px;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;box-shadow:inset 0 0 0 1px rgba(247,241,223,.35),inset 0 0 0 2px #a83226;}
.brand .sub{font-size:14px;color:#84774e;font-weight:normal;margin-left:2px;letter-spacing:0;font-family:Arial,sans-serif;}
.ubar{font-size:17px;color:#84774e;text-align:right;line-height:1.7;}
.ubar a{color:#d8b96a;text-decoration:none;}
.ubar b{max-width:42vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:middle;}
nav{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 6px;}
nav::-webkit-scrollbar{display:none;}
nav a{color:#8a8170;text-decoration:none;font-size:18px;padding:11px 14px 12px;display:inline-block;flex-shrink:0;border-bottom:3px solid transparent;white-space:nowrap;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:2px;}
nav a:active{color:#f3e6c2;background:rgba(200,174,106,.12);}
nav a.on{color:#f3e6c2;font-weight:bold;border-bottom-color:#a83226;}
nav a.dang{font-weight:bold;color:#d8b96a;}
nav a.dang.on{color:#f0d9a0;border-bottom-color:#a8873f;}
nav a.adm{color:#d8b96a;}
nav a.adm.on{color:#f0d9a0;border-bottom-color:#a8873f;}
/* ---- 主体: 宣纸面板 双线框 (文武线) ---- */
.wrap{max-width:1080px;margin:14px auto;padding:0 12px;}
.panel{background:#fbf7ec;border:1px solid #c9b98e;border-radius:3px;box-shadow:inset 0 0 0 2px #fbf7ec,inset 0 0 0 3px #d9cbaa,0 1px 4px rgba(60,45,20,.09);margin-bottom:14px;overflow:hidden;}
.panel h2{font-size:19.5px;margin:0;padding:12px 16px;background:#f3ecd9;border-bottom:1px solid #d9cbaa;color:#211c14;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:1px;}
.panel h2:before{content:"";display:inline-block;width:8px;height:8px;background:#a83226;margin-right:9px;}
.panel h2 .en{font-size:14px;color:#6e6452;font-weight:normal;letter-spacing:0;font-family:Arial,sans-serif;margin-left:6px;}
.pbody{padding:14px 14px;}
.foot{text-align:center;font-size:17px;color:#6e6452;padding:18px 14px 26px;line-height:2;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:1px;}
.foot a{color:#6e6250;text-decoration:none;}
.foot .sep{color:#a8873f;margin:0 4px;}
/* ---- 表单: 手机优先 (16px 防 iOS 缩放) ---- */
label{font-size:18px;color:#453f31;display:block;margin-bottom:4px;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:1px;}
input[type=text],input[type=password],input[type=email],input[type=number],select{width:100%;padding:10px 12px;border:1px solid #cfc0a0;border-radius:3px;font-size:18px;background:#fffdf6;color:#211c14;-webkit-appearance:none;appearance:none;}
input:focus,select:focus{outline:none;border-color:#a83226;box-shadow:0 0 0 2px rgba(168,50,38,.12);}
/* ---- 年月日/时分 三联输入: 紧凑内边距防挤压, flex 比例分配宽度 ---- */
.tri{display:flex;gap:6px;}
.tri>input[type=number],.tri>select{padding-left:9px;padding-right:9px;}
/* ---- Bootstrap Icons (bootcdn): 按钮内图标与文字间距 ---- */
.btn .bi,.btn2 .bi{font-size:.92em;margin-right:5px;vertical-align:-1px;}
.center-nav .bi{margin-right:5px;font-size:.95em;}
.qbanner .bi{margin-right:4px;}
/* ---- 个人中心选项卡: 独立页面当前项高亮 ---- */
.center-nav a.cur{background:#8f281e;color:#fff;border-color:#8f281e;}
.center-nav a.cur .bi{color:#fff;}
/* ---- 按钮文字不换行 (手机端表格操作列防折行) ---- */
.btn,.btn2{white-space:nowrap;}
.btn{border:none;border-radius:3px;cursor:pointer;font-size:18px;padding:12px 26px;background:#a83226;color:#f7f1df;min-height:44px;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:2px;box-shadow:inset 0 0 0 1px rgba(247,241,223,.25);}
.btn:hover{background:#8f281e;}
.btn2{background:#fbf7ec;color:#453f31;border:1px solid #c9b98e;font-size:17px;padding:11px 18px;border-radius:3px;cursor:pointer;text-decoration:none;display:inline-block;min-height:42px;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:1px;}
.btn2:hover{background:#f3ecd9;border-color:#a8873f;}
.hint{font-size:17px;color:#6e6452;line-height:1.8;}
.err{background:#f9e8e4;color:#8f281e;border:1px solid #e0b8ae;border-radius:3px;padding:10px 14px;font-size:18px;margin-bottom:14px;}
.ok{background:#eef3e2;color:#4a6741;border:1px solid #c2d3a4;border-radius:3px;padding:10px 14px;font-size:18px;margin-bottom:14px;}
.badge{display:inline-block;font-size:14px;padding:2px 8px;border-radius:2px;white-space:nowrap;vertical-align:middle;letter-spacing:0;}
.b-ok{background:#eef3e2;color:#4a6741;}
.b-info{background:#e3ebf0;color:#33526b;}
.b-warn{background:#f7ecd8;color:#8a6116;}
.b-gray{background:#ece5d2;color:#6e6452;}
.b-admin{background:linear-gradient(135deg,#a8873f,#8a6116);color:#f7f1df;font-weight:bold;}
.b-user{background:#211c14;color:#8a8170;}
/* ---- 表格: 手机端横向滚动 ---- */
table{border-collapse:collapse;width:100%;}
th,td{padding:8px 9px;border-bottom:1px solid #e8dfc8;font-size:18px;text-align:left;vertical-align:middle;}
th{background:#f3ecd9;color:#453f31;font-size:17px;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:1px;}
/* ---- 桌面端 (>=769px) 恢复经典横向顶栏; 正文15.5px+行距1.85 ---- */
@media (min-width:769px){
  body{font-size:17.5px;line-height:1.85;}
  .topbar{flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:0 24px;position:static;}
  .trow{display:contents;}
  .brand{padding:14px 0;}
  .ubar{font-size:15.5px;padding:10px 0;text-align:right;order:2;}  /* 桌面端用户信息排在最右侧(导航之后) */
  .ubar b{max-width:none;}
  nav{overflow:visible;padding:0;order:1;}
  nav a{padding:17px 15px;font-size:17.5px;}
  nav a:hover{color:#f3e6c2;background:rgba(200,174,106,.08);}
  nav a.adm:hover{color:#f0d9a0;background:rgba(200,174,106,.1);}
  .wrap{margin:20px auto;padding:0 16px;}
  .panel{margin-bottom:18px;}
  .panel h2{padding:13px 18px;font-size:20px;}
  .pbody{padding:16px 18px;}
  input[type=text],input[type=password],input[type=email],input[type=number],select{font-size:17px;padding:8px 10px;}
  .btn{font-size:17.5px;padding:9px 28px;min-height:0;}
  .btn2{font-size:18px;padding:8px 18px;min-height:0;}
  .hint{font-size:15.5px;}
  th,td{padding:9px 10px;font-size:16.5px;}
  th{font-size:15.5px;}
}
/* 手机端: 宽表格横向滚动 */
@media (max-width:768px){
  table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;}
}
@media print{.topbar,.foot,.noprint{display:none;}body{background:#fff;}.panel{box-shadow:none;border:1px solid #999;}}

/* ============================================================
   首页 (.pg-home) — 独立题签版式
   同名选择器(.topbar/.wrap/.foot)与框架冲突, 已用 .pg-home 作用域
   隔离并归零框架浮卡属性 (宽度/边框/圆角/阴影/sticky)
   ============================================================ */
body.pg-home{min-height:100vh;display:flex;flex-direction:column;font-size:18px;line-height:1.8;}
/* ---- 顶部题签: 整幅墨底居中 (非浮卡) ---- */
.pg-home .topbar{background:#211c14;background-image:repeating-linear-gradient(90deg,rgba(200,174,106,.05) 0,rgba(200,174,106,.05) 1px,transparent 1px,transparent 6px);color:#efe6cf;padding:30px 18px 26px;text-align:center;border:none;border-bottom:2px solid #a8873f;border-radius:0;box-shadow:none;position:relative;top:auto;z-index:auto;display:block;width:auto;max-width:none;margin:0;overflow:hidden;}
.pg-home .topbar:before,.pg-home .topbar:after{content:"";position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,rgba(200,174,106,.4),transparent);}
.pg-home .topbar:before{left:14px;}
.pg-home .topbar:after{right:14px;}
.pg-home .seal{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;background:#a83226;color:#f7f1df;border-radius:4px;font-size:36px;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;box-shadow:inset 0 0 0 2px rgba(247,241,223,.35),inset 0 0 0 3px #a83226;margin-bottom:12px;}
.pg-home .topbar h1{margin:0;font-size:26px;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:6px;}
.pg-home .topbar .en{display:block;margin-top:6px;font-size:14px;color:#84774e;letter-spacing:3px;font-family:Arial,sans-serif;}
.pg-home .topbar p{margin:12px auto 0;font-size:18px;color:#8a8170;letter-spacing:2px;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;}
.pg-home .topbar p .sep{color:#a8873f;margin:0 8px;}
/* ---- 全站导览轨: 初识 → 问卦 → 知识 → 词典 → 学习 → 原著 ---- */
.pg-home .rail-wrap{max-width:860px;margin:20px auto 0;padding:0 12px;}
.pg-home .rail-title{text-align:center;font-size:18px;color:#8a6116;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:4px;margin-bottom:12px;}
.pg-home .rail-title:before{content:"❖";font-size:17px;vertical-align:2px;margin-right:10px;color:#a8873f;}
.pg-home .rail-title:after{content:"❖";font-size:17px;vertical-align:2px;margin-left:10px;color:#a8873f;}
.pg-home .rail{list-style:none;display:flex;margin:0;padding:0;}
.pg-home .rail li{flex:1;position:relative;text-align:center;}
.pg-home .rail li:not(:last-child):after{content:"";position:absolute;top:19px;left:calc(50% + 26px);right:calc(-50% + 26px);border-top:1px dashed #8a8170;}
.pg-home .rail a{display:inline-block;text-decoration:none;color:inherit;width:100%;padding:2px 0;}
.pg-home .rail i{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid #a8873f;background:#fbf7ec;color:#8a6116;font-style:normal;font-size:18px;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;position:relative;z-index:1;transition:background .2s,color .2s;}
.pg-home .rail b{display:block;font-size:15.5px;color:#453f31;font-weight:bold;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:2px;margin-top:6px;}
.pg-home .rail small{display:block;font-size:14px;color:#857b66;letter-spacing:1px;}
.pg-home .rail a:hover i{background:#a83226;border-color:#a83226;color:#f7f1df;}
.pg-home .rail a:hover b{color:#a83226;}
/* 六项导览轨窄屏 (<600px): 3×2 两行排布, 行末虚线断开 */
@media (max-width:599px){
  .pg-home .rail{flex-wrap:wrap;row-gap:14px;}
  .pg-home .rail li{flex:0 0 33.3334%;}
  .pg-home .rail li:nth-child(3n):after{display:none;}
}
/* ---- 内容板块卡 (2列×3行 / 单列) ---- */
.pg-home .wrap{width:100%;max-width:860px;margin:14px auto;padding:0 12px;display:grid;grid-template-columns:1fr;gap:14px;flex:1;}
.pg-home .card{background:#fbf7ec;border:1px solid #c9b98e;border-radius:3px;box-shadow:inset 0 0 0 2px #fbf7ec,inset 0 0 0 3px #d9cbaa,0 1px 4px rgba(60,45,20,.09);padding:20px 16px;display:flex;flex-direction:column;gap:8px;position:relative;overflow:hidden;}
.pg-home .card .corner{position:absolute;width:14px;height:14px;border-color:#a8873f;border-style:solid;z-index:2;}
.pg-home .card .c1{top:6px;left:6px;border-width:1px 0 0 1px;}
.pg-home .card .c2{top:6px;right:6px;border-width:1px 1px 0 0;}
.pg-home .card .c3{bottom:6px;left:6px;border-width:0 0 1px 1px;}
.pg-home .card .c4{bottom:6px;right:6px;border-width:0 1px 1px 0;}
.pg-home .card .wm{position:absolute;right:-14px;top:-34px;font-size:120px;line-height:1;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;color:rgba(168,135,63,.08);pointer-events:none;user-select:none;z-index:0;}
.pg-home .card>*:not(.wm):not(.corner){position:relative;z-index:1;}
.pg-home .thead{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.pg-home .stepno{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:#a83226;color:#f7f1df;font-size:19px;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;border-radius:3px;box-shadow:inset 0 0 0 1px rgba(247,241,223,.3);flex-shrink:0;}
.pg-home .card.gold .stepno{background:#8a6116;}
.pg-home .card .t{font-size:20px;font-weight:bold;color:#211c14;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:2px;}
.pg-home .card .t .mk{display:inline-block;width:8px;height:8px;background:#a83226;margin-right:9px;}
.pg-home .card .e{width:100%;font-size:14.5px;color:#6e6452;letter-spacing:1px;font-family:Arial,sans-serif;}
.pg-home .quote{border-left:3px solid #a8873f;background:rgba(168,135,63,.08);padding:8px 12px;font-size:18px;color:#6b5d45;line-height:1.9;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;border-radius:0 3px 3px 0;}
.pg-home .quote cite{display:block;font-style:normal;font-size:14px;color:#857b66;text-align:right;letter-spacing:1px;}
.pg-home .card .d{font-size:18px;color:#453f31;line-height:2;flex:1;}
.pg-home .card .d b{color:#8f281e;}
/* CTA 按钮: 网格等宽 + 恒高44px居中 (杜绝换行参差/高低不齐; 单钮整行居中) */
.pg-home .cta-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:4px;}
.pg-home .cta-row a.go:only-child{grid-column:1/-1;justify-self:center;min-width:200px;}
.pg-home .card a.go{display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:44px;background:#a83226;color:#f7f1df;border-radius:3px;padding:0 18px;font-size:17.5px;text-decoration:none;line-height:20px;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:3px;box-shadow:inset 0 0 0 1px rgba(247,241,223,.25);white-space:nowrap;}
.pg-home .card a.go:active{background:#8f281e;}
.pg-home .card a.go.gold{background:#8a6116;}
.pg-home .card a.go.gold:active{background:#75520f;}
.pg-home .card a.go.ink{background:#3d3a33;}
.pg-home .card a.go.ink:active{background:#211c14;}
.pg-home .card a.go.line{background:transparent;color:#6b5d45;border:1px solid #8a8170;box-shadow:none;padding:0 16px;}
.pg-home .card a.go.line:active{background:rgba(168,135,63,.12);}
/* ---- 深入探索 ---- */
.pg-home .more{width:100%;max-width:860px;margin:6px auto 0;padding:0 12px;}
.pg-home .more-title{text-align:center;font-size:18px;color:#8a6116;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:4px;margin:18px 0 12px;}
.pg-home .more-title:before{content:"❖";font-size:17px;vertical-align:2px;margin-right:10px;color:#a8873f;}
.pg-home .more-title:after{content:"❖";font-size:17px;vertical-align:2px;margin-left:10px;color:#a8873f;}
.pg-home .more-grid{display:grid;grid-template-columns:1fr;gap:10px;}
.pg-home .mcard{display:flex;align-items:center;gap:14px;background:#fbf7ec;border:1px solid #d9cbaa;border-radius:3px;padding:14px 16px;text-decoration:none;color:inherit;position:relative;transition:border-color .2s,background .2s;}
.pg-home .mcard:hover{border-color:#a8873f;background:#fffdf6;}
.pg-home .mcard .mg{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:3px;background:#f3ecd9;color:#8a6116;font-size:24px;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;border:1px solid #d9cbaa;flex-shrink:0;}
.pg-home .mcard .mt{font-size:18px;font-weight:bold;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:2px;color:#211c14;}
.pg-home .mcard .md{font-size:17px;color:#6e6452;line-height:1.8;}
.pg-home .mcard .md b{color:#453f31;font-weight:normal;}
.pg-home .mcard .arr{margin-left:auto;color:#a8873f;font-family:Arial,sans-serif;font-size:18px;flex-shrink:0;}
.pg-home .foot{text-align:center;font-size:17px;color:#6e6452;padding:18px 16px;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:1px;line-height:2;}
.pg-home .foot .sep{color:#a8873f;margin:0 4px;}
/* ---- 太极罗盘 · 阴阳四时 ---- */
.pg-home .cosmos{width:100%;max-width:860px;margin:18px auto 0;padding:0 12px;}
.pg-home .cosmos-head{text-align:center;margin-bottom:12px;}
.pg-home .cosmos-title{font-size:17px;color:#8a6116;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:4px;}
.pg-home .cosmos-title:before{content:"❖";font-size:11px;vertical-align:2px;margin-right:10px;color:#a8873f;}
.pg-home .cosmos-title:after{content:"❖";font-size:11px;vertical-align:2px;margin-left:10px;color:#a8873f;}
.pg-home .cosmos-sub{font-size:14px;color:#857b66;letter-spacing:1.5px;margin-top:5px;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;}
/* 全幅罗经入口 (/compass/): 按钮式链接, 非下划线 */
.pg-home .cosmos-more{margin-top:8px;}
.pg-home .cosmos-more a{display:inline-block;font-size:12.5px;color:#8a6116;letter-spacing:1px;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;text-decoration:none;border:1px solid #d9cbaa;border-radius:3px;padding:5px 16px;background:rgba(251,247,236,.85);transition:color .2s,border-color .2s;}
.pg-home .cosmos-more a:hover{color:#a83226;border-color:#a83226;}
.pg-home .cosmos-flex{display:flex;flex-direction:column;gap:14px;align-items:center;}
.pg-home .cosmos-stage{width:100%;max-width:400px;position:relative;}
.pg-home .cosmos-stage svg{width:100%;height:auto;display:block;filter:drop-shadow(0 3px 10px rgba(60,45,20,.16));}
.pg-home .cosmos-info{width:100%;background:#fbf7ec;border:1px solid #c9b98e;border-radius:3px;box-shadow:inset 0 0 0 2px #fbf7ec,inset 0 0 0 3px #d9cbaa;padding:16px 16px 12px;display:flex;flex-direction:column;gap:10px;}
.pg-home .ci-head{min-height:300px;}
/* PC 悬停跟随提示框: 默认无内容提示框, 悬停跟鼠标箭头出现 (复用释义 HTML, 放 .cosmos 内保证样式作用域) */
.pg-home .cos-pop{position:fixed;z-index:2000;display:none;pointer-events:none;min-width:230px;max-width:min(340px,calc(100vw - 24px));background:#fbf7ec;border:1px solid #c9b98e;border-radius:6px;box-shadow:0 8px 28px rgba(60,45,20,.28);padding:10px 14px;}
@media (hover:hover) and (pointer:fine){
  .pg-home .ci-head{min-height:0;}
}
.pg-home .ci-hour{display:flex;align-items:center;gap:12px;margin-bottom:10px;}
.pg-home .ci-hz{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;background:#a83226;color:#f7f1df;font-size:24px;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;border-radius:4px;box-shadow:inset 0 0 0 2px rgba(247,241,223,.35),inset 0 0 0 3px #a83226;flex-shrink:0;}
.pg-home .ci-ht b{display:block;font-size:17px;color:#211c14;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:1px;}
.pg-home .ci-ht small{display:block;font-size:12.5px;color:#6e6452;margin-top:2px;letter-spacing:.5px;}
.pg-home .ci-row{font-size:14px;color:#453f31;line-height:1.9;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;border-top:1px dashed #e8dfc8;padding-top:8px;}
.pg-home .ci-row b{color:#8f281e;}
.pg-home .ci-ex{font-size:17px;line-height:1.95;color:#4c4433;}
.pg-home .ci-ex b{color:#6f5014;font-weight:normal;}
.pg-home .ci-sub{display:inline-block;margin-left:8px;color:#6e6452;font-size:12.5px;}
.pg-home .ci-quote{font-size:12.5px;color:#6e6452;line-height:1.8;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;border-top:1px dashed #e8dfc8;padding-top:6px;}
/* 图例: 2列网格对齐 (chip 各占一列不散乱换行; 凝驻钮独占一行右贴) */
.pg-home .ci-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;border-top:1px dashed #d9cbaa;padding-top:10px;}
.pg-home .ci-legend .lg{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:#6e6452;letter-spacing:1px;transition:color .25s;white-space:nowrap;}
.pg-home .ci-legend .lg.on{color:#a83226;}
.pg-home .ci-legend .dot{width:10px;height:10px;border-radius:50%;display:inline-block;position:relative;overflow:hidden;flex-shrink:0;}
/* 图例即微缩演示: 动者标动(太极点顺旋/卦点亮点逆绕, 方向与罗盘一致, 示意速率), 静者标静(八卦/廿四山恒静) */
.pg-home .d1{background:conic-gradient(from 0deg,#211c14 0 50%,#efe6cf 50% 100%);animation:ldspin 6s linear infinite;}
@keyframes ldspin{to{transform:rotate(360deg)}}
.pg-home .d2{background:#a83226;}
.pg-home .d3{background:#8a6116;}
.pg-home .d4{background:#6e6452;}
.pg-home .d4:after{content:"";position:absolute;top:50%;left:50%;width:3.5px;height:3.5px;margin:-1.75px 0 0 -1.75px;background:#fbf7ec;border-radius:50%;animation:ldorbit 9s linear infinite;}
@keyframes ldorbit{from{transform:rotate(0) translateX(3.2px)}to{transform:rotate(-360deg) translateX(3.2px)}}
.pg-home .ci-tip{font-size:14px;color:#857b66;letter-spacing:1px;}
.pg-home .ci-tip b{color:#857b66;font-weight:700;transition:color .3s;}
/* SVG 卦盘元素 */
.pg-home .ring{fill:none;stroke:#c9b98e;stroke-width:1;}
.pg-home .ring.o{stroke:#a8873f;stroke-width:1.6;}
.pg-home .tick{stroke:#8a8170;stroke-width:1;}
.pg-home .dir{font:11px "Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;fill:#a8873f;letter-spacing:1px;}
.pg-home .bname{font:700 15px "Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;fill:#211c14;paint-order:stroke;stroke:#fbf7ec;stroke-width:3;stroke-linejoin:round;transition:fill .18s;}
.pg-home .mtn{font:12px "Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;fill:#453f31;cursor:pointer;transition:fill .18s;}
.pg-home .mtn.red{fill:#8a6116;font-weight:700;}
.pg-home .mtn:hover{fill:#a83226;}
.pg-home .mtn.active{fill:#a83226;font-weight:700;}
.pg-home .bgua{cursor:pointer;}
.pg-home .bgua .yao{fill:#3d3a33;transition:fill .18s;}
.pg-home .bgua:hover .yao{fill:#a83226;}
.pg-home .bgua:hover .bname{fill:#a83226;}
.pg-home .hot{fill:none;pointer-events:all;}  /* 透明热区: 扩大细爻线的悬停/点击命中容错 */
.pg-home .g64{cursor:pointer;}
.pg-home .g64 .yao{fill:#6e6452;transition:fill .15s;}
.pg-home .g64:hover .yao{fill:#a83226;}
.pg-home .g64.active .yao{fill:#a83226;}
.pg-home .g64.active{animation:gpulse 2.6s ease-in-out infinite;}
@keyframes gpulse{0%,100%{opacity:1}50%{opacity:.5}}
/* 键盘可达与锁定确认: Tab 聚焦 = 悬停同款高亮; 锁定对象盘面常亮红 (与值时高亮区分: locked 恒亮, active 呼吸) */
.pg-home .g64:focus,.pg-home .bgua:focus,.pg-home .mtn:focus{outline:none;}
.pg-home .g64:focus-visible .yao,.pg-home .bgua:focus-visible .yao,.pg-home .g64.locked .yao,.pg-home .bgua.locked .yao{fill:#a83226;}
.pg-home .bgua:focus-visible .bname,.pg-home .bgua.locked .bname{fill:#a83226;}
.pg-home .mtn:focus-visible,.pg-home .mtn.locked{fill:#a83226;font-weight:700;}
/* 图例可点击(分层导览) + 凝驻开关(触屏等价入口) */
.pg-home .ci-legend .lg{cursor:pointer;}
.pg-home .lg-toggle{cursor:pointer;background:none;border:1px solid #d9cbaa;border-radius:3px;color:#6e6452;font:12.5px/1 "Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:1px;padding:5px 10px;grid-column:1/-1;justify-self:end;transition:color .2s,border-color .2s,background .2s;}
.pg-home .lg-toggle:hover,.pg-home .lg-toggle:focus-visible{color:#a83226;border-color:#a83226;outline:none;}
.pg-home .lg-toggle.on{color:#a83226;border-color:#a83226;background:rgba(168,50,38,.06);}
/* 凝驻徽章: 按钮冻结时显示 (悬停显示规则在下方 hover 媒体查询, 触屏仅靠此规则) */
.pg-home .cosmos-stage.frozen .cos-pause{display:block;}
/* 数理: 太极一周 = 60秒 (六十甲子, 一秒一息); 六十四卦整环逆行 384s = 64卦×6爻 (天道左旋);
   周天星 72s = 一年七十二候 (日月右行)。
   驱动: requestAnimationFrame + transform 直写 (页面内 JS) — CSS animation 在手机X5/WebView
   对 SVG 支持不完整, SMIL 在 iOS Safari 不自启(iPhone 真机不转); rAF 全平台可靠 */
/* 悬停凝驻: 仅限真实鼠标设备 (触屏 :hover 粘滞会致"永停"); 移开即复转; 徽章明示状态 */
.pg-home .cos-pause{position:absolute;top:10px;right:10px;display:none;background:rgba(46,42,36,.88);color:#f7f1df;font:12px/1 "Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:2px;padding:6px 10px;border-radius:3px;pointer-events:none;z-index:2;}
@media (hover:hover) and (pointer:fine){
  .pg-home .cosmos-stage:hover .cos-pause{display:block;}
  /* 万象凝驻之联动: 图例微缩演示与提示关键词随罗盘同步凝驻/点亮 */
  .pg-home .cosmos-stage:hover ~ .cosmos-info .d1{animation-play-state:paused;}
  .pg-home .cosmos-stage:hover ~ .cosmos-info .d4:after{animation-play-state:paused;}
  .pg-home .cosmos-stage:hover ~ .cosmos-info .ci-tip b{color:#a83226;}
}
.pg-home .tj-b{fill:#211c14;}.pg-home .tj-w{fill:#f7f1df;}.pg-home .tj-ring{fill:none;stroke:#a8873f;stroke-width:1.5;}
@media (prefers-reduced-motion:reduce){.pg-home .g64.active{animation:none}.pg-home .d1,.pg-home .d4:after{animation:none}}
/* ---- 首页桌面端 (>=600px) ---- */
@media (min-width:600px){
  .pg-home .topbar{padding:44px 28px 38px;}
  .pg-home .topbar h1{font-size:32px;letter-spacing:10px;}
  .pg-home .topbar .en{font-size:14px;}
  .pg-home .topbar p{font-size:18px;}
  .pg-home .seal{width:60px;height:60px;font-size:42px;}
  .pg-home .rail-wrap{margin:30px auto 0;padding:0 16px;}
  .pg-home .rail-title{font-size:17px;}
  .pg-home .rail i{width:44px;height:44px;font-size:20px;}
  .pg-home .rail li:not(:last-child):after{top:22px;}
  .pg-home .rail b{font-size:18px;}
  .pg-home .wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:0 16px;margin:18px auto;}
  .pg-home .card{padding:24px 22px;}
  .pg-home .card .wm{font-size:152px;right:-10px;top:-40px;}
  .pg-home .card .t{font-size:22px;}
  .pg-home .stepno{width:38px;height:38px;font-size:20px;}
  .pg-home .card .d{font-size:16.5px;}
  .pg-home .card a.go{padding:0 22px;font-size:16.5px;letter-spacing:2px;}
  .pg-home .card a.go:hover{background:#8f281e;}
  .pg-home .card a.go.gold:hover{background:#75520f;}
  .pg-home .card a.go.ink:hover{background:#211c14;}
  .pg-home .card a.go.line:hover{background:rgba(168,135,63,.1);color:#453f31;}
  .pg-home .more{padding:0 16px;}
  .pg-home .more-grid{grid-template-columns:repeat(4,1fr);gap:12px;}
  .pg-home .cosmos{width:100%;padding:0 16px;margin:26px auto 0;}
  .pg-home .cosmos-flex{flex-direction:column;align-items:center;gap:18px;}
  .pg-home .cosmos-stage{max-width:560px;}
  .pg-home .cosmos-info{width:100%;max-width:560px;}
  .pg-home .mcard{flex-direction:column;align-items:flex-start;gap:10px;padding:18px;}
  .pg-home .mcard .arr{margin-left:0;align-self:flex-end;}
}

/* ============================================================
   周天全图 (.pg-compass) — /compass/ 罗经十三层
   版式: 盘面在上与顶栏导航同宽 (默认 .wrap 1080px - 24px 内边距
        = 1056px, 恰与 .topbar max-width 对齐), 信息面板在下
        (≥1000px 面板横排: 聚焦释义居左·图例竖栏居右);
   图例 chip = 逐层显隐开关 (移动端"变焦"); 动效引擎同首页 (rAF)
   ============================================================ */
.pg-compass .cwrap{max-width:none;margin:0 auto;padding:18px 0 8px;}
.pg-compass .chead{text-align:center;margin-bottom:14px;}
.pg-compass .ctitle{font-size:17px;color:#8a6116;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:4px;}
.pg-compass .ctitle:before{content:"❖";font-size:11px;vertical-align:2px;margin-right:10px;color:#a8873f;}
.pg-compass .ctitle:after{content:"❖";font-size:11px;vertical-align:2px;margin-left:10px;color:#a8873f;}
.pg-compass .csub{font-size:12.5px;color:#857b66;letter-spacing:1.5px;margin-top:5px;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;}
.pg-compass .chint{font-size:14px;color:#8a8170;letter-spacing:1px;margin-top:4px;}
.pg-compass .cgrid{display:grid;grid-template-columns:1fr;gap:14px;}
.pg-compass .cstage{width:100%;position:relative;}
.pg-compass .cstage svg{width:min(100%,90vh);height:auto;display:block;margin:0 auto;filter:drop-shadow(0 3px 12px rgba(60,45,20,.16));}
.pg-compass .cpanel{width:100%;background:#fbf7ec;border:1px solid #c9b98e;border-radius:3px;box-shadow:inset 0 0 0 2px #fbf7ec,inset 0 0 0 3px #d9cbaa;padding:16px 16px 12px;display:flex;flex-direction:column;gap:10px;align-self:start;}
.pg-compass .cp-head{min-height:150px;}
.pg-compass .cp-hour{display:flex;align-items:center;gap:12px;margin-bottom:10px;}
.pg-compass .cp-hz{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;background:#a83226;color:#f7f1df;font-size:24px;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;border-radius:4px;box-shadow:inset 0 0 0 2px rgba(247,241,223,.35),inset 0 0 0 3px #a83226;flex-shrink:0;}
.pg-compass .cp-ht b{display:block;font-size:16.5px;color:#211c14;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:1px;}
.pg-compass .cp-ht small{display:block;font-size:12.5px;color:#6e6452;margin-top:2px;letter-spacing:.5px;}
.pg-compass .cp-row{font-size:13.5px;color:#453f31;line-height:1.9;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;border-top:1px dashed #e8dfc8;padding-top:8px;}
.pg-compass .cp-row b{color:#8f281e;}
.pg-compass .cp-sub{display:inline-block;margin-left:8px;color:#6e6452;font-size:14px;}
/* 释义面板 (防盗接口下发 ci-* 结构, 与首页同源; 原仅 .pg-home 有样式) */
.pg-compass .ci-hour{display:flex;align-items:center;gap:12px;margin-bottom:10px;}
.pg-compass .ci-hz{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;background:#a83226;color:#f7f1df;font-size:24px;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;border-radius:4px;box-shadow:inset 0 0 0 2px rgba(247,241,223,.35),inset 0 0 0 3px #a83226;flex-shrink:0;}
.pg-compass .ci-ht b{display:block;font-size:16.5px;color:#211c14;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:1px;}
.pg-compass .ci-ht small{display:block;font-size:12.5px;color:#6e6452;margin-top:2px;letter-spacing:.5px;}
.pg-compass .ci-row{font-size:13.5px;color:#453f31;line-height:1.9;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;border-top:1px dashed #e8dfc8;padding-top:8px;}
.pg-compass .ci-row b{color:#8f281e;}
.pg-compass .ci-ex{font-size:17px;line-height:1.95;color:#4c4433;}
.pg-compass .ci-ex b{color:#6f5014;font-weight:normal;}
.pg-compass .ci-sub{display:inline-block;margin-left:8px;color:#6e6452;font-size:14px;}
.pg-compass .ci-quote{font-size:12.5px;color:#6e6452;line-height:1.8;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;border-top:1px dashed #e8dfc8;padding-top:6px;}
/* 图例 chip: 逐层显隐开关 (off=隐藏); 指向盘面时对应 chip 点亮 */
.pg-compass .cpl{display:flex;flex-wrap:wrap;gap:8px;border-top:1px dashed #d9cbaa;padding-top:10px;}
.pg-compass .cpl .chip{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:#6e6452;letter-spacing:1px;border:1px solid #d9cbaa;border-radius:3px;padding:4px 9px;cursor:pointer;background:#fff;white-space:nowrap;transition:color .2s,border-color .2s,opacity .2s;user-select:none;}
.pg-compass .cpl .chip:hover{color:#a83226;border-color:#a83226;}
.pg-compass .cpl .chip.off{opacity:.4;text-decoration:line-through;}
.pg-compass .cpl .chip.on{color:#a83226;border-color:#a83226;background:rgba(168,50,38,.05);}
.pg-compass .cpl .sw{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
.pg-compass .s-ls{background:#211c14;}.pg-compass .s-bg{background:#a83226;}.pg-compass .s-ht{background:#8a6116;}.pg-compass .s-mt{background:#453f31;}.pg-compass .s-mz{background:#7d7460;}.pg-compass .s-mf{background:#988d75;}.pg-compass .s-jz{background:#6e6452;}.pg-compass .s-xs{background:#4a6741;}.pg-compass .s-bp{background:#8e24aa;}.pg-compass .s-g64{background:#a8873f;}.pg-compass .s-tk{background:#8a8170;}.pg-compass .s-cs{background:#5e35b1;}
/* 凝驻按钮 (缩放控件组首位, ❚❚/▶ 图标钮) */
.pg-compass .zb.frzb{font-size:14px;letter-spacing:1px;padding-bottom:2px;}
.pg-compass .zb.frzb:hover:not(:disabled){background:#f6e3d8;border-color:#a83226;color:#a83226;}
.pg-compass .zb.frzb.on{background:rgba(168,50,38,.1);border-color:#a83226;color:#a83226;}
/* 凝驻开关 (图例行带文字钮, 大屏一眼可见; 与右下❚❚图标钮同步, 同首页图例区样式) */
.pg-compass .cpl-freeze{cursor:pointer;background:none;border:1px solid #d9cbaa;border-radius:3px;color:#6e6452;font:12.5px/1 "Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:1px;padding:5px 11px;margin-left:auto;transition:color .2s,border-color .2s,background .2s;white-space:nowrap;}
.pg-compass .cpl-freeze:hover,.pg-compass .cpl-freeze:focus-visible{color:#a83226;border-color:#a83226;outline:none;}
.pg-compass .cpl-freeze.on{color:#a83226;border-color:#a83226;background:rgba(168,50,38,.06);}
/* 页内直出 (排盘结果页 CompassCore mini): 紧凑边距适配面板 */
.pg-compass .cwrap.mini{padding:6px 0 4px;}
.pg-compass .cwrap.mini .cp-tip{margin-top:2px;}
.pg-compass .cp-tip{font-size:14px;color:#857b66;letter-spacing:1px;}
.pg-compass .cp-tip b{color:#857b66;font-weight:700;transition:color .3s;}
/* 凝驻徽章 (悬停/按钮冻结时显示) */
.pg-compass .cos-pause{position:absolute;top:10px;right:10px;display:none;background:rgba(46,42,36,.88);color:#f7f1df;font:12px/1 "Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:2px;padding:6px 10px;border-radius:3px;pointer-events:none;z-index:2;}
.pg-compass .cstage.frozen .cos-pause{display:block;}
/* 整页缩放: 标题·盘面·面板一起放大; 控件组脱离缩放容器固定于视口右下 */
.pg-compass .cwrap{transform-origin:50% 0;will-change:transform;}
.pg-compass .cstage{touch-action:pan-y;}
.pg-compass .cstage.zoomed{touch-action:none;}
body.pz-on{overflow-x:hidden;}
body.pz-on .cwrap{touch-action:none;cursor:grab;}
body.pz-drag .cwrap{cursor:grabbing;}
body.pz-drag{user-select:none;-webkit-user-select:none;}
.pg-compass .zoomui{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;align-items:center;gap:6px;z-index:60;}
.pg-compass .zb{width:34px;height:34px;border-radius:50%;background:#fbf7ec;border:1px solid #a8873f;color:#6f5014;font:17px/1 "Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;cursor:pointer;box-shadow:0 2px 6px rgba(60,45,20,.25);display:flex;align-items:center;justify-content:center;padding:0;transition:background .15s,transform .15s;}
.pg-compass .zb:hover:not(:disabled){background:#f3e8cf;transform:scale(1.06);}
.pg-compass .zb:active:not(:disabled){transform:scale(.94);}
.pg-compass .zb:disabled{opacity:.42;cursor:default;}
.pg-compass .zb:focus-visible{outline:2px solid #8a6116;outline-offset:2px;}
.pg-compass .zl{font-size:11px;background:rgba(46,42,36,.78);color:#f3ead2;padding:2px 8px;border-radius:8px;letter-spacing:.5px;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;}
@media (hover:hover) and (pointer:fine){.pg-compass .cstage:hover .cos-pause{display:block;}}
/* SVG 罗经元素 */
.pg-compass .ring{fill:none;stroke:#c9b98e;stroke-width:1;}
.pg-compass .ring.m{stroke:#a8873f;stroke-width:1.6;}
.pg-compass .ring.o{stroke:#a8873f;stroke-width:2;}
.pg-compass .tick{stroke:#8a8170;stroke-width:.8;}
.pg-compass .dir{font:700 15px "Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;fill:#a8873f;letter-spacing:1px;}
.pg-compass .tj-b{fill:#211c14;}.pg-compass .tj-w{fill:#f7f1df;}.pg-compass .tj-ring{fill:none;stroke:#a8873f;stroke-width:2;}
.pg-compass .lsx{font:700 15px "Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;fill:#211c14;cursor:pointer;transition:fill .15s;}
.pg-compass .lsx:hover{fill:#a83226;}
.pg-compass .bname{font:700 15px "Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;fill:#211c14;paint-order:stroke;stroke:#fbf7ec;stroke-width:3;stroke-linejoin:round;transition:fill .15s;}
.pg-compass .htname{font:700 14px "Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;fill:#6b5d3a;paint-order:stroke;stroke:#fbf7ec;stroke-width:2.5;stroke-linejoin:round;transition:fill .15s;}
.pg-compass .bgua,.pg-compass .htx,.pg-compass .bpg,.pg-compass .g64{cursor:pointer;}
.pg-compass .bgua .yao,.pg-compass .htx .yao{fill:#3d3a33;transition:fill .15s;}
.pg-compass .bgua:hover .yao,.pg-compass .htx:hover .yao,.pg-compass .bgua:focus-visible .yao,.pg-compass .htx:focus-visible .yao,.pg-compass .bgua.locked .yao,.pg-compass .htx.locked .yao{fill:#a83226;}
.pg-compass .bgua:hover .bname,.pg-compass .bgua.locked .bname,.pg-compass .htx:hover .htname,.pg-compass .htx.locked .htname{fill:#a83226;}
.pg-compass .mtn{font:15px "Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;fill:#453f31;cursor:pointer;transition:fill .15s;}
.pg-compass .mtn.red{fill:#8a6116;font-weight:700;}
.pg-compass .mtn.z{font:12.5px "Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;fill:#7d7460;}
.pg-compass .mtn.f{font:12.5px "Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;fill:#988d75;}
.pg-compass .mtn:hover,.pg-compass .mtn.active,.pg-compass .mtn:focus-visible,.pg-compass .mtn.locked{fill:#a83226;font-weight:700;}
.pg-compass .jzx{font:10.5px "Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;fill:#6e6452;cursor:pointer;transition:fill .15s;}
.pg-compass .jzx:hover{fill:#a83226;}
.pg-compass .xsx{font:13px "Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;fill:#453f31;cursor:pointer;transition:fill .15s;}
.pg-compass .xsx:hover,.pg-compass .xsx.active{fill:#a83226;}
.pg-compass .csx{font:11.5px "Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;fill:#8a6116;cursor:pointer;transition:fill .15s;}
.pg-compass .csx:hover,.pg-compass .csx.active{fill:#a83226;font-weight:700;}
.pg-compass .bpname{font:12px "Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;fill:#453f31;paint-order:stroke;stroke:#fbf7ec;stroke-width:2;stroke-linejoin:round;}
.pg-compass .bpg .yao{fill:#6e6452;transition:fill .15s;}
.pg-compass .bpg:hover .yao,.pg-compass .bpg.active .yao,.pg-compass .bpg:focus-visible .yao,.pg-compass .bpg.locked .yao{fill:#a83226;}
.pg-compass .bpg.active{animation:gpulse 2.6s ease-in-out infinite;}
.pg-compass .g64 .yao{fill:#6e6452;transition:fill .15s;}
.pg-compass .g64:hover .yao,.pg-compass .g64.active .yao,.pg-compass .g64:focus-visible .yao,.pg-compass .g64.locked .yao{fill:#a83226;}
.pg-compass .g64.active{animation:gpulse 2.6s ease-in-out infinite;}
.pg-compass .hot{fill:none;pointer-events:all;}
.pg-compass .g64:focus,.pg-compass .bgua:focus,.pg-compass .htx:focus,.pg-compass .bpg:focus,.pg-compass .mtn:focus,.pg-compass .lsx:focus{outline:none;}
/* 个人命盘起局标注 (排盘联动): 四柱/大运标甲子环, 日禄亮廿四山, 命卦显后天八卦 */
.pg-compass .jzx.mypz{fill:#a83226;font-weight:700;}
.pg-compass .jzx.mypz.mydy{fill:#1e4e8a;}
.pg-compass .mtn.mylu{fill:#8a6116;font-weight:700;animation:cpMyLu 2.2s ease-in-out infinite;}
.pg-compass .htx.mygua .yao{fill:#a83226;}
.pg-compass .htx.mygua .htname{fill:#a83226;font-weight:700;}
.pg-compass .mybadge-c{fill:#fbf7ec;stroke:#a8873f;stroke-width:1;}
.pg-compass .mybadge.run .mybadge-c{stroke:#1e4e8a;}
.pg-compass .mybadge-t{font:8px "Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;fill:#6f5014;font-weight:700;}
.pg-compass .mybadge.run .mybadge-t{fill:#1e4e8a;}
/* 起卦联动: 本(朱)/变(金)/互(青)标于六十四卦环, 徽标随环流转 */
.pg-compass .g64.myg64.ben .yao{fill:#a83226;}
.pg-compass .g64.myg64.bian .yao{fill:#a8873f;}
.pg-compass .g64.myg64.hu .yao{fill:#5a7d6f;}
.pg-compass .mybadge.gb-ben .mybadge-c{fill:#a83226;stroke:#a83226;}
.pg-compass .mybadge.gb-ben .mybadge-t{fill:#fbf7ec;}
.pg-compass .mybadge.gb-bian .mybadge-c{fill:#a8873f;stroke:#a8873f;}
.pg-compass .mybadge.gb-bian .mybadge-t{fill:#fff;}
.pg-compass .mybadge.gb-hu .mybadge-c{fill:#5a7d6f;stroke:#5a7d6f;}
.pg-compass .mybadge.gb-hu .mybadge-t{fill:#fff;}
@keyframes cpMyLu{0%,100%{opacity:1;}50%{opacity:.45;}}
@media (prefers-reduced-motion:reduce){.pg-compass .g64.active,.pg-compass .bpg.active{animation:none}.pg-compass .mtn.mylu{animation:none}.pg-compass .cwrap{transition:none!important}}
/* 桌面: 面板在盘面下方横排 — 聚焦释义居左(行双栏铺排), 图例竖栏居右 */
@media (min-width:1000px){
  .pg-compass .cpanel{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:12px 26px;align-items:start;}
  .pg-compass .cp-head{grid-column:1;grid-row:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:0 36px;}
  .pg-compass .cp-head .cp-hour,.pg-compass .cp-head .ci-hour{grid-column:1 / -1;margin-bottom:8px;}
  .pg-compass .cp-head .ci-quote{grid-column:1 / -1;}
  .pg-compass .cp-head .ci-ex{grid-column:1 / -1;}
  .pg-compass .cpl{grid-column:2;grid-row:1;border-top:none;border-left:1px dashed #d9cbaa;padding-top:2px;padding-left:22px;}
  .pg-compass .cp-tip{grid-column:1 / -1;grid-row:2;}
}

/* ============================================================
   起卦页 (.pg-divination) — 掷钱起卦/纳甲装卦/卦象解析
   ============================================================ */
/* 游客/已存档 徽章配色 */
.pg-divination .badge.b-ok{background:#eef3e2;color:#4a6741;border:1px solid #c2d3a4;}
.pg-divination .badge.b-warn{background:#f9e8e4;color:#8f281e;border:1px solid #e0b8ae;}
/* 祥云纹 (如意云头, 金线描) */
.pg-divination .panel.cloudy{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='130' height='130' viewBox='0 0 130 130'%3E%3Cg fill='none' stroke='%23a8873f' stroke-opacity='.13' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M16 46c0-7.5 6-13 13-13 2.5-7.5 13-9.5 18.5-3.5 6.5-3.5 14 1.5 14 9 0 1-.2 2.2-.5 3.2 5.5 1.2 9 5.5 9 10.8 0 6.5-5.5 10.5-12 10.5H23c-7.5 0-12-6.5-12-12 0-3.5 2-5.5 5-5.5z'/%3E%3Cpath d='M78 100c0-6.5 5-11 11-11 2-6 11-8 15.5-2.5 5.5-3 12 1 12 7.5 0 .8-.1 1.7-.4 2.5 4.5 1 7.5 4.5 7.5 9 0 5.5-4.5 9-10 9H86c-6.5 0-10.5-5.5-10.5-9.5 0-2.8 1.3-4.5 4-4.5z'/%3E%3C/g%3E%3C/svg%3E");}
/* ---- 掷钱表单 (铜钱·乾隆通宝式) — 六钱均分网格 ---- */
.pg-divination .coins{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin:10px 0 4px;}
.pg-divination .coinrow{background:#fbf7ec;border:1px solid #d9cbaa;border-radius:3px;padding:10px 12px;text-align:center;transition:transform .15s,border-color .15s;}
.pg-divination .coinrow .pos{font-size:14px;color:#6e6452;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:1px;}
/* 铜钱: 乾隆通宝 — 外圆内方·圆郭方穿·四字钱文(乾隆通宝对读)·铜色包浆 */
.pg-divination .coinrow .val{position:relative;width:52px;height:52px;margin:8px auto 6px;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 32% 26%,#e8cd92 0%,#cfa458 34%,#b08a3e 62%,#93702d 100%);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px 2px rgba(255,244,214,.6),inset 0 -2px 5px rgba(74,50,12,.5),0 2px 4px rgba(60,45,20,.25);}
.pg-divination .coinrow .val::before{content:"";position:absolute;inset:0;background-size:100% 100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52 52'%3E%3Ccircle cx='26' cy='26' r='24' fill='none' stroke='rgba(133,90,43,.45)' stroke-width='1.5'/%3E%3Ccircle cx='26' cy='26' r='21' fill='none' stroke='rgba(133,90,43,.22)' stroke-width='1'/%3E%3Crect x='13.5' y='13.5' width='25' height='25' fill='none' stroke='rgba(133,90,43,.5)' stroke-width='1.2'/%3E%3Ctext x='26' y='11.6' font-size='7' text-anchor='middle' fill='rgba(133,90,43,.62)' font-family='KaiTi,STKaiti,serif'%3E%E4%B9%BE%3C/text%3E%3Ctext x='26' y='47' font-size='7' text-anchor='middle' fill='rgba(133,90,43,.62)' font-family='KaiTi,STKaiti,serif'%3E%E9%9A%86%3C/text%3E%3Ctext x='42.8' y='28.8' font-size='7' text-anchor='middle' fill='rgba(133,90,43,.62)' font-family='KaiTi,STKaiti,serif'%3E%E9%80%9A%3C/text%3E%3Ctext x='9.2' y='28.8' font-size='7' text-anchor='middle' fill='rgba(133,90,43,.62)' font-family='KaiTi,STKaiti,serif'%3E%E5%AE%9D%3C/text%3E%3C/svg%3E");}
/* 金属高光 (抛光铜面反光) */
.pg-divination .coinrow .val::after{content:"";position:absolute;top:7%;left:11%;width:44%;height:28%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,249,228,.5),transparent);transform:rotate(-24deg);}
.pg-divination .coinrow .val b{width:25px;height:25px;border:1.5px solid rgba(253,246,228,.92);display:flex;align-items:center;justify-content:center;font-size:18px;color:#fdf6e4;font-weight:bold;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;position:relative;z-index:1;background:rgba(120,88,32,.28);}
.pg-divination .coinrow .desc{font-size:14px;color:#453f31;}
/* 掷钱时铜钱翻转弹跳 */
.pg-divination .coinrow.fly{transform:translateY(-4px);}
.pg-divination .coinrow.fly .val{animation:coinFlip .38s ease;}
@keyframes coinFlip{0%{transform:rotate(0) translateY(0);}35%{transform:rotate(-14deg) translateY(-6px);}70%{transform:rotate(8deg) translateY(-2px);}100%{transform:rotate(0) translateY(0);}}
.pg-divination .moving{border-color:#c8722a;background:#f7ecd8;}
.pg-divination .moving .val b{border-color:#ffcdbb;color:#ffe3d6;}
.pg-divination .moving .val{box-shadow:inset 0 0 0 2px rgba(168,50,38,.55),inset 0 -2px 4px rgba(74,50,12,.4),0 1px 4px rgba(168,50,38,.3);}
/* ---- 东方启动按钮 (祥云篆刻·朱砂印风) ---- */
.pg-divination .btn-start{position:relative;overflow:hidden;cursor:pointer;border:none;border-radius:3px;background:linear-gradient(180deg,#b54133,#a83226 55%,#8f281e);color:#f7f1df;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;font-size:18px;font-weight:bold;letter-spacing:2px;padding:12px 44px;min-height:44px;box-shadow:inset 0 0 0 1px rgba(247,241,223,.42),inset 0 0 0 3px rgba(143,40,30,.45),0 4px 12px rgba(168,50,38,.32);transition:background .25s,box-shadow .25s,transform .12s ease;}
/* 祥云纹底: 左右如意云描金, 静息时若隐若现 (暗示可点击) */
.pg-divination .btn-start::before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 82 66'%3E%3Cpath d='M16 46c0-7.5 6-13 13-13 2.5-7.5 13-9.5 18.5-3.5 6.5-3.5 14 1.5 14 9 0 1-.2 2.2-.5 3.2 5.5 1.2 9 5.5 9 10.8 0 6.5-5.5 10.5-12 10.5H23c-7.5 0-12-6.5-12-12 0-3.5 2-5.5 5-5.5z' fill='none' stroke='%23f7f1df' stroke-opacity='.6' stroke-width='3.5' stroke-linecap='round'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 82 66'%3E%3Cpath d='M16 46c0-7.5 6-13 13-13 2.5-7.5 13-9.5 18.5-3.5 6.5-3.5 14 1.5 14 9 0 1-.2 2.2-.5 3.2 5.5 1.2 9 5.5 9 10.8 0 6.5-5.5 10.5-12 10.5H23c-7.5 0-12-6.5-12-12 0-3.5 2-5.5 5-5.5z' fill='none' stroke='%23f7f1df' stroke-opacity='.6' stroke-width='3.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat,no-repeat;background-position:left 8px center,right 8px center;background-size:36px 29px;opacity:.45;animation:cloudBreath 3.6s ease-in-out infinite;}
.pg-divination .btn-start>span{position:relative;z-index:1;display:inline-block;}
/* 掠光: 悬停时金光自左向右掠过 (明确的可交互反馈) */
.pg-divination .btn-start::after{content:"";position:absolute;top:0;left:-60%;width:38%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,246,222,.3),transparent);transform:skewX(-18deg);transition:left .55s ease;}
.pg-divination .btn-start:hover:not(:disabled){background:linear-gradient(180deg,#c2493a,#a83226 55%,#942a20);box-shadow:inset 0 0 0 1px rgba(247,241,223,.6),inset 0 0 0 3px rgba(143,40,30,.4),0 6px 16px rgba(168,50,38,.42);}
.pg-divination .btn-start:hover:not(:disabled)::before{animation:none;opacity:.9;}
.pg-divination .btn-start:hover:not(:disabled)::after{left:122%;}
.pg-divination .btn-start:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 0 0 1px rgba(247,241,223,.42),inset 0 2px 8px rgba(74,20,14,.5),0 2px 6px rgba(168,50,38,.3);}
.pg-divination .btn-start:focus-visible{outline:2px dashed #a8873f;outline-offset:2px;}
/* 次按钮: 赤金印 (排盘装卦) */
.pg-divination .btn-start-sub{background:linear-gradient(180deg,#a3782f,#8a6116 55%,#715012);box-shadow:inset 0 0 0 1px rgba(247,241,223,.42),inset 0 0 0 3px rgba(113,80,18,.45),0 4px 12px rgba(138,97,22,.32);}
.pg-divination .btn-start-sub:hover:not(:disabled){background:linear-gradient(180deg,#b0842f,#8a6116 55%,#7a5718);box-shadow:inset 0 0 0 1px rgba(247,241,223,.6),inset 0 0 0 3px rgba(113,80,18,.4),0 6px 16px rgba(138,97,22,.42);}
/* 禁用: 灰陶未启之印 */
.pg-divination .btn-start:disabled{cursor:not-allowed;color:rgba(247,241,223,.78);background:linear-gradient(180deg,#b7ab93,#857b66 55%,#8f8571);box-shadow:inset 0 0 0 1px rgba(247,241,223,.3),inset 0 0 0 3px rgba(120,110,92,.35);}
.pg-divination .btn-start:disabled::before{animation:none;opacity:.22;}
@keyframes cloudBreath{0%,100%{opacity:.4;}50%{opacity:.7;}}
.pg-divination .qbox{border:1px solid #cfc0a0;border-radius:3px;padding:9px 12px;font-size:18px;width:100%;}
.pg-divination .bstrip{display:flex;gap:16px;justify-content:center;font-size:19px;color:#a8873f;letter-spacing:0;margin:2px 0 12px;font-family:serif;}
.pg-divination .bstrip b{transition:color .3s, transform .3s;display:inline-block;}
.pg-divination .bstrip b:hover{color:#a83226;transform:translateY(-2px);}
/* ---- 太极图 (阴阳鱼 眼比例1:3) — 起卦版: 左黑右白 ---- */
.pg-divination .taiji{position:relative;width:var(--tj,150px);height:var(--tj,150px);border-radius:50%;
  background:linear-gradient(90deg,#211c14 50%,#fbf7ec 50%);
  box-shadow:inset 0 0 0 2px #a8873f, 0 4px 18px rgba(60,45,20,.18);}
.pg-divination .taiji::before,.pg-divination .taiji::after{content:"";position:absolute;left:50%;width:calc(var(--tj,150px)/2);height:calc(var(--tj,150px)/2);border-radius:50%;transform:translateX(-50%);}
.pg-divination .taiji::before{top:0;background:radial-gradient(circle closest-side,#fbf7ec 0 33%,#211c14 33% 100%);}
.pg-divination .taiji::after{bottom:0;background:radial-gradient(circle closest-side,#211c14 0 33%,#fbf7ec 33% 100%);}
/* ---- 排盘过渡遮罩: 太极旋转(4圈/4.8s, 匀速; taijiSpin 与排盘页共享) ---- */
.pg-divination .guawrap{position:relative;}
.pg-divination .dmask{position:absolute;inset:0;background:#fbf7ec;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:4vh;gap:20px;transition:opacity .3s ease;}
.pg-divination .dmask.out{opacity:0;pointer-events:none;}
.pg-divination .dmask .taiji{--tj:clamp(120px,20vw,168px);animation:taijiSpin var(--taiji-dur,4.8s) linear both;will-change:transform;}
@keyframes taijiSpin{from{transform:rotate(0deg);}to{transform:rotate(var(--taiji-deg,1440deg));}}
.pg-divination .dstatus{font-size:17px;color:#453f31;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:3px;transition:opacity .25s;}
.pg-divination .dstatus .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#a83226;margin-right:9px;vertical-align:2px;}
.pg-divination .dmask .bstrip{margin:0;font-size:17px;opacity:.75;}
/* ---- 渐进式展示 (由中心向外/按卦象生成顺序) ---- */
.pg-divination .guawrap .rv{opacity:0;}
.pg-divination .guawrap.ready .rv{animation:rvIn .55s cubic-bezier(.22,.61,.36,1) both;}
@keyframes rvIn{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}
/* ---- 卦象总览 ---- */
.pg-divination .ovflex{display:flex;gap:24px;align-items:center;flex-wrap:wrap;padding:18px;}
.pg-divination .ovtj{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:10px;}
/* 太极八卦环: 中心太极常转, 外环先天八卦静置; 朱砂=上卦 赤金=下卦 */
.pg-divination .ovtj .bgring{--tj:clamp(104px,14vw,150px);--rp:72px;position:relative;width:calc(var(--tj) + var(--rp));height:calc(var(--tj) + var(--rp));display:grid;place-items:center;}
.pg-divination .ovtj .bgring::before{content:"";position:absolute;inset:0;border:1px dashed rgba(168,135,63,.4);border-radius:50%;}
.pg-divination .ovtj .taiji{--taiji-deg:360deg;animation:taijiSpin 24s linear infinite;will-change:transform;}
.pg-divination .bgi{position:absolute;left:50%;top:50%;z-index:2;font-size:clamp(17px,3vw,22px);line-height:1;color:#b3a88e;opacity:.75;font-family:serif;transform:translate(-50%,-50%) rotate(var(--a)) translateY(calc((var(--tj) + var(--rp))/-2)) rotate(calc(-1*var(--a)));transition:color .5s,opacity .5s,text-shadow .5s;}
.pg-divination .bgi.u{color:#a83226;opacity:1;text-shadow:0 0 9px rgba(168,50,38,.55);}
.pg-divination .bgi.d{color:#8a6116;opacity:1;text-shadow:0 0 9px rgba(168,135,63,.6);}
.pg-divination .bgi.u.d{color:#a83226;opacity:1;text-shadow:0 0 9px rgba(168,50,38,.55),0 0 15px rgba(168,135,63,.45);}
.pg-divination .ovtj .cap{font-size:14px;color:#6e6452;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:2px;}
.pg-divination .ovtj .cap b{font-weight:normal;}
.pg-divination .ovtj .cap2{font-size:14px;color:#857b66;letter-spacing:1px;}
.pg-divination .ovright{flex:1;min-width:280px;display:flex;flex-direction:column;gap:14px;}
.pg-divination .cards{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;}
.pg-divination .hcard{background:#fffdf6;border:1px solid #d9cbaa;border-radius:3px;padding:14px 16px;text-align:center;min-width:158px;flex:1;max-width:210px;}
.pg-divination .hcard.hmain{border-color:#a8873f;box-shadow:inset 0 0 0 1px #d9cbaa,0 2px 8px rgba(60,45,20,.12);}
.pg-divination .hcard .hl{font-size:14px;color:#6e6452;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:2px;}
.pg-divination .hcard .hname{font-size:38px;font-weight:bold;color:#211c14;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;margin:4px 0 2px;line-height:1.2;}
.pg-divination .hcard .hsym{font-size:21px;line-height:1.35;display:flex;flex-direction:column;align-items:center;margin:4px 0;}
.pg-divination .hcard .hsym b{font-weight:normal;}
.pg-divination .hcard .hbars{margin:8px auto 6px;display:flex;flex-direction:column;align-items:center;}
.pg-divination .hrow{display:flex;align-items:center;gap:5px;}
.pg-divination .hpos{font-style:normal;font-size:11.5px;color:#b3a88e;width:13px;text-align:center;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;line-height:1;}
.pg-divination .hb{display:flex;gap:5px;height:7px;margin:3.5px 0;width:84px;}
.pg-divination .hb i{flex:1;background:#211c14;border-radius:1.5px;}
.pg-divination .hb-y{background:#211c14;border-radius:1.5px;}
.pg-divination .hb.mv, .pg-divination .hb.mv i{background:#a83226;box-shadow:0 0 6px rgba(168,50,38,.45);}
.pg-divination .hb.bmv, .pg-divination .hb.bmv i{background:#a8873f;box-shadow:0 0 6px rgba(168,135,63,.5);}
.pg-divination .ymk{font-style:normal;font-size:14.5px;color:#a83226;width:15px;text-align:center;font-family:serif;line-height:1;}
.pg-divination .ymk.bmkk{color:#8a6116;font-size:13.5px;}
.pg-divination .hcard .hmeta{font-size:14px;color:#6e6452;}
/* 卦名脉动聚焦 (仅transform/opacity, GPU合成层) — keyframes 更名 gpulseScale 以避让首页 gpulse */
.pg-divination .gpulse{display:inline-block;animation:gpulseScale 2.6s ease-in-out .8s infinite;}
@keyframes gpulseScale{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(1.035);opacity:.88;}}
.pg-divination .wx0{color:#2e7d32;} .pg-divination .wx1{color:#c62828;} .pg-divination .wx2{color:#8d6e63;} .pg-divination .wx3{color:#a67c00;} .pg-divination .wx4{color:#33526b;}
/* ---- 纳甲装卦 (竹简排盘, 初爻在下·上爻在上) ---- */
/* 竹简纹理: 赭石竖简条 + 米黄简面 */
.pg-divination .bamboo{background:repeating-linear-gradient(90deg,rgba(139,94,47,.075) 0 2px,transparent 2px 46px),linear-gradient(180deg,#f4ead0 0%,#eee0bf 100%);border:1px solid #c8b485;border-radius:4px;box-shadow:inset 0 0 0 3px rgba(255,252,242,.55);overflow-x:auto;-webkit-overflow-scrolling:touch;}
.pg-divination .chartwrap{display:flex;gap:10px;align-items:stretch;padding:10px 10px 12px;}
/* 竖排卦名简签 */
.pg-divination .vstrip{writing-mode:vertical-rl;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;font-size:19px;letter-spacing:7px;color:#453f31;background:linear-gradient(180deg,#efe0bd,#e7d3a8);border:1px solid #c9b689;border-radius:3px;padding:14px 7px;text-align:center;flex-shrink:0;box-shadow:inset 0 0 0 1px rgba(255,252,242,.6);}
.pg-divination .vstrip small{font-size:14px;letter-spacing:5px;color:#8a6116;}
/* 排盘表头 (本卦之变卦) */
.pg-divination .chart-head{display:flex;gap:16px;align-items:baseline;flex-wrap:wrap;padding:12px 16px 0;font-size:17px;color:#453f31;}
.pg-divination .chart-head b{font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;font-size:21px;letter-spacing:2px;font-weight:bold;}
.pg-divination .ch-ben{color:#a83226;} .pg-divination .ch-bian{color:#8a6116;} .pg-divination .ch-hu{color:#33526b;}
.pg-divination .ch-zhi{font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;color:#6e6452;font-size:19px;}
.pg-divination .ch-note{margin-left:auto;font-size:14px;color:#857b66;}
.pg-divination .yaotab{border-collapse:collapse;width:100%;margin:0;background:transparent;min-width:430px;}
.pg-divination .yaotab th{font-size:14.5px;color:#6b5d45;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:1px;font-weight:normal;background:rgba(139,94,47,.12);padding:8px 6px;border-bottom:1px solid rgba(139,94,47,.35);white-space:nowrap;}
.pg-divination .yaotab td{text-align:center;padding:9px 6px;border-bottom:1px dashed rgba(139,94,47,.25);background:transparent;font-size:15.5px;color:#43392c;white-space:nowrap;}
.pg-divination .yaotab tr:last-child td{border-bottom:none;}
.pg-divination .yaotab tr.mvr td{background:rgba(199,114,42,.10);}
/* 爻线: 阳爻实线/阴爻断线, 动爻朱砂+传统标记 ○=老阳 ×=老阴 */
.pg-divination .yb{display:inline-flex;gap:5px;width:70px;height:8px;vertical-align:middle;}
.pg-divination .yb-y{background:#211c14;border-radius:1.5px;}
.pg-divination .yb-n i{flex:1;background:#211c14;border-radius:1.5px;}
.pg-divination .yb.mv, .pg-divination .yb.mv i{background:#a83226;box-shadow:0 0 5px rgba(168,50,38,.4);}
.pg-divination .yb.bmv, .pg-divination .yb.bmv i{background:#a8873f;box-shadow:0 0 5px rgba(168,135,63,.5);}
.pg-divination .ymark{font-style:normal;color:#a83226;font-weight:bold;font-size:17px;margin-left:6px;font-family:serif;vertical-align:middle;}
.pg-divination .bmark{font-style:normal;color:#8a6116;font-size:13.5px;margin-left:5px;border:1px solid #d8b96a;border-radius:2px;padding:1px 4px;vertical-align:middle;}
.pg-divination .shiying{color:#b3541e;font-size:14px;}
.pg-divination .c-nj{font-weight:bold;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:1px;}
/* ---- 卦象解析 ---- */
.pg-divination .icore{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:14px;}
.pg-divination .lk{display:inline-block;font-size:17px;padding:3px 14px;border-radius:2px;white-space:nowrap;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:2px;}
.pg-divination .lk-g{background:#eef3e2;color:#4a6741;border:1px solid #c2d3a4;}
.pg-divination .lk-m{background:#e3ebf0;color:#33526b;border:1px solid #b8ccd8;}
.pg-divination .lk-w{background:#f7ecd8;color:#8a6116;border:1px solid #d8b96a;}
.pg-divination .lk-x{background:#f9e8e4;color:#8f281e;border:1px solid #e0b8ae;}
.pg-divination .igname{font-size:24px;color:#211c14;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:2px;}
.pg-divination .igcore-txt{font-size:15.5px;color:#453f31;}
.pg-divination .iquote{margin:0 0 12px;padding:10px 16px;background:#f6f0dd;border-left:3px solid #a8873f;font-size:18px;color:#453f31;line-height:1.9;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;}
.pg-divination .iquote cite{display:block;font-style:normal;font-size:14.5px;color:#8a6116;text-align:right;margin-top:4px;letter-spacing:1px;}
.pg-divination .ilv{margin:0 0 14px;}
.pg-divination .lvtag{display:inline-block;font-size:14px;padding:2px 10px;border-radius:2px;margin-bottom:6px;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:1px;}
.pg-divination .lv1{background:#eef3e2;color:#4a6741;border:1px solid #c2d3a4;}
.pg-divination .lv2{background:#f7ecd8;color:#8a6116;border:1px solid #d8b96a;}
.pg-divination .lv3{background:#f3ecd9;color:#453f31;border:1px solid #d9cbaa;}
.pg-divination .ilv p{margin:0;font-size:15.5px;color:#453f31;line-height:2;}
.pg-divination .imvline{font-size:15.5px;color:#453f31;line-height:2;padding:7px 0;border-bottom:1px dashed #e8dfc8;}
.pg-divination .imvline b{color:#b3541e;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;}
.pg-divination .imvline .yaoci{color:#211c14;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;}
.pg-divination .ysrc{font-size:14px;color:#8a6116;letter-spacing:1px;margin-left:4px;}
.pg-divination .itrend{font-size:17px;color:#453f31;line-height:2;background:#f6f0dd;border-radius:3px;padding:10px 14px;}
.pg-divination .itrend b{color:#211c14;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;}
.pg-divination .iquote.qc{border-left-color:#a83226;background:#f8ecea;}
.pg-divination .imv-xx{font-size:14.5px;color:#3f5a4d;line-height:1.9;margin-top:6px;padding:6px 10px;background:#f0f5ec;border-left:3px solid #7d9a6b;border-radius:0 3px 3px 0;white-space:pre-line;}
.pg-divination .imv-wy{font-size:14.5px;color:#5a4a7a;line-height:1.9;margin-top:6px;padding:6px 10px;background:#f2eef7;border-left:3px solid #9a88b8;border-radius:0 3px 3px 0;white-space:pre-line;}
.pg-divination .itrend-xg{font-size:14.5px;color:#6e5a2a;line-height:1.9;margin-top:8px;padding:6px 10px;border-top:1px dashed #d9cbaa;white-space:pre-line;}
/* ---- 起卦页移动端 ---- */
@media (max-width:768px){
  .pg-divination .coins{gap:8px;grid-template-columns:repeat(3,1fr);}
  .pg-divination .coinrow{padding:8px 10px;}
  .pg-divination .coinrow .val{width:44px;height:44px;}
  .pg-divination .coinrow .val b{width:22px;height:22px;font-size:17px;}
  .pg-divination .btn-start{padding:12px 34px;font-size:17px;letter-spacing:1px;}
  .pg-divination .btn-start::before{background-position:left 5px center,right 5px center;background-size:28px 23px;}
  /* 加载动画: 贴近页面顶部 (原垂直居中在移动端偏高) */
  .pg-divination .dmask{padding-top:2vh;gap:14px;}
  .pg-divination .dmask .taiji{--tj:clamp(110px,26vw,148px);}
  .pg-divination .dmask .dstatus{font-size:17px;}
  .pg-divination .ovflex{padding:14px;gap:16px;}
  .pg-divination .ovtj{width:100%;}
  .pg-divination .ovtj .bgring{--tj:min(28vw,130px);--rp:56px;}
  .pg-divination .cards{gap:10px;}
  .pg-divination .hcard{min-width:128px;padding:10px 10px;flex:1 1 44%;}
  .pg-divination .hcard .hname{font-size:29px;}
  .pg-divination .hb{width:66px;}
  .pg-divination .hpos{width:11px;font-size:11px;}
  .pg-divination .bstrip{font-size:18px;gap:10px;}
  .pg-divination .vstrip{display:none;}   /* 手机隐藏竖签, 表头已示卦名 */
  .pg-divination .chartwrap{padding:8px 6px 10px;}
  .pg-divination .ch-note{display:none;}
}
/* 无障碍: 减少动态偏好 -> 关闭旋转/脉动/渐进, 直接呈现 */
@media (prefers-reduced-motion: reduce){
  .pg-divination .dmask .taiji, .pg-divination .ovtj .taiji{animation:none;}
  .pg-divination .gpulse{animation:none;}
  .pg-divination .guawrap .rv{opacity:1 !important;animation:none !important;}
  .pg-divination .coinrow.fly .val, .pg-divination .btn-start::before{animation:none;}
  .pg-divination .btn-start::after{display:none;}
}

/* ============================================================
   排盘页 (.pg-report) — 四柱排盘/五行/大运流年
   ============================================================ */
.pg-report .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;}
.pg-report .grid2{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;}
.pg-report .bighanzi{font-size:32px;font-weight:bold;line-height:1.2;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;}
.pg-report .pcol{min-width:96px;}
/* 专业四柱竖式表: 每柱一列(干上支下竖排), 四柱横向一排, 左列属性行标 */
.pg-report table.vztable{table-layout:fixed;}
.pg-report .vztable th.rowh{width:88px;font-weight:normal;color:#6e6452;background:#faf3dc;white-space:nowrap;font-size:14px;letter-spacing:1px;}
.pg-report .vztable th.ph{font-size:18px;color:#211c14;background:#f3ecd9;}
.pg-report .vztable th.ph.dm{color:#a83226;}
.pg-report .vztable td{vertical-align:middle;}
.pg-report .vztable tr:last-child td,.pg-report .vztable tr:last-child th{border-bottom:none;}
.pg-report .wx0{color:#2e7d32;} .pg-report .wx1{color:#c62828;} .pg-report .wx2{color:#8d6e63;} .pg-report .wx3{color:#a67c00;} .pg-report .wx4{color:#33526b;}
.pg-report th,.pg-report td{text-align:center;}
/* 大运流年竖排干支卡: 每步一列, 干上支下, 横向一排; 超出屏宽时容器内左右滑动 (页面本身不横向拖动) */
.pg-report .dygrid{display:flex;gap:6px;margin:10px 0 4px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:4px;}
.pg-report .dycol{flex:1 0 76px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px 8px;background:#faf6ec;border:1px solid #e5dcc3;border-radius:4px;text-align:center;}
.pg-report .dycol.cur{background:#f6f0dd;border-color:#c9a959;}
.pg-report .dyage{font-size:17px;color:#6e6452;white-space:nowrap;}
.pg-report .dyyr{font-size:17px;color:#6e6452;white-space:nowrap;}
.pg-report .dygz{display:flex;flex-direction:column;line-height:1.3;font-size:22px;font-weight:bold;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;}
.pg-report .dyss{font-size:17px;color:#5a5347;white-space:nowrap;}
/* 藏干/星运/自坐/纳音/空亡/神煞 行 (问真式专业排盘) */
.pg-report .dycg,.pg-report .dyxy,.pg-report .dyzz{font-size:12.5px;color:#5a5347;line-height:1.45;}
.pg-report .dyny{font-size:12.5px;color:#6e6452;white-space:nowrap;}
.pg-report .dykw{min-height:22px;display:flex;align-items:center;justify-content:center;}
.pg-report .dysha{font-size:14px;color:#8a6116;line-height:1.5;}
/* 岁运引动原局行: 冲/刑/害红, 合/三合金绿 */
.pg-report .dyrel{font-size:14px;line-height:1.5;}
.pg-report .dyrel .r-bad{color:#a83226;font-weight:bold;}
.pg-report .dyrel .r-ok{color:#4a7c59;font-weight:bold;}
.pg-report .dyb{min-height:24px;display:flex;align-items:center;justify-content:center;max-width:100%;}
/* 窄屏: 列固定宽度不变, 容器滑动, 字号保持可读 */
@media(max-width:960px){
  .pg-report .dycol{padding:8px 3px 6px;}
  .pg-report .dyb{min-height:20px;}
  .pg-report .dykw{min-height:18px;}
}
@media(max-width:600px){
  .pg-report .dygrid{gap:4px;}
  .pg-report .dycol{flex:0 0 72px;padding:6px 2px 5px;gap:3px;}
  .pg-report .dyage,.pg-report .dyyr,.pg-report .dyss{font-size:11px;}
  .pg-report .dycg,.pg-report .dyxy,.pg-report .dyzz,.pg-report .dyny{font-size:10.5px;}
  .pg-report .dysha{font-size:10px;}
  .pg-report .dyrel{font-size:10px;}
  .pg-report .dygz{font-size:18px;}
  .pg-report .dyb{min-height:18px;}
  .pg-report .dykw{min-height:16px;}
  .pg-report .dycol .badge{font-size:10px;padding:1px 3px;}
}
/* 排盘结果页移动端覆盖: 见文件末尾 @media(max-width:768px) (须在 .pg-report 基础样式之后声明, 同特异性后声明胜出) */
.pg-report .dy-sub .slidehint{display:none;font-size:14px;color:#84774e;font-weight:normal;letter-spacing:0;font-family:"Microsoft YaHei",sans-serif;margin-left:10px;}
.pg-report .bighanzi+.hint{margin-top:2px;}
.pg-report .scorebox{display:flex;align-items:center;gap:22px;flex-wrap:wrap;}
.pg-report .score{font-size:48px;font-weight:bold;color:#a83226;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;}
.pg-report .bar{height:10px;border-radius:2px;background:#ece5d2;overflow:hidden;min-width:120px;flex:1;}
.pg-report .bar>i{display:block;height:100%;border-radius:2px;}
.pg-report .flexrow{display:flex;align-items:center;gap:10px;font-size:17px;color:#453f31;}
.pg-report .tagline{font-size:17px;color:#453f31;line-height:2;}
.pg-report .tagline b{color:#211c14;}
/* 今日宜/忌清单 与 近期综合建议 */
.pg-report .yiji{border-radius:8px;padding:12px 14px;font-size:15px;}
.pg-report .yiji ul{margin:8px 0 0;padding-left:18px;line-height:1.9;}
.pg-report .yiji li::marker{color:#b8992e;}
.pg-report .yiji-yi{background:#f4f8ee;border:1px solid #dbe8c4;}
.pg-report .yiji-yi .yiji-t{color:#5b8c1f;font-weight:bold;}
.pg-report .yiji-ji{background:#fbf2ef;border:1px solid #eed5cb;}
.pg-report .yiji-ji .yiji-t{color:#b0523a;font-weight:bold;}
.pg-report .zhy{background:linear-gradient(90deg,#f7f1e0,#efe8d4);border-left:4px solid #a83226;border-radius:0 8px 8px 0;padding:10px 14px;font-size:16px;line-height:1.8;color:#453f31;}
.pg-report .zhy-t{font-weight:bold;color:#a83226;margin-right:8px;}
.pg-report .kv{display:flex;flex-wrap:wrap;gap:10px 28px;}
.pg-report .kv .it{font-size:17px;color:#453f31;white-space:nowrap;}
.pg-report .kv .it b{color:#211c14;font-size:18px;}
/* 罗盘起局 CTA (排盘/起卦联动 /compass/) */
.pg-report .p-compass-cta,.pg-divination .p-compass-cta{padding:0;}
.pg-report .cc-cta,.pg-divination .cc-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;flex-wrap:wrap;}
.pg-report .cc-t b,.pg-divination .cc-t b{font-size:17px;color:#8a6116;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:2px;display:block;}
.pg-report .cc-t b:before,.pg-divination .cc-t b:before{content:"❖";font-size:11px;vertical-align:2px;margin-right:8px;color:#a8873f;}
.pg-report .cc-t span,.pg-divination .cc-t span{font-size:12.5px;color:#6e6452;line-height:1.8;display:block;margin-top:4px;max-width:640px;}
.pg-report .cc-go,.pg-divination .cc-go{flex:none;display:inline-block;background:#8a6116;color:#fbf7ec;font-size:14px;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:2px;padding:10px 22px;border-radius:3px;border:1px solid #6b5a33;box-shadow:0 2px 6px rgba(60,45,20,.2);text-decoration:none;transition:transform .15s,box-shadow .15s;}
.pg-report .cc-go:hover,.pg-divination .cc-go:hover{transform:translateY(-1px);box-shadow:0 4px 10px rgba(60,45,20,.3);background:#9a7020;}
/* 命盘/卦象罗盘页内直出 (CompassCore 组件, 非 iframe): 罗盘作用域由 .pg-compass 容器承接 */
.pg-report .cc-cos,.pg-divination .cc-cos{padding:0 10px 12px;}
.pg-report .footnote{font-size:14px;color:#6e6452;padding:10px 18px;background:#f3ecd9;border-top:1px solid #e8dfc8;}
.pg-report details.explain{margin:0;border-bottom:1px solid #e8dfc8;background:#faf3dc;}
.pg-report details.explain summary{cursor:pointer;font-size:14.5px;color:#8a6116;padding:8px 18px;user-select:none;list-style:none;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:1px;}
.pg-report details.explain summary::-webkit-details-marker{display:none;}
.pg-report details.explain summary:before{content:"？";display:inline-block;width:17px;height:17px;border-radius:2px;background:#d8b96a;color:#5c4708;text-align:center;line-height:17px;font-size:14px;margin-right:7px;}
.pg-report details.explain summary:hover{background:#f3ecd9;}
.pg-report details.explain .exbody{padding:4px 18px 14px 41px;font-size:17px;color:#453f31;line-height:1.9;}
.pg-report details.explain .exbody b{color:#211c14;}
.pg-report .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px;align-items:center;}
.pg-report a{text-decoration:none;}
/* ---- 排盘过渡遮罩 (太极旋转; taijiSpin 与起卦页共享) ---- */
.pg-report .rptwrap{position:relative;}
.pg-report .taiji{position:relative;width:var(--tj,150px);height:var(--tj,150px);border-radius:50%;
  background:linear-gradient(90deg,#fbf7ec 50%,#211c14 50%);
  border:2px solid #a8873f;box-shadow:0 3px 14px rgba(60,45,20,.22);}
.pg-report .taiji::before,.pg-report .taiji::after{content:"";position:absolute;left:50%;width:calc(var(--tj,150px)/2);height:calc(var(--tj,150px)/2);border-radius:50%;transform:translateX(-50%);}
.pg-report .taiji::before{top:0;background:radial-gradient(circle closest-side,#fbf7ec 0 33%,#211c14 33% 100%);}
.pg-report .taiji::after{bottom:0;background:radial-gradient(circle closest-side,#211c14 0 33%,#fbf7ec 33% 100%);}
.pg-report .rmask{position:absolute;inset:0;background:#f0e9d6;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:4vh;gap:20px;transition:opacity .3s ease;}
.pg-report .rmask.out{opacity:0;pointer-events:none;}
.pg-report .rmask .taiji{--tj:clamp(120px,20vw,168px);animation:taijiSpin var(--taiji-dur,4.8s) linear both;will-change:transform;}
.pg-report .rmask .bstrip{margin:0;font-size:17px;opacity:.75;display:flex;gap:12px;letter-spacing:0;}
.pg-report .rmask .bstrip b{font-weight:normal;color:#453f31;}
.pg-report .rmask .dstatus{font-size:18px;color:#453f31;letter-spacing:3px;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;transition:opacity .25s ease;}
.pg-report .rmask .dstatus .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#a83226;margin-right:8px;vertical-align:2px;animation:dotPulse 1.2s ease-in-out infinite;}
@keyframes dotPulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.35;transform:scale(.72);}}
@media (max-width:768px){
  .pg-report .grid,.pg-report .grid2{grid-template-columns:repeat(2,1fr);gap:10px;}
  .pg-report .bighanzi{font-size:26px;}
  .pg-report .score{font-size:36px;}
  .pg-report .scorebox{gap:14px;}
  .pg-report .pcol{min-width:84px;}
  .pg-report .kv{gap:8px 16px;}
  .pg-report details.explain .exbody{padding:4px 14px 12px 14px;}
  .pg-report .actions .btn,.pg-report .actions .btn2{flex:1;min-width:120px;text-align:center;}
  /* 排盘动画: 贴近页面顶部 (与起卦页一致) */
  .pg-report .rmask{padding-top:2vh;gap:14px;}
  .pg-report .rmask .taiji{--tj:clamp(110px,26vw,148px);}
  .pg-report .rmask .dstatus{font-size:17px;letter-spacing:2px;}
}
/* 无障碍: 减少动态偏好 -> 直接呈现报表 */
@media (prefers-reduced-motion: reduce){
  .pg-report .rmask .taiji{animation:none;}
  .pg-report .rmask .dstatus .dot{animation:none;}
}
/* ---- 基础版/专业版 模式切换 ---- */
.pg-report .modebar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#fbf7ec;border:1px solid #c9b98e;border-radius:3px;box-shadow:inset 0 0 0 2px #fbf7ec,inset 0 0 0 3px #d9cbaa;padding:10px 16px;margin-bottom:14px;}
.pg-report .modebar .mlab{font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;font-size:17px;letter-spacing:2px;color:#211c14;font-weight:bold;}
.pg-report .modeswitch{display:inline-flex;border:1px solid #a83226;border-radius:3px;overflow:hidden;}
.pg-report .mode-btn{border:none;background:#f3ecd9;color:#453f31;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;font-size:18px;letter-spacing:2px;padding:7px 18px;cursor:pointer;transition:background .2s,color .2s;}
.pg-report .mode-btn.on{background:#a83226;color:#f7f1df;font-weight:bold;}
.pg-report .mode-btn:focus-visible{outline:2px solid #a8873f;outline-offset:-2px;}
.pg-report .modebar .mhint{font-size:14px;color:#6e6452;}
/* 专业面板/专业元素: 基础版隐藏, .pro 模式显示 */
.pg-report .rptwrap:not(.pro) .p-pro{display:none;}
.pg-report .rptwrap:not(.pro) .proonly{display:none;}
/* ---- 命盘卡 (图形化竖式排盘) ---- */
.pg-report .pillarcards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:14px;}
.pg-report .pcard{background:linear-gradient(180deg,#fbf7ec,#f3ecd9);border:1px solid #d9cbaa;border-radius:4px;box-shadow:inset 0 0 0 3px #fbf7ec,inset 0 0 0 4px #e2d6b4;text-align:center;padding:12px 8px 10px;position:relative;}
.pg-report .pcard .pc-tag{font-size:14px;color:#6e6452;letter-spacing:1px;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;}
.pg-report .pcard .pc-ss{margin:2px 0 6px;font-size:17px;color:#453f31;min-height:18px;}
.pg-report .pcard .pc-gan,.pg-report .pcard .pc-zhi{width:62px;height:62px;margin:0 auto;display:flex;align-items:center;justify-content:center;border:1px solid #cfc0a0;border-radius:4px;background:#fffdf6;font-size:34px;font-weight:bold;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;line-height:1;}
.pg-report .pcard .pc-zhi{margin-top:6px;}
.pg-report .pcard .pc-meta{margin-top:8px;font-size:14.5px;color:#453f31;line-height:1.9;}
.pg-report .pcard .pc-kw{position:absolute;top:8px;right:8px;}
.pg-report .pcard.dm .pc-gan{border-color:#a83226;box-shadow:0 0 0 2px rgba(168,50,38,.15);}
/* 四柱手机端恒一排4列: 压缩字号/干支方格/间距, meta 各行居中紧凑不溢出 */
@media (max-width:768px){
  .pg-report .pillarcards{grid-template-columns:repeat(4,1fr);gap:4px;padding:8px 4px;}
  .pg-report .pcard{padding:6px 1px 6px;min-width:0;}
  .pg-report .pcard .pc-tag{font-size:10px;letter-spacing:0;white-space:nowrap;}
  .pg-report .pcard .pc-ss{font-size:11px;margin:1px 0 3px;min-height:13px;}
  .pg-report .pcard .pc-gan,.pg-report .pcard .pc-zhi{width:34px;height:34px;font-size:20px;border-radius:3px;}
  .pg-report .pcard .pc-zhi{margin-top:3px;}
  .pg-report .pcard .pc-meta{margin-top:4px;font-size:9.5px;line-height:1.75;}
}
/* ---- 五行环形图 + 图例 ---- */
.pg-report .wxchart{display:flex;align-items:center;gap:26px;flex-wrap:wrap;padding:14px;}
.pg-report .wxchart svg.donut{flex-shrink:0;filter:drop-shadow(0 1px 3px rgba(60,45,20,.18));}
.pg-report .wxlegend{flex:1;min-width:220px;}
.pg-report .wxlegend .lgrow{display:flex;align-items:center;gap:10px;font-size:17px;color:#453f31;margin-bottom:8px;}
.pg-report .wxlegend .lgdot{width:12px;height:12px;border-radius:2px;flex-shrink:0;}
.pg-report .wxlegend .lgname{width:76px;font-weight:bold;}
.pg-report .wxlegend .lgbar{flex:1;height:8px;background:#ece5d2;border-radius:2px;overflow:hidden;}
.pg-report .wxlegend .lgbar i{display:block;height:100%;border-radius:2px;}
.pg-report .wxlegend .lgcnt{width:38px;text-align:right;}
.pg-report .wxlegend .favor{color:#8a6116;font-size:14px;font-weight:bold;}
/* ---- 面板折叠 (点击标题收起/展开) ---- */
.pg-report .panel > h2{cursor:pointer;user-select:none;}
.pg-report .panel > h2::after{content:"▾";float:right;color:#a8873f;font-size:17px;transition:transform .25s;margin-left:8px;}
.pg-report .panel.collapsed > h2::after{transform:rotate(-90deg);}
.pg-report .panel.collapsed .pbody,.pg-report .panel.collapsed table,.pg-report .panel.collapsed details,.pg-report .panel.collapsed .footnote,.pg-report .panel.collapsed .pillarcards,.pg-report .panel.collapsed .wxchart{display:none;}
/* ---- 古籍引文卡 ---- */
.pg-report .casequote{border:1px solid #d9cbaa;border-left:4px solid #a83226;border-radius:3px;background:linear-gradient(135deg,#fbf7ec,#f6f0dd);padding:12px 16px;margin-bottom:12px;}
.pg-report .casequote .cq-src{font-size:14px;color:#8a6116;letter-spacing:1px;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;margin-bottom:6px;}
.pg-report .casequote .cq-txt{font-size:17px;color:#211c14;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:1px;line-height:1.9;}
.pg-report .casequote .cq-note{font-size:14px;color:#453f31;margin-top:6px;line-height:1.8;}
/* ---- 表单高级参数折叠 ---- */
.pg-report details.advparams{margin-top:12px;border:1px dashed #cfc0a0;border-radius:3px;padding:0 12px;background:#fbf7ec;}
.pg-report details.advparams summary{cursor:pointer;padding:10px 2px;font-size:17px;color:#453f31;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:1px;user-select:none;}
.pg-report details.advparams summary:hover{color:#a83226;}
.pg-report details.advparams[open] summary{border-bottom:1px dashed #e2d6b4;margin-bottom:12px;}
/* 打印: 隐藏模式切换条 (内容面板由 JS beforeprint 自动展开) */
@media print{ .pg-report .modebar{display:none !important;} }

/* ============================================================
   文章页 (.pg-articles) — 列表/检索/分类 + 详情 (共享区块)
   ============================================================ */
/* 全站文章页链接统一去下划线 (上下篇/取消限定等无类链接一并覆盖) */
.pg-articles a{text-decoration:none;}
/* ---- 统计条 ---- */
.pg-articles .astats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:4px 0 6px;}
.pg-articles .astat{background:#fffdf6;border:1px solid #d9cbaa;border-radius:3px;padding:12px 6px;text-align:center;}
.pg-articles .astat b{display:block;font-size:26px;color:#a83226;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;}
.pg-articles .astat span{font-size:14.5px;color:#6e6452;letter-spacing:1px;}
/* 我的阅读 (登录后): 统计条 + 已读徽标 */
.pg-articles .mystats{background:rgba(168,135,63,.08);border-left:3px solid #a8873f;border-radius:0 3px 3px 0;padding:10px 14px;font-size:15.5px;color:#453f31;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:1px;margin:0 0 14px;}
.pg-articles .mystats b{color:#8f281e;font-size:17px;}
.pg-articles .mystats .ms-sep{color:#a8873f;margin:0 8px;}
.pg-articles .mystats .ms-pct{display:inline-block;margin-left:10px;color:#4a6741;font-size:14.5px;}
.pg-articles .badge.b-read{background:#eef3e2;color:#4a6741;border:1px solid #c2d3a4;}
.pg-articles .rl-read{color:#4a6741;}
/* ---- 区块标题 (列表/详情共享) ---- */
.pg-articles .secline{font-size:16.5px;color:#453f31;margin:22px 0 10px;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:2px;border-left:3px solid #a8873f;padding-left:9px;}
/* ---- 分类导览卡 ---- */
.pg-articles .catgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;}
.pg-articles .catcard{background:#fffdf6;border:1px solid #d9cbaa;border-radius:3px;padding:14px 16px;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:9px;transition:border-color .15s,box-shadow .15s,transform .15s;}
.pg-articles .catcard:hover{border-color:#a8873f;box-shadow:0 3px 10px rgba(60,45,20,.14);transform:translateY(-2px);}
.pg-articles .cc-top{display:flex;align-items:center;gap:9px;}
.pg-articles .cc-num{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:2px;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;font-size:17px;}
.pg-articles .cc-top b{font-size:18px;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:2px;color:#211c14;}
.pg-articles .cc-desc{font-size:14.5px;color:#453f31;line-height:1.85;margin:0;flex:1;}
.pg-articles .cc-foot{display:flex;justify-content:space-between;align-items:center;font-size:14.5px;color:#6e6452;border-top:1px dashed #e8dfc8;padding-top:8px;}
.pg-articles .cc-go{color:#8f281e;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:1px;}
/* ---- 排行列表 ---- */
.pg-articles .twocol{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.pg-articles .ranklist{margin:0;padding:0;list-style:none;counter-reset:rk;}
.pg-articles .ranklist li{display:flex;align-items:center;gap:10px;padding:8px 2px;border-bottom:1px dashed #e8dfc8;}
.pg-articles .ranklist li:before{counter-increment:rk;content:counter(rk);display:inline-flex;width:20px;height:20px;border-radius:50%;background:#f3ecd9;color:#8a6116;font-size:14px;align-items:center;justify-content:center;flex-shrink:0;}
.pg-articles .ranklist li:nth-child(1):before{background:#a83226;color:#f7f1df;}
.pg-articles .ranklist li:nth-child(2):before{background:#b3541e;color:#f7f1df;}
.pg-articles .ranklist li:nth-child(3):before{background:#a8873f;color:#f7f1df;}
.pg-articles .ranklist a{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#211c14;text-decoration:none;font-size:15.5px;}
.pg-articles .ranklist a:hover{color:#a83226;}
.pg-articles .rl-meta{font-size:14px;color:#6e6452;white-space:nowrap;}
/* ---- 分类快速切换条 ---- */
.pg-articles .cattabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px;}
.pg-articles .cattabs .ct{display:inline-block;padding:5px 13px;border:1px solid #d9cbaa;border-radius:2px;background:#fbf7ec;color:#453f31;font-size:14px;text-decoration:none;letter-spacing:1px;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;}
.pg-articles .cattabs .ct:hover{border-color:#a8873f;background:#f3ecd9;}
.pg-articles .cattabs .ct.on{background:#a83226;color:#f7f1df;border-color:#a83226;font-weight:bold;}
.pg-articles .cattabs .ct em{font-style:normal;font-size:13.5px;opacity:.75;margin-left:3px;}
/* ---- 分类头 ---- */
.pg-articles .cathead{background:#f7f1df;border:1px solid #d9cbaa;border-radius:3px;padding:12px 16px;margin-bottom:12px;}
.pg-articles .ch-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.pg-articles .ch-desc{margin:9px 0 0;font-size:17px;color:#453f31;line-height:1.9;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;}
/* ---- 检索框/排序 ---- */
.pg-articles .artsearch{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px;}
.pg-articles .artsearch input{flex:1;min-width:180px;}
.pg-articles .sortbar{display:flex;align-items:center;gap:7px;margin:0 0 14px;font-size:14.5px;color:#6e6452;flex-wrap:wrap;}
.pg-articles .sortbar a{padding:4px 13px;border:1px solid #d9cbaa;border-radius:2px;text-decoration:none;color:#453f31;font-size:14px;letter-spacing:1px;}
.pg-articles .sortbar a:hover{border-color:#a8873f;background:#f3ecd9;}
.pg-articles .sortbar a.on{background:#a83226;color:#f7f1df;border-color:#a83226;}
/* ---- 文章卡片 ---- */
.pg-articles .artgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;}
.pg-articles .artcard{background:#fffdf6;border:1px solid #d9cbaa;border-radius:3px;padding:16px 18px;display:flex;flex-direction:column;gap:8px;transition:border-color .15s,box-shadow .15s;}
.pg-articles .artcard:hover{border-color:#a8873f;box-shadow:0 2px 8px rgba(60,45,20,.12);}
.pg-articles .artcard .at{font-size:18.5px;font-weight:bold;color:#211c14;text-decoration:none;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:1px;line-height:1.4;}
.pg-articles .artcard .at:hover{color:#a83226;}
.pg-articles .artcard .as{font-size:14.5px;color:#453f31;line-height:1.85;flex:1;text-decoration:none;transition:color .15s;}
.pg-articles .artcard .as:hover{color:#a83226;}
.pg-articles .artcard .am{display:flex;align-items:center;gap:8px;font-size:14px;color:#6e6452;flex-wrap:wrap;}
.pg-articles .artcard .am a{margin-left:auto;}
.pg-articles .artcard .rdbtn{font-size:14px;padding:0 10px;border-radius:3px;line-height:1.7;display:inline-flex;align-items:center;min-height:28px;height:28px;box-sizing:border-box;}
/* 已读文章: 阅读按钮深色背景表达已读 */
.pg-articles .artcard .rdbtn.rd-read{background:#4a6741;border-color:#4a6741;color:#fbf7ec;}
.pg-articles .artcard .rdbtn.rd-read:hover{background:#3d5c36;border-color:#3d5c36;color:#fbf7ec;}
/* ---- 分类徽章 (列表/详情共享) ---- */
.pg-articles .catbadge{display:inline-flex;align-items:center;font-size:14px;padding:0 8px;border-radius:3px;white-space:nowrap;line-height:1.7;min-height:28px;height:28px;box-sizing:border-box;}
.pg-articles .cb1{background:#eef3e2;color:#4a6741;} .pg-articles .cb2{background:#f9e8e4;color:#8f281e;}
.pg-articles .cb3{background:#f7ecd8;color:#8a6116;} .pg-articles .cb4{background:#e3ebf0;color:#33526b;}
.pg-articles .cb5{background:#f3ecd9;color:#453f31;} .pg-articles .cb6{background:#ece5d2;color:#6e6250;}
.pg-articles .cb7{background:#e8e2f0;color:#5a4a8c;} .pg-articles .cb8{background:#e2f0ea;color:#3d6b57;}
/* ---- 检索高亮 ---- */
.pg-articles mark.hl{background:#f3e0b8;color:#8f281e;padding:0 2px;border-radius:2px;}
/* ---- 空态/分页 ---- */
.pg-articles .emptybox{text-align:center;color:#6e6452;padding:44px 0;line-height:2.2;}
.pg-articles .pager{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-top:18px;}
/* 跳页输入框与按钮高度统一 */
.pg-articles .pager .gopage input,
.pg-articles .pager .gopage .btn2,
.pg-articles .pager a.pbtn{height:30px;min-height:30px;line-height:1;box-sizing:border-box;}
.pg-articles .pager a.pbtn{display:inline-flex;align-items:center;font-size:14px;padding:0 12px;border-radius:3px;}
.pg-articles .pager .gopage input{width:64px;padding:0 6px;font-size:14px;border:1px solid #d9cbaa;border-radius:3px;color:#453f31;}
.pg-articles .pager .gopage .btn2{font-size:14px;padding:0 12px;display:inline-flex;align-items:center;border-radius:3px;}
.pg-articles .pager .gopage .btn2:hover{background:#f3ecd9;border-color:#a8873f;}
/* 工具区尺寸统一: 检索框/检索按钮/返回总览 与分页一致 30px */
.pg-articles .artsearch input,
.pg-articles .artsearch .btn2,
.pg-articles .cathead .ch-row a.btn2{height:30px;min-height:30px;line-height:1;box-sizing:border-box;}
.pg-articles .artsearch input{width:240px;max-width:70%;padding:0 10px;font-size:14px;border:1px solid #d9cbaa;border-radius:3px;color:#453f31;}
.pg-articles .artsearch .btn2,
.pg-articles .cathead .ch-row a.btn2{display:inline-flex;align-items:center;font-size:14px;padding:0 14px;border-radius:3px;}
/* ---- 文章详情 ---- */
.pg-articles .art-head{text-align:center;padding:10px 0 6px;}
.pg-articles .art-head h1{font-size:28px;margin:0 0 10px;color:#211c14;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:2px;line-height:1.4;}
.pg-articles .art-meta{font-size:17px;color:#6e6452;display:flex;justify-content:center;gap:14px;flex-wrap:wrap;align-items:center;}
.pg-articles .art-sum{background:#f3ecd9;border:1px solid #d9cbaa;border-left:3px solid #a8873f;border-radius:3px;padding:12px 16px;margin:18px 0;font-size:16.5px;color:#453f31;line-height:2;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;}
.pg-articles .art-body{font-size:19px;color:#3a352c;line-height:2.15;letter-spacing:.6px;text-align:justify;}
.pg-articles .art-body p{margin:0 0 20px;text-indent:2em;}
.pg-articles .art-wall{margin:18px 0;padding:30px 22px;text-align:center;background:#fdf4ec;border:1px solid #e0c9a8;border-radius:4px;}
.pg-articles .art-wall .aw-ico{font-size:36px;line-height:1;margin-bottom:10px;}
.pg-articles .art-wall h3{margin:0 0 10px;font-size:20px;color:#8f281e;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:2px;}
.pg-articles .art-wall p{margin:0 auto 14px;max-width:560px;font-size:14.5px;line-height:2;color:#453f31;}
.pg-articles .art-wall .aw-cta{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:16px 0 4px;}
.pg-articles .art-nav{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:22px;padding-top:16px;border-top:1px dashed #d9cbaa;}
.pg-articles .art-nav a{font-size:18px;max-width:44%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/* ---- 相关推荐 ---- */
.pg-articles .relgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;}
.pg-articles .relcard{display:flex;flex-direction:column;gap:4px;background:#fffdf6;border:1px solid #d9cbaa;border-radius:3px;padding:10px 12px;text-decoration:none;transition:border-color .15s,box-shadow .15s;}
.pg-articles .relcard:hover{border-color:#a8873f;box-shadow:0 2px 6px rgba(60,45,20,.1);}
.pg-articles .rc-code{font-size:13.5px;color:#a8873f;letter-spacing:1px;}
.pg-articles .rc-title{font-size:17px;color:#211c14;line-height:1.55;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;}
@media (max-width:768px){
  .pg-articles .astats{grid-template-columns:repeat(2,1fr);}
  .pg-articles .twocol{grid-template-columns:1fr;gap:8px;}
  .pg-articles .artgrid{grid-template-columns:1fr;}
  .pg-articles .artcard .at{font-size:17.5px;}
  .pg-articles .art-head h1{font-size:24px;}
  .pg-articles .art-body{font-size:18.5px;line-height:2.1;}
  .pg-articles .art-nav a{max-width:100%;}
}

/* ============================================================
   入门/向导 (.pg-guide) — 入门科普 + 分步向导 (共用导航位)
   ============================================================ */
.pg-guide .hero{background:#211c14;background-image:repeating-linear-gradient(90deg,rgba(200,174,106,.05) 0,rgba(200,174,106,.05) 1px,transparent 1px,transparent 6px);color:#efe6cf;border-radius:3px;border:1px solid #c9b98e;box-shadow:inset 0 0 0 2px #211c14,inset 0 0 0 3px #a8873f;padding:34px 30px;margin-bottom:18px;}
.pg-guide .hero h1{margin:0 0 10px;font-size:27px;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:2px;}
.pg-guide .hero p{margin:0;color:#8a8170;font-size:18px;line-height:1.9;}
.pg-guide .hero .cta{margin-top:18px;display:flex;gap:12px;flex-wrap:wrap;}
.pg-guide .hero .cta a{border-radius:3px;padding:11px 28px;font-size:17px;text-decoration:none;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:2px;}
.pg-guide .cta-main{background:#a83226;color:#f7f1df !important;font-weight:bold;}
.pg-guide .cta-main:hover{background:#8f281e;}
.pg-guide .cta-sub{border:1px solid #a8873f;color:#efe6cf !important;}
.pg-guide .cta-sub:hover{background:rgba(200,174,106,.12);}
.pg-guide .gpanel{background:#fbf7ec;border:1px solid #c9b98e;border-radius:3px;box-shadow:inset 0 0 0 2px #fbf7ec,inset 0 0 0 3px #d9cbaa;margin-bottom:18px;overflow:hidden;}
.pg-guide .gpanel h2{font-size:18px;margin:0;padding:12px 18px;background:#f3ecd9;border-bottom:1px solid #d9cbaa;color:#211c14;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:1px;}
.pg-guide .gpanel h2:before{content:"";display:inline-block;width:8px;height:8px;background:#a83226;margin-right:9px;}
.pg-guide .gpanel h2 .en{font-size:14px;color:#6e6452;font-weight:normal;margin-left:6px;letter-spacing:0;font-family:Arial,sans-serif;}
.pg-guide .gbody{padding:16px 18px;font-size:18px;line-height:1.9;color:#453f31;}
.pg-guide .gbody b{color:#211c14;}
.pg-guide .flow3{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;}
.pg-guide .flow3 .f{background:#f6f0dd;border:1px solid #d9cbaa;border-radius:3px;padding:14px;}
.pg-guide .flow3 .n{display:inline-block;width:24px;height:24px;border-radius:2px;background:#a83226;color:#f7f1df;text-align:center;line-height:24px;font-size:17px;margin-bottom:6px;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;}
.pg-guide .flow3 .t{font-weight:bold;color:#211c14;margin-bottom:4px;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:1px;}
.pg-guide .flow3 .d{font-size:14.5px;color:#453f31;line-height:1.7;}
.pg-guide .pillar-demo{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0;}
.pg-guide .pillar-demo .p{background:#f6f0dd;border:1px solid #d9cbaa;border-radius:3px;padding:10px 16px;text-align:center;min-width:92px;}
.pg-guide .pillar-demo .lab{font-size:14px;color:#6e6452;margin-bottom:4px;}
.pg-guide .pillar-demo .gz{font-size:22px;font-weight:bold;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;color:#211c14;}
.pg-guide .pillar-demo .who{font-size:14px;color:#33526b;margin-top:4px;}
.pg-guide .wxchips{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0;}
.pg-guide .wxchips .w{border-radius:3px;padding:8px 18px;color:#fff;font-weight:bold;}
.pg-guide .wx0{background:#43a047;} .pg-guide .wx1{background:#e53935;} .pg-guide .wx2{background:#8d6e63;} .pg-guide .wx3{background:#c8a415;} .pg-guide .wx4{background:#33526b;}
.pg-guide .skl{display:inline-block;margin:4px 6px 4px 0;background:#f0e9d6;border-radius:3px;padding:5px 12px;font-size:14.5px;color:#453f31;}
.pg-guide .check{list-style:none;padding:0;margin:0;}
.pg-guide .check li{padding:7px 0 7px 30px;position:relative;border-bottom:1px dashed #e8dfc8;font-size:15.5px;}
.pg-guide .check li:before{content:"✓";position:absolute;left:4px;top:6px;width:20px;height:20px;border-radius:2px;background:#eef3e2;color:#4a6741;text-align:center;line-height:20px;font-size:14px;}
.pg-guide .check li b{color:#211c14;}
.pg-guide .faq dt{font-weight:bold;color:#211c14;margin-top:14px;font-size:15.5px;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:1px;}
.pg-guide .faq dt:first-child{margin-top:0;}
.pg-guide .faq dd{margin:4px 0 0;font-size:17px;color:#453f31;line-height:1.8;}
.pg-guide .nextbar{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px;}
.pg-guide .nextbar a{border-radius:3px;padding:11px 28px;font-size:17px;text-decoration:none;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:2px;}
/* 底部 nextbar 位于浅色面板上, 次按钮须用深色文字(cta-sub 默认浅米白专为深色 hero 设计) */
.pg-guide .nextbar .cta-sub{background:#fffdf6;color:#8a6116 !important;border-color:#a8873f;font-weight:bold;}
.pg-guide .nextbar .cta-sub:hover{background:#f3ecd9;border-color:#8a6116;color:#8f281e !important;}
@media (max-width:768px){
  .pg-guide .hero{padding:22px 16px;border-radius:10px;}
  .pg-guide .hero h1{font-size:21px;}
  .pg-guide .hero p{font-size:17px;}
  .pg-guide .hero .cta a{flex:1;text-align:center;padding:12px 18px;}
  .pg-guide .gbody{padding:14px 12px;font-size:15.5px;}
  .pg-guide .pillar-demo .p{min-width:78px;padding:8px 12px;}
  .pg-guide .pillar-demo .gz{font-size:19px;}
  .pg-guide .nextbar a{flex:1;text-align:center;padding:12px 18px;}
  .pg-guide .flow3{grid-template-columns:1fr;}
}
/* ---- 分步向导 (wizard, 与入门共用 pg-guide 页类) ---- */
.pg-guide .wprog{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap;}
.pg-guide .wprog .pdot{flex:1;min-width:90px;text-align:center;font-size:14.5px;color:#6e6452;padding-top:6px;border-top:3px solid #e8dfc8;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:1px;}
.pg-guide .wprog .pdot.on{color:#a83226;border-top-color:#a83226;font-weight:bold;}
.pg-guide .wprog .pdot.done{color:#4a6741;border-top-color:#a3b98a;}
.pg-guide .wstep{display:none;}
.pg-guide .wstep.show{display:block;}
.pg-guide .qtitle{font-size:22px;font-weight:bold;color:#211c14;margin-bottom:4px;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:2px;}
.pg-guide .qsub{font-size:17px;color:#6e6452;margin-bottom:18px;line-height:1.7;}
.pg-guide .optgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;}
.pg-guide .opt{border:2px solid #d9cbaa;border-radius:3px;padding:14px 16px;cursor:pointer;transition:all .15s;background:#fffdf6;font:inherit;text-align:left;width:100%;display:block;}
.pg-guide .opt:hover{border-color:#d8b96a;background:#f6f0dd;}
.pg-guide .opt.sel{border-color:#a83226;background:#f3e4d5;}
.pg-guide .opt .ot{display:block;font-weight:bold;color:#211c14;font-size:18px;}
.pg-guide .opt .od{display:block;font-size:14px;color:#6e6452;margin-top:4px;line-height:1.6;}
.pg-guide .frow{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin-bottom:14px;}
.pg-guide .wbtns{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap;}
.pg-guide .radio-line{display:flex;gap:18px;flex-wrap:wrap;font-size:18px;color:#453f31;margin-bottom:12px;}
.pg-guide .radio-line label{display:flex;align-items:center;gap:6px;cursor:pointer;}
.pg-guide .coinline{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0;}
.pg-guide .coinbox{background:#f7ecd8;border:1px solid #d8b96a;border-radius:3px;padding:10px 14px;text-align:center;min-width:70px;}
.pg-guide .coinbox .cn{font-size:14px;color:#8a6116;}
.pg-guide .coinbox .cv{font-size:24px;font-weight:bold;color:#b3541e;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;}
.pg-guide .sumline{font-size:18px;color:#453f31;padding:8px 0;border-bottom:1px dashed #e8dfc8;}
.pg-guide .sumline b{color:#211c14;}
.pg-guide .warnbox{background:#f9e8e4;border:1px solid #e0b8ae;border-radius:3px;padding:10px 14px;font-size:17px;color:#8f281e;margin-top:10px;line-height:1.7;}
@media (max-width:768px){
  .pg-guide .wprog .pdot{min-width:0;flex:1;font-size:13.5px;padding-top:5px;}
  .pg-guide .qtitle{font-size:19px;}
  .pg-guide .optgrid{grid-template-columns:1fr;}
  .pg-guide .frow{grid-template-columns:repeat(2,1fr);gap:10px;}
  .pg-guide .wbtns .btn{flex:1;min-width:130px;}
  .pg-guide .coinline .coinbox{min-width:60px;}
}

/* ============================================================
   日志页 (.pg-logs) — 东方美学主题 (宣纸/朱砂/赤金/黛青)
   设计令牌 → 组件样式 → 响应式 → 动效偏好 → 打印
   ============================================================ */
.pg-logs{
  --lp-ink:#211c14; --lp-ink2:#453f31; --lp-ink3:#6e6452;
  --lp-paper:#fbf7ec; --lp-paper2:#f3ecd9; --lp-paper3:#fffdf6;
  --lp-zhu:#a83226; --lp-zhu-d:#8f281e; --lp-jin:#a8873f; --lp-jin-d:#8a6116; --lp-dai:#33526b;
  --lp-line:#c9b98e; --lp-line2:#e8dfc8;
  --lp-ok-bg:#eef3e2; --lp-ok-tx:#3f5c37; --lp-ok-bd:#c2d3a4;
  --lp-warn-bg:#f7ecd8; --lp-warn-tx:#7a5410; --lp-warn-bd:#d8b96a;
  --lp-err-bg:#f9e8e4; --lp-err-tx:#8f281e; --lp-err-bd:#e0b8ae;
  --lp-info-bg:#e3ebf0; --lp-info-tx:#2c4a63; --lp-info-bd:#b8ccd8;
  --lp-sh-sm:0 1px 3px rgba(60,45,20,.08);
  --lp-sh-md:0 4px 14px rgba(60,45,20,.14);
  --lp-sh-lg:0 12px 36px rgba(46,42,36,.30);
  --lp-r:4px;
  --lp-tr:.22s cubic-bezier(.4,0,.2,1);
}
/* ---- 统计卡片: 层级=图标+数字+标签, 点击即筛选 ---- */
.pg-logs .lstat{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:10px;margin:12px 0 16px;}
.pg-logs .scard{position:relative;display:flex;align-items:center;gap:12px;padding:13px 15px;background:var(--lp-paper3);
  border:1px solid var(--lp-line2);border-radius:var(--lp-r);cursor:pointer;font-family:inherit;text-align:left;
  box-shadow:var(--lp-sh-sm);overflow:hidden;transition:transform var(--lp-tr),box-shadow var(--lp-tr),border-color var(--lp-tr);}
.pg-logs .scard::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--sc,#c9b98e);}
.pg-logs .scard:hover{transform:translateY(-2px);box-shadow:var(--lp-sh-md);border-color:var(--sc,#a8873f);}
.pg-logs .scard:focus-visible{outline:2px solid var(--lp-zhu);outline-offset:2px;}
.pg-logs .scard.on{border-color:var(--sc);box-shadow:inset 0 0 0 1px var(--sc),var(--lp-sh-sm);}
.pg-logs .scard .sc-ico{width:38px;height:38px;flex-shrink:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  background:var(--scbg,#ece5d2);color:var(--sctx,#453f31);border:1px solid var(--scbd,#d9cbaa);}
.pg-logs .scard .sc-num{font-size:25px;font-weight:bold;color:var(--lp-ink);line-height:1;font-variant-numeric:tabular-nums;display:block;}
.pg-logs .scard .sc-lbl{font-size:14.5px;color:var(--lp-ink2);font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:1px;display:block;margin-top:4px;}
.pg-logs .scard .sc-hint{position:absolute;right:10px;bottom:8px;font-size:13.5px;color:var(--lp-ink3);opacity:0;transition:opacity var(--lp-tr);}
.pg-logs .scard:hover .sc-hint{opacity:.9;}
.pg-logs .sc-info{--sc:#7d9db5;--scbg:var(--lp-info-bg);--sctx:var(--lp-info-tx);--scbd:var(--lp-info-bd);}
.pg-logs .sc-warn{--sc:#c49a3a;--scbg:var(--lp-warn-bg);--sctx:var(--lp-warn-tx);--scbd:var(--lp-warn-bd);}
.pg-logs .sc-err{--sc:#c96a5a;--scbg:var(--lp-err-bg);--sctx:var(--lp-err-tx);--scbd:var(--lp-err-bd);}
.pg-logs .sc-total{--sc:#a8873f;--scbg:#f3ecd9;--sctx:var(--lp-jin-d);--scbd:var(--lp-line2);cursor:default;}
.pg-logs .sc-total:hover{transform:none;box-shadow:var(--lp-sh-sm);border-color:var(--lp-line2);}
/* ---- 筛选面板: 栅格自适应 ---- */
.pg-logs .lfilters{display:grid;grid-template-columns:repeat(auto-fit,minmax(158px,1fr));gap:10px 12px;align-items:end;}
.pg-logs .lfilters .fi{display:flex;flex-direction:column;gap:4px;min-width:0;}
.pg-logs .lfilters label{margin:0;font-size:14.5px;color:var(--lp-ink2);font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:1px;}
.pg-logs .lfilters input,.pg-logs .lfilters select{padding:8px 10px;border:1px solid #cfc0a0;border-radius:3px;font-size:17px;
  background:var(--lp-paper3);color:var(--lp-ink);width:100%;transition:border-color var(--lp-tr),box-shadow var(--lp-tr);}
.pg-logs .lfilters input:hover,.pg-logs .lfilters select:hover{border-color:#8a8170;}
.pg-logs .lfilters input:focus,.pg-logs .lfilters select:focus{outline:none;border-color:var(--lp-zhu);box-shadow:0 0 0 2px rgba(168,50,38,.12);}
.pg-logs .lfilters input[type=datetime-local]{font-size:14px;font-family:Consolas,"Courier New",monospace;}
.pg-logs .lfilters .fbtns{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap;margin-top:2px;}
.pg-logs .lbtn{border:none;border-radius:3px;cursor:pointer;font-size:18px;padding:10px 24px;background:var(--lp-zhu);color:#f7f1df;
  font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:2px;box-shadow:inset 0 0 0 1px rgba(247,241,223,.25);min-height:38px;
  transition:background var(--lp-tr),transform .12s ease;}
.pg-logs .lbtn:hover{background:var(--lp-zhu-d);}
.pg-logs .lbtn:active{transform:scale(.97);}
.pg-logs .lbtn:focus-visible,.pg-logs .lbtn2:focus-visible{outline:2px solid var(--lp-jin);outline-offset:2px;}
.pg-logs .lbtn2{background:var(--lp-paper);color:var(--lp-ink2);border:1px solid var(--lp-line);font-size:17px;padding:9px 18px;
  border-radius:3px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;
  font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:1px;min-height:38px;transition:background var(--lp-tr),border-color var(--lp-tr);}
.pg-logs .lbtn2:hover{background:var(--lp-paper2);border-color:var(--lp-jin);}
/* ---- 徽章: 单行不换行, AA 对比度 ---- */
.pg-logs .sevb,.pg-logs .rstb,.pg-logs .mbadge{display:inline-flex;align-items:center;font-size:14px;padding:2px 9px;border-radius:2px;
  white-space:nowrap;letter-spacing:1px;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;line-height:1.7;}
.pg-logs .sevb::before,.pg-logs .rstb::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:5px;opacity:.85;}
.pg-logs .sev0{background:var(--lp-info-bg);color:var(--lp-info-tx);border:1px solid var(--lp-info-bd);}
.pg-logs .sev1{background:var(--lp-warn-bg);color:var(--lp-warn-tx);border:1px solid var(--lp-warn-bd);}
.pg-logs .sev2{background:var(--lp-err-bg);color:var(--lp-err-tx);border:1px solid var(--lp-err-bd);}
.pg-logs .rst1{background:var(--lp-ok-bg);color:var(--lp-ok-tx);border:1px solid var(--lp-ok-bd);}
.pg-logs .rst0{background:var(--lp-err-bg);color:var(--lp-err-tx);border:1px solid var(--lp-err-bd);}
.pg-logs .rstn{background:#ece5d2;color:var(--lp-ink3);border:1px solid var(--lp-line2);}
.pg-logs .mbadge{background:var(--lp-paper2);color:var(--lp-ink2);border:1px solid var(--lp-line2);}
/* ---- 日志表格: 概览模式 (桌面) ---- */
.pg-logs .ltable{width:100%;border-collapse:collapse;}
.pg-logs .ltable th{background:var(--lp-paper2);color:var(--lp-ink2);font-size:14px;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;
  letter-spacing:1px;padding:9px 10px;border-bottom:1px solid var(--lp-line);text-align:left;white-space:nowrap;}
.pg-logs .ltable tbody tr{--rowc:#b8ccd8;cursor:pointer;transition:background .15s;}
.pg-logs .ltable tbody tr.s1{--rowc:#d8b96a;}
.pg-logs .ltable tbody tr.s2{--rowc:#c96a5a;}
.pg-logs .ltable tbody tr:hover{background:#f6f0dd;}
.pg-logs .ltable tbody tr:focus-visible{outline:2px solid var(--lp-zhu);outline-offset:-2px;}
.pg-logs .ltable td{padding:9px 10px;border-bottom:1px solid var(--lp-line2);font-size:17px;vertical-align:middle;}
.pg-logs .ltable td:first-child{border-left:3px solid var(--rowc);}
.pg-logs .ltime{font-size:14px;color:var(--lp-ink2);font-family:Consolas,"Courier New",monospace;white-space:nowrap;}
.pg-logs .lsum{font-size:14.5px;color:var(--lp-ink2);max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;}
.pg-logs .lseebtn{font-size:14px;color:var(--lp-zhu);background:var(--lp-paper3);border:1px solid var(--lp-line);border-radius:3px;
  padding:4px 11px;cursor:pointer;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:1px;white-space:nowrap;
  transition:background var(--lp-tr),border-color var(--lp-tr),color var(--lp-tr);}
.pg-logs .lseebtn:hover{background:var(--lp-paper2);border-color:var(--lp-jin);color:var(--lp-zhu-d);}
.pg-logs .lseebtn:focus-visible{outline:2px solid var(--lp-zhu);outline-offset:2px;}
/* 空状态 */
.pg-logs .ltable tbody tr.emptyrow{cursor:default;}
.pg-logs .ltable tbody tr.emptyrow:hover{background:transparent;}
.pg-logs .lempty{text-align:center;color:var(--lp-ink3);padding:30px 16px;font-size:17px;line-height:2;}
.pg-logs .lempty svg{display:block;margin:0 auto 8px;opacity:.45;}
/* ---- 分页 ---- */
.pg-logs .lpager{margin:14px 0 4px;font-size:17px;color:var(--lp-ink3);text-align:center;}
.pg-logs .lpager a{color:var(--lp-zhu);text-decoration:none;padding:5px 11px;border:1px solid var(--lp-line2);border-radius:3px;
  margin:0 3px;background:var(--lp-paper3);display:inline-block;transition:border-color var(--lp-tr),background var(--lp-tr);}
.pg-logs .lpager a.cur{background:var(--lp-zhu);color:#f7f1df;border-color:var(--lp-zhu);font-weight:bold;}
.pg-logs .lpager a:hover{border-color:var(--lp-jin);background:var(--lp-paper2);}
.pg-logs .lpager a:focus-visible{outline:2px solid var(--lp-jin);outline-offset:1px;}
/* ---- 详情弹窗 (详细信息模式): 过渡动画 + 焦点管理 ---- */
.pg-logs .lmask{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:16px;
  background:rgba(46,42,36,.52);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);
  opacity:0;visibility:hidden;transition:opacity var(--lp-tr),visibility var(--lp-tr);}
.pg-logs .lmask.show{opacity:1;visibility:visible;}
.pg-logs .lmodal{background:var(--lp-paper);border:1px solid var(--lp-line);border-radius:6px;max-width:680px;width:100%;
  max-height:88vh;display:flex;flex-direction:column;overflow:hidden;
  box-shadow:inset 0 0 0 2px var(--lp-paper),inset 0 0 0 3px var(--lp-line2),var(--lp-sh-lg);
  transform:translateY(18px) scale(.985);transition:transform var(--lp-tr);}
.pg-logs .lmask.show .lmodal{transform:none;}
.pg-logs .lmodal-hd{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 18px;
  background:var(--lp-paper2);border-bottom:1px solid var(--lp-line);flex-shrink:0;}
.pg-logs .lmodal-hd h3{margin:0;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;font-size:18px;letter-spacing:2px;color:var(--lp-ink);}
.pg-logs .ld-sub{font-size:14px;color:var(--lp-ink3);font-weight:normal;letter-spacing:0;font-family:Arial,sans-serif;margin-left:6px;}
.pg-logs .ld-close{border:none;background:transparent;cursor:pointer;font-size:24px;color:var(--lp-ink3);line-height:1;
  padding:2px 6px;border-radius:3px;transition:color var(--lp-tr),background var(--lp-tr);flex-shrink:0;}
.pg-logs .ld-close:hover{color:var(--lp-zhu);background:rgba(168,50,38,.08);}
.pg-logs .ld-close:focus-visible{outline:2px solid var(--lp-zhu);outline-offset:1px;}
.pg-logs .lbody{padding:16px 18px 20px;overflow-y:auto;-webkit-overflow-scrolling:touch;}
/* 概要 hero: 视觉层级引导 */
.pg-logs .ld-hero{background:linear-gradient(135deg,#f8f2e0,var(--lp-paper2));border:1px solid var(--lp-line2);
  border-radius:var(--lp-r);padding:14px 16px 13px;margin-bottom:6px;}
.pg-logs .ld-badges{display:flex;gap:8px;flex-wrap:wrap;}
.pg-logs .ld-act{font-size:21px;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;font-weight:bold;letter-spacing:2px;color:var(--lp-ink);margin:10px 0 5px;}
.pg-logs .ld-time{font-size:17px;color:var(--lp-ink2);font-family:Consolas,"Courier New",monospace;}
/* 分节与键值行 */
.pg-logs .lsec{margin:14px 0 4px;font-size:14px;color:var(--lp-jin-d);font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:2px;
  border-bottom:1px solid var(--lp-line);padding-bottom:4px;display:flex;align-items:center;gap:8px;}
.pg-logs .lsec::before{content:"◆";font-size:10px;opacity:.7;}
.pg-logs .lrow{display:flex;gap:12px;padding:9px 0;border-bottom:1px dashed var(--lp-line2);font-size:17px;align-items:flex-start;}
.pg-logs .lrow:last-child{border-bottom:none;}
.pg-logs .lrow .k{width:76px;flex-shrink:0;color:var(--lp-ink3);font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:1px;padding-top:1px;}
.pg-logs .lrow .v{flex:1;color:var(--lp-ink);word-break:break-all;line-height:1.7;min-width:0;}
.pg-logs .lrow .v.mono{font-family:Consolas,"Courier New",monospace;font-size:14.5px;background:#f6f0dd;padding:7px 11px;
  border-radius:3px;border:1px solid var(--lp-line2);}
.pg-logs .lrow .v.errv{color:var(--lp-err-tx);background:var(--lp-err-bg);padding:7px 11px;border-radius:3px;border:1px solid var(--lp-err-bd);}
/* 复制按钮 */
.pg-logs .ld-copy{font-size:14px;padding:3px 10px;border:1px solid var(--lp-line2);background:var(--lp-paper3);border-radius:3px;
  cursor:pointer;color:var(--lp-ink3);flex-shrink:0;margin-top:2px;transition:color var(--lp-tr),border-color var(--lp-tr);}
.pg-logs .ld-copy:hover{border-color:var(--lp-jin);color:var(--lp-jin-d);}
.pg-logs .ld-copy.ok{border-color:var(--lp-ok-bd);color:var(--lp-ok-tx);}
.pg-logs .ld-copy:focus-visible{outline:2px solid var(--lp-jin);outline-offset:1px;}
/* 耗时指示条 (基准 2s) */
.pg-logs .ld-durwrap{display:inline-flex;flex-direction:column;gap:6px;}
.pg-logs .ld-durbar{height:5px;width:170px;background:#eee5cd;border-radius:3px;overflow:hidden;}
.pg-logs .ld-durbar i{display:block;height:100%;width:0;border-radius:3px;background:linear-gradient(90deg,var(--lp-jin),var(--lp-zhu));transition:width .5s ease;}
/* 完整结果: " | " 分隔转换行, 逐行展示 */
.pg-logs .lrow .v.rfullv{white-space:pre-wrap;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;font-size:15.5px;line-height:2;
  background:linear-gradient(135deg,#f8f2e0,#f3ecd9);padding:10px 14px;border-radius:3px;border:1px solid var(--lp-line2);}
/* 结果链接: 按钮式链接 (东方印章风, 非蓝底下划线) */
.pg-logs .ld-openlink{display:inline-flex;align-items:center;gap:5px;background:var(--lp-zhu);color:#f7f1df;text-decoration:none;
  font-size:14.5px;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:1px;padding:6px 14px;border-radius:3px;
  box-shadow:inset 0 0 0 1px rgba(247,241,223,.35);white-space:nowrap;transition:background var(--lp-tr),transform .12s ease;}
.pg-logs .ld-openlink:hover{background:var(--lp-zhu-d);color:#f7f1df;}
.pg-logs .ld-openlink:active{transform:scale(.96);}
.pg-logs .ld-openlink:focus-visible{outline:2px solid var(--lp-jin);outline-offset:2px;}
.pg-logs .ld-urltxt{display:block;font-size:14.5px;color:var(--lp-ink3);margin-top:7px;word-break:break-all;
  background:#f6f0dd;border:1px dashed var(--lp-line2);border-radius:3px;padding:5px 10px;line-height:1.6;}
/* ---- 响应式: 移动端表格转卡片 ---- */
@media (max-width:768px){
  .pg-logs .lstat{grid-template-columns:repeat(2,1fr);gap:8px;}
  .pg-logs .scard{padding:11px 12px;gap:10px;}
  .pg-logs .scard .sc-num{font-size:22px;}
  .pg-logs .ltable{display:block;overflow:visible;white-space:normal;}
  .pg-logs .ltable thead{display:none;}
  .pg-logs .ltable tbody{display:block;}
  .pg-logs .ltable tbody tr{display:block;background:var(--lp-paper3);border:1px solid var(--lp-line2);border-left:3px solid var(--rowc);
    border-radius:var(--lp-r);margin-bottom:10px;padding:4px 0;box-shadow:var(--lp-sh-sm);}
  .pg-logs .ltable tbody tr:hover{background:var(--lp-paper3);}
  .pg-logs .ltable td{display:flex;align-items:flex-start;gap:10px;border-bottom:none;padding:5px 12px;white-space:normal;}
  .pg-logs .ltable td:first-child{border-left:none;padding-top:10px;}
  .pg-logs .ltable td::before{content:attr(data-l);flex-shrink:0;width:58px;color:var(--lp-ink3);font-size:14.5px;
    font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:1px;padding-top:2px;}
  .pg-logs .ltable td:first-child::before{padding-top:0;}
  .pg-logs .lsum{white-space:normal;max-width:none;}
  .pg-logs .lmask{padding:10px;align-items:flex-end;}
  .pg-logs .lmodal{max-height:92vh;}
  .pg-logs .lrow .k{width:64px;}
  .pg-logs .ld-durbar{width:130px;}
}
/* ---- 动效偏好: 减少动画 ---- */
@media (prefers-reduced-motion:reduce){
  .pg-logs .scard,.pg-logs .lseebtn,.pg-logs .lbtn,.pg-logs .lbtn2,.pg-logs .ld-copy,.pg-logs .lmodal,.pg-logs .lmask,.pg-logs .ltable tbody tr{transition:none!important;}
  .pg-logs .ld-durbar i{transition:none!important;}
}
/* ---- 打印: 隐藏交互元素 ---- */
@media print{.pg-logs .lfilters,.pg-logs .lpager,.pg-logs .lmask{display:none!important;}}

/* ============================================================
   账户页 (.pg-account) — 居中单卡片 · 登录/注册 tab 切换
   ============================================================ */
.pg-account .acctbox{max-width:440px;margin:0 auto;}
.pg-account .acct-tabs{display:flex;gap:8px;margin-bottom:14px;}
.pg-account .atab{flex:1;padding:10px 12px;font:inherit;font-weight:700;letter-spacing:1px;
  background:#f3ead2;color:#8a6116;border:1px solid #c9b98e;border-radius:6px 6px 0 0;
  cursor:pointer;transition:background .18s,color .18s;}
.pg-account .atab:hover{background:#ece0c0;}
.pg-account .atab.on{background:#8a6116;color:#fdf8ea;border-color:#8a6116;}
.pg-account .acctbox .panel{margin-top:0;}
/* 登录方式子切换 (密码 / 短信验证码) */
.pg-account .acct-sub{display:flex;gap:6px;margin-bottom:14px;}
.pg-account .astab2{flex:1;padding:7px 10px;font:inherit;font-size:14px;font-weight:700;
  background:#f7f2e3;color:#7a6a4a;border:1px solid #d9cba6;border-radius:5px;
  cursor:pointer;transition:background .18s,color .18s;}
.pg-account .astab2:hover{background:#f0e8d2;}
.pg-account .astab2.on{background:#6f4e12;color:#fdf8ea;border-color:#6f4e12;}
.pg-account .p-login input[type="text"],.pg-account .p-login input[type="password"]{width:100%;box-sizing:border-box;}
.pg-account #smsBtn:disabled{opacity:.65;cursor:not-allowed;}

/* ============================================================
   捐赠页 (.pg-donate) — 许愿还愿 · 自愿捐赠
   ============================================================ */
.pg-donate .dcard{scroll-margin-top:12px;}
.pg-donate .donate-head{text-align:center;padding:16px 0 6px;}
.pg-donate .donate-head .dseal{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:#a83226;color:#f7f1df;border-radius:4px;font-size:36px;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;box-shadow:inset 0 0 0 2px rgba(247,241,223,.35),inset 0 0 0 3px #a83226;margin-bottom:10px;}
.pg-donate .donate-head h1{margin:0 0 8px;font-size:26px;color:#211c14;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:4px;}
.pg-donate .donate-head .sub{font-size:18px;color:#6e6452;letter-spacing:2px;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;}
.pg-donate .donate-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:14px;margin-top:6px;}
.pg-donate .dcard{background:#fffdf6;border:1px solid #d9cbaa;border-radius:3px;padding:18px 18px;display:flex;flex-direction:column;gap:10px;}
.pg-donate .dcard .dt{font-size:19px;font-weight:bold;color:#211c14;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:2px;display:flex;align-items:center;gap:8px;}
.pg-donate .dcard .dt:before{content:"";display:inline-block;width:8px;height:8px;background:#a83226;flex-shrink:0;}
.pg-donate .dcard .dd{font-size:17px;color:#453f31;line-height:2;text-indent:0;}

/* ============================================================
   额度提示条 + 付费墙 (report / divination 共用)
   ============================================================ */
.qbanner{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0 0 14px;padding:10px 16px;
  font-size:14px;line-height:1.7;color:#453f31;background:#fbf7ec;border:1px solid #d9cbaa;border-radius:3px;
  border-left:4px solid #8a6116;}
.qbanner a{color:#8f281e;text-decoration:none;border-bottom:1px dashed #c9908a;}
.qbanner a:hover{color:#a83226;}
.qbanner.vip{border-left-color:#a8873f;background:#fdf6e3;}
.qbanner.guest{border-left-color:#33526b;}
.qbanner .badge{margin-right:4px;}
.badge.b-vip{background:#8a6116;color:#fdf3d8;border:1px solid #8a6116;}
.badge.b-member{background:#e8eef3;color:#33526b;border:1px solid #b8cad9;}
.badge.b-warn{background:#f9e8e4;color:#8f281e;border:1px solid #e0b8ae;}
.badge.b-ok{background:#eef3e2;color:#4a6741;border:1px solid #c2d3a4;}
.badge.b-info{background:#e8eef3;color:#33526b;border:1px solid #b8cad9;}
.badge.b-gray{background:#efefe9;color:#6e6452;border:1px solid #d8d4c8;}
.panel.procut{border-color:#c98f66;background:#fdf4ec;}
.panel.procut h2{color:#8f281e;}
.panel.procut .pbody p{font-size:18px;line-height:2;}
/* 额度用完: 专业面板强制隐藏 (report 模式切换失效兜底) */
.pg-report .rptwrap.qblocked .p-pro{display:none !important;}
.pg-report .rptwrap.qblocked .modeswitch .mode-btn[aria-pressed="true"]:not(.on){opacity:.55;}

/* ============================================================
   report 大运走势图 + 流年解读 (基础版免费)
   ============================================================ */
.pg-report .dychart-wrap{margin:6px 0 4px;padding:12px 10px 6px;background:#faf6ec;border:1px solid #e5dcc3;border-radius:4px;}
.pg-report .dychart{display:block;width:100%;height:auto;}
.pg-report .dychart .grid line{stroke:#e5dcc3;stroke-width:1;}
.pg-report .dychart .grid text{fill:#a89a7e;font-size:10px;text-anchor:end;}
.pg-report .dyc-area{fill:rgba(168,135,63,.12);}
.pg-report .dyc-line{fill:none;stroke:#a8873f;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round;}
.pg-report .dyc-dot{fill:#fbf7ec;stroke:#a8873f;stroke-width:2;cursor:help;}
.pg-report .dyc-dot:hover{fill:#a8873f;}
.pg-report .dyc-dot.cur{fill:#a83226;stroke:#a83226;}
.pg-report .dyc-lab{fill:#6e6452;font-size:10.5px;text-anchor:middle;}
.pg-report .dyc-lab.cur{fill:#a83226;font-weight:bold;}
.pg-report .dychart-cap{font-size:14px;color:#6e6452;text-align:center;padding:4px 0 6px;letter-spacing:.5px;}
.pg-report .lnow{margin:12px 0 4px;padding:12px 16px;background:#f6f4ea;border:1px solid #d9cbaa;border-left:4px solid #33526b;border-radius:3px;}
.pg-report .lnow h3{margin:0 0 6px;font-size:18px;color:#211c14;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:1px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.pg-report .lnow p{margin:0;font-size:14.5px;line-height:2;color:#453f31;}
/* 流月 / 流日表 (参考线上版式) */
.pg-report .dy-sub{margin:14px 0 6px;font-size:15.5px;color:#211c14;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:1px;border-left:3px solid #a8873f;padding-left:8px;}
/* 流月/流日 列式表: 每月/每日一列, 属性为行; 宽屏自动平均分布占满整行, 窄屏容器内左右滑动 */
.pg-report .yxtable{display:table;width:100%;table-layout:fixed;border-collapse:collapse;margin:4px 0 6px;}
.pg-report .yxtable th,.pg-report .yxtable td{padding:5px 4px;text-align:center;white-space:normal;word-break:break-word;border:1px solid #e8dfc8;font-size:13.5px;}
.pg-report .yxtable th{background:#f3ecd9;color:#211c14;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:1px;font-size:14px;}
.pg-report .yxtable th.rh{width:64px;font-weight:normal;color:#6e6452;background:#faf3dc;letter-spacing:0;font-size:12.5px;white-space:nowrap;}
.pg-report .yxtable td.cur,.pg-report .yxtable th.cur{background:#f6efdc;font-weight:bold;}
.pg-report .yxtable .mono{font-family:Consolas,"Courier New",monospace;font-size:14px;color:#6e6452;}
.pg-report .yxtable .gz{font-size:18px;font-weight:bold;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;line-height:1.2;}
.pg-report .yxtable td.cur .mono{color:#211c14;}
/* 出生日期 输入方式切换 (阳历/农历/四柱) — 排盘/出生档案共用 */
.srcswitch{font-size:14px;color:#6e6452;font-family:Arial,sans-serif;letter-spacing:0;margin-left:4px;}
.srcopt{color:#453f31;cursor:pointer;padding:1px 8px;border:1px solid transparent;border-radius:2px;text-decoration:none;display:inline-block;}
.srcopt:hover{color:#a83226;}
.srcopt.on{background:#a83226;color:#f7f1df;border-color:#a83226;font-weight:bold;}
.srcopt.on:hover{color:#f7f1df;}
.srcsep{color:#d9cbaa;margin:0 2px;}
.srcpane{margin-top:2px;}
.srcpane .tri>select{padding-left:6px;padding-right:6px;}

/* ============================================================
   古籍/词典 付费墙 + 阅读提示 (texts / guide 共用)
   ============================================================ */
.gdwall{margin:14px 0;padding:26px 20px;text-align:center;background:#fdf4ec;border:1px solid #e0c9a8;border-radius:4px;}
.gdwall .gdw-ico{font-size:34px;line-height:1;margin-bottom:8px;}
.gdwall h3{margin:0 0 10px;font-size:20px;color:#8f281e;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:2px;}
.gdwall p{margin:0 auto 12px;max-width:560px;font-size:14.5px;line-height:2;color:#453f31;}
.gdwall .gdw-cta{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:14px 0 8px;}
.gdwall .gdw-sub{font-size:12px !important;color:#6e6452 !important;}
.gdhint{margin:10px 0 0;padding:7px 12px;font-size:12.5px;color:#8a6116;background:#fbf7ec;border:1px dashed #d9cbaa;border-radius:3px;}
.gdhint a{color:#8f281e;text-decoration:none;}
.gdwall-term .gdwall{margin:12px 0 0;}

/* ============================================================
   个人中心 (.pg-profile) — 统计/档案/历史/账号
   ============================================================ */
.pg-profile .center-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  padding:18px 20px;background:#fffdf6;border:1px solid #d9cbaa;border-radius:3px;margin-bottom:12px;}
.pg-profile .ch-left{display:flex;align-items:center;gap:16px;min-width:0;}
.pg-profile .ch-seal{display:flex;align-items:center;justify-content:center;width:58px;height:58px;flex-shrink:0;
  background:#a83226;color:#f7f1df;border-radius:4px;font-size:34px;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;
  box-shadow:inset 0 0 0 2px rgba(247,241,223,.35),inset 0 0 0 3px #a83226;}
.pg-profile .center-head h1{margin:0 0 4px;font-size:24px;color:#211c14;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:3px;}
.pg-profile .center-head h1 .en{font-size:14px;color:#a89a7e;letter-spacing:1px;font-family:inherit;}
.pg-profile .ch-sub{font-size:13.5px;color:#6e6452;display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.pg-profile .center-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px;}
.pg-profile .center-nav a{padding:7px 16px;font-size:14px;letter-spacing:1px;color:#8a6116;text-decoration:none;
  background:#f3ead2;border:1px solid #c9b98e;border-radius:3px;transition:all .15s;}
.pg-profile .center-nav a:hover{background:#8a6116;color:#fdf8ea;border-color:#8a6116;}
/* 选中态需更高特异性, 覆盖上面的普通标签样式 (否则 .cur 红色被同名普通规则源序覆盖) */
.pg-profile .center-nav a.cur{background:#8f281e;color:#fff;border-color:#8f281e;}
.pg-profile .center-nav a.cur .bi{color:#fff;}
.pg-profile .center-nav a.cur:hover{background:#8f281e;color:#fff;border-color:#8f281e;}
.pg-profile .statgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px;}
.pg-profile .statcard{background:#fffdf6;border:1px solid #d9cbaa;border-radius:3px;padding:16px 10px;text-align:center;}
.pg-profile .sc-num{font-size:32px;font-weight:bold;color:#211c14;line-height:1.2;font-family:Georgia,serif;}
.pg-profile .sc-num.vip{color:#8a6116;}
.pg-profile .sc-num.warn{color:#a83226;}
.pg-profile .sc-label{font-size:12.5px;color:#6e6452;margin-top:6px;letter-spacing:.5px;}
.pg-profile .pbar{margin-bottom:14px;}
.pg-profile .pbar-lab{font-size:13.5px;color:#453f31;margin-bottom:6px;}
.pg-profile .pbar-track{height:10px;background:#efeadb;border:1px solid #d9cbaa;border-radius:5px;overflow:hidden;}
.pg-profile .pbar-fill{height:100%;border-radius:5px 0 0 5px;transition:width .4s;}
.pg-profile .pf-pro{background:linear-gradient(90deg,#c9a959,#a8873f);}
.pg-profile .pf-gd{background:linear-gradient(90deg,#7ba05b,#4a6741);}
.pg-profile .pbar-note{font-size:12.5px;color:#6e6452;margin-top:5px;}
.pg-profile .mbars-wrap{margin:6px 0 16px;}
.pg-profile .stat-tabs .st-tab{font-size:14px;color:#8a8170;border:1px solid #d9cbaa;border-radius:3px;padding:2px 10px;cursor:pointer;text-decoration:none;transition:all .15s;line-height:1.6;}
.pg-profile .stat-tabs .st-tab:hover{color:#a83226;border-color:#a83226;}
.pg-profile .stat-tabs .st-tab.on{color:#fbf7ec;background:#8a6116;border-color:#8a6116;}
.pg-profile .mbars{display:flex;align-items:flex-end;gap:6px;height:110px;padding:8px 4px 0;background:#faf6ec;border:1px solid #e5dcc3;border-radius:3px;}
.pg-profile .mb{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;min-width:0;cursor:help;}
.pg-profile .mb i{display:block;width:70%;max-width:26px;background:linear-gradient(180deg,#c9a959,#a8873f);border-radius:2px 2px 0 0;min-height:2px;transition:height .4s;}
.pg-profile .mb.cur i{background:linear-gradient(180deg,#c65446,#a83226);}
.pg-profile .mb em{font-style:normal;font-size:10.5px;color:#6e6452;line-height:1.6;}
.pg-profile .mb span{font-size:10px;color:#a89a7e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}
/* 使用记录 · 按日折线图 */
.pg-profile .linechart{background:#faf6ec;border:1px solid #e5dcc3;border-radius:3px;padding:8px 6px 4px;}
.pg-profile .linechart svg{display:block;width:100%;height:180px;}
.pg-profile .linechart .lc-grid{stroke:#e8dfc8;stroke-width:1;stroke-dasharray:3 3;}
.pg-profile .linechart .lc-line{stroke:#a8873f;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s;}
.pg-profile .linechart .lc-pt circle{fill:#8a6116;stroke:#fbf7ec;stroke-width:1.4;transition:r .2s;}
.pg-profile .linechart .lc-pt:hover circle{fill:#a83226;}
.pg-profile .linechart .lc-val{font-size:9.5px;fill:#a06b22;text-anchor:middle;}
.pg-profile .linechart .lc-lab{font-size:9px;fill:#a89a7e;}
.pg-profile .linechart .lc-pt:hover .lc-val{fill:#a83226;}
.pg-profile .vipcard{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  padding:16px 18px;background:#fdf6e3;border:1px solid #d9cbaa;border-left:4px solid #8a6116;border-radius:3px;}
.pg-profile .vipcard.on{background:#fdf3d8;}
.pg-profile .vc-t{font-size:17px;font-weight:bold;color:#8a6116;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:1px;}
.pg-profile .vc-d{font-size:13.5px;color:#453f31;line-height:1.9;flex:1 1 320px;margin:4px 0;}
.pg-profile .acct-set{margin-bottom:16px;}
.pg-profile .as-row{display:flex;gap:12px;padding:8px 0;border-bottom:1px dashed #e5dcc3;font-size:14.5px;color:#453f31;flex-wrap:wrap;}
.pg-profile .as-lab{min-width:96px;color:#6e6452;}
.pg-profile .rename-form{margin-bottom:16px;}
.pg-profile .rename-form label{display:block;font-size:14px;color:#453f31;margin-bottom:8px;}
.pg-profile .renlog table{margin-top:6px;}
.pg-profile a{text-decoration:none;}
/* 个人中心按钮统一大小: 覆盖全站大按钮 .btn/.btn2 为一致紧凑尺寸 */
.pg-profile .btn,
.pg-profile .btn2{height:34px;min-height:34px;padding:0 16px;font-size:17px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;line-height:1;letter-spacing:1px;}
.pg-profile .btn{background:#a83226;color:#f7f1df;border:none;}
.pg-profile .btn:hover{background:#8f281e;}
.pg-profile .btn .bi,
.pg-profile .btn2 .bi{font-size:inherit;margin-right:5px;vertical-align:middle;}

/* ============================================================
   会员页 (.pg-vip) — 套餐/模拟支付/订单
   ============================================================ */
.pg-vip .vipstate{padding:12px 16px;margin-bottom:16px;font-size:17px;line-height:1.9;color:#453f31;
  background:#fbf7ec;border:1px solid #d9cbaa;border-left:4px solid #6e6452;border-radius:3px;}
.pg-vip .vipstate.on{background:#fdf3d8;border-left-color:#8a6116;}
.pg-vip .plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-bottom:18px;}
.pg-vip .plancard{position:relative;display:flex;flex-direction:column;gap:8px;padding:22px 20px 18px;text-align:center;
  background:#fffdf6;border:1px solid #d9cbaa;border-radius:4px;}
.pg-vip .plancard.hot{border-color:#a8873f;box-shadow:0 4px 14px rgba(168,135,63,.18);}
.pg-vip .pl-badge{position:absolute;top:-11px;left:50%;transform:translateX(-50%);padding:3px 14px;
  background:#a83226;color:#fdf3d8;font-size:14px;letter-spacing:2px;border-radius:2px;}
.pg-vip .pl-name{font-size:20px;font-weight:bold;color:#211c14;font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;letter-spacing:3px;}
.pg-vip .pl-name span{font-size:14px;color:#a89a7e;letter-spacing:1px;}
.pg-vip .pl-price{font-size:36px;font-weight:bold;color:#8a6116;font-family:Georgia,serif;line-height:1.2;}
.pg-vip .pl-price small{font-size:17px;color:#6e6452;font-weight:normal;}
.pg-vip .pl-fees{font-size:17px;color:#6e6452;line-height:1.7;}
.pg-vip .plancard .btn{margin-top:8px;}
.pg-vip table.rights{margin-bottom:6px;}
.pg-vip table.rights td,.pg-vip table.rights th{text-align:center;}
.pg-vip table.rights td:first-child{text-align:left;}
.pg-vip .r-vip{color:#8a6116;font-weight:bold;}
.pg-vip .paygrid{display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:start;}
.pg-vip .qrbox{text-align:center;}
.pg-vip .qr-logo{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin-bottom:8px;
  background:#07c160;color:#fff;border-radius:6px;font-size:19px;font-weight:bold;}
.pg-vip #qrCanvas{display:inline-block;padding:10px;background:#fff;border:1px solid #d9cbaa;border-radius:4px;}
.pg-vip .qr-tip{font-size:17px;color:#453f31;line-height:1.9;margin-top:8px;}
.pg-vip .qr-tip span{font-size:14px;color:#6e6452;}
.pg-vip .payinfo .pi-row{display:flex;gap:12px;padding:9px 0;border-bottom:1px dashed #e5dcc3;font-size:14.5px;color:#453f31;flex-wrap:wrap;}
.pg-vip .payinfo .pi-row span{min-width:80px;color:#6e6452;}
.pg-vip .pi-amt{color:#a83226;font-size:19px;}
.pg-vip .payinfo form{margin-top:16px;}
.pg-vip .btn-wx{background:#07c160;border-color:#07c160;}
.pg-vip .btn-wx:hover{background:#06ad56;border-color:#06ad56;}

/* ---- 响应式: 个人中心/会员/支付/额度条 ---- */
@media (max-width:768px){
  .pg-profile .center-head{padding:14px 14px;}
  .pg-profile .ch-seal{width:46px;height:46px;font-size:26px;}
  /* 移动端: "个人中心"标题放到名字后面 (名字在前, 标题在后同一行) */
  .pg-profile .ch-left > div{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;}
  .pg-profile .center-head h1{font-size:20px;order:2;margin:0;}
  .pg-profile .ch-sub{order:1;margin:0;}
  .pg-profile .statgrid{grid-template-columns:repeat(2,1fr);gap:8px;}
  .pg-profile .sc-num{font-size:26px;}
  .pg-profile .mbars{gap:3px;height:96px;padding:6px 2px 0;}
  .pg-profile .mb em{font-size:9px;}
  .pg-profile .mb span{font-size:8.5px;}
  .pg-vip .paygrid{grid-template-columns:1fr;justify-items:center;}
  .pg-vip .payinfo{width:100%;}
  .qbanner{padding:9px 12px;font-size:17px;}
  .gdwall{padding:20px 12px;}
  .gdwall h3{font-size:18px;}
}
.pg-donate .dcard .dd p{margin:0 0 8px;}
.pg-donate .notice{background:#f3ecd9;border:1px solid #d9cbaa;border-left:3px solid #a8873f;border-radius:3px;padding:14px 16px;margin-top:14px;font-size:16.5px;color:#453f31;line-height:2;}
.pg-donate .notice b{color:#8f281e;}
@media (max-width:768px){
  .pg-donate .donate-head h1{font-size:23px;letter-spacing:3px;}
  .pg-donate .donate-grid{grid-template-columns:1fr;}  /* <=768px 强制单列, 避免平板宽度下两列拥挤 */
  .pg-donate .dcard{padding:16px 14px;}
  .pg-donate .dcard .dd{font-size:16.5px;}
  .pg-donate .notice{font-size:18px;}
}

/* ---- 排盘结果页移动端 (置于全部 .pg-report 基础样式之后, 保证同特异性覆盖生效) ---- */
@media(max-width:768px){
  .pg-report table{display:table;width:100%;overflow:visible;white-space:normal;table-layout:fixed;}
  .pg-report table th,.pg-report table td{white-space:normal;word-break:break-word;}
  .pg-report .proonly{font-size:12.5px;}
  .pg-report .proonly .pcol{min-width:0;}
  .pg-report .proonly .bighanzi{font-size:22px;}
  .pg-report .vztable th.rowh{width:60px;font-size:14px;letter-spacing:0;}
  .pg-report .vztable th.ph{font-size:14px;}
  .pg-report .vztable td{padding:6px 2px;}
  .pg-report .yxtable{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;table-layout:auto;width:auto;}
  .pg-report .yxtable th,.pg-report .yxtable td{white-space:nowrap;}
  .pg-report .dy-sub .slidehint{display:inline;}
  .pg-report .kv .it{white-space:normal;word-break:break-word;}
}

/* ---- 传统字体: 罗盘盘面 + 各类标题恢复楷体/宋体 (正文保持黑体保证清晰) ---- */
/* 标题类: 楷体优先, 回退宋体 */
.brand, .brand .seal,
.panel h2,
.foot,
.pg-home .topbar h1, .pg-home .topbar p,
.pg-home .rail-title, .pg-home .rail i, .pg-home .rail b,
.pg-home .stepno,
.pg-home .card .t, .pg-home .quote,
.pg-home .more-title, .pg-home .mcard .mg, .pg-home .mcard .mt,
.pg-home .foot,
.pg-home .cosmos-title, .pg-home .cosmos-sub, .pg-home .cosmos-more a,
.pg-home .ci-hz, .pg-home .ci-ht b, .pg-home .ci-row, .pg-home .ci-quote,
.pg-compass .ctitle, .pg-compass .csub,
.pg-compass .cp-hz, .pg-compass .cp-ht b, .pg-compass .cp-row,
.pg-compass .ci-hz, .pg-compass .ci-ht b, .pg-compass .ci-row, .pg-compass .ci-quote,
.pg-report .dy-sub
{font-family:"KaiTi","STKaiti","SimKai","Noto Serif SC","SimSun","宋体",serif;}
/* 罗盘盘面 SVG 干支/方位文字 */
.pg-home .dir, .pg-home .bname,
.pg-compass .dir, .pg-compass .lsx, .pg-compass .bname, .pg-compass .htname,
.pg-compass .jzx, .pg-compass .xsx, .pg-compass .csx, .pg-compass .bpname,
.pg-compass .mybadge-t
{font-family:"KaiTi","STKaiti","SimKai","Noto Serif SC","SimSun","宋体",serif;}

/* ---- 特大展示字(干支大字/卦名/印章/大数字/水印) 用楷体 ---- */
.pg-home .seal, .pg-home .card .wm,
.pg-report .bighanzi, .pg-report .dygz, .pg-report .yxtable .gz,
.pg-report .pcard .pc-gan, .pg-report .pcard .pc-zhi,
.pg-report .score,
.pg-guide .pillar-demo .gz, .pg-guide .qtitle, .pg-guide .coinbox .cv,
.pg-divination .hcard .hname, .pg-divination .igname, .pg-divination .vstrip,
.pg-divination .chart-head b, .pg-divination .ch-zhi, .pg-divination .coinrow .val b,
.pg-donate .donate-head .dseal,
.pg-profile .ch-seal
{font-family:"KaiTi","STKaiti","SimKai","Noto Serif SC","SimSun","宋体",serif;}
/* 补漏: 各页 H1 大标题用楷体 (与 .panel h2 一致) */
.pg-articles .art-head h1, .pg-guide .hero h1,
.pg-donate .donate-head h1, .pg-profile .center-head h1
{font-family:"KaiTi","STKaiti","SimKai","Noto Serif SC","SimSun","宋体",serif;}