/* 系统落地页专属组件（/bazi 等 9 个共用） */
.lp-hero{padding:26px 0 10px;position:relative}
.lp-hero h1{font:600 clamp(38px,5vw,60px) var(--serif);letter-spacing:5px;margin:0;text-wrap:balance;
  background:linear-gradient(102deg,#fff1ce,#d5a452 58%,#fff0c5);-webkit-background-clip:text;background-clip:text;color:transparent}
.lp-hero .lead{font:400 18px var(--serif);color:#d9c39d;letter-spacing:1px;margin:18px 0 24px;max-width:44ch}
.cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:22px}

/* 两栏 hero：文字/CTA 左 + 快捷排盘表单右（2026-09-14 用户定） */
.lp-hero-wrap{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:38px;align-items:center}
.lp-hero-wrap .lp-hero{padding:20px 0 6px}
.lp-quick{background:linear-gradient(145deg,#0d1923f2,#08131cf2);border:1px solid #7d5b34;border-radius:16px;padding:18px 18px 15px;box-shadow:0 18px 46px #0008}
.lp-quick .lpq-head{display:flex;align-items:center;gap:11px;margin-bottom:13px}
.lp-quick .seal{flex:0 0 auto;width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(150deg,#f3c875,#c88f3d);color:#20170d;font:600 20px var(--serif,serif)}
.lp-quick .lpq-head b{display:block;font:600 17px var(--serif,serif);color:#f7f2e9;letter-spacing:1px}
.lp-quick .lpq-head small{color:#9aa3aa;font-size:12.5px}
.lp-quick label{display:block;font-size:13px;color:#d8d8d5;margin-top:9px}
.lp-quick input{display:block;width:100%;height:38px;margin-top:5px;padding:0 11px;color:#e6e9eb;background:#09141c;border:1px solid #3a4550;border-radius:8px;font:inherit;font-size:15px;box-sizing:border-box}
.lp-quick input:focus{outline:none;border-color:#c88f3d;box-shadow:0 0 0 1px #c88f3d}
.lp-quick .seg{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:2px}
.lp-quick .seg button,.lp-quick .gender button{font:inherit;font-size:14px;padding:8px 0;cursor:pointer;color:#c8ccd0;background:#06121b;border:1px solid #3a4550;border-radius:7px}
.lp-quick .seg button.on,.lp-quick .gender button.on{background:var(--seal,#e8b75f);color:#20170d;font-weight:600;border-color:var(--seal,#e8b75f)}
.lp-quick .lpq-grow{margin-top:9px}
.lp-quick .lpq-lab{display:block;font-size:13px;color:#d8d8d5;margin-bottom:5px}
.lp-quick .gender{display:grid;grid-template-columns:1fr 1fr;gap:5px}
.lp-quick .lpq-2{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}/* 男/女双人并列，缩短表单高度（2026-09-14 用户定） */
.lp-quick .lpq-2 fieldset{border:1px solid #3a4550;border-radius:9px;padding:6px 9px 9px;margin:0;min-width:0}
.lp-quick .lpq-2 legend{font-size:12.5px;color:#d9c39d;padding:0 5px}
.lp-quick .lpq-2 input{padding:0 7px}
.lp-hero-wrap:has(.lp-quick[data-sys="hehun"]){grid-template-columns:minmax(0,1fr) 396px}/* 合婚卡加宽以容两栏日期 */
@media (max-width:440px){.lp-quick .lpq-2{grid-template-columns:1fr}}/* 极窄屏回落单栏 */
.lp-quick .hh-dt{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:5px;margin-top:4px}/* 合婚双人：年/月/日/时 四格，年加宽（2026-10-08） */
.lp-quick .hh-dt label{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:#9aa3aa;margin:0}
.lp-quick .hh-dt input{width:100%;height:34px;padding:0 3px;text-align:center;font-size:13px;box-sizing:border-box}
.lp-quick .lpq-tip{font-size:12.5px;color:#9aa3aa;line-height:1.65;margin:2px 0 4px}
.lp-quick .lpq-submit{display:block;width:100%;margin-top:14px;padding:12px;border:0;border-radius:10px;cursor:pointer;font:600 16px var(--serif,serif);letter-spacing:2px;color:#20170d;background:linear-gradient(110deg,#f3c875,#dda851)}
.lp-quick .lpq-note{font-size:12px;color:#9aa3aa;margin:9px 0 0;text-align:center}
.lp-quick .lpq-opts{margin-top:11px;border-top:1px dashed #3a4550;padding-top:10px}
.lp-quick .chk{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#d8d8d5;cursor:pointer;margin:0}
.lp-quick .chk input{width:auto;height:auto;margin:0;accent-color:var(--seal,#e8b75f)}
.lp-quick .lpq-geo{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.lp-quick .lpq-geo select{flex:1 1 30%;min-width:88px;height:34px;padding:0 6px;color:#e6e9eb;background:#09141c;border:1px solid #3a4550;border-radius:8px;font:inherit;font-size:13px;box-sizing:border-box}
.lp-quick .lpq-geo input{flex:1 1 100%;height:34px;margin-top:2px;font-size:13px}
.lp-quick .geo-hint{display:block;font-size:12px;color:var(--seal,#e8b75f);line-height:1.6;margin-top:7px}
.lp-quick .geo-hint.err{color:#e0715f}
.lp-quick .geo-hint:empty{display:none}
@media (max-width:820px){.lp-hero-wrap{grid-template-columns:1fr;gap:16px}.lp-quick{max-width:460px}}

.prose p{color:var(--ink-soft);font-size:15.5px;margin:0 0 14px;max-width:70ch}
.prose b{color:var(--gold-bright);font-weight:600}

.feat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}
.feat{padding:18px;border:1px solid #6e5233;border-radius:10px;background:linear-gradient(150deg,var(--panel),var(--panel2))}
.feat .n{width:34px;height:34px;border-radius:7px;background:#13100a;border:1px solid #a9772f;color:var(--gold-bright);
  font:600 16px var(--serif);display:grid;place-items:center;box-shadow:inset 0 0 0 3px #08131c;margin-bottom:12px}
.feat h3{font:600 16px var(--sans);margin:0 0 5px;color:#f4e6c9}
.feat p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}
a.feat{display:block;text-decoration:none;color:inherit;transition:border-color .2s,transform .2s,box-shadow .2s}
a.feat:hover{border-color:var(--line-strong);transform:translateY(-3px);box-shadow:0 12px 28px #0007}
.feat-lk .feat-go{display:inline-block;margin-top:10px;color:var(--gold-bright);font-size:12.5px;font-weight:500}
a.feat:hover .feat-go{text-decoration:underline}
.feat h3 .feat-term{color:inherit;text-decoration:none;border-bottom:1px dashed rgba(169,119,47,.55)}
.feat h3 .feat-term:hover{color:var(--gold-bright,#ffd993);border-bottom-color:var(--gold-bright,#ffd993)}

/* 特色亮点板块（2026-09-14）：突出本系统独到之处，金色左描边区别于「功能」网格 */
.hl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}
.hl-item{padding:16px 18px;border:1px solid #6e5233;border-left:3px solid var(--gold,#e8b75f);border-radius:10px;background:linear-gradient(150deg,var(--panel),var(--panel2))}
.hl-item h3{margin:0 0 7px;font:600 16.5px var(--serif,serif);color:var(--gold-bright,#ffd993);letter-spacing:.5px}
.hl-item p{margin:0;color:var(--ink-soft,#c8ccd0);font-size:14.5px;line-height:1.75}

/* 概念详解「读懂这张盘」（2026-09-14 对标 fatemaster） */
.cc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.cc-item{padding:16px 18px;border:1px solid #6e5233;border-radius:10px;background:linear-gradient(150deg,var(--panel),var(--panel2))}
.cc-item h3{margin:0 0 6px;font:600 16px var(--sans);color:#f4e6c9}
.cc-item p{margin:0 0 8px;color:var(--ink-soft,#c8ccd0);font-size:14px;line-height:1.7}
.cc-lk{font-size:13px;color:var(--gold-bright,#ffd993)}
.cc-lk:hover{text-decoration:underline}

/* 为什么可核对 · 门派依据 */
.ba-list{display:flex;flex-direction:column;gap:12px}
.ba-item{display:flex;gap:14px;padding:16px 18px;border:1px solid #6e5233;border-radius:10px;background:linear-gradient(150deg,var(--panel),var(--panel2))}
.ba-no{flex:0 0 auto;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(150deg,#f3c875,#c88f3d);color:#20170d;font:600 15px var(--serif,serif)}
.ba-tx h3{margin:0 0 5px;font:600 16px var(--sans);color:#f4e6c9}
.ba-tx p{margin:0;color:var(--ink-soft,#c8ccd0);font-size:14px;line-height:1.75}
.ba-books{margin-top:16px;padding:15px 18px;border:1px dashed #6e5233;border-radius:10px}
.ba-books .kick{margin-bottom:9px}
.bk-list{display:grid;gap:8px}
.bk b{color:var(--gold-bright,#ffd993);font-weight:600;font-size:14.5px}
.bk span{color:var(--muted);font-size:13px;margin-left:8px}
.bk-lk{text-decoration:none}
.bk-lk:hover b{text-decoration:underline}
.bk .bk-go{color:var(--gold,#c9a24b);font-size:12px;margin-left:6px;white-space:nowrap}

/* 命盘覆盖维度 */
.dm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.dm-item{padding:14px 16px;border:1px solid #6e5233;border-left:3px solid #7d5b34;border-radius:9px;background:#0e1a24}
.dm-item h3{margin:0 0 5px;font:600 15px var(--sans);color:#f4e6c9}
.dm-item p{margin:0;color:var(--ink-soft,#c8ccd0);font-size:13.5px;line-height:1.65}

/* 怎么用 · 步骤 */
.st-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
.st-item{display:flex;gap:11px;align-items:flex-start;padding:14px 16px;border:1px solid #6e5233;border-radius:10px;background:linear-gradient(150deg,var(--panel),var(--panel2))}
.st-no{flex:0 0 auto;width:26px;height:26px;border-radius:7px;background:#13100a;border:1px solid #a9772f;color:var(--gold-bright,#ffd993);font:600 14px var(--serif,serif);display:grid;place-items:center}
.st-item p{margin:0;color:var(--ink-soft,#c8ccd0);font-size:14px;line-height:1.6}

.chart{border:1px solid #705331;border-radius:12px;background:#07141dcc;padding:22px;overflow-x:auto}
.chart-cap{color:var(--muted);font-size:13px;margin:0 0 16px}
.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;min-width:420px}
.pcol{text-align:center;border:1px solid #2a3a44;border-radius:8px;padding:12px 6px;background:#0a1620}
.plabel{color:var(--muted);font-size:12px;margin-bottom:8px}
.pgod{color:var(--gold-deep);font-size:12.5px;margin-bottom:8px}
.pgan,.pzhi{font:600 34px/1.15 var(--serif)}
.phide{color:#8a939b;font-size:12px;margin-top:8px;letter-spacing:2px}
.pnayin{color:var(--muted);font-size:12px;margin-top:4px}
.chart-notes{margin-top:16px;display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--ink-soft)}
.chart-notes .k{color:var(--gold-deep);margin-right:8px}
.chart-foot{color:#7f888e;font-size:12px;margin-top:12px;border-top:1px dashed #2a3843;padding-top:10px}

.mini-tag{font-size:10px;padding:1px 7px;border-radius:12px;margin-left:6px;line-height:1.7;
  border:1px solid rgba(154,164,171,.4);color:#c2c9ce}
.mini-tag.star{color:var(--gold-bright);border-color:#a9772f;background:#b8802518}

details.faq{border:1px solid #2a3a44;border-radius:8px;background:#0a1620;margin-bottom:10px;overflow:hidden}
details.faq summary{cursor:pointer;list-style:none;padding:15px 18px;font-weight:500;color:#f4e6c9;font-size:15px;display:flex;justify-content:space-between;gap:12px}
details.faq summary::-webkit-details-marker{display:none}
details.faq summary::after{content:"+";color:var(--gold);font-size:20px;line-height:1}
details.faq[open] summary::after{content:"\2212"}
details.faq .a{padding:0 18px 16px;color:var(--ink-soft);font-size:14.5px}

/* 定价卡片 */
.prices{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin:8px 0}
.price{border:1px solid #6e5233;border-radius:12px;background:linear-gradient(150deg,var(--panel),var(--panel2));padding:24px;display:flex;flex-direction:column}
.price.hot{border-color:#a9772f;box-shadow:inset 0 0 0 1px #a9772f55}
.price .tag{align-self:flex-start;font-size:11px;padding:2px 8px;border-radius:12px;border:1px solid #a9772f;color:var(--gold-bright);background:#b8802518;margin-bottom:10px}
.price h3{font:600 20px var(--serif);margin:0;color:#f4e6c9}
.price .amt{font:600 30px var(--serif);color:var(--gold-bright);margin:8px 0 4px}
.price .amt small{font-size:14px;color:var(--muted);font-family:var(--sans);font-weight:400}
.price ul{list-style:none;padding:0;margin:14px 0 18px;color:var(--ink-soft);font-size:14px;line-height:1.95;flex:1}
.price ul li::before{content:"\2713\00a0";color:#7ddfc0}

/* ===== 排盘依据与 AI 分工（2026-10-21）：B 流水线 / C 可核对 / D 程序vsAI / E 边界 / F 读法 =====
   数据同源 src/chart-basis.js（/pan 九面板与 12 主题页共用），落地页这边渲染成静态 HTML 吃 SEO。*/
.blk-sub{font:400 14.5px/1.95 var(--sans);color:var(--ink-soft);margin:10px 0 0;max-width:68ch}
.blk-sub b{color:var(--ink)}
.sb-pipe{counter-reset:none;margin:0;padding-left:24px}
.sb-pipe li{font-size:14.5px;line-height:2;color:var(--ink-soft);margin:0 0 6px}
.sb-pipe li b{color:var(--ink)}
.sb-pipe li::marker{color:var(--gold-deep);font-weight:600}
.sb-read li{line-height:2.05}
.sb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(262px,1fr));gap:14px}
.sb-c3{display:grid;grid-template-columns:repeat(auto-fit,minmax(248px,1fr));gap:14px}
.sb-card{border:1px solid #6e5233;border-radius:10px;padding:15px 17px;
  background:linear-gradient(150deg,var(--panel),var(--panel2))}
.sb-card h3{font:600 15.5px var(--serif);color:var(--gold-bright);margin:0 0 7px;letter-spacing:.5px}
.sb-card p{font-size:14px;line-height:1.95;color:var(--ink-soft);margin:0}
.sb-card p b{color:var(--ink)}
.sb-card p a{color:var(--gold);text-decoration:underline}
.sb-edge h3{color:var(--gold)}
.sb-note{margin:14px 0 0;padding:13px 16px;border:1px dashed #6e5233;border-radius:10px;
  font-size:13.5px;line-height:1.95;color:var(--ink-soft);background:#ffffff05}
.sb-note b{color:var(--ink)}
.sb-guard{border-style:solid;border-color:var(--line-strong);background:#ffffff08}
.sb-noai{margin:0;padding:15px 17px;border:1px solid var(--line-strong);border-radius:10px;
  font-size:14.5px;line-height:1.95;color:var(--ink-soft);background:#ffffff06}
.sb-noai b{color:var(--ink)}
/* D 段两列 */
.sb-split{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sb-col{border:1px solid #6e5233;border-radius:10px;padding:14px 17px 15px;background:var(--panel2)}
.sb-prog{border-color:#3f6b52;background:linear-gradient(160deg,#0e2018,var(--panel2))}
.sb-aic{border-color:#5b5330;background:linear-gradient(160deg,#1d1a0e,var(--panel2))}
.sb-ct{font:600 14px var(--sans);color:var(--gold-bright);margin-bottom:8px;letter-spacing:.4px}
.sb-prog .sb-ct{color:#7ddfa0}
.sb-col ul,.sb-never ul,.sb-ask ol{margin:0;padding-left:20px}
.sb-col li,.sb-never li,.sb-ask li{font-size:14px;line-height:1.95;color:var(--ink-soft);margin:0 0 4px}
.sb-col li b,.sb-never li b,.sb-ask li b{color:var(--ink)}
.sb-never{margin-top:14px;border:1px solid #7a4038;border-radius:10px;padding:14px 17px 15px;
  background:linear-gradient(160deg,#210f0d,var(--panel2))}
.sb-never .sb-ct{color:#e8897a}
.sb-never li::marker{color:#e8897a}
.sb-ask{margin-top:16px;border:1px dashed var(--line-strong);border-radius:10px;padding:14px 17px 15px}
/* 门派依据区的「可切换口径」chips */
.ba-opts{margin-top:16px;padding:15px 18px;border:1px dashed #6e5233;border-radius:10px}
.ba-opts .kick{margin-bottom:10px}
.opt-list{display:flex;flex-wrap:wrap;gap:8px}
.opt{font-size:13px;color:var(--ink-soft);border:1px solid #4a3c2a;border-radius:20px;padding:5px 12px;background:#ffffff05}
@media (max-width:760px){
  .sb-split{grid-template-columns:1fr}
  .sb-grid,.sb-c3{grid-template-columns:1fr}
}
.sb-ml{display:inline-block;margin-top:9px;color:var(--gold-bright);text-decoration:none;font-size:13.5px}
.sb-ml:hover{text-decoration:underline}