*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;background:#FAF3E0;color:#333;font-size:14px;min-height:100vh;padding-bottom:80px;background-image:radial-gradient(ellipse at 90% 10%,rgba(218,165,32,.12) 0%,transparent 45%),radial-gradient(ellipse at 10% 90%,rgba(218,165,32,.09) 0%,transparent 40%)}
/* 古典祥云暗纹（右上角 + 左下角） */
body::before,body::after{content:'';position:fixed;width:220px;height:220px;pointer-events:none;z-index:0;opacity:.18}
body::before{top:-20px;right:-20px;background:radial-gradient(circle at 60% 40%,rgba(180,120,40,.6) 0%,transparent 70%);border-radius:50%;transform:rotate(-15deg)}
body::after{bottom:-20px;left:-20px;background:radial-gradient(circle at 40% 60%,rgba(180,120,40,.5) 0%,transparent 70%);border-radius:50%;transform:rotate(15deg)}
.top-bar{display:flex;align-items:center;height:52px;background:linear-gradient(135deg,#6B1414 0%,#8B1A1A 40%,#7A1515 100%);padding:0 12px;position:sticky;top:0;z-index:50;box-shadow:0 2px 8px rgba(107,20,20,.35)}
.top-bar .back{font-size:22px;padding:8px;cursor:pointer;flex-shrink:0;color:#F5CBA8;text-shadow:0 1px 2px rgba(0,0,0,.3)}
.top-bar .title{flex:1;text-align:center;font-size:17px;font-weight:700;color:#F5CBA8;letter-spacing:1px;text-shadow:0 1px 3px rgba(0,0,0,.4)}
.top-bar .menu-btn{font-size:20px;padding:8px;cursor:pointer;flex-shrink:0;color:#F5CBA8}
.logo-area{text-align:center;padding:24px 16px 8px}
.logo-icon{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#8B7355,#D4B896);display:inline-flex;align-items:center;justify-content:center;font-size:28px}
.logo-title{font-size:22px;font-weight:700;margin-top:10px;color:#333}
.logo-desc{font-size:12px;color:#999;margin-top:4px}
.page{padding:0;min-height:100vh;padding-bottom:70px;box-sizing:border-box}
.page.hidden{display:none !important}.hidden{display:none}
#pResult{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;height:calc(100vh - 52px - 70px);padding-bottom:20px;position:relative;z-index:1}
.container{padding:0 12px 70px}
.card{background:#fff;border-radius:16px;margin-bottom:16px;padding:0;box-shadow:0 2px 12px rgba(0,0,0,.08);overflow:hidden;border:1px solid #f0ece4}
.card-title{font-size:14px;font-weight:600;color:#333;padding:10px 12px 8px;border-bottom:1px solid #f5f5f5;background:#faf8f5}
/* 日期输入：阳历/农历合一（滑动胶囊 + 日期框 + 滚轮选择面板） */
.dt-topbar{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.dt-pills{position:relative;display:flex;background:#f5f5f5;border-radius:22px;padding:3px;flex-shrink:0}
.dt-slider{position:absolute;top:3px;left:3px;width:calc(50% - 3px);height:calc(100% - 6px);background:#fff;border-radius:18px;box-shadow:0 1px 4px rgba(0,0,0,.12);transition:transform .25s ease}
.dt-pills.dt-lunar .dt-slider{transform:translateX(100%)}
.dt-pill{position:relative;z-index:1;border:none;background:none;color:#999;font-size:13px;font-weight:600;padding:7px 0;width:56px;border-radius:18px;cursor:pointer;transition:color .2s;font-family:inherit}
.dt-pill.active{color:#8B7355}
.dt-box{flex:1;min-width:0;height:44px;border:1px solid #efe9df;border-radius:22px;background:#faf8f5;display:flex;align-items:center;justify-content:center;gap:6px;font-size:15px;font-weight:700;color:#222;cursor:pointer;transition:all .15s;white-space:nowrap;overflow:hidden}
.dt-box:active{border-color:#8B7355;background:#fff}
.dt-box .dt-box-arrow{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #b5a488;transition:transform .2s;flex-shrink:0}
.dt-picker-open .dt-box .dt-box-arrow{transform:rotate(180deg)}
.dt-rev-pill{margin-left:auto;flex-shrink:0;border:1px solid #d9cdb8;background:#fff;color:#8B7355;font-size:13px;font-weight:600;padding:10px 16px;border-radius:22px;cursor:pointer;font-family:inherit;transition:all .15s;white-space:nowrap}
.dt-rev-pill:active{background:#f7f2e9}
/* 滚轮选择（五列连为一体，上下滑动选择，选中项放大居中） */
.wheel-heads{display:flex;margin-bottom:4px}
.wheel-heads span{flex:1;text-align:center;font-size:12px;color:#999}
.wheel-wrap{position:relative;display:flex;margin-bottom:12px;background:#faf8f5;border:1px solid #efe9df;border-radius:12px;overflow:hidden}
.wheel-band{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:40px;background:rgba(139,115,85,.07);border-top:1px solid #efe9df;border-bottom:1px solid #efe9df;pointer-events:none;z-index:2}
.wheel-col{position:relative;flex:1;min-width:0;height:360px;overflow-y:auto;scroll-snap-type:y mandatory;padding:160px 0;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}
.wheel-col::-webkit-scrollbar{display:none}
.wheel-item{height:40px;line-height:40px;text-align:center;font-size:15px;font-weight:600;color:#b9b2a4;scroll-snap-align:center;cursor:pointer;white-space:nowrap;overflow:hidden;transition:color .15s,font-size .15s;font-variant-numeric:tabular-nums}
.wheel-item.active{color:#222;font-size:20px;font-weight:800}
/* 滚轮面板头部：标题(左) + 确定按钮(右上角) */
.pk-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.pk-title{font-size:13px;font-weight:600;color:#666}
.pk-ok{border:none;background:#8B7355;color:#fff;font-size:13px;font-weight:600;padding:7px 20px;border-radius:18px;cursor:pointer;font-family:inherit;transition:opacity .15s;flex-shrink:0}
.pk-ok:active{opacity:.85}
/* 命盘笔记弹窗 */
.note-modal{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px}
.note-modal.hidden{display:none}
.note-card{background:#fff;border-radius:14px;width:100%;max-width:420px;max-height:86vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.25)}
.note-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;font-size:15px;font-weight:700;color:#333;border-bottom:1px solid #f0ece4}
.note-close{font-size:22px;line-height:1;color:#999;cursor:pointer;padding:0 4px}
.note-card textarea{flex:1;min-height:38vh;margin:12px 16px 0;border:1px solid #e5ddd0;border-radius:10px;padding:10px 12px;font-size:14px;line-height:1.6;font-family:inherit;color:#333;resize:none;outline:none;background:#faf8f5}
.note-card textarea:focus{border-color:#8B7355;background:#fff}
.note-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px 14px}
.note-foot .btn-primary{margin:0;flex-shrink:0;padding:9px 22px}
/* 记录条目删除按钮 */
.hist-del{flex-shrink:0;font-size:12px;color:#c0392b;border:1px solid #eecfc9;border-radius:12px;padding:2px 10px;cursor:pointer;background:#fff}
.hist-del:active{background:#fdecea}
.dt-row{display:flex;gap:6px;margin-bottom:12px}
.dt-col{flex:1;min-width:0}
.dt-hd{display:block;text-align:center;font-size:12px;color:#999;margin-bottom:4px}
.dt-sel{width:100%;height:48px;border:1px solid #efe9df;border-radius:10px;background:#faf8f5;appearance:none;-webkit-appearance:none;text-align:center;text-align-last:center;font-family:inherit;font-size:17px;font-weight:700;color:#222;outline:none;padding:0 4px;cursor:pointer;transition:all .15s}
.dt-sel:focus{border-color:#8B7355;background:#fff}
.dt-leap-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.dt-leap-row .dt-leap-label{font-size:13px;color:#555;font-weight:600}
.dt-leap-row select{width:110px;height:38px;border:1px solid #efe9df;border-radius:19px;background:#faf8f5;appearance:none;-webkit-appearance:none;text-align:center;text-align-last:center;font-size:13px;font-weight:600;color:#555;outline:none;padding:0 12px;cursor:pointer}
.dt-leap-row select:focus{border-color:#8B7355}
/* 六爻/六壬迷你日期框（复用八字 dt-box 风格） */
.dtmini-box{max-width:300px;margin:0 auto 12px}
.dtm-panel{margin-bottom:6px}
/* 真太阳时胶囊（默认关闭） */
.tst-row{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.tst-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid #d9cdb8;background:#fff;color:#999;font-size:13px;font-weight:600;padding:9px 14px;border-radius:20px;cursor:pointer;font-family:inherit;transition:all .15s;flex-shrink:0}
.tst-pill .tst-dot{width:8px;height:8px;border-radius:50%;background:#d8d2c6;transition:background .15s;flex-shrink:0}
.tst-pill.on{color:#8B7355;border-color:#8B7355}
.tst-pill.on .tst-dot{background:#8B7355}
.tst-sel{height:38px;border:1px solid #efe9df;border-radius:19px;background:#faf8f5;appearance:none;-webkit-appearance:none;text-align:center;text-align-last:center;font-size:13px;font-weight:600;color:#555;outline:none;padding:0 12px;cursor:pointer;flex-shrink:0}
.tst-sel:focus{border-color:#8B7355}
.input-row{display:flex;gap:10px;margin-bottom:12px}
.input-group{flex:1}
.input-label{display:block;font-size:12px;color:#888;margin-bottom:4px}
.input-full{width:100%;height:42px;border:1px solid #e8e8e8;border-radius:8px;padding:0 12px;font-size:14px;outline:none;background:#fff}
.input-full:focus{border-color:#8B7355}
select.input-full{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}
select.input-full:focus{border-color:#8B7355}
.gender-row{display:flex;gap:10px;margin-bottom:14px}
.gender-option{flex:1;height:42px;border:1px solid #e8e8e8;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:all .2s;background:#fff}
.gender-option.active{border-color:#8B7355;background:#FDF6EE;color:#8B7355;font-weight:600}
.gender-option input{display:none}
.btn-row{margin-top:16px}
.btn-primary{width:100%;height:48px;background:linear-gradient(135deg,#8B7355,#9E8565);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px rgba(139,115,85,.3)}
.btn-primary:active{transform:scale(.98)}
/* 八字反推 */
.bazi-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}
.bazi-pair{display:flex;gap:4px;align-items:center}
.bazi-pair label{font-size:12px;color:#888;width:32px;flex-shrink:0}
.bazi-pair select{width:60px;height:36px;border:1px solid #e8e8e8;border-radius:6px;padding:0 6px;font-size:13px;outline:none}
.bazi-pair select:focus{border-color:#8B7355}
.bazi-row{display:flex;gap:8px;margin-top:10px}
/* 底部Tab */
.bottom-bar{display:flex;background:linear-gradient(180deg,#FDF9F2,#F8F0E4);border-top:1px solid #E5D8C3;box-shadow:0 -2px 10px rgba(139,115,85,.08);position:fixed;bottom:0;left:0;right:0;z-index:50;padding-bottom:env(safe-area-inset-bottom)}
.bottom-bar .nav-item{flex:1;text-align:center;padding:9px 0 7px;font-size:11px;letter-spacing:1px;color:#A8967E;cursor:pointer;transition:color .2s;position:relative;font-weight:500}
.bottom-bar .nav-item.active{color:#8B7355;font-weight:700}
.bottom-bar .nav-item .nav-icon{font-size:20px;display:flex;align-items:center;justify-content:center;height:24px;margin-bottom:1px}
.bottom-bar .nav-item .nav-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.bottom-bar .nav-item.active .nav-icon svg{stroke-width:2.1}
.bottom-bar .nav-item.active::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:26px;height:3px;background:linear-gradient(90deg,#8B7355,#B49A75);border-radius:0 0 3px 3px}
/* 结果页 */
.result-header{background:linear-gradient(180deg,#6B1414 0%,#8B1A1A 60%,#7A2020 100%);color:#fff;padding:18px 16px 14px;text-align:center;border-radius:0 0 16px 16px;box-shadow:0 4px 16px rgba(107,20,20,.4);position:relative;overflow:hidden}
.result-header::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='30'%3E%3Cpath d='M5 15 Q15 5 30 15 Q45 25 55 15' stroke='rgba(245,203,168,0.15)' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") repeat-x;opacity:.6;pointer-events:none}
.result-header .bazi-display{font-size:28px;font-family:"SimSun","宋体",serif;letter-spacing:6px;font-weight:700;margin:6px 0 4px;line-height:1.4;text-shadow:0 2px 6px rgba(0,0,0,.5);color:#F5CBA8;position:relative}
.result-header .info-row{font-size:12px;opacity:.95;margin-top:4px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap;font-weight:400;color:rgba(255,245,235,.88);position:relative;text-shadow:0 1px 2px rgba(0,0,0,.3)}
.result-tools{display:flex;gap:0;padding:0;background:#fff;overflow-x:auto;position:sticky;top:52px;z-index:40;border-bottom:2px solid #8B1A1A}
.tool-btn{padding:10px 16px;border:none;border-bottom:3px solid transparent;background:none;color:#888;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s}
.tool-btn:hover{color:#8B1A1A}
.tool-btn.active{color:#8B1A1A;border-bottom-color:#8B1A1A;font-weight:700}
/* 传统结果页英雄区 */
.result-hero{padding:14px 16px 2px;text-align:center}
.result-hero-title{font-size:28px;font-family:"SimSun","宋体",serif;font-weight:700;color:#8B1A1A;letter-spacing:6px;line-height:1.4;margin-bottom:8px}
.result-hero-sub{font-size:12px;color:#666;margin-top:4px}
/* 传统导航链接行 */
.result-nav{display:flex;justify-content:center;gap:20px;padding:10px 16px;background:#fff;border-bottom:1px solid #e8e0d0}
.result-nav a{display:inline-block;font-size:13px;color:#8B1A1A;font-weight:600;text-decoration:none;padding:4px 8px;border-radius:4px;transition:background .2s}
.result-nav a:active{background:#fdf3e0}
.result-nav a:visited{color:#8B1A1A}
/* 金色分隔线 */
.gold-divider{height:1px;background:linear-gradient(to right,transparent,#C9A84C,#E8C84A,#C9A84C,transparent);margin:12px 0}
/* 传统内容区 */
.trad-section{background:#fff;border-radius:12px;margin:10px 12px;padding:14px 16px;box-shadow:0 1px 4px rgba(139,85,51,.1);border:1px solid #e8e0d0}
.trad-section-title{font-size:13px;font-weight:700;color:#8B1A1A;border-bottom:1px solid #f0e0c8;padding-bottom:8px;margin-bottom:10px;letter-spacing:1px}
.trad-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid #f8f4ee;font-size:13px}
.trad-row:last-child{border-bottom:none}
.trad-label{color:#888;font-size:12px}
.trad-value{color:#333;font-weight:500}
/* 大字四柱（截图风格） */
.sz-flow{font-family:"SimSun","宋体",serif;font-size:17px;letter-spacing:4px;line-height:2.2;text-align:center;padding:10px 16px}
.sz-flow .sz-line{display:flex;justify-content:center;align-items:center;gap:12px;padding:2px 0}
.sz-flow .sz-item{display:flex;flex-direction:column;align-items:center;min-width:52px}
.sz-flow .sz-tg{font-size:26px;font-weight:700;line-height:1.3}
.sz-flow .sz-dz{font-size:26px;font-weight:700;line-height:1.3}
.sz-flow .sz-ss{font-size:11px;color:#888;margin-top:2px}
.sz-flow .sz-sep{font-size:22px;color:#ccc;margin:0 4px}
/* 竖排四柱流（截图风格） */
.pillar-flow{display:flex;justify-content:center;gap:10px;padding:6px 0}
.pillar-col-new{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:52px;max-width:70px}
.pillar-nayin{font-size:11px;color:#2d7a2d;margin-bottom:2px;font-family:"SimSun","宋体",serif}
.pillar-shishen{font-size:12px;color:#888;margin-bottom:3px;font-family:"SimSun","宋体",serif}
.pillar-tian-gan{font-size:28px;font-weight:bold;line-height:1.2;font-family:"SimSun","宋体",serif}
.pillar-di-zhi{font-size:28px;font-weight:bold;line-height:1.2;margin-bottom:3px;font-family:"SimSun","宋体",serif}
.pillar-canggan{display:flex;flex-direction:column;gap:1px;font-size:10px;color:#888;font-family:"SimSun","宋体",serif}
.pillar-canggan-item{display:flex;align-items:center;gap:3px}
.cg-gan{font-family:"SimSun","宋体",serif}
.cg-ss{color:#888}
/* 大运流年表 */
#dayunArea{padding:8px 12px}
.dy-section-title{font-size:13px;font-weight:600;color:#333;padding:8px 0 6px}
.dy-grid{display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:4px 0}
.dy-col{flex:0 0 auto;min-width:62px;max-width:80px;padding:6px 4px;font-size:11px;text-align:center;cursor:pointer;border-radius:0;border:none;display:flex;flex-direction:column;background:#faf8f5;border-radius:6px;border:1px solid #e8e0d0}
.dy-col.current-dy{background:#fdf3e0;border-color:#C9A84C}
.dy-year{font-size:12px;font-weight:600;color:#333}
.dy-age{font-size:9px;color:#888;margin:1px 0}
.dy-gz{font-size:13px;font-family:"SimSun","宋体",serif;font-weight:700;line-height:1.4}
.ln-flow{display:flex;flex-direction:column;gap:2px;margin-top:3px}
.ln-item-s{display:flex;align-items:center;justify-content:center;gap:2px;padding:2px 3px;border-radius:3px;font-size:10px}
.ln-item-s.current-ln{background:#e8e0d0}
.ln-tg{font-family:"SimSun","宋体",serif;font-weight:700}
.ln-dz{font-family:"SimSun","宋体",serif;font-weight:700}
.ln-gz-item{font-size:11px;line-height:1.5;padding:4px 3px;border-bottom:1px solid #f0ece4}
.ln-gz-item:last-child{border-bottom:none}
.xiaoyun-col{background:#f8f5f0}
.xy-item{font-size:11px;line-height:1.5;padding:3px 0;border-bottom:1px solid #eee}
.xy-item:last-child{border-bottom:none}
/* 记录页类型筛选 */
.htype-btn{flex:1;padding:7px 0;font-size:12px;text-align:center;border-radius:16px;background:#f5f5f5;color:#888;cursor:pointer;transition:all .2s}
.htype-btn.active{background:#8B7355;color:#fff;font-weight:600}
/* 记录/个人等子页面自带的顶栏与全局顶栏重复，隐藏（全局顶栏已含返回与标题） */
.page > .top-bar{display:none}
/* 隐藏旧版旧式（注意：resultBottomBar/mainBottomBar 是现役底部导航，不能隐藏） */
#extendArea,.result-tools,.result-bottom-bar{display:none !important}
/* 隐藏延伸区（六爻侧不显示八字详情） */
#baziResult,#liuyaoResult{transition:display .2s}

/* ========== 六爻结果页样式 ========== */
/* 六爻英雄区：深红渐变背景 + 金色卦名 */
#liuyaoResult .ly-hero{
  background:linear-gradient(180deg,#6B1414 0%,#8B1A1A 50%,#7A2020 100%);
  padding:18px 16px 12px;text-align:center;
  border-radius:0 0 18px 18px;
}
#liuyaoResult .ly-hero-title{
  font-size:28px;font-family:"SimSun","宋体",serif;font-weight:700;
  color:#F5CBA8;letter-spacing:6px;text-shadow:0 2px 8px rgba(0,0,0,.5);
  margin-bottom:6px;line-height:1.3;
}
#liuyaoResult .ly-hero-title .ly-zhi{
  font-size:22px;color:#D4A843;margin:0 10px;letter-spacing:2px;
}
#liuyaoResult .ly-hero-badges{
  display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:10px;
}
#liuyaoResult .ly-badge{
  font-size:11px;color:rgba(245,203,168,.9);
  background:rgba(255,255,255,.12);border:1px solid rgba(245,203,168,.35);
  padding:3px 10px;border-radius:10px;
}
#liuyaoResult .ly-hero-sub{
  font-size:12px;color:rgba(245,203,168,.8);text-shadow:0 1px 2px rgba(0,0,0,.3);
}
#liuyaoResult .ly-gold-divider{
  height:2px;background:linear-gradient(90deg,transparent,#C9A84C 20%,#C9A84C 80%,transparent);
  margin:0 16px;
}
/* 四柱区 */
#liuyaoResult .ly-sizhu{
  display:flex;justify-content:center;gap:8px;
  padding:12px 16px;background:#FFF8E7;
}
#liuyaoResult .ly-sz-col{
  flex:1;max-width:80px;text-align:center;
  background:#fff;border-radius:10px;
  padding:8px 4px 6px;
  border:1px solid #e8d8b0;
}
#liuyaoResult .ly-sz-label{
  font-size:11px;color:#8a7a6a;margin-bottom:4px;
}
#liuyaoResult .ly-sz-tg{
  font-family:"SimSun","宋体",serif;
  font-size:22px;font-weight:bold;line-height:1.2;color:#c0392b;
}
#liuyaoResult .ly-sz-dz{
  font-family:"SimSun","宋体",serif;
  font-size:22px;font-weight:bold;line-height:1.2;color:#2a5aaa;
}
#liuyaoResult .ly-sz-nayin{
  font-size:10px;color:#2d7a2d;margin-top:3px;font-family:"SimSun","宋体",serif;
}
#liuyaoResult .ly-kongwang{
  text-align:center;padding:6px 16px 10px;
  background:#FFF8E7;font-size:12px;color:#8a7a6a;
}
#liuyaoResult .ly-kongwang span{color:#c0392b;font-weight:600}
/* 节气卡 */
#liuyaoResult .ly-jieqi{
  margin:0 16px 12px;background:#fff;
  border-radius:12px;border:1px solid #e8d8b0;
  padding:10px 14px;
}
#liuyaoResult .ly-jq-row{display:flex;justify-content:space-between;align-items:center;
  padding:4px 0;font-size:13px}
#liuyaoResult .ly-jq-label{color:#888}
#liuyaoResult .ly-jq-val{color:#333;font-weight:500}
/* 卦盘区：全宽并排列 */
#liuyaoResult .ly-gua-board{
  margin:0 16px 16px;
  background:#fffdf9;border-radius:12px;
  border:1px solid #e8d8b0;overflow:hidden;
}
#liuyaoResult .ly-gua-board-title{
  text-align:center;font-size:13px;font-weight:600;
  color:#5a3a1a;padding:10px 8px;background:#faf5e8;
  border-bottom:1px solid #e8d8b0;
  font-family:"SimSun","宋体",serif;
}
#liuyaoResult .ly-gua-board-cols{
  display:flex;gap:0;
}
#liuyaoResult .ly-gua-col{
  flex:1;min-width:0;
}
#liuyaoResult .ly-gua-col-head{
  text-align:center;font-size:12px;font-weight:600;
  color:#8B7355;padding:7px 4px;
  background:#f5f0e6;border-bottom:1px solid #e8d8b0;
  border-right:1px solid #e8d8b0;
}
#liuyaoResult .ly-gua-col-rows{border-right:1px solid #e8d8b0}
#liuyaoResult .ly-gua-col-rows:last-child{border-right:none}
/* 爻行 */
#liuyaoResult .ly-yao-row{
  display:grid;
  grid-template-columns:64px 38px 40px 1fr 54px 40px;
  align-items:center;gap:0;
  padding:8px 6px;
  border-bottom:1px solid #f0ece4;font-size:12px;
}
#liuyaoResult .ly-yao-row:last-child{border-bottom:none}
#liuyaoResult .ly-fu{font-size:10px;color:#9a8a7a;text-align:right}
#liuyaoResult .ly-ls{text-align:center;font-size:11px}
#liuyaoResult .ly-lq{text-align:center;font-size:11px;font-weight:500;color:#5a3a1a}
#liuyaoResult .ly-symbol{
  display:flex;justify-content:center;align-items:center;
  height:22px;position:relative;
}
#liuyaoResult .ly-yang{
  height:4px;width:100%;max-width:60px;
  background:#3a2a1a;border-radius:2px;
}
#liuyaoResult .ly-yin{
  display:flex;gap:4px;width:100%;max-width:60px;
}
#liuyaoResult .ly-yin span{
  height:4px;flex:1;background:#3a2a1a;border-radius:2px;
}
#liuyaoResult .ly-mv{
  position:absolute;right:-18px;top:50%;transform:translateY(-50%);
  font-size:18px;font-weight:bold;
}
#liuyaoResult .ly-mv-y{color:#8B2500}
#liuyaoResult .ly-mv-x{color:#c0392b}
#liuyaoResult .ly-dz{
  text-align:right;font-family:"SimSun","宋体",serif;font-size:13px;font-weight:700;
}
#liuyaoResult .ly-wx{
  font-size:10px;padding:1px 4px;border-radius:6px;
  margin-left:2px;border:1px solid;display:inline-block;
}
#liuyaoResult .ly-wx-金{color:#b8860b;background:#fef9e0;border-color:#e8d48a}
#liuyaoResult .ly-wx-木{color:#2d7a2d;background:#e8f5e0;border-color:#a8d8a0}
#liuyaoResult .ly-wx-水{color:#2a5aaa;background:#e0ecf8;border-color:#9ab8e0}
#liuyaoResult .ly-wx-火{color:#c0392b;background:#fbe8e0;border-color:#e8a890}
#liuyaoResult .ly-wx-土{color:#8b6a2a;background:#f5ecd8;border-color:#d8c090}
#liuyaoResult .ly-ls-青龙{color:#2d7a2d}.ly-ls-朱雀{color:#c0392b}.ly-ls-勾陈{color:#b8860b}
#liuyaoResult .ly-ls-腾蛇{color:#7a3a8a}.ly-ls-白虎{color:#6a6a6a}.ly-ls-玄武{color:#2a2a4a}
/* 图例 */
#liuyaoResult .ly-legend{
  margin:0 16px 20px;display:flex;justify-content:center;
  gap:14px;flex-wrap:wrap;font-size:11px;color:#8a7a6a;
}
#liuyaoResult .ly-legend-item{display:flex;align-items:center;gap:5px}
/* 六爻导航链接 */
#liuyaoResult .ly-nav{
  display:flex;justify-content:center;gap:20px;
  padding:10px 16px;background:#fff;
  border-bottom:1px solid #e8e0d0;
}
#liuyaoResult .ly-nav a{
  display:inline-block;font-size:13px;color:#8B1A1A;
  font-weight:600;text-decoration:none;padding:4px 8px;
}
/* 四柱排盘卡片 */
.paipan-grid{display:flex;padding:20px 12px;gap:4px;overflow-x:auto;width:100%}
.pz-col{display:flex;flex-direction:column;align-items:center;flex:1;min-width:0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1);border:1px solid #e8e0d0}
.pz-head{width:100%;text-align:center;padding:8px 6px;font-size:12px;color:#fff;font-weight:600;letter-spacing:1px}
.yz-hd{background:linear-gradient(135deg,#E57373,#EF9A9A)}
.mz-hd{background:linear-gradient(135deg,#81C784,#A5D6A7)}
.rz-hd{background:linear-gradient(135deg,#64B5F6,#90CAF9)}
.sz-hd{background:linear-gradient(135deg,#FFB74D,#FFCC80)}
.pz-body{width:100%;padding:10px 6px;text-align:center;min-height:140px;display:flex;flex-direction:column;justify-content:center}
/* 四柱新样式 - 水平布局 */
.pillar-row-new{display:flex;align-items:flex-start;justify-content:center;gap:4px;padding:6px 4px;margin:2px 0}
.pillar-label{writing-mode:vertical-rl;text-orientation:upright;font-size:14px;font-weight:bold;color:#333;padding:4px 2px;font-family:"SimSun",serif;display:flex;align-items:center;justify-content:center;width:26px;flex-shrink:0}
.pillar-col-new{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:46px}
.pillar-nayin{font-size:10px;color:#666;margin-bottom:1px;font-family:"SimSun",serif}
.pillar-shishen{font-size:11px;color:#555;margin-bottom:1px;font-family:"SimSun",serif}
.pillar-tian-gan{font-size:20px;font-weight:bold;line-height:1.2;font-family:"SimSun",serif}
.pillar-di-zhi{font-size:20px;font-weight:bold;line-height:1.2;margin-bottom:2px;font-family:"SimSun",serif}
.pillar-canggan{display:flex;flex-direction:column;gap:0px;font-size:10px;color:#666;font-family:"SimSun",serif}
.pillar-canggan-item{display:flex;align-items:center;gap:4px}
.nayin-text{font-size:11px;color:#888;margin:6px 0;line-height:1.4;padding:0 4px}
.shishen-text{font-size:12px;color:#E57373;margin-bottom:6px;font-weight:600;padding:4px 8px;display:inline-block}
.tg-char{font-size:28px;font-family:"SimSun","宋体",serif;font-weight:700;line-height:1.3;margin:4px 0}
.dz-char{font-size:28px;font-family:"SimSun","宋体",serif;font-weight:700;line-height:1.3;margin:4px 0}
.cs-text{font-size:11px;color:#666;margin-top:6px;font-weight:500}
@media screen and (max-width:380px){
  .tg-char,.dz-char{font-size:22px}
  .pz-body{min-height:120px}
  .canggan-list{font-size:10px}
  .ln-flow-item{font-size:11px;padding:2px 4px}
}
/* 扩展行：十二长生、自坐、空亡（对齐四柱） */
.pz-extend{display:flex;padding:4px 8px;gap:2px;width:100%;align-items:center}
.ext-label{width:32px;font-size:10px;color:#888;text-align:right;flex-shrink:0;padding-right:6px;display:flex;align-items:center;justify-content:flex-end}
.col-w{display:flex;flex-direction:column;align-items:center;flex:1;min-width:50px;max-width:none}
.col-w .col-label{font-size:10px;color:#888;margin-bottom:2px}
.col-w .col-value{font-size:11px;color:#333;font-weight:500;margin-top:1px}
.canggan-list{font-size:11px;color:#888;line-height:1.6;margin-top:4px}
.cg-gan{font-family:"SimSun",serif}
.cg-ss{color:#888}
/* 五行颜色 */
.wx-wood{color:#2E7D32}.wx-fire{color:#C62828}.wx-earth{color:#795548}.wx-metal{color:#F9A825}.wx-water{color:#1565C0}
/* 起运信息 */
.qiyun-info{display:flex;gap:6px;padding:8px 10px;background:#fff}
.qiyun-info .qi-card{flex:1;padding:6px 4px;text-align:center}
.qiyun-info .qi-label{font-size:10px;color:#888;margin-bottom:2px}
.qiyun-info .qi-value{font-size:13px;font-weight:600;color:#333}
/* 大运 */
.dy-title,.ln-title{font-size:13px;font-weight:600;color:#333;padding:10px 12px 6px}
.dy-section{margin-bottom:4px}
.dy-section-title{font-size:12px;font-weight:600;color:#8B7355;padding:6px 10px 4px}
.dy-grid{display:flex;gap:4px;padding:6px 8px;overflow-x:auto;-webkit-overflow-scrolling:touch}
/* 大运+流年一体化表格布局（大运在上，流年在下竖排对齐） */
.dy-row{display:flex;flex-direction:row;gap:2px;padding:4px 4px;width:100%;box-sizing:border-box;overflow-x:auto;-webkit-overflow-scrolling:touch}
.dy-col{flex:1;min-width:58px;max-width:100px;padding:4px 2px;font-size:11px;text-align:center;cursor:pointer;border-radius:0;border:none;display:flex;flex-direction:column}
.dy-col.active{border:none;background:none}
/* 大运内部结构 */
.dy-col-head{padding-bottom:2px;margin-bottom:2px}
/* 流年区域：在大运列内部下方竖排 */
.dy-col-ln{display:flex;flex-direction:column;gap:1px;margin-top:0}
.dy-col-ln .ln-item-s{display:flex;align-items:center;justify-content:center;gap:1px;padding:1px 1px;font-size:10px}
.dy-col-ln .ln-tg{font-family:"SimSun","宋体",serif;font-weight:700}
.dy-col-ln .ln-dz{font-family:"SimSun","宋体",serif;font-weight:700}
.dy-col-pre{flex:0 0 26px;cursor:default;display:flex;flex-direction:column;align-items:center}
.dy-year{font-size:12px;font-weight:600;color:#333}
.dy-age{font-size:9px;color:#888;margin:1px 0}
.dy-gz{font-size:13px;font-family:"SimSun","宋体",serif;font-weight:700;line-height:1.3}
.dy-gz:first-of-type{margin-top:2px}
.dy-yunqian{font-size:11px;font-weight:600;color:#8B7355;padding:1px 0}
.xiaoyun-col{background:#f8f5f0;cursor:default}
.xy-item{font-size:11px;line-height:1.5;padding:3px 0;border-bottom:1px solid #eee}
.xy-item:last-child{border-bottom:none}
.ln-col-item{cursor:default}
.ln-gz-item{font-size:11px;line-height:1.5;padding:3px 0;border-bottom:1px solid #eee}
.ln-gz-item:last-child{border-bottom:none}
/* 十二长生 */
.szcs-title{font-size:13px;font-weight:600;color:#333;padding:12px 16px 6px}
.szcs-table{width:100%;border-collapse:collapse;font-size:12px;margin:0 16px;width:calc(100% - 32px)}
.szcs-table th{color:#888;font-weight:500;padding:8px 6px;text-align:center}
.szcs-table td{padding:7px 6px;text-align:center}
.szcs-name{font-family:"SimSun",serif;font-weight:600}
/* 用户菜单 */
.user-menu{position:fixed;top:48px;right:12px;background:#fff;border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,.15);z-index:200;min-width:180px;padding:6px 0;display:none}
.user-menu.show{display:block}
.user-menu-item{padding:10px 16px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:8px;color:#333}
.user-menu-item:active{background:#f5f5f5}
.user-menu-item.danger{color:#F44336}
/* 历史记录 */
.history-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #f5f5f5;align-items:center}
.history-item:last-child{border-bottom:none}
.history-avatar{width:40px;height:40px;border-radius:50%;background:#faf8f5;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.history-actions{display:flex;gap:6px;margin-top:6px}
.history-btn{padding:4px 10px;border-radius:6px;font-size:11px;cursor:pointer;border:none;transition:all .2s}
.btn-view{background:#f0f0f0;color:#666}
.btn-del{background:#fff;color:#F44336;border:1px solid #F44336}
.history-empty{padding:40px;text-align:center;color:#bbb;font-size:14px}
/* Toast */
.toast{position:fixed;top:60px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.75);color:#fff;padding:10px 20px;border-radius:20px;font-size:13px;display:none;z-index:999;white-space:nowrap}
/* 我的收藏 - CSS moved to auth block above */
/* 子时提示 */
.time-note{font-size:11px;color:#888;margin-top:6px;padding:0 2px}


/* 藏干 */
.canggan-list{font-size:11px;color:#888;line-height:1.2}
/* 十二长生单字 */
.cs-text{font-size:11px;color:#888;margin-top:2px}

.ln-col{display:flex;flex-direction:column;gap:2px;padding:0 8px}
.ln-item{display:flex;align-items:center;justify-content:space-between;padding:5px 8px;background:#FFF9E6;border-radius:4px;font-size:13px}
.ln-item.active{background:#FFE4B5}
.ln-gz{font-family:"SimSun","宋体",serif;font-weight:600;letter-spacing:1px}
.ln-age{font-size:11px;color:#888}

/* 八字反推弹窗 */
.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:100;display:flex;align-items:center;justify-content:center}
.modal-content{background:#fff;border-radius:16px;width:90%;max-width:400px;max-height:80vh;overflow-y:auto}
.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #eee}
.modal-title{font-size:16px;font-weight:600}
.modal-close{font-size:24px;cursor:pointer;color:#888;padding:4px}
.modal-body{padding:16px}
.bazi-reverse-grid{display:flex;gap:8px;margin-bottom:16px}
.bazi-reverse-col{flex:1;text-align:center}
.bazi-reverse-label{font-size:12px;color:#888;margin-bottom:6px}
.bazi-reverse-select{width:100%;height:40px;border:1px solid #e8e8e8;border-radius:8px;padding:0 8px;font-size:14px;font-family:"SimSun",serif;text-align:center}
.bazi-reverse-options{display:flex;gap:10px;margin-bottom:16px}
.reverse-results{margin-top:16px;border-top:1px solid #eee;padding-top:16px}
.reverse-results-title{font-size:14px;font-weight:600;margin-bottom:10px}
.result-list{max-height:200px;overflow-y:auto}
.result-item{padding:12px;background:#faf8f5;border-radius:8px;margin-bottom:8px;cursor:pointer;transition:all .2s}
.result-item:hover{background:#FFF9E6}
.result-item:last-child{margin-bottom:0}
.result-date{font-size:14px;font-weight:600;color:#333}
.result-time{font-size:12px;color:#888;margin-top:4px}
/* 八字反推分开选择 */
.reverse-bazi-row{display:flex;gap:10px;margin-bottom:8px}
.rb-col{flex:1}
.rb-label{font-size:12px;color:#888;margin-bottom:4px;text-align:center}
.rb-pair{display:flex;gap:4px}
.rb-select{flex:1;height:38px;border:1px solid #e8e8e8;border-radius:6px;padding:0 4px;font-size:14px;font-family:"SimSun",serif;text-align:center;background:#fff}
.rb-select:focus{border-color:#8B7355}
/* 八字反推竖排 */
.rb-zhubiao{padding:8px 0}
.rb-item{margin-bottom:12px}
.rb-item:last-child{margin-bottom:0}
.rb-label{font-size:12px;color:#888;margin-bottom:6px}
.rb-pair{display:flex;gap:8px}
.rb-pair select{width:50%;height:42px;border:1px solid #e8e8e8;border-radius:8px;padding:0 8px;font-size:15px;font-family:"SimSun",serif;text-align:center;background:#fff}

/* 八字反推 · 四柱点选式（与整站棕色主题统一） */
.rev-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
.rev-pills{display:flex;background:rgba(139,115,85,.10);border-radius:24px;padding:3px}
.rev-pill{border:none;background:transparent;color:#a89a88;font-size:15px;font-weight:600;padding:8px 18px;border-radius:20px;cursor:pointer;transition:all .2s;font-family:inherit}
.rev-pill.active{background:#fff;color:#8B7355;box-shadow:0 1px 4px rgba(139,115,85,.18)}
.rev-ok{border:none;background:linear-gradient(135deg,#8B7355,#A0896A);color:#fff;font-size:15px;font-weight:600;padding:10px 26px;border-radius:24px;cursor:pointer;letter-spacing:2px;box-shadow:0 2px 6px rgba(139,115,85,.25)}
.rev-ok:active{transform:scale(.97)}
.rev-zhu{display:flex;gap:8px;padding:14px 2px 4px}
.rev-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px}
.rev-zlabel{font-size:14px;color:#333;font-weight:600}
.rev-circle{width:100%;max-width:64px;aspect-ratio:1/1;border-radius:50%;background:#f6f1e9;border:1px solid transparent;display:flex;align-items:center;justify-content:center;font-family:"SimSun",serif;font-size:22px;font-weight:700;cursor:pointer;user-select:none;transition:all .15s;color:#333;overflow:hidden;box-sizing:border-box}
.rev-circle.active{background:#fff;border-color:#8B7355;box-shadow:0 0 0 2px rgba(139,115,85,.25)}
/* 反推页五行色与排盘页统一（不再另设色板） */
.rev-rangebar{display:flex;align-items:center;justify-content:space-between;margin:12px 2px 10px;font-size:14px;color:#555}
.rev-kb-hint{font-size:12px;color:#8B7355;margin:0 2px 8px;min-height:16px}
.rev-clear{border:none;background:rgba(139,115,85,.10);color:#8B7355;font-size:13px;padding:7px 16px;border-radius:18px;cursor:pointer}
.rev-kb{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.rev-kb.rev-kb-12{grid-template-columns:repeat(4,1fr)}
.rev-key{height:52px;background:#f6f1e9;border:none;border-radius:12px;font-family:"SimSun",serif;font-size:22px;font-weight:700;cursor:pointer;transition:all .15s}
.rev-key:active{transform:scale(.95);background:rgba(139,115,85,.15)}
.rev-key span{display:inline-block}
.pb-cg-ss{margin-left:3px;color:#888}

/* 登录注册弹窗 */
.auth-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:300;display:flex;align-items:center;justify-content:center}
.auth-modal.hidden{display:none}
.auth-box{background:#fff;border-radius:16px;width:88%;max-width:380px;padding:28px 24px 20px;box-shadow:0 8px 32px rgba(0,0,0,.18)}
.auth-title{font-size:20px;font-weight:700;text-align:center;margin-bottom:20px;color:#333}
.auth-tab{display:flex;gap:0;background:#f5f5f5;border-radius:8px;padding:3px;margin-bottom:20px}
.auth-tab-btn{flex:1;padding:8px;text-align:center;border-radius:6px;font-size:14px;cursor:pointer;color:#888;border:none;background:none;transition:all .2s}
.auth-tab-btn.active{background:#fff;color:#8B7355;font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.1)}
.auth-field{margin-bottom:14px}
.auth-label{display:block;font-size:12px;color:#888;margin-bottom:4px}
.auth-input{width:100%;height:42px;border:1px solid #e8e8e8;border-radius:8px;padding:0 12px;font-size:14px;outline:none}
.auth-input:focus{border-color:#8B7355}
.auth-submit{width:100%;height:44px;background:linear-gradient(135deg,#8B7355,#A0896A);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;margin-top:6px}
.auth-submit:active{transform:scale(.98)}
.auth-close{position:absolute;top:12px;right:16px;font-size:22px;cursor:pointer;color:#999;background:none;border:none}
.auth-error{color:#F44336;font-size:12px;margin-top:6px;text-align:center;display:none}
.auth-hint{text-align:center;margin-top:12px;font-size:13px;color:#999}
.profile-card{border-radius:12px;padding:20px;text-align:center;color:#fff;margin-bottom:12px}
.profile-avatar{width:60px;height:60px;border-radius:50%;background:rgba(255,255,255,.2);display:inline-flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:10px}
.profile-name{font-size:18px;font-weight:700}
.profile-desc{font-size:12px;opacity:.8;margin-top:4px}
.stats-row{display:flex;gap:8px;margin-top:12px}
.stat-item{flex:1;background:rgba(255,255,255,.15);border-radius:8px;padding:8px;text-align:center}
.stat-num{font-size:20px;font-weight:700}.stat-label{font-size:11px;opacity:.8;margin-top:2px}
.logout-btn{width:100%;height:40px;background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:8px;font-size:14px;cursor:pointer;margin-top:10px}
.sync-status{font-size:11px;color:rgba(255,255,255,.6);margin-top:6px}

/* 当前岁数字 */
.current-age{display:inline-block;background:linear-gradient(135deg,#8B7355,#A0896A);color:#fff;font-size:11px;padding:2px 8px;border-radius:10px;margin-top:4px;font-weight:600}
/* 当前大运高亮 */
.dy-col.current-dy{background:#f5f5f5 !important;border-radius:6px}
/* 当前流年高亮 */
.ln-item-s.current-ln{background:#e8e8e8 !important;border-radius:4px}

/* 全局布局修复 */
html, body { overflow-x: hidden; }
#pResult { overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; }
/* 确保大运流年区域可横向滚动 */
.dy-section { overflow-x: auto; -webkit-overflow-scrolling: touch; }

/* ============ 六爻排盘（统一文化棕配色） ============ */
.ly-switch{display:flex;gap:0;background:#f5f5f5;border-radius:10px;padding:3px;margin-bottom:16px}
.ly-switch-btn{flex:1;padding:10px 4px;text-align:center;border-radius:8px;font-size:13px;cursor:pointer;color:#888;transition:all .2s;border:none;background:none;font-weight:500;white-space:nowrap}
.ly-switch-btn.active{background:#fff;color:#8B7355;font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.1)}
.ly-tab{display:flex;gap:0;background:#f5f5f5;border-radius:10px;padding:3px;margin-bottom:14px}
.ly-tab-btn{flex:1;padding:9px;text-align:center;border-radius:8px;font-size:13px;cursor:pointer;color:#888;transition:all .2s;border:none;background:none}
.ly-tab-btn.active{background:#fff;color:#8B7355;font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.1)}
.ly-note{font-size:12px;color:#9a8a7a;line-height:1.8;margin:10px 0;padding:8px 12px;background:#faf8f5;border-radius:8px}
.ly-note b{color:#8B7355}
/* 铜钱起卦进度 */
.yao-progress{display:flex;gap:4px;margin-bottom:14px}
.yao-step{flex:1;text-align:center;padding:8px 4px;border-radius:6px;border:1px solid #e8e0d0;font-size:12px;background:#f5f0e6;color:#6a5a4a}
.yao-step.current{background:#8B7355;color:#fff;border-color:#8B7355}
.yao-step.done{background:#FDF6EE;color:#8B7355}
.coin-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.coin-opt{padding:14px;border:1px solid #e8e0d0;border-radius:8px;text-align:center;cursor:pointer;transition:all .2s;background:#fff}
.coin-opt:hover{background:#f5e8e0}
.coin-opt.selected{background:#8B7355;color:#fff;border-color:#8B7355}
.coin-opt .label{font-size:16px;font-weight:bold}
.coin-opt .desc{font-size:12px;opacity:.7;margin-top:4px}
.coin-done-tip{text-align:center;color:#2d7a2d;padding:10px;font-weight:bold}
/* 卦盘 */
.gua-title{text-align:center;margin:12px 0 18px}
.gua-title h2{font-size:24px;color:#5a2a1a;letter-spacing:6px;font-family:"SimSun","宋体",serif}
.gua-title .zhi{color:#9a7a5a;font-size:18px;margin:0 6px}
.badges{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:10px}
.badge{padding:4px 12px;border:1px solid #d4c4a8;border-radius:12px;font-size:12px;background:#fff;color:#6a5a4a}
.gua-board{margin-top:12px;background:#fffdf9;border:1px solid #e8e0d0;border-radius:10px;padding:12px}
.gua-board-title{text-align:center;font-size:14px;color:#5a2a1a;font-weight:bold;padding:10px;background:#faf8f5;border-radius:8px;margin-bottom:12px;font-family:"SimSun","宋体",serif;line-height:1.6}
.gua-board-cols{display:flex;flex-wrap:wrap;gap:10px}
.gua-col{flex:1;min-width:260px}
.gua-col-head{text-align:center;font-size:13px;font-weight:bold;color:#8B7355;padding:6px;background:#f5f0e6;border:1px solid #e8e0d0;border-bottom:none;border-radius:8px 8px 0 0}
.gua-col-rows{border:1px solid #e8e0d0;border-radius:0 0 8px 8px;overflow:hidden}
.jq-row{display:flex;justify-content:space-between;align-items:center;padding:9px 6px;border-bottom:1px solid #f0ece4;font-size:13px}
.jq-row:last-child{border-bottom:none}
.jq-label{color:#888;flex-shrink:0}
.jq-val{color:#5a2a1a;font-weight:500;text-align:right}
@media(max-width:600px){.gua-col{min-width:0}.fu-col{width:54px}.liuqin{width:38px}.dizhi{width:44px}.yaopos{width:34px}.liushen{width:32px}}
.yao-row{display:flex;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #f0ece4;font-size:13px}
.yao-row:last-child{border-bottom:none}
.fu-col{width:78px;font-size:11px;color:#8B7355;text-align:right;flex-shrink:0}
.liushen{width:38px;text-align:center;font-size:12px;flex-shrink:0}
.liuqin{width:46px;text-align:center;font-size:12px;font-weight:500;flex-shrink:0}
.yao-symbol{flex:1;display:flex;justify-content:center;align-items:center;height:26px;position:relative}
.yang-line{height:4px;width:100%;background:#3a2a1a;border-radius:2px;position:relative}
.yin-line{display:flex;width:100%;gap:8px}
.yin-line span{height:4px;flex:1;background:#3a2a1a;border-radius:2px}
.move-mark{position:absolute;right:-26px;top:50%;transform:translateY(-50%);font-size:24px;font-weight:bold}
.move-young{color:#8B2500}.move-old{color:#c0392b}
.dizhi{width:56px;text-align:right;font-weight:bold;flex-shrink:0}
.wuxing{font-size:10px;padding:2px 6px;border-radius:8px;margin-left:4px;border:1px solid}
.wuxing-金{color:#b8860b;background:#fef9e0;border-color:#e8d48a}
.wuxing-木{color:#2d7a2d;background:#e8f5e0;border-color:#a8d8a0}
.wuxing-水{color:#2a5aaa;background:#e0ecf8;border-color:#9ab8e0}
.wuxing-火{color:#c0392b;background:#fbe8e0;border-color:#e8a890}
.wuxing-土{color:#8b6a2a;background:#f5ecd8;border-color:#d8c090}
.yaopos{width:44px;text-align:right;font-size:12px;color:#9a8a7a;flex-shrink:0}
.ls-青龙{color:#2d7a2d}.ls-朱雀{color:#c0392b}.ls-勾陈{color:#b8860b}.ls-腾蛇{color:#7a3a8a}.ls-白虎{color:#6a6a6a}.ls-玄武{color:#2a2a4a}
.legend{margin-top:16px;display:flex;justify-content:center;gap:16px;flex-wrap:wrap;font-size:12px;color:#8a7a6a}
.legend-item{display:flex;align-items:center;gap:6px}
/* 四柱八字卡片 */
.ly-sizhu{display:flex;gap:6px;padding:12px 8px;justify-content:center}
.ly-sz-col{flex:1;text-align:center;background:#faf8f5;border-radius:10px;padding:10px 4px;border:1px solid #e8e0d0}
.ly-sz-label{font-size:12px;color:#888;margin-bottom:6px}
.ly-sz-gz{display:flex;flex-direction:column;align-items:center;gap:2px;font-family:"SimSun","宋体",serif}
.ly-sz-gz .tg-char{color:#c0392b;font-weight:bold;font-size:22px;line-height:1.1}
.ly-sz-gz .dz-char{color:#2a5aaa;font-weight:bold;font-size:22px;line-height:1.1}
.ly-kongwang{text-align:center;font-size:13px;color:#8B7355;padding:8px;background:#faf8f5;border-radius:8px;margin-top:10px;font-weight:500}

/* ========== 排盘宝风格结果页（八字） ========== */
#pResult{background:#FCF8E3}
.pb-wrap{padding:8px 12px 40px;font-family:"SimSun","宋体",serif;color:#1a1a1a}
/* 宽屏限宽居中，保持排盘宝移动版式 */
@media screen and (min-width:700px){
  #baziResult .pb-wrap,#liuyaoResult,#liurenResult{max-width:640px;margin:0 auto}
}
.pb-info{font-size:13px;line-height:1.8}
.pb-link{color:#C00000;font-size:12px;cursor:pointer}
.pb-pillars{display:flex;justify-content:center;margin-top:6px}
.pb-zao{font-size:15px;font-weight:bold;width:52px;flex-shrink:0;padding-top:18px}
.pb-pcol{width:60px;margin-left:4px;text-align:center}
.pb-nayin{font-size:12px;white-space:nowrap}
.pb-ss{font-size:12px;color:#333;white-space:nowrap}
.pb-gan{font-size:26px;font-weight:bold;line-height:1.35}
.pb-zhi{font-size:26px;font-weight:bold;line-height:1.35}
.pb-cg{font-size:12px;line-height:1.55;color:#333;white-space:nowrap}
.pb-links{margin-top:6px;font-size:12px;color:#C00000;display:flex;align-items:center}
.pb-links span{cursor:pointer;margin-right:12px}
.pb-links .pb-kwtag{margin-left:auto;color:#C00000;cursor:default}
.pb-qiyun{font-size:13px;line-height:1.8;margin-top:2px;display:flex;align-items:flex-start;justify-content:space-between}
.pb-qy-l{flex:1;min-width:0}
.pb-qy-r{flex-shrink:0;margin-left:10px;color:#C0392B;font-weight:bold;white-space:nowrap;font-size:13px}
.pb-ext-row{display:flex;justify-content:center;margin-top:2px;font-size:12px}
.pb-ext-label{width:52px;flex-shrink:0;color:#333;padding-top:1px;white-space:nowrap}
.pb-ext-col{width:60px;margin-left:4px;text-align:center}
/* 大运流年表 */
.pb-dy-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:8px}
.pb-dy{display:flex;min-width:max-content}
.pb-dy-labelcol{width:48px;flex-shrink:0;text-align:left;color:#C0392B;font-size:12px}
.pb-dy-col{width:46px;flex-shrink:0;text-align:center;font-size:12px}
.pb-dy-col.current{background:#F3ECC0;border-radius:4px}
.pb-cell{height:20px;line-height:20px;white-space:nowrap}
.pb-cell-big{height:30px;line-height:30px;font-size:19px;font-weight:bold}
.pb-dy-pre{color:#C00000;font-size:13px !important}
.pb-ln{height:20px;line-height:20px;font-size:12px}
.pb-ln.cur{color:#C00000;font-weight:bold}
/* 字体放大切换 */
.pb-bigfont .pb-info,.pb-bigfont .pb-qiyun{font-size:15px}
.pb-bigfont .pb-gan,.pb-bigfont .pb-zhi{font-size:32px}
.pb-bigfont .pb-nayin,.pb-bigfont .pb-ss,.pb-bigfont .pb-cg{font-size:14px}
.pb-bigfont .pb-dy-col,.pb-bigfont .pb-dy-labelcol{font-size:14px}
.pb-bigfont .pb-cell{height:22px;line-height:22px}
.pb-bigfont .pb-cell-big{height:34px;line-height:34px;font-size:22px}
.pb-bigfont .pb-ln{height:22px;line-height:22px;font-size:13px}

/* ========== 排盘宝风格结果页（六爻） ========== */
.pb-ly{max-width:460px}
.pb-kw{color:#C00000}
.pb-shensha{font-size:13px;line-height:1.8}
.pb-gua-grid{display:grid;grid-template-columns:24px 64px 1fr 24px 1fr 64px;align-items:center;margin-top:8px}
.pb-gua-head{font-size:14px;font-weight:bold;padding:4px 0 8px;white-space:nowrap}
.pb-yao-cell{display:flex;align-items:center;min-height:36px}
.pb-ls{font-size:14px}
.pb-lq{text-align:center;font-size:14px;white-space:nowrap}
.pb-sym{display:flex;justify-content:center;align-items:center}
.pb-bar-w{width:46px;display:flex;align-items:center;justify-content:center}
.pb-bar{display:block;height:5px;background:#222;border-radius:1px}
.pb-yin-w{width:46px;display:flex;justify-content:space-between;align-items:center}
.pb-yin-w .pb-bar{width:20px}
.pb-mv{font-size:15px;font-weight:bold;margin-left:4px}
.pb-mv-y{color:#B8860B}
.pb-mv-x{color:#C00000}
.pb-shi{color:#C00000;font-weight:bold;font-size:14px;text-align:center}
.pb-gua-tags{display:grid;grid-template-columns:24px 64px 1fr 24px 1fr 64px;margin-top:6px;font-size:13px;color:#1a7a1a}
.pb-gua-tags .t1{grid-column:2/4;text-align:center}
.pb-gua-tags .t2{grid-column:5/7;text-align:center}
.pb-duanyu{color:#1a7a1a;font-size:13px;line-height:1.8;margin-top:10px}
.pb-guaci{font-size:13px;line-height:1.9;margin-top:10px}
.pb-bigfont .pb-ls,.pb-bigfont .pb-lq,.pb-bigfont .pb-shi{font-size:17px}
.pb-bigfont .pb-shensha,.pb-bigfont .pb-duanyu,.pb-bigfont .pb-guaci,.pb-bigfont .pb-gua-head{font-size:15px}

/* ========== 排盘宝风格结果页（大六壬） ========== */
.pb-lr{padding-top:2px}
.pb-lr-sec{font-size:13px;font-weight:bold;color:#8B1A1A;margin:10px 0 4px;padding-bottom:2px;border-bottom:1px solid #e8d8b0}
.pb-zao-lr{font-size:13px;padding-top:14px}
.pb-lr-pan{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}
.pb-lr-cell{background:transparent;border:none;border-radius:4px;padding:3px 1px;text-align:center;line-height:1.2;min-height:60px;box-sizing:border-box}
.pb-lr-cell.is-zhuan{background:#FBF2CF}
.pb-lr-cell.is-yong{background:#FDECEA}
.pb-lr-tj{display:block;font-size:11px;color:#6B4423;font-weight:600;white-space:nowrap;overflow:hidden}
.pb-lr-tian{display:block;font-size:21px;font-weight:bold;line-height:1.15}
.pb-lr-di{display:block;font-size:11px;color:#999;white-space:nowrap}
.pb-lr-center{grid-area:2/2/4/4;border:1px solid #e2d8b8;background:#fffdf3;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4px 2px}
.pb-lr-keti{font-size:14px;font-weight:bold;color:#C00000;line-height:1.35}
.pb-lr-sz{font-size:12px;color:#333;line-height:1.5;margin-top:2px}
.pb-lr-ct{font-size:11px;color:#8a7a5a;line-height:1.5;margin-top:2px}
.pb-lr-ke{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;max-width:420px;margin:0 auto}
.pb-lr-kcol{border:1px solid #e2d8b8;background:#fffdf3;border-radius:4px;padding:3px 1px;text-align:center}
.pb-lr-kcol.is-c1{border-color:#C00000}
.pb-lr-klbl{font-size:11px;color:#999}
.pb-lr-ktj{font-size:11px;color:#6B4423;font-weight:600;white-space:nowrap;overflow:hidden}
.pb-lr-kshang{font-size:21px;font-weight:bold;line-height:1.2}
.pb-lr-kxia{font-size:21px;font-weight:bold;line-height:1.2}
.pb-lr-kxia.is-gan{text-decoration:underline}
.pb-lr-zhuan{margin-top:2px;max-width:420px;margin-left:auto;margin-right:auto}
.pb-lr-zrow{display:flex;align-items:center;border-bottom:1px solid #f0e8d0;padding:4px 8px;font-size:13px}
.pb-lr-zrow:last-child{border-bottom:none}
.pb-lr-zrow.is-chu{background:#FDF6E0}
.pb-lr-zl{color:#8B1A1A;font-size:12px;width:46px;flex-shrink:0}
.pb-lr-zlq{color:#333;font-size:12px;width:46px;flex-shrink:0;text-align:center}
.pb-lr-zgz{display:flex;align-items:center;gap:5px;flex-shrink:0}
.pb-lr-zdg{font-size:12px;text-align:center}
.pb-lr-zz{font-size:22px;font-weight:bold;line-height:1.2}
.pb-lr-ztj{color:#6B4423;font-weight:600;font-size:12px}
.pb-lr-jue{font-size:13px;line-height:1.9;color:#5a3a1a;background:#FFFDF0;border:1px solid #efe4c4;border-radius:6px;padding:8px 10px;margin-top:10px}
.pb-lr-steps{margin-top:8px;border-top:1px dashed #e0d0a8;padding-top:6px}
.pb-lr-step{font-size:12.5px;line-height:1.8;color:#333;margin-bottom:6px}
.pb-lr-step b{color:#8B1A1A}
/* 字体放大 */
.pb-bigfont .pb-lr-tj,.pb-bigfont .pb-lr-di,.pb-bigfont .pb-lr-klbl,.pb-bigfont .pb-lr-ktj{font-size:13px}
.pb-bigfont .pb-lr-tian,.pb-bigfont .pb-lr-kshang,.pb-bigfont .pb-lr-kxia{font-size:26px}
.pb-bigfont .pb-lr-zz{font-size:27px}
.pb-bigfont .pb-lr-zrow{font-size:15px}
.pb-bigfont .pb-lr-zl,.pb-bigfont .pb-lr-zlq,.pb-bigfont .pb-lr-zdg,.pb-bigfont .pb-lr-ztj{font-size:14px}
.pb-bigfont .pb-lr-keti{font-size:17px}
.pb-bigfont .pb-lr-sec,.pb-bigfont .pb-lr-jue,.pb-bigfont .pb-lr-step{font-size:15px}

/* ========== 更多工具 · 入口面板 ========== */
.more-list{padding:12px}
.more-item{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #f0ece4;border-radius:14px;background:#faf8f5;cursor:pointer;transition:all .15s}
.more-item:active{background:#f5efe4;transform:scale(.99)}
.more-ico{width:42px;height:42px;flex-shrink:0;border-radius:12px;background:linear-gradient(135deg,#8B7355,#D4B896);color:#fff;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;font-family:"SimSun","宋体",serif}
.more-body{flex:1;min-width:0}
.more-name{font-size:14.5px;font-weight:700;color:#333;letter-spacing:.3px}
.more-desc{font-size:11.5px;color:#a09684;margin-top:4px;line-height:1.5}
.more-arrow{flex-shrink:0;color:#cdc4b5;font-size:18px;padding-right:2px}

/* ========== 万年历 · 婚姻择吉 ========== */
.wl-back-row{display:flex;align-items:center;margin-bottom:12px}
.wl-back{font-size:13px;font-weight:600;color:#8B7355;cursor:pointer;padding:6px 14px;border-radius:16px;background:#fff;border:1px solid #efe9df;transition:all .15s}
.wl-back:active{background:#f7f2e9}
.wl-today{margin-left:auto;border:1px solid #efe9df;background:#fff;color:#8B7355;font-size:13px;font-weight:600;padding:7px 18px;border-radius:16px;cursor:pointer;font-family:inherit;transition:all .15s}
.wl-today:active{background:#f7f2e9}
.wl-tabs{margin-bottom:12px}
.wl-note{font-size:11px;color:#b0a694;line-height:1.85;padding:2px 4px 10px;text-align:center}

/* 月历 */
.wl-cal-card{padding:0}
.wl-cal-tb{display:flex;align-items:center;gap:6px;padding:12px;background:linear-gradient(180deg,#faf8f5,#fff);border-bottom:1px solid #f5f0e8}
.wl-nav-btn{width:30px;height:30px;border-radius:50%;border:1px solid #e8e0d4;background:#fff;color:#8B7355;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s;font-family:inherit;padding:0}
.wl-nav-btn:active{background:#f2ece2;transform:scale(.94)}
.wl-cal-title{flex:1;text-align:center;line-height:1.3;min-width:0}
.wl-cy{font-size:18px;font-weight:800;color:#2b2b2b;letter-spacing:.5px}
.wl-cy small{font-size:12px;font-weight:600;color:#B8860B;margin-left:3px}
.wl-cgz{font-size:12px;color:#8b8271;margin-top:2px;letter-spacing:.5px;font-weight:600}
.wl-cal-week{display:grid;grid-template-columns:repeat(7,1fr);background:#faf8f5;border-bottom:1px solid #f5f0e8}
.wl-cal-week div{text-align:center;font-size:13px;font-weight:700;color:#8b8271;padding:8px 0}
.wl-cal-week div:first-child,.wl-cal-week div:last-child{color:#C0392B}
.wl-cal-grid{display:grid;grid-template-columns:repeat(7,1fr)}
.wl-cell{position:relative;border-right:1px solid #f7f4ee;border-bottom:1px solid #f7f4ee;padding:6px 1px 5px;text-align:center;cursor:pointer;min-height:72px;background:#fff;transition:background .12s;overflow:hidden}
.wl-cell:nth-child(7n){border-right:none}
.wl-cell:active{background:#fdf8ee}
.wl-cell.out{background:#fcfbf8;cursor:default}
.wl-cell.out .wl-cd{color:#d5cec2}
.wl-cell.out .wl-cl,.wl-cell.out .wl-cx{color:#e0dad0}
.wl-cell.full{min-height:82px}
.wl-cell .wl-cd{font-size:17px;font-weight:800;color:#2b2b2b;line-height:1.15;font-variant-numeric:tabular-nums}
.wl-cell .wl-cl{font-size:11.5px;font-weight:600;color:#6b6357;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 1px}
.wl-cell .wl-cx{font-size:10.5px;color:#8b8271;line-height:1.35;white-space:nowrap;overflow:hidden}
.wl-cell .wl-cx b{font-weight:700}
.wl-cell.ji .wl-cx b{color:#C0392B}
.wl-cell.mid .wl-cx b{color:#B8860B}
.wl-cell.xi .wl-cx b{color:#9b9488}
.wl-cell.fest .wl-cl{color:#C0392B;font-weight:700}
.wl-cell.jq .wl-cl{color:#B8860B;font-weight:700}
.wl-cell.today{background:linear-gradient(180deg,#fdf0ef,#fbe6e4)}
.wl-cell.today .wl-cd{color:#8B1A1A}
.wl-cell.today::after{content:'';position:absolute;inset:0;border:1.5px solid #8B1A1A;pointer-events:none;border-radius:2px}
.wl-cell.sel{background:#fdf6e8}
.wl-cell.sel::after{content:'';position:absolute;inset:0;border:1.5px solid #B8860B;pointer-events:none;border-radius:2px}
.wl-cell.hun::before{content:'囍';position:absolute;top:2px;right:3px;font-size:10px;color:#C0392B;font-weight:700}
.wl-cell.hun.ts::before{color:#B22222;text-shadow:0 0 6px rgba(178,34,34,.35)}
.wl-legend{display:flex;flex-wrap:wrap;gap:10px;padding:10px 14px;font-size:11.5px;color:#8b8271;background:#fff;border-top:1px solid #f5f0e8;align-items:center}
.wl-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px;vertical-align:1px}

/* 日课详情抽屉 */
.wl-mask{position:fixed;inset:0;background:rgba(30,20,10,.42);z-index:1990;opacity:0;pointer-events:none;transition:opacity .22s}
.wl-mask.on{opacity:1;pointer-events:auto}
.wl-sheet{position:fixed;left:0;right:0;bottom:0;max-width:640px;margin:0 auto;background:#fff;border-radius:20px 20px 0 0;z-index:1995;transform:translateY(102%);transition:transform .28s cubic-bezier(.32,.72,.3,1);max-height:86vh;display:flex;flex-direction:column;box-shadow:0 -6px 30px rgba(0,0,0,.18)}
.wl-sheet.on{transform:translateY(0)}
.wl-sheet-head{position:relative;padding:16px 18px 12px;background:linear-gradient(135deg,#6B1414,#8B1A1A);border-radius:20px 20px 0 0;flex-shrink:0}
.wl-sheet-head .wl-d1{font-size:20px;font-weight:800;color:#F5CBA8;letter-spacing:.5px}
.wl-sheet-head .wl-d1 small{font-size:13px;font-weight:600;margin-left:6px;opacity:.85}
.wl-sheet-head .wl-d2{font-size:12px;color:rgba(245,203,168,.8);margin-top:4px;letter-spacing:.4px}
.wl-sheet-close{position:absolute;top:14px;right:14px;width:28px;height:28px;border-radius:50%;border:none;background:rgba(255,255,255,.14);color:#F5CBA8;font-size:16px;cursor:pointer;line-height:1;font-family:inherit}
.wl-sheet-body{overflow-y:auto;padding:12px 14px 26px;-webkit-overflow-scrolling:touch}
.wl-sec{background:#faf8f5;border:1px solid #f0ece4;border-radius:12px;padding:11px 13px;margin-bottom:10px}
.wl-sec-t{font-size:12px;font-weight:700;color:#B8860B;letter-spacing:1px;margin-bottom:7px}
.wl-kv{display:flex;font-size:13.5px;line-height:1.9;color:#444}
.wl-kv .wl-k{color:#8b8271;flex-shrink:0;width:66px}
.wl-kv .wl-v{flex:1;font-weight:600;color:#2b2b2b}
.wl-xiu-name{font-size:18px;font-weight:800;color:#2b2b2b}
.wl-badge{display:inline-block;font-size:11px;font-weight:700;padding:2px 8px;border-radius:9px;margin-left:6px;vertical-align:2px;color:#fff}
.wl-badge.ji{background:#C0392B}
.wl-badge.xi{background:#a8a094}
.wl-poem{font-size:12.5px;line-height:1.9;color:#5f584a;margin-top:8px;padding:9px 11px;background:#fff;border-radius:8px;border-left:3px solid #D4B896;letter-spacing:.3px}
.wl-yj{display:flex;gap:10px;margin-top:6px}
.wl-yj>div{flex:1;font-size:12.5px;line-height:1.8}
.wl-yj .wl-lb{display:inline-block;width:21px;height:21px;line-height:21px;text-align:center;border-radius:5px;font-size:12.5px;font-weight:700;color:#fff;margin-right:5px}
.wl-yj .wl-yi .wl-lb{background:#C0392B}
.wl-yj .wl-ji .wl-lb{background:#7a756c}
.wl-tips{font-size:12.5px;line-height:1.9;color:#4f4940}
.wl-tips .wl-row{margin-bottom:4px}
.wl-tips .wl-row b{color:#8B1A1A}
.wl-warnbox{background:#fdf6ec;border:1px solid #f0e0c4;border-radius:10px;padding:10px 13px;font-size:12.5px;color:#7d6242;line-height:1.85;margin-top:8px}
.wl-warnbox div::before{content:'· ';font-weight:700}

/* 婚姻择吉表单 */
.wl-hd{padding:14px}
.wl-hd-desc{font-size:12.5px;color:#7d7365;line-height:1.75}
.wl-form-row{display:flex;gap:8px;align-items:flex-end;margin-top:14px;flex-wrap:wrap}
.wl-fld{flex:1;min-width:64px}
.wl-fld label{display:block;font-size:12px;color:#7d7365;margin-bottom:4px;text-align:center;font-weight:600}
.wl-fld input{width:100%;height:42px;border:1px solid #e8e8e8;border-radius:8px;background:#fff;text-align:center;font-size:15px;font-weight:700;color:#333;font-family:inherit;outline:none;transition:all .15s;-moz-appearance:textfield}
.wl-fld input:focus{border-color:#8B7355}
.wl-fld input::-webkit-outer-spin-button,.wl-fld input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.wl-chk{display:flex;align-items:center;gap:5px;font-size:12.5px;color:#8B7355;cursor:pointer;height:42px;padding:0 4px;white-space:nowrap}
.wl-chk input{width:16px;height:16px;accent-color:#8B1A1A}
.wl-quick{margin-top:10px;text-align:center;font-size:12px;color:#8b8271}
.wl-quick span{color:#8B7355;cursor:pointer;text-decoration:underline;text-underline-offset:3px;margin:0 5px}

/* 命主卡 */
.wl-mcard{background:linear-gradient(135deg,#7A1515,#8B1A1A 55%,#6B1414);border-radius:16px;padding:16px;margin-bottom:12px;color:#F5CBA8;box-shadow:0 4px 16px rgba(107,20,20,.28)}
.wl-mcard .wl-who{font-size:16px;font-weight:800;letter-spacing:1px;display:flex;align-items:center;gap:8px}
.wl-mcard .wl-who .wl-zg{font-size:12px;font-weight:600;background:rgba(245,203,168,.18);border-radius:8px;padding:2px 8px;letter-spacing:0}
.wl-mcard .wl-sub{font-size:12.5px;color:rgba(245,203,168,.88);margin-top:6px;line-height:1.7}
.wl-mgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.wl-mbox{background:rgba(255,255,255,.1);border-radius:10px;padding:8px 10px}
.wl-mbox .wl-lb{font-size:11.5px;color:rgba(245,203,168,.85);margin-bottom:3px;letter-spacing:.5px}
.wl-mbox .wl-vl{font-size:15px;font-weight:800;color:#F5CBA8;letter-spacing:.5px}
.wl-mbox .wl-vl em{font-style:normal;font-size:11.5px;font-weight:600;opacity:.85}
.wl-mbox.wl-full{grid-column:1/-1}

/* 年度结果 */
.wl-yblock{background:#fff;border-radius:16px;border:1px solid #f0ece4;box-shadow:0 2px 12px rgba(0,0,0,.06);margin-bottom:12px;overflow:hidden}
.wl-yhead{display:flex;align-items:center;gap:10px;padding:13px 15px;background:linear-gradient(180deg,#faf8f5,#fff);border-bottom:1px solid #f5f0e8}
.wl-yhead .wl-yy{font-size:18px;font-weight:800;color:#2b2b2b}
.wl-yhead .wl-yg{font-size:12px;color:#B8860B;font-weight:700;margin-left:2px}
.wl-yhead .wl-yc{margin-left:auto;font-size:12px;color:#8b8271}
.wl-yhead .wl-yc b{color:#C0392B;font-size:14px}
.wl-mgroup{padding:12px 14px 4px}
.wl-mgroup+.wl-mgroup{border-top:1px dashed #f0ece4}
.wl-mgt{display:flex;align-items:center;gap:7px;margin-bottom:10px}
.wl-mgt .wl-mn{font-size:14.5px;font-weight:800;color:#8B1A1A}
.wl-mgt .wl-mt{font-size:11px;font-weight:700;padding:2px 8px;border-radius:8px;background:#fdf0ef;color:#C0392B}
.wl-mgt .wl-mt.x{background:#f4f1ea;color:#8b8271}
.wl-dayrow{display:flex;gap:10px;padding:9px 11px;border-radius:11px;background:#faf8f5;margin-bottom:7px;border:1px solid #f2ede4;cursor:pointer;transition:all .13s}
.wl-dayrow:active{background:#f5efe4}
.wl-dayrow.top{background:linear-gradient(100deg,#fdf2f0,#fdf8f4);border-color:#f2d9d5}
.wl-dayrow .wl-lvl{flex-shrink:0;width:38px;text-align:center;padding-top:2px}
.wl-dayrow .wl-lvl .wl-s{font-size:15px;font-weight:800;color:#C0392B;line-height:1.15}
.wl-dayrow .wl-lvl .wl-t{font-size:11px;color:#C0392B;font-weight:700;margin-top:1px}
.wl-dayrow.good .wl-lvl .wl-s,.wl-dayrow.good .wl-lvl .wl-t{color:#B8860B}
.wl-dayrow.ok .wl-lvl .wl-s,.wl-dayrow.ok .wl-lvl .wl-t{color:#9b8f7a}
.wl-dayrow .wl-mid{flex:1;min-width:0}
.wl-dayrow .wl-dt{font-size:15px;font-weight:800;color:#2b2b2b;letter-spacing:.2px}
.wl-dayrow .wl-dt em{font-style:normal;font-size:12px;color:#8b8271;font-weight:600;margin-left:4px}
.wl-dayrow .wl-meta{font-size:12.5px;color:#6f6a61;margin-top:4px;line-height:1.6}
.wl-dayrow .wl-meta b{color:#8B1A1A;font-weight:700}
.wl-dayrow .wl-why{font-size:11.5px;color:#8b8271;margin-top:4px;line-height:1.6;overflow:hidden}
.wl-dayrow .wl-arrow{align-self:center;color:#cdc4b5;font-size:15px;flex-shrink:0}
.wl-emptybox{padding:30px 20px;text-align:center;color:#b5aa98;font-size:13px;line-height:1.9}
.wl-rulebox{background:#fcfaf6;border:1px solid #f0ece4;border-radius:12px;padding:12px 14px;font-size:12px;color:#7d7365;line-height:1.95;margin-bottom:12px}
.wl-rulebox b{color:#8B1A1A}
.wl-rulebox .wl-tt{font-size:12.5px;font-weight:700;color:#B8860B;letter-spacing:1px;margin-bottom:6px}
.wl-rulebox code{background:#f4f0e8;padding:1px 5px;border-radius:4px;font-size:11.5px;color:#6b5748;font-family:inherit}
/* 宽屏限宽（与结果页 640px 策略一致） */
@media screen and (min-width:700px){
  #wnlInput{max-width:640px;margin:0 auto}
}

/* ================= 万年历 v20260920d：抽屉前后一天 / 时辰吉凶 / 跳转选择器 / 诸事择吉 / 日期计算 ================= */
/* 抽屉头部：前一天/后一天胶囊 */
.wl-sheet-head-nav{display:flex;align-items:center;gap:8px;padding-right:40px}
.wl-sheet-head-nav .wl-sheet-mid{flex:1;min-width:0}
.wl-pill{flex-shrink:0;border:1px solid rgba(245,203,168,.55);background:rgba(255,255,255,.12);color:#F5CBA8;font-size:12px;font-weight:600;padding:6px 10px;border-radius:16px;cursor:pointer;font-family:inherit;white-space:nowrap;transition:background .15s}
.wl-pill:active{background:rgba(255,255,255,.25)}
/* 年份可点击 */
.wl-cy{cursor:pointer}
.wl-cy:active{opacity:.7}
/* 日历卡内嵌滚轮（比八字排盘矮一截） */
.wl-dp-wrap .wheel-col{height:200px;padding:80px 0}
.wl-dp-wrap .wheel-band{height:40px}
/* 十二时辰吉凶 */
.wl-sc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px}
.wl-sc-cell{border-radius:9px;padding:7px 2px;text-align:center;border:1px solid #eee3d3;background:#fff}
.wl-sc-cell.ji{background:#fdf3ef;border-color:#eec9bd}
.wl-sc-cell.xi{background:#f6f5f2;border-color:#e5e0d6;opacity:.82}
.wl-sc-cell.po{background:#f3e3e3;border-color:#ddb1b1}
.wl-sc-gz{font-size:15px;font-weight:800;color:#2b2b2b}
.wl-sc-god{font-size:11px;color:#7c6f5d;margin-top:1px}
.wl-sc-jx{display:inline-block;font-size:10px;font-weight:700;color:#fff;border-radius:8px;padding:1px 7px;margin-top:3px}
.wl-sc-cell.ji .wl-sc-jx{background:#B22222}
.wl-sc-cell.xi .wl-sc-jx{background:#8C8C8C}
.wl-sc-cell.po .wl-sc-jx{background:#6B1414}
.wl-sc-rg{font-size:10px;color:#b0a893;margin-top:3px;font-variant-numeric:tabular-nums}
/* 诸事择吉事项下拉 */
.wl-fld-wide{flex:2.2}
.wl-ev-sel{width:100%;height:38px;border:1px solid #e5ddd0;border-radius:9px;padding:0 10px;font-size:13px;background:#faf8f5;outline:none;font-family:inherit;color:#333}
/* 日期计算 */
.wl-calc-card{margin-top:12px}
.wl-calc-tabs{display:flex;gap:6px;padding:10px 12px 0}
.wl-calc-tab{flex:1;border:1px solid #e5ddd0;background:#faf8f5;color:#7c6f5d;font-size:12px;font-weight:600;padding:7px 0;border-radius:16px;cursor:pointer;font-family:inherit}
.wl-calc-tab.active{background:#8B7355;border-color:#8B7355;color:#fff}
.wl-calc-big{font-size:16px;font-weight:700;color:#2b2b2b;padding:12px 14px 2px}
.wl-calc-big em{font-style:normal;color:#B22222;font-size:22px;padding:0 2px}
.wl-calc-big b{color:#8B1A1A}
.wl-calc-sub{font-size:12px;color:#9b9b9b;padding:2px 14px 12px}
.wl-calc-sel{width:calc(100% - 28px);margin:10px 14px 4px;height:38px;border:1px solid #e5ddd0;border-radius:9px;padding:0 10px;font-size:13px;background:#faf8f5;outline:none;font-family:inherit;color:#333}
.wl-calc-range-row{display:flex;align-items:center;gap:8px;padding:12px 14px 4px}
.wl-calc-date{flex:1;min-width:0;height:38px;border:1px solid #e5ddd0;border-radius:9px;padding:0 10px;font-size:13px;background:#faf8f5;outline:none;font-family:inherit;color:#333}
.wl-calc-sep{font-size:13px;color:#9b9b9b}
.wl-calc-out{min-height:24px}
/* ================= 卦气应期弹窗 ================= */
.gq-line{margin-bottom:2px}
.gq-sub{font-size:11px;color:#9b8c74;margin:0 0 8px 12px}
.gq-sep{border-top:1px dashed #e5ddd0;margin:9px 0}
.gq-hl{color:#B22222;font-size:15px}
.gq-note{margin-top:10px;font-size:11px;color:#a49a86;background:#faf8f5;border:1px solid #f0ece4;border-radius:9px;padding:8px 10px;line-height:1.7}


/* ============ 天数推日 ============ */
.wl-calc-dirsel{flex:none;width:74px;height:38px;border:1px solid #e5ddd0;border-radius:9px;padding:0 6px;font-size:13px;background:#faf8f5;outline:none;font-family:inherit;color:#333}
.wl-calc-num{flex:1;min-width:0;height:38px;border:1px solid #e5ddd0;border-radius:9px;padding:0 10px;font-size:14px;font-weight:600;background:#faf8f5;outline:none;font-family:inherit;color:#B22222;text-align:center}

/* ============ 卦气应期：原文引用与应期爻高亮 ============ */
.gq-quote{font-size:11px;color:#8a7a5f;background:#faf6ee;border-left:3px solid #c9b78f;border-radius:0 8px 8px 0;padding:6px 9px;margin:6px 0 2px 12px;line-height:1.75}
.gq-hit{background:#fdf0ec;border-radius:8px;padding:2px 8px;margin-left:-8px}

/* ========== 大运最右「今年」列 ========== */
.pb-dy-col-now{background:#FBF3DA;border-radius:4px;box-shadow:inset 0 0 0 1px #E4C86A}
.pb-agedy-hd{font-size:14px !important;color:#C0392B}
.pb-agedy{height:34px !important;line-height:16px !important;font-size:12px;color:#C0392B;white-space:normal;display:flex;align-items:center;justify-content:center}

/* ========== 六爻自动解卦面板 ========== */
.ly-itp{max-width:460px;margin-top:10px;border-top:1px dashed #DDD;padding-top:8px}
.ly-itp-title{font-size:13px;color:#C0392B;font-weight:bold;margin-bottom:6px}
.ly-itp-tip{font-size:11px;color:#999;margin-bottom:6px;line-height:1.6}
.ly-itp-grid{display:flex;flex-wrap:wrap;gap:6px}
.ly-itp-card{flex:1 1 46%;min-width:140px;border:1px solid #E3D9C6;border-radius:5px;background:#FFFDF6;padding:5px 7px;cursor:pointer}
.ly-itp-card.open{background:#FFF8E6}
.ly-itp-hd{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:bold}
.ly-itp-lv{font-size:11px;font-weight:bold;padding:0 5px;border-radius:8px;line-height:16px}
.lv-ji{color:#C0392B;background:#FBE9E7}
.lv-ping{color:#8A6D3B;background:#F5EFE0}
.lv-xiong{color:#5A5A5A;background:#ECECEC}
.ly-itp-sum{font-size:11px;color:#555;line-height:1.6;margin-top:3px}
.ly-itp-bd{display:none;margin-top:5px;border-top:1px dotted #E0D6BF;padding-top:5px}
.ly-itp-card.open .ly-itp-bd{display:block}
.ly-itp-bd ul{margin:0;padding-left:15px}
.ly-itp-bd li{font-size:11px;color:#444;line-height:1.7}
.ly-itp-bd li b{color:#C0392B}
.ly-itp-rule{color:#999}
.ly-itp-adv{margin-top:4px;font-size:11px;color:#7A5C1E;background:#FBF3DA;border-radius:4px;padding:4px 6px;line-height:1.6}
.ly-itp-q{font-size:11px;color:#C0392B;margin-bottom:4px}

/* ========== 自动推理弹窗（八字 / 六爻共用） ========== */
.itp-body{max-height:74vh;overflow-y:auto;padding:12px 14px;-webkit-overflow-scrolling:touch}
.bz-wrap{font-size:12px;color:#333;line-height:1.7}
.bz-title{font-size:14px;font-weight:bold;color:#C0392B;text-align:center;margin-bottom:2px}
.bz-tip{font-size:11px;color:#999;line-height:1.6;text-align:center;margin-bottom:8px;padding-bottom:6px;border-bottom:1px dashed #DDD}
.bz-card{border:1px solid #E3D9C6;border-radius:6px;background:#FFFDF6;margin-bottom:8px;overflow:hidden}
.bz-hd{display:flex;align-items:center;justify-content:space-between;background:#FBF3DA;padding:5px 8px;font-size:12px;font-weight:bold;color:#7A5C1E}
.bz-bd{padding:6px 8px}
.bz-sub{font-size:11px;font-weight:bold;color:#8A6D3B;margin:6px 0 3px;border-left:3px solid #E4C86A;padding-left:5px}
.bz-row{margin-bottom:4px}
.bz-dim{font-size:11px;color:#999;line-height:1.6;margin-top:4px}
.bz-none{font-size:11px;color:#999;padding:4px 0}
.bz-jue{font-size:11px;color:#7A5C1E;background:#FBF3DA;border-radius:4px;padding:5px 7px;line-height:1.9;margin:4px 0}
.bz-tb{width:100%;border-collapse:collapse;font-size:11px;margin:4px 0}
.bz-tb th{background:#F5EFE0;color:#7A5C1E;font-weight:bold;padding:4px 5px;border:1px solid #E3D9C6;text-align:left}
.bz-tb td{padding:4px 5px;border:1px solid #E8E0CF;vertical-align:top;line-height:1.6}
.bz-card ul{margin:2px 0 2px 0;padding-left:16px}
.bz-card li{font-size:11px;line-height:1.75;margin-bottom:1px}
.bz-li{list-style:none;margin:0;padding:0}
.bz-li li{font-size:11px;line-height:1.8;padding-left:10px;position:relative}
.bz-li li:before{content:'·';position:absolute;left:2px;color:#C0392B;font-weight:bold}

/* ========== 大六壬推理面板 ========== */
.lr-src{font-size:10px;color:#A08C6A;margin-left:4px}
.bz-li li b{color:#C0392B}
.bz-card .ly-itp-lv{font-size:11px;font-weight:bold;padding:0 6px;border-radius:8px;line-height:17px;white-space:nowrap}