:root{
  --bg:#f7f4ee; --card:#fff; --ink:#26251f; --sub:#726c5f;
  --line:#e6dfd2; --accent:#8a6d3b; --accent-2:#a8863f;
  --warn:#b0563b; --good:#3f7a52; --radius:14px;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{background:#eee7d9}
html,body{margin:0;padding:0}
body{
  background:var(--bg);color:var(--ink);
  font:16px/1.75 -apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  padding-bottom:30px;
}
.hd{padding:16px 16px 8px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.home-btn{flex:0 0 auto;font-size:13px;color:var(--accent);text-decoration:none;
  border:1px solid var(--line);background:#fff;border-radius:20px;padding:6px 13px;letter-spacing:.5px}
.home-btn:active{opacity:.6}
.brand{display:flex;align-items:center;gap:10px}
.logo{
  width:38px;height:38px;border-radius:10px;background:linear-gradient(140deg,#8a6d3b,#c8a45c);
  color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;
  font-family:"Songti SC",serif;box-shadow:0 2px 8px rgba(138,109,59,.28)
}
.brand b{display:block;font-size:17px;letter-spacing:1px}
.brand i{display:block;font-style:normal;font-size:12px;color:var(--sub);letter-spacing:.5px}

main{padding:0 16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin:12px 0}
.card h2{font-size:17px;margin:0 0 10px;letter-spacing:.5px}
.card h3{font-size:15px;margin:14px 0 6px;color:var(--accent)}

/* 首屏 */
.hero{padding:8px 0 4px}
.hero h1{font-size:23px;line-height:1.5;margin:8px 0 10px;letter-spacing:.5px}
.hero h1 em{font-style:normal;color:var(--accent)}
.hero p{color:var(--sub);font-size:14.5px;margin:0 0 14px}
.btns{display:flex;flex-direction:column;gap:10px;margin:14px 0 4px}
.btn{
  display:block;width:100%;border:0;border-radius:12px;padding:15px;font-size:16px;font-weight:600;
  background:linear-gradient(140deg,#8a6d3b,#a8863f);color:#fff;letter-spacing:1px;
  box-shadow:0 4px 14px rgba(138,109,59,.25);text-decoration:none;text-align:center;
  font-family:inherit
}
.btn.ghost{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none;font-weight:500}
.btn:active{transform:translateY(1px)}
.feat{display:flex;gap:8px;margin:16px 0 4px;overflow:auto}
.feat div{flex:0 0 auto;background:#fff;border:1px solid var(--line);border-radius:10px;
  padding:8px 12px;font-size:13px;color:var(--sub)}

/* 表单 */
label.f{display:block;font-size:13px;color:var(--sub);margin:14px 0 6px}
.row{display:flex;gap:8px}
.row>*{flex:1;min-width:0}
input,select{
  width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff;
  font-size:15px;color:var(--ink);font-family:inherit;-webkit-appearance:none;appearance:none
}
input:focus,select:focus{outline:none;border-color:var(--accent-2)}
.seg{display:flex;background:#efe9dd;border-radius:10px;padding:3px;gap:3px}
.seg button{flex:1;border:0;background:transparent;padding:9px;border-radius:8px;font-size:15px;
  color:var(--sub);font-family:inherit}
.seg button.on{background:#fff;color:var(--ink);font-weight:600;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.agree{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--sub);margin:16px 0 4px;line-height:1.6}
.agree input{
  appearance:auto;-webkit-appearance:checkbox;
  width:20px;height:20px;flex:0 0 20px;margin-top:2px;
  accent-color:var(--accent);cursor:pointer;
}
.agree.on{color:var(--ink)}
.agree a{color:var(--accent)}
.agree.disc{font-size:12.5px;margin-top:12px;color:var(--sub)}
.tip{font-size:12.5px;color:var(--sub);margin:6px 0 0}

/* 结果 */
.pan{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:6px 0 2px}
.pan div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 4px;text-align:center}
.pan b{display:block;font-size:17px;letter-spacing:1px;font-family:"Songti SC",serif}
.pan i{display:block;font-style:normal;font-size:11px;color:var(--sub);margin-top:2px}
.pan s{display:block;text-decoration:none;font-size:11px;color:#9b917d;margin-top:1px}

.lc{background:linear-gradient(150deg,#fbf7ee,#fff);border:1px solid var(--line);
  border-radius:var(--radius);padding:16px;margin:12px 0}
.lc .loc{font-size:17.5px;font-weight:700;line-height:1.6}
.lc .kw{display:flex;align-items:center;gap:8px;margin:10px 0 4px;flex-wrap:wrap}
.lc .kw span{font-size:12px;color:var(--sub)}
.lc .kw b{background:var(--accent);color:#fff;border-radius:7px;padding:2px 10px;font-size:13.5px}
.lc .kw i{font-style:normal;font-size:13px;color:var(--sub)}
.cols2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:6px}
@media (max-width:380px){.cols2{grid-template-columns:1fr}}
.ttl{font-size:12.5px;color:var(--accent);letter-spacing:1px;margin:12px 0 4px;
  border-left:3px solid var(--accent);padding-left:7px}
.it{padding:6px 0;border-bottom:1px dashed var(--line);font-size:14.5px}
.it:last-child{border-bottom:0}
.it b{color:var(--ink)}
.it small{display:block;color:var(--sub);font-size:13px;margin-top:2px;line-height:1.6}
.it.pit b{color:var(--warn)}
.tipbox{margin-top:12px;padding:11px 12px;background:#fff;border-left:3px solid var(--accent);
  border-radius:8px;font-size:14px;line-height:1.7}
.ratio{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin:6px 0}
.ratio span{font-size:19px;font-weight:800;color:var(--accent);letter-spacing:1px}
.ratio i{font-style:normal;font-size:13px;color:var(--sub)}
.acts{display:grid;gap:8px;margin-top:6px}
.acts div{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff}
.acts b{display:block;font-size:12px;color:var(--accent);margin-bottom:2px;letter-spacing:1px}
.acts span{font-size:14px}
.sub{font-size:13px;color:var(--sub);margin:2px 0 0}

/* 锁定引导 */
.lock{background:linear-gradient(160deg,#2c2a24,#3d382d);color:#f3eee2;
  border-radius:var(--radius);padding:20px 16px;margin:14px 0;text-align:center}
.lock h3{color:#e8c877;font-size:16px;margin:0 0 8px;letter-spacing:1px}
.lock p{font-size:13.5px;color:#c8c0ad;margin:0 0 12px;line-height:1.7}
.lock ul{text-align:left;margin:0 auto 14px;padding:0;list-style:none;max-width:320px}
.lock li{font-size:13.5px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.09);color:#ddd5c2}
.lock li::before{content:"◦";color:#e8c877;margin-right:8px}
.lock .btn{background:linear-gradient(140deg,#c8a45c,#e8c877);color:#2c2a24;box-shadow:none}
.qr{width:170px;height:170px;margin:10px auto;display:block;border-radius:10px;background:#fff;padding:6px}
.wxid{margin-top:6px;font-size:13px;color:#c8c0ad}
.wxid b{color:#f3eee2;letter-spacing:.5px}

/* 加载/错误 */
.loading{text-align:center;padding:40px 0;color:var(--sub);font-size:14px}
.dots{display:inline-block;animation:blink 1.2s infinite}
@keyframes blink{0%,100%{opacity:.25}50%{opacity:1}}
.err{background:#fff3ef;color:var(--warn);border:1px solid #f0d3c9;border-radius:12px;padding:14px;font-size:14px;margin:12px 0}

.ft{text-align:center;padding:20px 20px 10px;color:#9b917d;font-size:12px}
.ft .disc{line-height:1.7;margin:0 0 8px}
.ft .meta a{color:#9b917d;text-decoration:none;margin-left:10px;border-bottom:1px dashed #c9c1ae}

.toast{position:fixed;left:50%;bottom:40px;transform:translateX(-50%) translateY(20px);
  background:rgba(38,37,31,.92);color:#fff;padding:10px 18px;border-radius:20px;font-size:14px;
  opacity:0;pointer-events:none;transition:.25s;z-index:99;max-width:80%;text-align:center}
.toast.on{opacity:1;transform:translateX(-50%) translateY(0)}

/* 大运简表 */
.dy{display:flex;gap:8px;overflow-x:auto;padding:4px 0 8px}
.dy div{flex:0 0 84px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px;text-align:center}
.dy b{display:block;font-size:15px;font-family:"Songti SC",serif}
.dy i{display:block;font-style:normal;font-size:11px;color:var(--sub);margin-top:2px}
.dy span{display:block;font-size:11px;margin-top:3px;color:var(--good)}
.dy span.bad{color:var(--warn)}
.note{font-size:12.5px;color:var(--sub);line-height:1.7;margin:8px 0 0}

/* 高级选项折叠 */
.adv{margin:14px 0 4px;border-top:1px dashed #e3dccc;padding-top:10px}
.adv summary{font-size:14px;color:var(--muted,#8a7f6a);cursor:pointer;list-style:none}
.adv summary::-webkit-details-marker{display:none}
.adv summary:before{content:"⚙ "}
.adv[open] summary{margin-bottom:8px}
.chkrow{display:flex;gap:18px;margin:10px 0 4px;flex-wrap:wrap}
.chkrow label{display:flex;align-items:center;gap:6px;font-size:14px}
.chkrow input{
  appearance:auto;-webkit-appearance:checkbox;
  width:18px;height:18px;flex:0 0 18px;margin:0;
  accent-color:var(--accent);cursor:pointer;
}
.chkrow input.ck,.chkrow input:checked{accent-color:var(--accent)}

/* 授权码解锁 */
.unlock{margin:4px 0 14px;padding:12px;border:1px solid rgba(232,200,119,.35);
  border-radius:12px;background:rgba(255,255,255,.05)}
.ulab{font-size:13px;color:#e8c877;margin:0 0 8px}
.urow{display:flex;gap:8px;align-items:stretch}
.urow input{flex:1;min-width:0;background:#fff;color:#26251f;border:0;border-radius:9px;
  padding:11px 12px;font-size:15px;letter-spacing:1px;text-transform:uppercase}
.urow .ubtn{width:auto;flex:0 0 84px;padding:11px 0;font-size:15px;letter-spacing:2px}
.uerr{margin:8px 0 0;font-size:13px;color:#ffb9a4;line-height:1.65;text-align:left}
.utip{margin:8px 0 0;font-size:12px;color:#a29a88;line-height:1.6;text-align:left}
.utip a,.tip a{color:var(--accent);text-decoration:none;border-bottom:1px dashed var(--accent)}

/* 打印 / 存 PDF */
@media print{
  .hd,.ft,.toast,.btns,.unlock,.lock,.btn,.hero p{display:none!important}
  body{background:#fff;padding:0;font-size:12.5pt}
  main{padding:0}
  .card,.lc{border:0;box-shadow:none;margin:0 0 10px;padding:0 0 8px;
    break-inside:avoid;page-break-inside:avoid}
  .card h2{font-size:14pt;border-bottom:1px solid #ddd;padding-bottom:3px}
  .hero h1{font-size:16pt}
  .dy{overflow:visible;flex-wrap:wrap}
}

/* ===== 深度解析块 ===== */
.wx{margin:8px 0 4px}
.wxrow{display:flex;align-items:center;gap:8px;margin:5px 0;font-size:13px}
.wxrow b{flex:0 0 22px;font-weight:700}
.wxbar{flex:1;height:8px;background:#efe9dd;border-radius:6px;overflow:hidden}
.wxbar i{display:block;height:100%;border-radius:6px}
.wxrow span{flex:0 0 44px;text-align:right;color:var(--sub);font-size:12px}
.wxrow em{flex:0 0 40px;font-style:normal;color:var(--sub);font-size:11.5px;text-align:right}
.chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0 2px}
.chips span{font-size:12px;color:var(--sub)}
.chip{font-style:normal;font-size:13px;border-radius:8px;padding:2px 9px;background:#efe9dd;color:var(--ink)}
.chip.ok{background:#e8f1e6;color:var(--good)}
.chip.no{background:#f8e7e2;color:var(--warn)}

details.det{margin:8px 0 0;border-top:1px dashed var(--line);padding-top:8px}
details.det>summary{font-size:13.5px;color:var(--accent);cursor:pointer;list-style:none;line-height:1.6}
details.det>summary::-webkit-details-marker{display:none}
details.det>summary:before{content:"▸ ";color:var(--accent-2)}
details.det[open]>summary:before{content:"▾ "}
details.det>summary .sm{display:block;color:var(--sub);font-size:12.5px;margin-top:2px;font-weight:400}
.gw{border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin:8px 0;background:#fff}
.gw-h{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.gw-h b{font-size:15px;font-family:"Songti SC",serif;letter-spacing:1px}
.gw-h span{font-size:12px;color:var(--accent)}
.gw-b{font-size:12.5px;color:var(--sub);margin-top:3px}
.gw-s{font-size:13.5px;line-height:1.7;margin-top:5px}
.ln-list{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:6px 0}
@media (max-width:360px){.ln-list{grid-template-columns:1fr}}
.ln{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:9px;
  padding:7px 9px;background:#fff;font-size:12.5px}
.ln b{font-size:13.5px}
.ln i{font-style:normal;color:var(--sub)}
.ln span{flex:1;color:var(--sub);font-size:12px}
.ln em{font-style:normal;font-size:12px}
.ln.now{border-color:var(--accent);box-shadow:0 0 0 1px rgba(138,109,59,.15) inset;background:#fdfaf3}
.mini-list{display:flex;gap:6px;overflow-x:auto;padding:4px 0 6px}
.mini{flex:0 0 62px;text-align:center;border:1px solid var(--line);border-radius:9px;padding:6px 2px;background:#fff}
.mini b{display:block;font-size:12.5px}
.mini i{display:block;font-style:normal;font-size:13px;font-family:"Songti SC",serif}
.mini em{display:block;font-style:normal;font-size:11px;margin-top:2px}
em.good{color:var(--good)}
em.bad{color:var(--warn)}
.poem{font-family:"Songti SC",serif;font-size:15px;line-height:2;letter-spacing:1px;
  background:#fdfaf3;border-radius:10px;padding:12px 14px;margin:8px 0;color:#4a4436}
p.para{font-size:14.5px;line-height:1.85;margin:8px 0;text-indent:0}
.dy div.cur{border-color:var(--accent);background:#fdfaf3;box-shadow:0 0 0 1px rgba(138,109,59,.18) inset}
.dy div.cur b{color:var(--accent)}

/* 报告目录 */
.toc{background:linear-gradient(150deg,#fbf7ee,#fff)}
.toc-list{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 6px}
.toc-i{font-size:12.5px;color:var(--ink);background:#fff;border:1px solid var(--line);
  border-radius:8px;padding:4px 9px;line-height:1.5}
.toc-i:active{background:#f3ecdd}
.toc-top{margin-top:4px;width:100%;border:1px dashed var(--line);background:transparent;
  color:var(--sub);border-radius:9px;padding:8px;font-size:13px;font-family:inherit}
@media print{.toc{display:none!important}}

/* ===== 顶部页签（排盘/运势/名字/择吉/婚恋/趣味） ===== */
.tabs{display:flex;background:var(--bg);position:sticky;top:0;z-index:9;
  border-bottom:1px solid var(--line);padding:0 8px;overflow-x:auto}
.tabs a{flex:1 0 auto;text-align:center;padding:11px 10px 9px;font-size:14.5px;
  color:var(--sub);text-decoration:none;border-bottom:2px solid transparent;letter-spacing:1px}
.tabs a.on{color:var(--accent);font-weight:700;border-bottom-color:var(--accent)}
.feat-a{flex:0 0 auto;background:#fff;border:1px solid var(--line);border-radius:10px;
  padding:8px 12px;font-size:13px;color:var(--accent);text-decoration:none;font-weight:600}
.feat-a:active{background:#f3ecdd}

/* 工具结果头部 */
.yun-head .yh-date{font-size:14px;color:var(--sub);margin-bottom:6px}
.yun-head .yh-date b{font-size:16px;color:var(--ink)}
.yh-score{display:flex;align-items:baseline;gap:6px;margin:4px 0 6px}
.yh-score b{font-size:38px;line-height:1.1;color:var(--accent);letter-spacing:1px}
.yh-score span{font-size:13px;color:var(--sub)}
.yh-name{display:flex;align-items:center;gap:8px;font-size:18px;margin-bottom:4px}
.yh-name b{font-family:"Songti SC",serif;letter-spacing:1px}
.yh-q{font-size:16px;font-weight:700;color:var(--accent);margin:4px 0}
.chip.on{background:var(--accent);color:#fff}
.chip[data-k]{cursor:pointer}
@media print{.tabs{display:none!important}}

/* ===== 生辰档案（自动带入 + 可更改） ===== */
.bprof{display:flex;align-items:center;justify-content:space-between;gap:10px;
  background:#f8f4ea;border:1px dashed var(--line);border-radius:10px;
  padding:9px 12px;margin:12px 0 6px;font-size:13px;line-height:1.5}
.bprof .bp-k{color:var(--sub);margin-right:6px;font-size:12.5px}
.bprof b{font-weight:600;color:var(--ink)}
.bp-b{flex:0 0 auto;border:1px solid var(--line);background:#fff;border-radius:8px;
  padding:5px 12px;font-size:12.5px;color:var(--accent);font-family:inherit;cursor:pointer}
.bp-b:active{opacity:.6}

/* ===== 趣味工具：单列列表 ===== */
.qlist{display:grid;gap:8px;margin:10px 0 2px}
.qrow{width:100%;text-align:left;background:#fff;border:1px solid var(--line);
  border-radius:10px;padding:11px 13px;font-family:inherit;color:var(--ink);cursor:pointer;
  position:relative;transition:.15s}
.qrow b{display:block;font-size:15px;letter-spacing:.5px}
.qrow small{display:block;color:var(--sub);font-size:12.5px;margin-top:2px;line-height:1.5}
.qrow.on{border-color:var(--accent);background:#fdfaf3;
  box-shadow:0 0 0 1px rgba(138,109,59,.14) inset}
.qrow.on b{color:var(--accent)}
.qrow.on:after{content:"当前";position:absolute;right:12px;top:11px;font-size:11px;
  color:var(--accent);border:1px solid var(--accent);border-radius:6px;padding:0 5px;line-height:1.6}
@media print{.qlist{display:none!important}}

/* ===== 宽屏限宽：像手机版一样居中呈现 ===== */
@media (min-width:700px){
  body{
    max-width:680px;margin:0 auto;min-height:100vh;
    box-shadow:0 0 34px rgba(90,74,44,.16);
  }
  body>.hd{padding-top:20px}
  .tabs{border-radius:0}
}

/* ===== 美化升级：古籍质感 + 微动效（v18） ===== */
/* 标题衬线字：古籍感 */
.hero h1,.card h2{
  font-family:"Songti SC","Noto Serif CJK SC","SimSun",serif;
}
/* 首页主标题下加金棕渐隐分隔纹样 */
.hero h1:after{
  content:"❖";display:block;margin:10px auto 0;font-size:12px;font-style:normal;
  color:#c2a86b;text-align:center;letter-spacing:0;
}
.hero h1:after{
  background:linear-gradient(90deg,transparent,#d8c9a6,transparent) center/100% 1px no-repeat;
  padding:6px 0;background-clip:content-box;
}
/* 卡片：轻阴影提层次 */
.card{box-shadow:0 2px 12px rgba(120,100,60,.06)}
/* 按钮与入口：hover/active 微动效 */
.btn,.feat-a,.qrow{transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}
.btn:hover,.feat-a:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(120,100,60,.16)}
.btn:active{transform:translateY(0);opacity:.9}
/* 加载文案呼吸感 */
.loading{letter-spacing:2px}
/* 解锁引导卡（免费工具结果页脚） */
.unlock{border:1px solid #dcc99a;background:linear-gradient(160deg,#fffdf7,#faf3e3);text-align:center}
.unlock .ttl{margin-top:2px}
.unlock .sub{color:var(--sub);font-size:13.5px;margin:6px 0 0;text-align:left}
/* 预留广告位：默认隐藏；接入后去 hidden，必须保留「广告」角标 */
.adslot{border:1px dashed #d5c9ad;border-radius:var(--radius);margin:12px 0;padding:12px;
  background:#fbf8f1;position:relative;min-height:64px}
.adslot .adtag{position:absolute;right:10px;top:8px;font-size:10.5px;color:#a29a88;
  border:1px solid #d5c9ad;border-radius:5px;padding:0 5px;line-height:1.7}
.adslot .adbody{color:var(--sub);font-size:13px}