:root{
  --bg:#f6fbff;
  --card:#ffffff;
  --ink:#172b3d;
  --muted:#607386;
  --blue:#2d7fc2;
  --blue2:#e7f4ff;
  --line:#cfe3f5;
  --red:#c33131;
  --shadow:0 18px 45px rgba(45,127,194,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.75}
a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 32px));margin:0 auto}.header{position:sticky;top:0;z-index:50;background:rgba(246,251,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px}.logo{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#fff,#dff1ff);border:1px solid #9dc9ec;color:#236ca8;font-weight:900}.brand b{display:block;font-size:19px}.brand small{display:block;color:var(--muted);font-size:12px}.menu{display:flex;gap:8px;align-items:center}.menu a{padding:9px 12px;border-radius:999px;color:#3e5870;font-weight:800;font-size:14px}.menu a:hover,.menu a.active{background:var(--blue2);color:#1266aa}.wechat{padding:10px 16px;border-radius:999px;background:#fff;border:1px solid #9dc9ec;color:#1266aa;font-weight:900}.hero{padding:70px 0;background:linear-gradient(180deg,#f6fbff,#edf7ff)}.hero-grid{display:grid;grid-template-columns:1fr 460px;gap:48px;align-items:center}.badge{display:inline-block;border:1px solid #9dc9ec;background:#fff;border-radius:999px;padding:7px 14px;color:#236ca8;font-weight:900;font-size:14px}h1{margin:22px 0 0;font-size:clamp(42px,5vw,68px);line-height:1.1;letter-spacing:-.04em;color:#0e3558}h1 span{display:block;color:var(--blue)}.lead{font-size:18px;color:#50677c;margin:24px 0 0;max-width:690px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;justify-content:center;align-items:center;border-radius:999px;padding:13px 22px;font-weight:900;border:1px solid transparent}.btn.primary{background:var(--blue);color:#fff;box-shadow:0 12px 28px rgba(45,127,194,.2)}.btn.light{background:#fff;border-color:#9dc9ec;color:#1266aa}.panel{background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);padding:22px}.panel h2{margin:0 0 14px;text-align:center;color:#0e3558}.mini-summary{display:grid;gap:8px}.mini-summary div{display:flex;justify-content:space-between;gap:10px;border-radius:14px;background:var(--blue2);padding:9px 12px;font-size:13px}.mini-summary b{color:#244b6b}.mini-summary span{color:#1266aa;font-weight:900}.section{padding:64px 0}.section-title{margin-bottom:28px}.eyebrow{display:inline-block;padding:5px 13px;border-radius:999px;background:var(--blue2);color:#1266aa;font-size:12px;font-weight:900;letter-spacing:.18em}.section-title h2{font-size:40px;line-height:1.2;margin:14px 0 0}.section-title p{color:var(--muted);max-width:760px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 12px 28px rgba(45,127,194,.08)}.service h3{margin:0 0 8px;font-size:24px;color:#0e3558}.service p{margin:0;color:var(--muted)}.footer{border-top:1px solid var(--line);padding:28px 0;text-align:center;color:var(--muted);background:#fff}.qimen-page{padding:28px 0 60px}.qimen-layout{display:grid;grid-template-columns:360px 1fr;gap:18px;align-items:start}.control-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:var(--shadow);position:sticky;top:88px}.control-card h1{font-size:26px;line-height:1.2;margin:0 0 12px;color:#0e3558}.form-grid{display:grid;gap:12px}label.field span,.method-title{display:block;font-size:13px;font-weight:900;color:#385a78;margin-bottom:5px}input,select{width:100%;height:42px;border-radius:12px;border:1px solid #b9d7ef;background:#f8fcff;color:#142a3c;padding:0 10px;font-weight:800}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.method-option{display:flex;align-items:center;gap:6px;border:1px solid #b9d7ef;background:#f8fcff;border-radius:12px;padding:9px;font-weight:900;color:#385a78;cursor:pointer}.method-option input{width:auto;height:auto}.method-option:has(input:checked){border-color:var(--blue);background:var(--blue2);color:#1266aa}.test-status{margin-top:12px;border-radius:14px;padding:10px;font-size:13px;font-weight:900}.test-status.ok{background:#ecfdf3;color:#166534}.test-status.bad{background:#fff1f1;color:#b42318}.note{margin-top:12px;color:#607386;font-size:13px}.summary-card{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:16px}.summary-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.summary-item{background:#f8fcff;border:1px solid #dbeaf7;border-radius:14px;padding:9px 10px;min-height:62px}.summary-item b{display:block;font-size:12px;color:#607386}.summary-item span{display:block;margin-top:2px;font-weight:900;color:#173b5b}.method-note{margin-top:10px;padding:10px 12px;border-radius:14px;background:var(--blue2);color:#245c8a;font-weight:900;font-size:13px}.chart-shell{margin-top:16px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:16px;box-shadow:var(--shadow);overflow:auto}.chart-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.chart-title h2{margin:0;color:#0e3558}.chart-title span{color:#607386;font-weight:900}.palace-grid{display:grid;grid-template-columns:repeat(3,1fr);border:2px solid #20384d;min-width:780px;background:#20384d;gap:1px}.palace-cell{min-height:190px;background:#fff;position:relative;padding:10px;font-family:"Songti SC","SimSun","Noto Serif SC",serif}.palace-title{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.palace-title strong{font-size:20px;color:#132b3d}.palace-title span{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.palace-title em{font-style:normal;border:1px solid #f1b6b6;background:#fff5f5;color:var(--red);border-radius:999px;padding:1px 7px;font-size:12px;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;font-weight:900}.palace-body{display:grid;grid-template-columns:1fr 72px;gap:12px;margin-top:18px}.palace-body p{margin:0 0 7px;display:flex;align-items:center;justify-content:space-between;gap:8px}.palace-body small{font-size:12px;color:#738293;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif}.palace-body b{font-size:20px;color:#20384d}.right-stems{border-left:1px dashed #b9c9d8;padding-left:12px}.right-stems b{font-size:28px;color:var(--red)}.god{color:#111827!important}.star,.door{color:#0f66b1!important}.palace-5{background:#f8fcff}.mobile-tip{display:none;color:#607386;font-size:13px;margin-top:8px}.page-head{padding:42px 0 24px}.page-head h1{font-size:42px;margin:0;color:#0e3558}.page-head p{color:#607386;max-width:780px}.article{background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:var(--shadow)}.article h2{color:#0e3558}.article p{color:#52677a}.article ul{color:#52677a}.article li{margin:7px 0}
@media(max-width:1040px){.menu{display:none}.hero-grid,.qimen-layout{grid-template-columns:1fr}.control-card{position:static}.summary-grid{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.container{width:min(100% - 24px,1180px)}.nav{height:68px}.brand b{font-size:17px}.wechat{display:none}.hero{padding:42px 0}.actions{flex-direction:column}.btn{width:100%}.service-grid{grid-template-columns:1fr}.summary-grid{grid-template-columns:1fr}.chart-shell{padding:10px}.mobile-tip{display:block}.palace-grid{min-width:760px}.palace-cell{min-height:180px}.method-grid{grid-template-columns:1fr 1fr}}


/* qimen palace layout patch: remove grey labels, move star-door-god to left, center only earth stem */
.palace-body{display:block;margin-top:0}.palace-body small,.left-symbols small,.right-stems small{display:none!important}.left-symbols{position:absolute;left:14px;top:58px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}.left-symbols b{display:block;font-size:22px;line-height:1.1}.left-symbols .god{color:#111827!important}.left-symbols .star,.left-symbols .door{color:#0f66b1!important}.bird-attach{font-size:18px;color:#0f66b1;font-weight:900}.right-stems{position:absolute;right:20px;bottom:22px;border-left:1px dashed #b9c9d8;padding-left:16px;display:flex;flex-direction:column;gap:10px;align-items:center}.right-stems b{display:block;font-size:31px;line-height:1;color:var(--red)}.center-palace{background:#f8fcff}.center-palace .palace-title{justify-content:flex-start}.center-earth{position:absolute;inset:0;display:grid;place-items:center;font-size:42px;font-weight:900;color:var(--red);font-family:"Songti SC","SimSun","Noto Serif SC",serif}.center-palace .right-stems,.center-palace .left-symbols{display:none!important}
@media(max-width:640px){.left-symbols{left:12px;top:54px}.left-symbols b{font-size:20px}.right-stems{right:16px;bottom:20px}.right-stems b{font-size:28px}.center-earth{font-size:38px}}


/* 2026-05-19 layout refinement patch */
.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.summary-item{min-height:84px;padding:12px 16px;display:flex;flex-direction:column;justify-content:center}
.summary-item b{font-size:14px;margin-bottom:8px;color:#5e7286}
.summary-item span{font-size:14px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chart-title{display:grid;grid-template-columns:auto minmax(280px,1fr) auto;align-items:center;gap:18px}
.chart-title h2{white-space:nowrap}
.chart-title span{white-space:nowrap;justify-self:end}
.four-pillars-banner{min-height:56px;border:1px solid #dbeaf7;border-radius:14px;background:#f8fcff;padding:8px 16px;display:flex;align-items:center;justify-content:center;gap:12px;overflow:hidden}
.four-pillars-banner b{font-size:14px;color:#5e7286;white-space:nowrap}
.four-pillars-banner strong{font-size:24px;line-height:1;color:#173b5b;white-space:nowrap;font-weight:900}
.center-earth{position:absolute;right:16px;bottom:18px;inset:auto;display:block;font-size:30px;line-height:1;font-weight:900;color:var(--red);font-family:"Songti SC","SimSun","Noto Serif SC",serif}
@media(max-width:1200px){
  .summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .chart-title{grid-template-columns:1fr;align-items:start}
  .chart-title span{justify-self:start}
  .four-pillars-banner{justify-content:flex-start}
}
@media(max-width:640px){
  .summary-grid{grid-template-columns:1fr}
  .summary-item span{font-size:13px}
  .four-pillars-banner{padding:10px 12px;gap:8px;flex-wrap:wrap}
  .four-pillars-banner strong{font-size:18px}
  .center-earth{right:12px;bottom:12px;font-size:24px}
}

/* final rewrite patch: summary blocks in one line and four pillars emphasis */
.summary-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}
.summary-item{min-height:56px;padding:10px 14px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;overflow:hidden}
.summary-item b{font-size:13px;margin:0;flex:0 0 auto;color:#5e7286;white-space:nowrap}
.summary-item b::after{content:"："}
.summary-item span{margin:0;font-size:18px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#173b5b;font-weight:900;min-width:0}
.four-pillars-banner{min-height:60px;border:2px solid #b7d8f2;background:#f5fbff;border-radius:16px}
.four-pillars-banner b{font-size:16px;color:#376480}
.four-pillars-banner strong{font-size:28px;letter-spacing:.02em;color:#0e3558}
.chart-title{margin-bottom:14px}
.center-earth{right:18px;bottom:20px;font-size:28px}
@media(max-width:1200px){
  .summary-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
  .summary-item span{font-size:16px}
  .four-pillars-banner strong{font-size:22px}
}
@media(max-width:640px){
  .summary-grid{grid-template-columns:1fr}
  .summary-item{min-height:52px}
  .summary-item span{font-size:15px}
  .four-pillars-banner{min-height:auto;justify-content:flex-start;flex-wrap:nowrap;overflow:auto}
  .four-pillars-banner strong{font-size:18px}
  .center-earth{right:12px;bottom:14px;font-size:22px}
}


/* patch: bird stem beside sky stem, replace green test box with hour navigation buttons */
.bird-attach{display:none!important}
.right-stems b{display:flex!important;align-items:center;gap:4px;justify-content:center;min-width:42px}
.bird-stem{font-size:16px;line-height:1;color:var(--red);font-weight:900;font-family:"Songti SC","SimSun","Noto Serif SC",serif;transform:translateY(-1px)}
.hour-nav{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hour-nav button{height:50px;border-radius:14px;border:1px solid #9dc9ec;background:#fff;color:#1266aa;font-size:16px;font-weight:900;cursor:pointer;box-shadow:0 8px 18px rgba(45,127,194,.08)}
.hour-nav button:hover{background:var(--blue2);border-color:var(--blue)}
.hour-nav button:active{transform:translateY(1px)}
@media(max-width:640px){.hour-nav button{height:46px;font-size:15px}.bird-stem{font-size:14px}}


/* 2026-05-19 final user correction: remove duplicated date, two-column info, clean title, bird beside 天芮, bird stem same size */
.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 12px}
.summary-item{min-height:54px;padding:10px 14px;display:flex;flex-direction:row;align-items:center;gap:8px;white-space:nowrap;overflow:hidden}
.summary-item span{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chart-title{display:flex!important;justify-content:center!important;align-items:center!important;margin-bottom:14px!important}
.chart-title h2,.chart-title > span{display:none!important}
.four-pillars-banner{width:min(520px,100%);min-height:56px;display:flex;align-items:center;justify-content:center;border:2px solid #b7d8f2;background:#f5fbff;border-radius:16px;padding:8px 18px;gap:12px}
.four-pillars-banner strong{font-size:27px;line-height:1;color:#0e3558;font-weight:900;white-space:nowrap}
.four-pillars-banner b{font-size:15px;color:#376480;white-space:nowrap}
.bird-star{display:inline-block;margin-left:6px;color:#0f66b1;font-size:inherit;font-weight:900;line-height:1;vertical-align:baseline}
.bird-stem{font-size:inherit!important;line-height:1!important;color:var(--red);font-weight:900;font-family:"Songti SC","SimSun","Noto Serif SC",serif;transform:none!important;margin-left:2px}
.right-stems b{gap:2px!important;align-items:baseline!important}
@media(max-width:1040px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:640px){.summary-grid{grid-template-columns:1fr!important}.summary-item span{font-size:15px}.four-pillars-banner{justify-content:flex-start;overflow:auto}.four-pillars-banner strong{font-size:18px}.bird-star{margin-left:4px}}


/* 2026-05-19 user fix: 天禽所带天干靠左，天盘干与地盘干上下对齐 */
.right-stems b{
  width:74px!important;
  min-width:74px!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:baseline!important;
  gap:9px!important;
}
.right-stems .main-stem{
  display:inline-block!important;
  width:1em!important;
  text-align:center!important;
}
.bird-stem-left{
  order:0!important;
  margin:0!important;
  font-size:inherit!important;
  line-height:1!important;
  color:var(--red)!important;
  font-weight:900!important;
}
.with-bird-stem .main-stem{
  order:1!important;
}
@media(max-width:640px){
  .right-stems b{width:64px!important;min-width:64px!important;gap:7px!important}
}

/* 2026-05-19 mobile summary fix: keep info blocks as left 4 / right 4 on phones */
@media(max-width:640px){
  .summary-card{padding:12px!important;border-radius:18px!important}
  .summary-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .summary-item{
    min-height:46px!important;
    padding:8px 9px!important;
    border-radius:12px!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:4px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
  }
  .summary-item b{
    font-size:11px!important;
    line-height:1!important;
    margin:0!important;
    flex:0 0 auto!important;
    color:#5e7286!important;
  }
  .summary-item b::after{content:"："!important}
  .summary-item span{
    margin:0!important;
    font-size:12px!important;
    line-height:1.15!important;
    min-width:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .method-note{
    margin-top:8px!important;
    padding:8px 10px!important;
    font-size:12px!important;
    line-height:1.35!important;
    border-radius:12px!important;
  }
}

/* 2026-05-19 mobile full-fit chart patch: no horizontal zoom/scroll on phones */
@media(max-width:640px){
  html, body{
    width:100%;
    max-width:100%;
    overflow-x:hidden!important;
  }
  .qimen-page{
    padding:14px 0 38px!important;
  }
  .qimen-layout{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .control-card,
  .summary-card,
  .chart-shell{
    width:100%!important;
    max-width:100%!important;
  }
  .chart-shell{
    overflow:visible!important;
    padding:8px!important;
    border-radius:16px!important;
  }
  .palace-grid{
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    border-width:1.5px!important;
    gap:1px!important;
  }
  .palace-cell{
    min-height:126px!important;
    padding:7px 6px!important;
    overflow:hidden!important;
  }
  .palace-title strong{
    font-size:15px!important;
    line-height:1.1!important;
  }
  .palace-title em{
    font-size:9px!important;
    padding:0 4px!important;
    line-height:1.45!important;
  }
  .left-symbols{
    left:7px!important;
    top:40px!important;
    gap:4px!important;
  }
  .left-symbols b{
    font-size:16px!important;
    line-height:1.08!important;
    white-space:nowrap!important;
  }
  .bird-star{
    margin-left:2px!important;
    font-size:.78em!important;
  }
  .right-stems{
    right:7px!important;
    bottom:14px!important;
    padding-left:7px!important;
    gap:6px!important;
  }
  .right-stems b{
    width:42px!important;
    min-width:42px!important;
    gap:3px!important;
    font-size:22px!important;
    line-height:1!important;
  }
  .bird-stem-left{
    font-size:.88em!important;
  }
  .center-earth{
    font-size:22px!important;
    right:12px!important;
    bottom:12px!important;
    place-items:end!important;
    padding:0 10px 10px 0!important;
  }
  .four-pillars-banner{
    width:100%!important;
    max-width:100%!important;
    min-height:40px!important;
    padding:8px 10px!important;
    justify-content:center!important;
    overflow:hidden!important;
    white-space:nowrap!important;
  }
  .four-pillars-banner b{
    font-size:12px!important;
    flex:0 0 auto!important;
  }
  .four-pillars-banner strong{
    font-size:16px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .mobile-tip{
    display:none!important;
  }
  .summary-card{
    padding:10px!important;
  }
  .summary-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .summary-item{
    min-height:44px!important;
    padding:8px 8px!important;
  }
  .summary-item b{
    font-size:11px!important;
  }
  .summary-item span{
    font-size:13px!important;
    line-height:1.12!important;
  }
  .method-note{
    font-size:12px!important;
  }
}

/* 2026-05-19 mobile readability correction: full summary text + compact palace text */
@media(max-width:640px){
  .summary-card{
    padding:10px!important;
    border-radius:16px!important;
  }
  .summary-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .summary-item{
    min-height:58px!important;
    padding:8px 9px!important;
    border-radius:12px!important;
    display:block!important;
    overflow:visible!important;
    white-space:normal!important;
  }
  .summary-item b{
    display:block!important;
    font-size:10px!important;
    line-height:1.1!important;
    margin:0 0 4px 0!important;
    color:#607386!important;
    white-space:nowrap!important;
  }
  .summary-item b::after{
    content:""!important;
  }
  .summary-item span{
    display:block!important;
    margin:0!important;
    font-size:11.5px!important;
    line-height:1.32!important;
    color:#0e3558!important;
    font-weight:900!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    word-break:keep-all!important;
  }
  .method-note{
    margin-top:8px!important;
    padding:8px 10px!important;
    font-size:12px!important;
    line-height:1.35!important;
    border-radius:12px!important;
  }

  .chart-shell{
    padding:7px!important;
    border-radius:16px!important;
    overflow:visible!important;
  }
  .palace-grid{
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    border-width:1.5px!important;
  }
  .palace-cell{
    min-height:118px!important;
    padding:7px 6px!important;
    overflow:hidden!important;
  }
  .palace-title strong{
    font-size:13.5px!important;
    line-height:1.08!important;
  }
  .palace-title span{
    gap:2px!important;
  }
  .palace-title em{
    font-size:8.5px!important;
    line-height:1.25!important;
    padding:0 3px!important;
  }
  .left-symbols{
    left:7px!important;
    top:36px!important;
    gap:3px!important;
    max-width:58%!important;
  }
  .left-symbols b{
    font-size:14px!important;
    line-height:1.08!important;
    white-space:nowrap!important;
    letter-spacing:-.03em!important;
  }
  .bird-star{
    margin-left:1px!important;
    font-size:.7em!important;
    letter-spacing:-.08em!important;
  }
  .right-stems{
    right:6px!important;
    bottom:13px!important;
    padding-left:6px!important;
    gap:5px!important;
    border-left:1px dashed #c4d5e5!important;
  }
  .right-stems b{
    width:42px!important;
    min-width:42px!important;
    justify-content:flex-end!important;
    gap:2px!important;
    font-size:18px!important;
    line-height:1!important;
    letter-spacing:-.04em!important;
  }
  .right-stems .main-stem{
    width:1em!important;
    text-align:center!important;
  }
  .bird-stem-left{
    font-size:.88em!important;
    line-height:1!important;
  }
  .center-earth{
    inset:auto 10px 10px auto!important;
    display:block!important;
    font-size:18px!important;
    line-height:1!important;
    padding:0!important;
  }
  .four-pillars-banner{
    width:100%!important;
    min-height:38px!important;
    padding:7px 8px!important;
    border-radius:13px!important;
    gap:6px!important;
    overflow:hidden!important;
  }
  .four-pillars-banner b{
    font-size:11px!important;
  }
  .four-pillars-banner strong{
    font-size:15px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
}

/* 2026-05-19 desktop fit patch: make right panel show summary and palace chart together */
@media (min-width:641px){
  .qimen-page{
    padding:16px 0 34px!important;
  }
  .qimen-layout{
    grid-template-columns:330px minmax(0,1fr)!important;
    gap:16px!important;
  }
  .control-card{
    top:84px!important;
    padding:16px!important;
    border-radius:22px!important;
  }
  .control-card h1{
    font-size:24px!important;
    margin-bottom:10px!important;
  }
  .form-grid{
    gap:10px!important;
  }
  input,select{
    height:40px!important;
  }
  .method-option{
    padding:8px!important;
  }
  .hour-nav{
    gap:8px!important;
    margin-top:10px!important;
  }
  .hour-nav button{
    height:44px!important;
  }
  .note{
    margin-top:10px!important;
    font-size:12px!important;
    line-height:1.55!important;
  }

  .summary-card{
    padding:12px!important;
    border-radius:22px!important;
  }
  .summary-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .summary-item{
    min-height:58px!important;
    padding:8px 10px!important;
    display:block!important;
    overflow:visible!important;
    white-space:normal!important;
    border-radius:12px!important;
  }
  .summary-item b{
    display:block!important;
    font-size:12px!important;
    line-height:1.1!important;
    margin:0 0 4px 0!important;
    white-space:nowrap!important;
  }
  .summary-item b::after{
    content:""!important;
  }
  .summary-item span{
    display:block!important;
    margin:0!important;
    font-size:14px!important;
    line-height:1.22!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    word-break:keep-all!important;
  }
  .method-note{
    margin-top:8px!important;
    padding:8px 10px!important;
    min-height:0!important;
    border-radius:12px!important;
    font-size:12px!important;
    line-height:1.35!important;
  }

  .chart-shell{
    margin-top:12px!important;
    padding:12px!important;
    border-radius:22px!important;
    overflow:visible!important;
  }
  .chart-title{
    margin-bottom:10px!important;
  }
  .four-pillars-banner{
    width:min(500px,100%)!important;
    min-height:44px!important;
    padding:6px 14px!important;
    border-radius:14px!important;
  }
  .four-pillars-banner b{
    font-size:13px!important;
  }
  .four-pillars-banner strong{
    font-size:22px!important;
  }
  .palace-grid{
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
  }
  .palace-cell{
    min-height:142px!important;
    padding:8px 10px!important;
  }
  .palace-title strong{
    font-size:18px!important;
  }
  .palace-title em{
    font-size:10px!important;
    padding:0 6px!important;
  }
  .left-symbols{
    left:12px!important;
    top:48px!important;
    gap:6px!important;
  }
  .left-symbols b{
    font-size:18px!important;
    line-height:1.08!important;
  }
  .bird-star{
    font-size:.78em!important;
    margin-left:3px!important;
  }
  .right-stems{
    right:14px!important;
    bottom:16px!important;
    gap:7px!important;
    padding-left:12px!important;
  }
  .right-stems b{
    width:58px!important;
    min-width:58px!important;
    gap:6px!important;
    font-size:24px!important;
    line-height:1!important;
  }
  .bird-stem-left{
    font-size:.9em!important;
  }
  .center-earth{
    right:14px!important;
    bottom:14px!important;
    font-size:22px!important;
  }
}

@media (min-width:641px) and (max-width:1120px){
  .qimen-layout{
    grid-template-columns:1fr!important;
  }
  .summary-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}

/* patch: remove bottom method note row and four-pillar label */
.method-note{display:none!important}
.four-pillars-banner{justify-content:center!important}
.four-pillars-banner b{display:none!important}

/* 2026-05-19 user correction: combine xun fields, add lunar, remove palace name labels */
.palace-title{position:absolute!important;top:8px!important;right:10px!important;left:auto!important;display:flex!important;justify-content:flex-end!important;align-items:flex-start!important;margin:0!important;z-index:2}
.palace-title strong{display:none!important}
.palace-title span{display:flex!important;gap:4px!important;flex-wrap:wrap!important;justify-content:flex-end!important}
.center-palace .palace-title{display:none!important}
.left-symbols{top:24px!important}
@media (min-width:641px){
  .left-symbols{top:30px!important}
  .palace-cell{padding-top:12px!important}
  .summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:640px){
  .left-symbols{top:22px!important}
  .palace-title{top:5px!important;right:5px!important}
  .palace-title em{font-size:8px!important;padding:0 3px!important}
  .summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* 2026-05-19 software-style palace surface: hidden stem, ground gods, red/black auspicious marking */
.palace-grid{
  background:#111827!important;
  border:2px solid #111827!important;
  gap:1px!important;
}
.new-pan-cell{
  min-height:180px!important;
  background:#fff!important;
  padding:12px 14px!important;
  position:relative!important;
  overflow:hidden!important;
  font-family:"Songti SC","SimSun","Noto Serif SC",serif!important;
}
.new-pan-cell .dark-stem{
  position:absolute!important;
  left:15px!important;
  top:12px!important;
  z-index:2!important;
  min-width:24px!important;
  text-align:left!important;
}
.new-pan-cell .dark-stem .symbol{
  font-size:23px!important;
  line-height:1!important;
}
.new-pan-cell .top-tags{
  position:absolute!important;
  right:10px!important;
  top:8px!important;
  display:flex!important;
  gap:4px!important;
  z-index:4!important;
}
.new-pan-cell .top-tags em{
  font-style:normal!important;
  border:1px solid #efb5b5!important;
  background:#fff5f5!important;
  color:#c62828!important;
  border-radius:999px!important;
  padding:1px 7px!important;
  font-size:12px!important;
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif!important;
  font-weight:900!important;
  line-height:1.45!important;
}
.new-pan-cell .main-symbols{
  position:absolute!important;
  left:58px!important;
  top:44px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  align-items:flex-start!important;
  z-index:3!important;
}
.new-pan-cell .symbol{
  display:inline-block!important;
  font-size:25px!important;
  line-height:1.05!important;
  font-weight:900!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
}
.new-pan-cell .plain-symbol{color:#111827!important}
.new-pan-cell .good-symbol{color:#c62828!important}
.new-pan-cell .value-block{
  display:inline-block!important;
  background:#d90000!important;
  color:#fff!important;
  padding:2px 8px!important;
  font-size:24px!important;
  line-height:1.15!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
.new-pan-cell .bird-star-inline{
  margin-left:4px!important;
}
.new-pan-cell .stem-pair{
  position:absolute!important;
  right:54px!important;
  top:55px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  align-items:flex-start!important;
  border:0!important;
  padding:0!important;
  z-index:3!important;
}
.new-pan-cell .stem-line{
  display:flex!important;
  align-items:baseline!important;
  gap:8px!important;
  min-height:26px!important;
}
.new-pan-cell .stem-line .symbol{
  font-size:24px!important;
}
.new-pan-cell .ground-god{
  position:absolute!important;
  left:18px!important;
  bottom:16px!important;
  z-index:2!important;
}
.new-pan-cell .ground-god .symbol{
  font-size:22px!important;
}
.center-palace.new-pan-cell{
  background:#fff!important;
}
.new-center-earth{
  position:absolute!important;
  right:70px!important;
  top:88px!important;
  display:block!important;
  inset:auto!important;
  place-items:normal!important;
}
.new-center-earth .symbol{
  font-size:25px!important;
}

@media(max-width:1040px){
  .new-pan-cell{min-height:170px!important;padding:10px 12px!important}
  .new-pan-cell .dark-stem{left:12px!important;top:10px!important}
  .new-pan-cell .dark-stem .symbol{font-size:20px!important}
  .new-pan-cell .main-symbols{left:45px!important;top:40px!important;gap:7px!important}
  .new-pan-cell .symbol{font-size:21px!important}
  .new-pan-cell .value-block{font-size:20px!important;padding:2px 7px!important}
  .new-pan-cell .stem-pair{right:38px!important;top:56px!important;gap:8px!important}
  .new-pan-cell .stem-line .symbol{font-size:21px!important}
  .new-pan-cell .ground-god{left:14px!important;bottom:12px!important}
  .new-pan-cell .ground-god .symbol{font-size:19px!important}
  .new-center-earth{right:58px!important;top:82px!important}
}

@media(max-width:640px){
  .palace-grid{min-width:0!important;width:100%!important}
  .new-pan-cell{min-height:148px!important;padding:8px 7px!important}
  .new-pan-cell .dark-stem{left:8px!important;top:8px!important}
  .new-pan-cell .dark-stem .symbol{font-size:16px!important}
  .new-pan-cell .top-tags{right:4px!important;top:4px!important;gap:2px!important}
  .new-pan-cell .top-tags em{font-size:8px!important;padding:0 3px!important}
  .new-pan-cell .main-symbols{left:15px!important;top:35px!important;gap:6px!important}
  .new-pan-cell .symbol{font-size:16px!important;line-height:1.08!important}
  .new-pan-cell .value-block{font-size:15px!important;padding:2px 5px!important}
  .new-pan-cell .bird-star-inline{margin-left:2px!important}
  .new-pan-cell .stem-pair{right:10px!important;top:67px!important;gap:7px!important}
  .new-pan-cell .stem-line{gap:4px!important;min-height:20px!important}
  .new-pan-cell .stem-line .symbol{font-size:18px!important}
  .new-pan-cell .ground-god{left:10px!important;bottom:8px!important}
  .new-pan-cell .ground-god .symbol{font-size:14px!important}
  .new-center-earth{right:30px!important;top:74px!important}
  .new-center-earth .symbol{font-size:18px!important}
}

/* 2026-05-20 correction: compact software-like palace chart, Kaiti typography, thinner colors */
:root{
  --ink-plain:#111111;
  --ink-red:#d00000;
  --ink-blue:#005be8;
}

/* desktop right panel compact enough to show summary + full chart */
@media (min-width:1041px){
  .qimen-page{padding:14px 0 28px!important;}
  .container{width:min(1240px,calc(100% - 32px))!important;}
  .qimen-layout{grid-template-columns:320px minmax(0,1fr)!important;gap:14px!important;}
  .control-card{padding:15px!important;border-radius:20px!important;top:84px!important;}
  .control-card h1{font-size:24px!important;margin-bottom:10px!important;}
  .form-grid{gap:9px!important;}
  input,select{height:38px!important;}
  .method-option{padding:8px!important;}
  .btn{padding:11px 18px!important;}
  .note{font-size:12px!important;line-height:1.55!important;}

  .summary-card{padding:10px 12px!important;border-radius:18px!important;}
  .summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;}
  .summary-item{min-height:46px!important;padding:7px 10px!important;border-radius:12px!important;display:flex!important;align-items:center!important;gap:7px!important;overflow:visible!important;}
  .summary-item b{display:inline!important;flex:0 0 auto!important;font-size:11px!important;line-height:1.2!important;white-space:nowrap!important;}
  .summary-item span{display:inline!important;margin:0!important;font-size:14px!important;line-height:1.2!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;}

  .chart-shell{margin-top:10px!important;padding:12px!important;border-radius:18px!important;overflow:visible!important;}
  .chart-title{margin-bottom:8px!important;}
  .four-pillars-banner{width:min(520px,100%)!important;min-height:44px!important;padding:6px 18px!important;border-radius:14px!important;}
  .four-pillars-banner strong{font-size:25px!important;line-height:1!important;font-weight:700!important;}
}

/* software screenshot style: dotted grid and Kaiti text */
.palace-grid{
  min-width:0!important;
  width:100%!important;
  background:#fff!important;
  border:3px dotted #111!important;
  gap:0!important;
  overflow:hidden!important;
}
.new-pan-cell{
  background:#fff!important;
  border-right:2px dotted #111!important;
  border-bottom:2px dotted #111!important;
  min-height:156px!important;
  padding:10px 12px!important;
  font-family:"KaiTi","STKaiti","Kaiti SC","楷体","SimKai","Songti SC","SimSun",serif!important;
  font-weight:400!important;
  overflow:hidden!important;
}
.new-pan-cell:nth-child(3n){border-right:0!important;}
.new-pan-cell:nth-child(n+7){border-bottom:0!important;}

.new-pan-cell .symbol,
.new-pan-cell .dark-stem .symbol,
.new-pan-cell .stem-line .symbol,
.new-pan-cell .ground-god .symbol{
  font-family:"KaiTi","STKaiti","Kaiti SC","楷体","SimKai","Songti SC","SimSun",serif!important;
  font-weight:400!important;
  color:var(--ink-plain)!important;
  line-height:1.05!important;
}
.new-pan-cell .plain-symbol{color:var(--ink-plain)!important;}
.new-pan-cell .good-symbol{color:var(--ink-red)!important;}
.new-pan-cell .star.good-symbol,
.new-pan-cell .door.good-symbol{color:var(--ink-red)!important;}
.new-pan-cell .value-block{
  font-family:"KaiTi","STKaiti","Kaiti SC","楷体","SimKai","Songti SC","SimSun",serif!important;
  font-weight:400!important;
  background:#d00000!important;
  color:#fff!important;
  padding:1px 8px!important;
  font-size:23px!important;
  line-height:1.15!important;
}

.new-pan-cell .dark-stem{left:14px!important;top:13px!important;}
.new-pan-cell .dark-stem .symbol{font-size:23px!important;}
.new-pan-cell .main-symbols{left:54px!important;top:42px!important;gap:6px!important;}
.new-pan-cell .main-symbols .symbol{font-size:24px!important;}
.new-pan-cell .bird-star-inline{margin-left:3px!important;}
.new-pan-cell .stem-pair{right:50px!important;top:52px!important;gap:7px!important;border:0!important;}
.new-pan-cell .stem-line{gap:7px!important;min-height:24px!important;}
.new-pan-cell .stem-line .symbol{font-size:24px!important;}
.new-pan-cell .ground-god{left:16px!important;bottom:12px!important;}
.new-pan-cell .ground-god .symbol{font-size:21px!important;}
.new-pan-cell .top-tags{right:10px!important;top:8px!important;gap:4px!important;}
.new-pan-cell .top-tags em{
  font-family:"KaiTi","STKaiti","Kaiti SC","楷体","SimKai",serif!important;
  font-weight:400!important;
  font-size:12px!important;
  line-height:1.2!important;
  color:var(--ink-red)!important;
  border-color:#efb5b5!important;
  background:#fff5f5!important;
}

.center-palace.new-pan-cell{background:#fff!important;}
.new-center-earth{
  right:68px!important;
  top:88px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.new-center-earth .symbol{
  font-size:22px!important;
  color:var(--ink-red)!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}

/* medium laptop compacting */
@media (max-width:1040px) and (min-width:641px){
  .chart-shell{overflow:visible!important;}
  .palace-grid{min-width:0!important;width:100%!important;}
  .new-pan-cell{min-height:148px!important;padding:9px 10px!important;}
  .new-pan-cell .dark-stem{left:11px!important;top:10px!important;}
  .new-pan-cell .dark-stem .symbol{font-size:20px!important;}
  .new-pan-cell .main-symbols{left:42px!important;top:38px!important;gap:5px!important;}
  .new-pan-cell .main-symbols .symbol{font-size:21px!important;}
  .new-pan-cell .value-block{font-size:20px!important;}
  .new-pan-cell .stem-pair{right:34px!important;top:50px!important;gap:6px!important;}
  .new-pan-cell .stem-line .symbol{font-size:21px!important;}
  .new-pan-cell .ground-god .symbol{font-size:18px!important;}
  .new-center-earth{right:52px!important;top:78px!important;}
  .new-center-earth .symbol{font-size:20px!important;}
}

/* phone keeps whole chart visible, but reduces text slightly */
@media(max-width:640px){
  .summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;}
  .summary-item{min-height:46px!important;padding:7px 8px!important;display:block!important;overflow:visible!important;}
  .summary-item b{font-size:10px!important;line-height:1.15!important;}
  .summary-item span{font-size:12px!important;line-height:1.25!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;}
  .chart-shell{padding:8px!important;overflow:visible!important;}
  .four-pillars-banner{min-height:40px!important;padding:6px 10px!important;}
  .four-pillars-banner strong{font-size:17px!important;}
  .palace-grid{min-width:0!important;width:100%!important;border:2px dotted #111!important;}
  .new-pan-cell{min-height:128px!important;padding:6px 6px!important;border-right:1.5px dotted #111!important;border-bottom:1.5px dotted #111!important;}
  .new-pan-cell .dark-stem{left:7px!important;top:7px!important;}
  .new-pan-cell .dark-stem .symbol{font-size:15px!important;}
  .new-pan-cell .main-symbols{left:12px!important;top:30px!important;gap:4px!important;}
  .new-pan-cell .main-symbols .symbol{font-size:15px!important;}
  .new-pan-cell .value-block{font-size:14px!important;padding:1px 4px!important;}
  .new-pan-cell .stem-pair{right:8px!important;top:58px!important;gap:4px!important;}
  .new-pan-cell .stem-line{gap:3px!important;min-height:17px!important;}
  .new-pan-cell .stem-line .symbol{font-size:15px!important;}
  .new-pan-cell .ground-god{left:8px!important;bottom:7px!important;}
  .new-pan-cell .ground-god .symbol{font-size:12px!important;}
  .new-pan-cell .top-tags{right:4px!important;top:4px!important;gap:2px!important;}
  .new-pan-cell .top-tags em{font-size:8px!important;padding:0 3px!important;}
  .new-center-earth{right:23px!important;top:64px!important;}
  .new-center-earth .symbol{font-size:14px!important;}
}

/* 2026-05-20 root correction: software-like centered palace group + correct fit */
@media (min-width:1041px){
  .qimen-page{padding:10px 0 18px!important;}
  .qimen-layout{grid-template-columns:315px minmax(0,1fr)!important;align-items:start!important;}
  .summary-card{padding:8px 10px!important;margin-bottom:8px!important;}
  .summary-grid{gap:6px!important;}
  .summary-item{min-height:42px!important;padding:6px 9px!important;}
  .chart-shell{padding:10px 12px!important;margin-top:8px!important;}
  .four-pillars-banner{min-height:40px!important;padding:5px 18px!important;}
  .four-pillars-banner strong{font-size:24px!important;}
}

.new-pan-cell{
  position:relative!important;
}
.new-pan-cell .main-symbols{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  text-align:center!important;
  width:auto!important;
  min-width:92px!important;
  z-index:3!important;
}
.new-pan-cell .star-row{
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:baseline!important;
  justify-content:center!important;
  gap:5px!important;
  white-space:nowrap!important;
}
.new-pan-cell .bird-star-inline{
  margin-left:0!important;
}
.new-pan-cell .main-symbols .symbol,
.new-pan-cell .main-symbols .value-block{
  font-size:23px!important;
  line-height:1.12!important;
  white-space:nowrap!important;
}
.new-pan-cell .stem-pair{
  right:42px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
}
.new-pan-cell .stem-line{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  white-space:nowrap!important;
}
.new-pan-cell .stem-line .symbol{font-size:23px!important;}
.new-pan-cell .bird-stem-inline{
  margin-left:5px!important;
  font-size:.78em!important;
}
.new-pan-cell .ground-god{z-index:2!important;}
.center-palace.new-pan-cell .dark-stem{display:block!important;}
.new-center-earth{right:82px!important;top:86px!important;}

@media (min-width:1041px){
  .new-pan-cell{min-height:142px!important;}
}
@media (max-width:1040px) and (min-width:641px){
  .new-pan-cell .main-symbols{left:50%!important;top:50%!important;min-width:78px!important;gap:3px!important;}
  .new-pan-cell .main-symbols .symbol,
  .new-pan-cell .main-symbols .value-block{font-size:20px!important;}
  .new-pan-cell .stem-pair{right:28px!important;top:50%!important;}
  .new-pan-cell .stem-line .symbol{font-size:20px!important;}
  .new-pan-cell .bird-stem-inline{font-size:.78em!important;margin-left:4px!important;}
}
@media(max-width:640px){
  .new-pan-cell .main-symbols{left:43%!important;top:49%!important;min-width:58px!important;gap:2px!important;}
  .new-pan-cell .main-symbols .symbol,
  .new-pan-cell .main-symbols .value-block{font-size:14px!important;line-height:1.05!important;}
  .new-pan-cell .star-row{gap:2px!important;}
  .new-pan-cell .stem-pair{right:6px!important;top:52%!important;gap:3px!important;}
  .new-pan-cell .stem-line .symbol{font-size:14px!important;}
  .new-pan-cell .bird-stem-inline{font-size:.76em!important;margin-left:2px!important;}
}

/* 2026-05-20 root correction: software-style palace layout and stem alignment */
.new-pan-cell{
  position:relative!important;
  font-family:"Kaiti SC","STKaiti","KaiTi","楷体","Songti SC","SimSun",serif!important;
  font-weight:400!important;
}
.new-pan-cell .symbol,
.new-pan-cell .value-block,
.new-pan-cell .dark-stem .symbol,
.new-pan-cell .stem-line .symbol,
.new-pan-cell .ground-god .symbol{
  font-family:"Kaiti SC","STKaiti","KaiTi","楷体","Songti SC","SimSun",serif!important;
  font-weight:400!important;
  letter-spacing:0!important;
}
.new-pan-cell .main-symbols{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  display:grid!important;
  grid-template-rows:repeat(3,auto)!important;
  row-gap:5px!important;
  min-width:84px!important;
  text-align:center!important;
  z-index:3!important;
}
.new-pan-cell .main-symbols .symbol,
.new-pan-cell .main-symbols .value-block{
  font-size:24px!important;
  line-height:1.08!important;
}
.new-pan-cell .stem-pair{
  position:absolute!important;
  right:44px!important;
  top:50%!important;
  transform:translateY(-12%)!important;
  display:grid!important;
  grid-template-rows:repeat(2,auto)!important;
  row-gap:10px!important;
  border:0!important;
  padding:0!important;
  z-index:4!important;
}
.new-pan-cell .stem-line{
  min-height:28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
}
.new-pan-cell .stem-line .symbol{
  font-size:24px!important;
  line-height:1!important;
}
.new-pan-cell .bird-star-inline,
.new-pan-cell .bird-stem-inline{display:none!important;}
.new-pan-cell .plain-symbol{color:#111!important;}
.new-pan-cell .good-symbol{color:#d00000!important;}
.new-pan-cell .value-block{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#d00000!important;
  color:#fff!important;
  border-radius:0!important;
  padding:2px 8px!important;
  font-weight:400!important;
}
.new-pan-cell .top-tags em{
  font-family:"Kaiti SC","STKaiti","KaiTi","楷体","Songti SC","SimSun",serif!important;
  font-weight:400!important;
}
.center-palace.new-pan-cell .main-symbols,
.center-palace.new-pan-cell .stem-pair{display:none!important;}
.center-palace.new-pan-cell .center-earth,
.center-palace.new-pan-cell .new-center-earth{
  position:absolute!important;
  right:44px!important;
  top:50%!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  display:block!important;
}
.center-palace.new-pan-cell .center-earth .symbol,
.center-palace.new-pan-cell .new-center-earth .symbol{
  font-size:24px!important;
  font-family:"Kaiti SC","STKaiti","KaiTi","楷体","Songti SC","SimSun",serif!important;
  font-weight:400!important;
  color:#d00000!important;
}
@media(max-width:1200px){
  .new-pan-cell .main-symbols .symbol,
  .new-pan-cell .main-symbols .value-block{font-size:20px!important;}
  .new-pan-cell .stem-line .symbol{font-size:20px!important;}
  .new-pan-cell .stem-pair{right:30px!important;row-gap:7px!important;}
}
@media(max-width:640px){
  .new-pan-cell .main-symbols{min-width:54px!important;row-gap:2px!important;}
  .new-pan-cell .main-symbols .symbol,
  .new-pan-cell .main-symbols .value-block{font-size:14px!important;line-height:1.05!important;padding:1px 4px!important;}
  .new-pan-cell .stem-pair{right:7px!important;row-gap:4px!important;top:52%!important;}
  .new-pan-cell .stem-line .symbol{font-size:14px!important;}
  .center-palace.new-pan-cell .center-earth,
  .center-palace.new-pan-cell .new-center-earth{right:9px!important;}
  .center-palace.new-pan-cell .center-earth .symbol,
  .center-palace.new-pan-cell .new-center-earth .symbol{font-size:14px!important;}
}

/* 2026-05-20 final requested correction: one summary box, stem alignment, red xun/value markers */
.summary-card{
  padding:10px 12px!important;
  border-radius:18px!important;
  margin-bottom:10px!important;
}
.summary-grid{
  display:block!important;
}
.summary-onebox{
  width:100%!important;
  border:1px solid #cfe3f5!important;
  border-radius:14px!important;
  background:#f8fcff!important;
  padding:10px 14px!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:8px 18px!important;
  color:#12385a!important;
}
.summary-line{
  display:inline-flex!important;
  align-items:baseline!important;
  gap:5px!important;
  white-space:nowrap!important;
  line-height:1.35!important;
}
.summary-line b{
  font-size:13px!important;
  font-weight:700!important;
  color:#5e7286!important;
}
.summary-line b::after{content:"："}
.summary-line em{
  font-style:normal!important;
  font-size:15px!important;
  font-weight:800!important;
  color:#143b5d!important;
}
.chart-shell{
  margin-top:8px!important;
  padding:10px 12px!important;
}
.four-pillars-banner{
  min-height:40px!important;
  width:min(500px,100%)!important;
  padding:5px 16px!important;
}
.four-pillars-banner strong{
  font-size:23px!important;
}
.new-pan-cell{
  min-height:132px!important;
}
.new-pan-cell .main-symbols{
  row-gap:10px!important;
  min-width:86px!important;
}
.new-pan-cell .main-symbols .symbol,
.new-pan-cell .main-symbols .value-block{
  font-size:22px!important;
  line-height:1.08!important;
}
.new-pan-cell .stem-pair{
  right:42px!important;
  top:50%!important;
  transform:translateY(-18px)!important;
  display:grid!important;
  grid-template-rows:repeat(2,26px)!important;
  row-gap:10px!important;
  align-items:center!important;
}
.new-pan-cell .stem-line{
  min-height:26px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:0!important;
}
.new-pan-cell .stem-main-wrap{
  width:1.15em!important;
  min-width:1.15em!important;
  display:inline-flex!important;
  justify-content:center!important;
  align-items:center!important;
}
.new-pan-cell .stem-attach-wrap{
  margin-left:8px!important;
  display:inline-flex!important;
  align-items:center!important;
}
.new-pan-cell .stem-line .symbol{
  font-size:22px!important;
  line-height:1!important;
}
.new-pan-cell .top-tags em.tag-strong,
.new-pan-cell .top-tags em:first-child:is(.tag-strong){
  background:#d00000!important;
  color:#fff!important;
  border-color:#d00000!important;
  border-radius:0!important;
  padding:2px 7px!important;
  font-size:15px!important;
}
.new-pan-cell .top-tags em{
  font-size:12px!important;
}
@media (min-width:1041px){
  .qimen-page{padding:8px 0 16px!important;}
  .qimen-layout{grid-template-columns:315px minmax(0,1fr)!important;gap:14px!important;}
  .control-card{padding:15px!important;}
  .palace-grid{width:100%!important;}
}
@media (max-width:1040px) and (min-width:641px){
  .summary-onebox{gap:7px 12px!important;padding:9px 12px!important;}
  .summary-line em{font-size:14px!important;}
  .new-pan-cell{min-height:126px!important;}
  .new-pan-cell .main-symbols .symbol,
  .new-pan-cell .main-symbols .value-block{font-size:19px!important;}
  .new-pan-cell .stem-pair{right:28px!important;transform:translateY(-16px)!important;row-gap:8px!important;}
  .new-pan-cell .stem-line .symbol{font-size:19px!important;}
}
@media (max-width:640px){
  .summary-onebox{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:5px!important;
    padding:9px 10px!important;
  }
  .summary-line{
    white-space:normal!important;
    align-items:flex-start!important;
  }
  .summary-line b{font-size:11px!important;flex:0 0 auto!important;}
  .summary-line em{font-size:12px!important;line-height:1.25!important;}
  .four-pillars-banner strong{font-size:15px!important;}
  .new-pan-cell{min-height:112px!important;}
  .new-pan-cell .main-symbols{min-width:48px!important;row-gap:3px!important;}
  .new-pan-cell .main-symbols .symbol,
  .new-pan-cell .main-symbols .value-block{font-size:13px!important;}
  .new-pan-cell .stem-pair{right:6px!important;transform:translateY(-10px)!important;grid-template-rows:repeat(2,16px)!important;row-gap:4px!important;}
  .new-pan-cell .stem-line .symbol{font-size:13px!important;}
  .new-pan-cell .stem-attach-wrap{margin-left:3px!important;}
  .new-pan-cell .top-tags em.tag-strong{font-size:9px!important;padding:1px 3px!important;}
}

/* 2026-05-20 final correction: software header + one containing frame + value door/xun stem precise marking */
.pan-composite{
  background:#fff!important;
  border:1px solid #bfe0f8!important;
  border-radius:22px!important;
  box-shadow:0 18px 42px rgba(36,102,170,.10)!important;
  padding:14px!important;
}
.pan-composite .summary-card,
.pan-composite .chart-shell{
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
.pan-composite .summary-card{
  padding:0!important;
  margin:0 0 12px!important;
}
.pan-composite .chart-shell{
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
}
.software-meta{
  width:100%!important;
  min-height:126px!important;
  border:1px solid #cfe3f5!important;
  border-radius:14px!important;
  background:#f8fcff!important;
  padding:12px 16px!important;
  display:grid!important;
  grid-template-columns:1.18fr 0.82fr!important;
  column-gap:28px!important;
  row-gap:0!important;
  align-items:start!important;
  color:#111!important;
  font-family:"KaiTi","STKaiti","Kaiti SC","楷体","SimKai","Songti SC","SimSun",serif!important;
}
.software-meta .meta-col{display:grid!important;gap:4px!important;align-content:start!important;min-width:0!important;}
.software-meta p{margin:0!important;display:flex!important;align-items:baseline!important;gap:10px!important;min-width:0!important;line-height:1.35!important;white-space:nowrap!important;}
.software-meta b{font-size:18px!important;color:#111!important;font-weight:700!important;min-width:3.2em!important;}
.software-meta span{font-size:17px!important;color:#111!important;font-weight:400!important;}
.software-meta .gz-blue{color:#005be8!important;font-weight:500!important;margin-right:6px!important;}
.software-meta .meta-red{color:#d00000!important;font-weight:700!important;}
.software-meta .meta-week{margin-left:auto!important;}
.software-meta .meta-col:nth-child(2) b{min-width:3.2em!important;}
.four-pillars-banner{margin:0 auto 10px!important;}
.four-pillars-banner strong{font-family:"KaiTi","STKaiti","Kaiti SC","楷体","SimKai","Songti SC","SimSun",serif!important;font-weight:700!important;}
.new-pan-cell .xun-hidden-stem{color:#d00000!important;font-weight:700!important;}
.new-pan-cell .door-symbol.value-block{background:#d00000!important;color:#fff!important;}
.new-pan-cell .main-symbols{row-gap:14px!important;}
.new-pan-cell .stem-pair{transform:translateY(-21px)!important;grid-template-rows:repeat(2,30px)!important;row-gap:14px!important;}
.new-pan-cell{min-height:138px!important;}
.new-pan-cell .main-symbols .symbol,
.new-pan-cell .main-symbols .value-block,
.new-pan-cell .stem-line .symbol{font-size:23px!important;}

@media(min-width:1041px){
  .qimen-page{padding:8px 0 16px!important;}
  .qimen-layout{grid-template-columns:315px minmax(0,1fr)!important;gap:14px!important;}
  .pan-composite{height:auto!important;}
  .palace-grid{width:100%!important;}
}
@media(max-width:1040px) and (min-width:641px){
  .software-meta{grid-template-columns:1fr!important;min-height:0!important;gap:4px!important;padding:10px 12px!important;}
  .software-meta p{white-space:normal!important;}
  .software-meta b{font-size:15px!important;}
  .software-meta span{font-size:15px!important;}
  .new-pan-cell{min-height:126px!important;}
  .new-pan-cell .main-symbols{row-gap:8px!important;}
  .new-pan-cell .main-symbols .symbol,
  .new-pan-cell .main-symbols .value-block,
  .new-pan-cell .stem-line .symbol{font-size:19px!important;}
  .new-pan-cell .stem-pair{transform:translateY(-16px)!important;grid-template-rows:repeat(2,24px)!important;row-gap:8px!important;}
}
@media(max-width:640px){
  .pan-composite{padding:8px!important;border-radius:18px!important;}
  .software-meta{grid-template-columns:1fr!important;min-height:0!important;padding:9px 10px!important;gap:3px!important;}
  .software-meta p{white-space:normal!important;line-height:1.35!important;gap:6px!important;}
  .software-meta b{font-size:12px!important;min-width:3em!important;}
  .software-meta span{font-size:12px!important;}
  .software-meta .meta-week{margin-left:0!important;}
  .four-pillars-banner{margin-bottom:8px!important;}
  .new-pan-cell{min-height:112px!important;}
  .new-pan-cell .main-symbols{row-gap:3px!important;}
  .new-pan-cell .main-symbols .symbol,
  .new-pan-cell .main-symbols .value-block,
  .new-pan-cell .stem-line .symbol{font-size:13px!important;}
  .new-pan-cell .stem-pair{transform:translateY(-10px)!important;grid-template-rows:repeat(2,16px)!important;row-gap:4px!important;}
}

/* 2026-05-20 correction: software-style meta layout, no overlap, corrected title text */
.software-meta-final{
  min-height:112px!important;
  display:grid!important;
  grid-template-columns:1.22fr .78fr!important;
  column-gap:32px!important;
  padding:12px 18px!important;
  align-items:start!important;
}
.software-meta-final .meta-col{
  display:grid!important;
  gap:4px!important;
  min-width:0!important;
}
.software-meta-final p{
  display:flex!important;
  align-items:baseline!important;
  gap:9px!important;
  margin:0!important;
  line-height:1.34!important;
  white-space:normal!important;
  overflow:visible!important;
}
.software-meta-final b{
  flex:0 0 auto!important;
  min-width:3.2em!important;
  font-size:17px!important;
  font-weight:700!important;
  color:#111!important;
}
.software-meta-final span{
  font-size:16px!important;
  font-weight:400!important;
  color:#111!important;
  white-space:nowrap!important;
}
.software-meta-final .term-line{
  flex-wrap:wrap!important;
  row-gap:2px!important;
}
.software-meta-final .term-line span{
  margin-right:18px!important;
}
.software-meta-final .meta-week{margin-left:auto!important;}
.software-meta-final .gz-blue{color:#005be8!important;font-weight:500!important;margin-right:5px!important;}
.software-meta-final .meta-red{color:#d00000!important;font-weight:700!important;}
@media(max-width:1040px){
  .software-meta-final{grid-template-columns:1fr!important;min-height:0!important;gap:4px!important;padding:10px 12px!important;}
  .software-meta-final span{font-size:14px!important;}
  .software-meta-final b{font-size:14px!important;}
  .software-meta-final .meta-week{margin-left:0!important;}
}
@media(max-width:640px){
  .software-meta-final{padding:9px 10px!important;}
  .software-meta-final p{gap:6px!important;line-height:1.35!important;}
  .software-meta-final b{font-size:12px!important;min-width:3em!important;}
  .software-meta-final span{font-size:12px!important;white-space:normal!important;}
}

/* 2026-05-20 mobile first chart cleanup: show pan before controls and compact mobile plate */
@media (max-width:640px){
  .qimen-page{padding:10px 0 28px!important;}
  .qimen-layout{display:flex!important;flex-direction:column!important;gap:12px!important;}
  .qimen-layout > section{order:1!important;width:100%!important;}
  .qimen-layout > .control-card{order:2!important;width:100%!important;position:static!important;margin-top:0!important;}
  .pan-composite{display:block!important;}
  .pan-composite .summary-card{order:1!important;margin:0!important;border-radius:18px!important;padding:10px 12px!important;box-shadow:0 8px 22px rgba(45,127,194,.08)!important;}
  .chart-shell{order:2!important;margin-top:10px!important;padding:10px 8px 12px!important;border-radius:18px!important;overflow:visible!important;box-shadow:0 8px 22px rgba(45,127,194,.08)!important;}

  .software-meta-final{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:2px 8px!important;
    padding:0!important;
    min-height:0!important;
    background:transparent!important;
    border:0!important;
  }
  .software-meta-final .meta-col{display:contents!important;}
  .software-meta-final p{
    display:flex!important;
    align-items:center!important;
    gap:3px!important;
    margin:0!important;
    padding:0!important;
    min-height:18px!important;
    line-height:1.12!important;
    white-space:nowrap!important;
    overflow:hidden!important;
  }
  .software-meta-final b{
    min-width:auto!important;
    flex:0 0 auto!important;
    font-size:10px!important;
    line-height:1.1!important;
    color:#435c72!important;
    font-weight:700!important;
  }
  .software-meta-final b::after{content:""!important;}
  .software-meta-final span{
    min-width:0!important;
    font-size:10px!important;
    line-height:1.1!important;
    color:#111!important;
    font-weight:500!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .software-meta-final .term-line{display:flex!important;}
  .software-meta-final .term-line span + span{display:none!important;}
  .software-meta-final .meta-week{display:none!important;}
  .software-meta-final .gz-blue{font-size:10px!important;margin-right:2px!important;color:#005be8!important;}
  .software-meta-final .meta-red{font-size:10px!important;color:#d00000!important;}

  .four-pillars-banner{height:42px!important;min-height:42px!important;padding:0 8px!important;border-radius:13px!important;justify-content:center!important;overflow:hidden!important;}
  .four-pillars-banner strong{font-size:17px!important;line-height:1!important;white-space:nowrap!important;}
  .chart-title{margin:0 0 8px!important;}

  .palace-grid{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    border-width:2px!important;
    gap:0!important;
    background:transparent!important;
    border-style:dotted!important;
  }
  .new-pan-cell{
    min-height:104px!important;
    height:104px!important;
    padding:5px!important;
    border-width:1px!important;
    border-style:dotted!important;
    overflow:hidden!important;
  }
  .new-pan-cell .dark-stem{
    left:5px!important;
    top:4px!important;
  }
  .new-pan-cell .dark-stem .symbol,
  .new-pan-cell .ground-god .symbol,
  .new-pan-cell .top-tags em{
    font-size:10px!important;
    line-height:1!important;
  }
  .new-pan-cell .top-tags{right:5px!important;top:4px!important;gap:2px!important;}
  .new-pan-cell .main-symbols{
    left:50%!important;
    top:51%!important;
    transform:translate(-50%,-50%)!important;
    min-width:40px!important;
    row-gap:2px!important;
    text-align:center!important;
  }
  .new-pan-cell .main-symbols .symbol,
  .new-pan-cell .main-symbols .value-block{
    font-size:12px!important;
    line-height:1.04!important;
    padding:1px 3px!important;
    letter-spacing:0!important;
  }
  .new-pan-cell .value-block{padding:1px 4px!important;border-radius:0!important;}
  .new-pan-cell .stem-pair{
    right:5px!important;
    top:52%!important;
    transform:translateY(-50%)!important;
    grid-template-rows:repeat(2,14px)!important;
    row-gap:6px!important;
    min-width:28px!important;
  }
  .new-pan-cell .stem-line{height:14px!important;line-height:14px!important;justify-content:center!important;}
  .new-pan-cell .stem-line .symbol{
    font-size:12px!important;
    line-height:1!important;
    padding:0!important;
  }
  .new-pan-cell .stem-attach-wrap{margin-left:2px!important;}
  .new-pan-cell .ground-god{
    left:5px!important;
    bottom:4px!important;
  }
  .center-palace.new-pan-cell .new-center-earth,
  .center-palace.new-pan-cell .center-earth{right:8px!important;bottom:9px!important;}
  .center-palace.new-pan-cell .center-earth .symbol,
  .center-palace.new-pan-cell .new-center-earth .symbol{font-size:12px!important;}
  .mobile-tip{display:none!important;}

  .control-card{padding:14px!important;border-radius:18px!important;}
  .control-card h1{font-size:22px!important;}
  .control-card .note{font-size:12px!important;line-height:1.5!important;}
}

/* 2026-05-20 mobile polish: Kaiti, full meta, refined grid, web-standard alignment */
@media (max-width:640px){
  .qimen-page{
    padding:10px 0 28px!important;
  }
  .pan-composite{
    padding:9px!important;
    border-radius:18px!important;
  }
  .pan-composite,
  .software-meta,
  .software-meta-final,
  .chart-shell,
  .four-pillars-banner,
  .palace-grid,
  .new-pan-cell{
    font-family:"KaiTi","STKaiti","Kaiti SC","楷体","SimKai","Songti SC","SimSun",serif!important;
    font-weight:400!important;
  }

  /* 上方资料完整展示，不省略、不截断 */
  .software-meta-final{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:3px!important;
    padding:10px 12px!important;
    border:1px solid #cfe3f5!important;
    border-radius:14px!important;
    background:#f8fcff!important;
    min-height:0!important;
    color:#111!important;
  }
  .software-meta-final .meta-col{
    display:grid!important;
    gap:3px!important;
  }
  .software-meta-final p{
    display:flex!important;
    align-items:baseline!important;
    gap:7px!important;
    margin:0!important;
    padding:0!important;
    min-height:0!important;
    line-height:1.45!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  .software-meta-final b{
    flex:0 0 auto!important;
    min-width:3.2em!important;
    font-size:14px!important;
    line-height:1.45!important;
    font-weight:600!important;
    color:#111!important;
  }
  .software-meta-final b::after{content:""!important;}
  .software-meta-final span{
    min-width:0!important;
    font-size:14px!important;
    line-height:1.45!important;
    font-weight:400!important;
    color:#111!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    word-break:normal!important;
  }
  .software-meta-final .term-line{
    display:flex!important;
    flex-wrap:wrap!important;
    row-gap:0!important;
  }
  .software-meta-final .term-line span + span{
    display:inline!important;
  }
  .software-meta-final .meta-week{
    display:inline!important;
    margin-left:6px!important;
  }
  .software-meta-final .gz-blue{
    color:#005be8!important;
    font-size:14px!important;
    font-weight:400!important;
    margin-right:5px!important;
  }
  .software-meta-final .meta-red{
    color:#d00000!important;
    font-size:14px!important;
    font-weight:600!important;
  }

  /* 四柱横条按手机端收紧，但不压字 */
  .four-pillars-banner{
    height:auto!important;
    min-height:42px!important;
    padding:8px 10px!important;
    border-radius:13px!important;
    justify-content:center!important;
    overflow:visible!important;
    white-space:normal!important;
  }
  .four-pillars-banner strong{
    font-size:18px!important;
    line-height:1.2!important;
    font-weight:600!important;
    color:#0e3558!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }

  /* 九宫线条改为更细的虚线，避免粗糙黑块感 */
  .palace-grid{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    border:1.5px dashed #222!important;
    background:#fff!important;
    gap:0!important;
    overflow:hidden!important;
  }
  .new-pan-cell{
    height:118px!important;
    min-height:118px!important;
    padding:6px!important;
    border-right:1px dashed #222!important;
    border-bottom:1px dashed #222!important;
    overflow:hidden!important;
    background:#fff!important;
  }
  .new-pan-cell:nth-child(3n){border-right:0!important;}
  .new-pan-cell:nth-child(n+7){border-bottom:0!important;}

  .new-pan-cell .symbol,
  .new-pan-cell .value-block,
  .new-pan-cell .dark-stem .symbol,
  .new-pan-cell .stem-line .symbol,
  .new-pan-cell .ground-god .symbol{
    font-family:"KaiTi","STKaiti","Kaiti SC","楷体","SimKai","Songti SC","SimSun",serif!important;
    font-weight:400!important;
    letter-spacing:0!important;
  }
  .new-pan-cell .plain-symbol{color:#111!important;}
  .new-pan-cell .good-symbol{color:#d00000!important;}

  .new-pan-cell .dark-stem{
    left:6px!important;
    top:6px!important;
  }
  .new-pan-cell .dark-stem .symbol{
    font-size:13px!important;
    line-height:1!important;
  }
  .new-pan-cell .top-tags{
    right:5px!important;
    top:5px!important;
    gap:2px!important;
  }
  .new-pan-cell .top-tags em{
    font-size:9px!important;
    line-height:1.15!important;
    padding:1px 4px!important;
    border-width:1px!important;
    font-family:"KaiTi","STKaiti","Kaiti SC","楷体","SimKai",serif!important;
    font-weight:400!important;
  }
  .new-pan-cell .top-tags em.tag-strong{
    font-size:10px!important;
    padding:1px 4px!important;
    background:#d00000!important;
    color:#fff!important;
  }

  /* 神星门拉开。九星与天盘干横齐，八门与地盘干横齐 */
  .new-pan-cell .main-symbols{
    left:49%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    display:grid!important;
    grid-template-rows:repeat(3,18px)!important;
    row-gap:7px!important;
    min-width:44px!important;
    text-align:center!important;
    align-items:center!important;
    justify-items:center!important;
  }
  .new-pan-cell .main-symbols .symbol,
  .new-pan-cell .main-symbols .value-block{
    font-size:14px!important;
    line-height:1!important;
    padding:1px 3px!important;
  }
  .new-pan-cell .value-block{
    border-radius:0!important;
    background:#d00000!important;
    color:#fff!important;
  }
  .new-pan-cell .stem-pair{
    right:7px!important;
    top:50%!important;
    transform:translateY(-2px)!important;
    display:grid!important;
    grid-template-rows:repeat(2,18px)!important;
    row-gap:7px!important;
    min-width:30px!important;
    align-items:center!important;
  }
  .new-pan-cell .stem-line{
    height:18px!important;
    min-height:18px!important;
    line-height:18px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:0!important;
  }
  .new-pan-cell .stem-main-wrap{
    width:1.05em!important;
    min-width:1.05em!important;
    display:inline-flex!important;
    justify-content:center!important;
  }
  .new-pan-cell .stem-attach-wrap{
    margin-left:3px!important;
    display:inline-flex!important;
    align-items:center!important;
  }
  .new-pan-cell .stem-line .symbol{
    font-size:14px!important;
    line-height:1!important;
  }
  .new-pan-cell .ground-god{
    left:6px!important;
    bottom:6px!important;
  }
  .new-pan-cell .ground-god .symbol{
    font-size:12px!important;
    line-height:1!important;
  }
  .center-palace.new-pan-cell .center-earth,
  .center-palace.new-pan-cell .new-center-earth{
    right:9px!important;
    bottom:12px!important;
    top:auto!important;
    transform:none!important;
  }
  .center-palace.new-pan-cell .center-earth .symbol,
  .center-palace.new-pan-cell .new-center-earth .symbol{
    font-size:14px!important;
    font-weight:400!important;
  }

  .mobile-tip{display:none!important;}
}

/* 2026-05-20 mobile spacious web-style plate: do not squeeze the palace grid into 390px */
@media (max-width:640px){
  .qimen-page{padding:8px 0 28px!important;}
  .container{width:calc(100% - 18px)!important;}
  .pan-composite{padding:8px!important;border-radius:18px!important;}
  .summary-card{padding:8px 9px!important;border-radius:16px!important;}
  .chart-shell{
    margin-top:10px!important;
    padding:10px 8px 12px!important;
    border-radius:18px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .chart-shell::-webkit-scrollbar{height:5px!important;}
  .chart-shell::-webkit-scrollbar-thumb{background:#b9d7ef!important;border-radius:999px!important;}
  .chart-title{min-width:760px!important;margin:0 0 8px!important;}
  .four-pillars-banner{
    width:560px!important;
    max-width:560px!important;
    margin:0 auto!important;
    min-height:42px!important;
    height:auto!important;
    padding:7px 12px!important;
    border-radius:14px!important;
    overflow:visible!important;
    font-family:"KaiTi","STKaiti","Kaiti SC","楷体","SimKai","Songti SC","SimSun",serif!important;
  }
  .four-pillars-banner strong{
    font-size:22px!important;
    line-height:1.15!important;
    font-weight:500!important;
    color:#0e3558!important;
    letter-spacing:.04em!important;
  }

  .palace-grid{
    width:760px!important;
    min-width:760px!important;
    max-width:none!important;
    grid-template-columns:repeat(3,1fr)!important;
    border:1.5px dashed #111!important;
    background:#fff!important;
    gap:0!important;
    overflow:visible!important;
    font-family:"KaiTi","STKaiti","Kaiti SC","楷体","SimKai","Songti SC","SimSun",serif!important;
  }
  .new-pan-cell{
    height:172px!important;
    min-height:172px!important;
    padding:12px 14px!important;
    border-right:1px dashed #111!important;
    border-bottom:1px dashed #111!important;
    background:#fff!important;
    overflow:hidden!important;
    font-family:"KaiTi","STKaiti","Kaiti SC","楷体","SimKai","Songti SC","SimSun",serif!important;
  }
  .new-pan-cell:nth-child(3n){border-right:0!important;}
  .new-pan-cell:nth-child(n+7){border-bottom:0!important;}

  .new-pan-cell .symbol,
  .new-pan-cell .value-block,
  .new-pan-cell .dark-stem .symbol,
  .new-pan-cell .ground-god .symbol,
  .new-pan-cell .stem-line .symbol{
    font-family:"KaiTi","STKaiti","Kaiti SC","楷体","SimKai","Songti SC","SimSun",serif!important;
    font-weight:400!important;
    letter-spacing:0!important;
  }
  .new-pan-cell .plain-symbol{color:#111!important;}
  .new-pan-cell .good-symbol{color:#d00000!important;}

  .new-pan-cell .dark-stem{left:16px!important;top:14px!important;}
  .new-pan-cell .dark-stem .symbol{font-size:18px!important;line-height:1!important;}
  .new-pan-cell .ground-god{left:16px!important;bottom:14px!important;}
  .new-pan-cell .ground-god .symbol{font-size:17px!important;line-height:1!important;}
  .new-pan-cell .top-tags{right:14px!important;top:12px!important;gap:4px!important;}
  .new-pan-cell .top-tags em{
    font-size:12px!important;
    line-height:1.1!important;
    padding:2px 7px!important;
    border-width:1px!important;
    font-family:"KaiTi","STKaiti","Kaiti SC","楷体","SimKai",serif!important;
    font-weight:400!important;
  }
  .new-pan-cell .top-tags em.tag-strong{
    font-size:15px!important;
    padding:2px 9px!important;
    background:#d00000!important;
    color:#fff!important;
  }

  .new-pan-cell .main-symbols{
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    display:grid!important;
    grid-template-rows:repeat(3,28px)!important;
    row-gap:8px!important;
    min-width:66px!important;
    text-align:center!important;
    align-items:center!important;
    justify-items:center!important;
  }
  .new-pan-cell .main-symbols .symbol,
  .new-pan-cell .main-symbols .value-block{
    font-size:20px!important;
    line-height:1!important;
    padding:1px 5px!important;
  }
  .new-pan-cell .value-block{
    background:#d00000!important;
    color:#fff!important;
    border-radius:0!important;
    padding:3px 10px!important;
  }
  .new-pan-cell .stem-pair{
    right:28px!important;
    top:50%!important;
    transform:translateY(-1px)!important;
    display:grid!important;
    grid-template-rows:repeat(2,28px)!important;
    row-gap:8px!important;
    min-width:54px!important;
    align-items:center!important;
  }
  .new-pan-cell .stem-line{
    height:28px!important;
    min-height:28px!important;
    line-height:28px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:0!important;
  }
  .new-pan-cell .stem-main-wrap{
    width:1.1em!important;
    min-width:1.1em!important;
    display:inline-flex!important;
    justify-content:center!important;
  }
  .new-pan-cell .stem-attach-wrap{
    margin-left:5px!important;
    display:inline-flex!important;
    align-items:center!important;
  }
  .new-pan-cell .stem-line .symbol{
    font-size:20px!important;
    line-height:1!important;
  }
  .center-palace.new-pan-cell .center-earth,
  .center-palace.new-pan-cell .new-center-earth{
    right:30px!important;
    bottom:26px!important;
    top:auto!important;
    transform:none!important;
  }
  .center-palace.new-pan-cell .center-earth .symbol,
  .center-palace.new-pan-cell .new-center-earth .symbol{
    font-size:20px!important;
    font-weight:400!important;
  }
  .mobile-tip{
    display:block!important;
    min-width:760px!important;
    margin-top:8px!important;
    color:#5f7388!important;
    font-size:13px!important;
    text-align:left!important;
  }
  .mobile-tip::before{content:"左右滑动查看完整宽版九宫盘。";}
  .mobile-tip{font-size:0!important;}
  .mobile-tip::before{font-size:13px!important;}
}

/* 2026-05-20 mobile final: full-width readable plate, Kaiti, no horizontal oversize */
@media (max-width:640px){
  html,body{max-width:100%!important;overflow-x:hidden!important;}
  .container{width:calc(100% - 18px)!important;max-width:100%!important;}
  .qimen-page{padding:8px 0 28px!important;}
  .qimen-layout{display:flex!important;flex-direction:column!important;gap:12px!important;}
  .qimen-layout > section{order:1!important;width:100%!important;max-width:100%!important;}
  .qimen-layout > .control-card{order:2!important;width:100%!important;max-width:100%!important;position:static!important;}

  .pan-composite{padding:8px!important;border-radius:18px!important;max-width:100%!important;overflow:hidden!important;}
  .summary-card{padding:8px 9px!important;border-radius:16px!important;margin:0 0 10px!important;}
  .software-meta-final{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:3px!important;
    padding:10px 12px!important;
    border:1px solid #cfe3f5!important;
    border-radius:14px!important;
    background:#f8fcff!important;
    font-family:"Kaiti SC","STKaiti","KaiTi","楷体","SimKai","Songti SC",serif!important;
    overflow:visible!important;
  }
  .software-meta-final .meta-col{display:grid!important;gap:3px!important;}
  .software-meta-final p{display:flex!important;align-items:baseline!important;gap:7px!important;margin:0!important;line-height:1.42!important;white-space:normal!important;overflow:visible!important;}
  .software-meta-final b{flex:0 0 auto!important;min-width:3.15em!important;font-size:14px!important;line-height:1.42!important;font-weight:500!important;color:#111!important;font-family:"Kaiti SC","STKaiti","KaiTi","楷体","SimKai","Songti SC",serif!important;}
  .software-meta-final span{min-width:0!important;font-size:14px!important;line-height:1.42!important;font-weight:400!important;color:#111!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;font-family:"Kaiti SC","STKaiti","KaiTi","楷体","SimKai","Songti SC",serif!important;}
  .software-meta-final .term-line{display:flex!important;flex-wrap:wrap!important;}
  .software-meta-final .term-line span + span{display:inline!important;}
  .software-meta-final .meta-week{display:inline!important;margin-left:6px!important;}
  .software-meta-final .gz-blue{color:#005be8!important;font-weight:400!important;}
  .software-meta-final .meta-red{color:#d00000!important;font-weight:600!important;}

  .chart-shell{
    margin-top:0!important;
    padding:8px 6px 10px!important;
    border-radius:18px!important;
    overflow:visible!important;
    max-width:100%!important;
    font-family:"Kaiti SC","STKaiti","KaiTi","楷体","SimKai","Songti SC",serif!important;
  }
  .chart-title{width:100%!important;min-width:0!important;margin:0 0 8px!important;}
  .four-pillars-banner{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:38px!important;
    padding:7px 8px!important;
    border-radius:13px!important;
    overflow:visible!important;
    font-family:"Kaiti SC","STKaiti","KaiTi","楷体","SimKai","Songti SC",serif!important;
  }
  .four-pillars-banner strong{font-size:17px!important;line-height:1.18!important;font-weight:500!important;white-space:normal!important;letter-spacing:.02em!important;}

  .palace-grid{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    border:1.3px dashed #222!important;
    background:#fff!important;
    gap:0!important;
    overflow:hidden!important;
    font-family:"Kaiti SC","STKaiti","KaiTi","楷体","SimKai","Songti SC",serif!important;
  }
  .new-pan-cell{
    height:126px!important;
    min-height:126px!important;
    padding:6px 5px!important;
    border-right:1px dashed #222!important;
    border-bottom:1px dashed #222!important;
    background:#fff!important;
    overflow:hidden!important;
    font-family:"Kaiti SC","STKaiti","KaiTi","楷体","SimKai","Songti SC",serif!important;
    font-weight:400!important;
  }
  .new-pan-cell:nth-child(3n){border-right:0!important;}
  .new-pan-cell:nth-child(n+7){border-bottom:0!important;}

  .new-pan-cell .symbol,
  .new-pan-cell .value-block,
  .new-pan-cell .dark-stem .symbol,
  .new-pan-cell .ground-god .symbol,
  .new-pan-cell .stem-line .symbol{
    font-family:"Kaiti SC","STKaiti","KaiTi","楷体","SimKai","Songti SC",serif!important;
    font-weight:400!important;
    letter-spacing:0!important;
    line-height:1!important;
  }
  .new-pan-cell .plain-symbol{color:#111!important;}
  .new-pan-cell .good-symbol{color:#d00000!important;}

  .new-pan-cell .dark-stem{left:6px!important;top:6px!important;}
  .new-pan-cell .dark-stem .symbol{font-size:13px!important;}
  .new-pan-cell .top-tags{right:4px!important;top:4px!important;gap:2px!important;}
  .new-pan-cell .top-tags em{font-family:"Kaiti SC","STKaiti","KaiTi","楷体","SimKai",serif!important;font-size:8.5px!important;line-height:1.1!important;padding:1px 3px!important;font-weight:400!important;}
  .new-pan-cell .top-tags em.tag-strong{font-size:9.5px!important;padding:1px 4px!important;background:#d00000!important;color:#fff!important;border-color:#d00000!important;}

  /* 神星门成一竖列。九星对齐天盘干，八门对齐地盘干 */
  .new-pan-cell .main-symbols{
    left:47%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    display:grid!important;
    grid-template-rows:repeat(3,18px)!important;
    row-gap:9px!important;
    min-width:42px!important;
    text-align:center!important;
    align-items:center!important;
    justify-items:center!important;
  }
  .new-pan-cell .main-symbols .symbol,
  .new-pan-cell .main-symbols .value-block{font-size:14px!important;line-height:1!important;padding:1px 3px!important;}
  .new-pan-cell .value-block{background:#d00000!important;color:#fff!important;border-radius:0!important;padding:2px 5px!important;}

  /* 天地盘干放右下区域。第一行对九星，第二行对八门 */
  .new-pan-cell .stem-pair{
    right:7px!important;
    top:calc(50% + 13px)!important;
    transform:translateY(-50%)!important;
    display:grid!important;
    grid-template-rows:repeat(2,18px)!important;
    row-gap:9px!important;
    min-width:26px!important;
    align-items:center!important;
    justify-items:start!important;
  }
  .new-pan-cell .stem-line{height:18px!important;min-height:18px!important;line-height:18px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:0!important;}
  .new-pan-cell .stem-main-wrap{width:1.05em!important;min-width:1.05em!important;display:inline-flex!important;justify-content:center!important;}
  .new-pan-cell .stem-attach-wrap{margin-left:3px!important;display:inline-flex!important;align-items:center!important;}
  .new-pan-cell .stem-line .symbol{font-size:14px!important;line-height:1!important;}

  .new-pan-cell .ground-god{left:6px!important;bottom:6px!important;}
  .new-pan-cell .ground-god .symbol{font-size:12px!important;line-height:1!important;}
  .center-palace.new-pan-cell .center-earth,
  .center-palace.new-pan-cell .new-center-earth{right:10px!important;bottom:14px!important;top:auto!important;transform:none!important;}
  .center-palace.new-pan-cell .center-earth .symbol,
  .center-palace.new-pan-cell .new-center-earth .symbol{font-size:14px!important;font-weight:400!important;}

  .mobile-tip{display:none!important;}
}

/* 2026-05-20 mobile: move prev/next to four-pillars bar and avoid browser bottom overlay */
.mobile-shift-btn{display:none;}
@media (max-width:640px){
  .qimen-page{
    padding-bottom:calc(140px + env(safe-area-inset-bottom,0px))!important;
  }
  .pan-composite{
    padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))!important;
  }
  .chart-shell{
    margin-bottom:calc(88px + env(safe-area-inset-bottom,0px))!important;
  }
  .mobile-title-actions{
    display:grid!important;
    grid-template-columns:56px minmax(0,1fr) 56px!important;
    align-items:center!important;
    gap:6px!important;
    width:100%!important;
    margin:0 0 8px!important;
  }
  .mobile-shift-btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:38px!important;
    min-width:0!important;
    padding:0 4px!important;
    border:1px solid #9dc9ec!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#1266aa!important;
    font-size:13px!important;
    line-height:1!important;
    font-weight:800!important;
    font-family:"Kaiti SC","STKaiti","KaiTi","楷体","SimKai","Songti SC",serif!important;
    box-shadow:0 4px 12px rgba(45,127,194,.08)!important;
  }
  .four-pillars-banner{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:38px!important;
    min-height:38px!important;
    padding:0 5px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .four-pillars-banner strong{
    font-size:15.5px!important;
    line-height:1.05!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:clip!important;
  }
  /* side controls still keep previous/next for desktop, but mobile uses title-bar buttons */
  .control-card .hour-nav{
    display:none!important;
  }
  .control-card .note{
    display:none!important;
  }
  .palace-grid{
    margin-bottom:calc(26px + env(safe-area-inset-bottom,0px))!important;
  }
}

/* 2026-05-20 triad stem correction: 乙丙丁 must be red on desktop and mobile */
.new-pan-cell .triad-stem,
.new-pan-cell .stem-line .triad-stem,
.new-pan-cell .dark-stem .triad-stem,
.new-pan-cell .ground-god .triad-stem,
.new-pan-cell .main-symbols .triad-stem{
  color:#d00000!important;
}

/* 2026-05-20 homepage enrichment and mobile navigation */
.nav-toggle{display:none;border:1px solid #9dc9ec;background:#fff;color:#1266aa;border-radius:999px;padding:8px 12px;font-weight:900;cursor:pointer}
.home-hero{padding:72px 0 68px;background:linear-gradient(180deg,#f7fbff 0%,#edf7ff 100%)}
.home-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) 460px;gap:54px;align-items:center}
.home-hero-copy h1{margin:24px 0 0;font-size:clamp(42px,5.2vw,72px);line-height:1.06;color:#0d3559;letter-spacing:-.05em}
.home-hero-copy h1 span{display:block;color:#2d7fc2}
.home-hero-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}
.home-hero-tags span,.feature-list span{border:1px solid #c7e1f6;background:#fff;border-radius:999px;padding:7px 12px;color:#245c8a;font-weight:900;font-size:13px}
.home-pan-preview{background:#fff;border:1px solid var(--line);border-radius:28px;padding:24px;box-shadow:var(--shadow)}
.preview-title{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:18px;color:#607386}.preview-title b{font-size:24px;color:#0e3558}.preview-title span{font-weight:900;font-size:13px}
.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.preview-grid div{min-height:88px;border:1px solid #d5e8f8;background:#f7fbff;border-radius:18px;padding:12px;color:#23384b;font-weight:900}.preview-grid b{display:block;color:#c33131;font-size:19px}.preview-grid span{display:block;color:#2d7fc2}.preview-grid .preview-center{display:grid;place-items:center;color:#0e3558;background:#eaf5ff}.preview-link{display:block;margin-top:16px;text-align:center;border-radius:999px;background:var(--blue);color:#fff;padding:12px 16px;font-weight:900}
.home-section{padding:64px 0}.home-section:nth-of-type(even){background:#f2f9ff}.two-col{display:grid;grid-template-columns:.82fr 1.18fr;gap:36px;align-items:start}.home-section h2{font-size:38px;line-height:1.16;margin:12px 0 0;color:#0e3558}.section-lead{font-size:17px;color:#536d83;margin-top:16px}.teacher-card,.method-list,.feature-list,.cta-box,.contact-panel{background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:0 12px 28px rgba(45,127,194,.08);padding:26px}.teacher-card p{margin:0 0 14px;color:#40586d}.teacher-card p:last-child{margin-bottom:0}
.price-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.price-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:0 12px 28px rgba(45,127,194,.08);position:relative;overflow:hidden}.price-card.master{border-color:#9dc9ec;background:linear-gradient(180deg,#fff,#eef7ff)}.price-card h3{font-size:24px;margin:12px 0 6px;color:#0e3558}.price{font-size:30px;font-weight:950;color:#1266aa;margin-bottom:10px}.pill{display:inline-block;border-radius:999px;background:#eaf5ff;color:#1266aa;padding:5px 10px;font-weight:900;font-size:12px}.price-card p{color:#536d83;margin:0}
.service-price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.service-price-grid article{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 12px 28px rgba(45,127,194,.08)}.service-price-grid h3{margin:0 0 6px;font-size:22px;color:#0e3558}.service-price-grid b{font-size:24px;color:#1266aa}.service-price-grid p{margin:9px 0 0;color:#536d83}
.method-list{display:grid;gap:10px}.method-list div{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid #e5f0f9}.method-list div:last-child{border-bottom:0}.method-list b{color:#1266aa}.method-list span{color:#40586d}.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.case-grid article{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 12px 28px rgba(45,127,194,.08)}.case-grid h3{margin:0 0 8px;color:#0e3558;font-size:22px}.case-grid p{margin:0;color:#536d83}.feature-list{display:flex;flex-wrap:wrap;gap:12px;align-content:flex-start}.article-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.article-link-grid a{display:block;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 18px;color:#0e568c;font-weight:900;box-shadow:0 8px 20px rgba(45,127,194,.06)}.home-cta{padding:48px 0 72px}.cta-box{text-align:center}.cta-box h2{font-size:32px;margin:0 0 10px;color:#0e3558}.cta-box p{margin:8px 0;color:#40586d}.contact-big{margin-top:18px;border-radius:18px;background:#eaf5ff;color:#0e568c;padding:18px;font-size:24px;font-weight:950;line-height:1.8}.rich-page .article{margin-top:24px}.rich-page .price-grid,.rich-page .service-price-grid,.rich-page .article-link-grid{margin-top:12px}
@media(max-width:1040px){
  .nav{position:relative}.nav-toggle{display:inline-flex;align-items:center;justify-content:center}.nav .menu{display:none!important}.nav.menu-open .menu{display:flex!important;position:absolute;left:16px;right:16px;top:70px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:12px;flex-direction:column;z-index:80}.nav.menu-open .menu a{display:block;padding:11px 14px}.home-hero-grid,.two-col{grid-template-columns:1fr}.home-pan-preview{max-width:560px}.price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-price-grid,.case-grid,.article-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .nav{height:76px;gap:8px}.brand{min-width:0}.brand small{font-size:11px}.logo{width:42px;height:42px}.nav-toggle{font-size:13px;padding:7px 10px}.home-hero{padding:36px 0 42px}.home-hero-grid{gap:28px}.home-hero-copy h1{font-size:42px}.lead{font-size:16px}.home-pan-preview{padding:18px;border-radius:22px}.preview-grid div{min-height:78px;padding:9px;font-size:13px}.preview-grid b{font-size:17px}.home-section{padding:42px 0}.home-section h2{font-size:30px}.price-grid,.service-price-grid,.case-grid,.article-link-grid{grid-template-columns:1fr}.teacher-card,.method-list,.feature-list,.cta-box{padding:20px;border-radius:22px}.method-list div{grid-template-columns:1fr;gap:2px}.contact-big{font-size:20px}.section-title h2{font-size:30px}.home-hero-tags span{font-size:12px;padding:6px 10px}
}

/* homepage hero rich poster rewrite */
.home-hero-rich{
  padding:76px 0 74px;
  background:
    radial-gradient(circle at 18% 18%, rgba(122,183,238,.22), transparent 34%),
    radial-gradient(circle at 86% 18%, rgba(208,232,252,.72), transparent 30%),
    linear-gradient(180deg,#f8fcff 0%,#edf7ff 100%);
}
.home-hero-rich .home-hero-grid{
  grid-template-columns:minmax(0,1.06fr) 520px;
  gap:58px;
}
.home-hero-rich .home-hero-copy h1{
  font-size:clamp(48px,5.4vw,78px);
  letter-spacing:-.055em;
  max-width:760px;
}
.home-hero-rich .lead{
  max-width:780px;
  font-size:19px;
  line-height:1.95;
}
.hero-system-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:26px;
  max-width:780px;
}
.hero-system-list div{
  background:rgba(255,255,255,.82);
  border:1px solid #cfe4f7;
  border-radius:18px;
  padding:14px 16px;
  box-shadow:0 10px 24px rgba(45,127,194,.07);
}
.hero-system-list b{
  display:block;
  color:#0e3558;
  font-size:17px;
  margin-bottom:5px;
}
.hero-system-list span{
  color:#4a647b;
  font-size:14px;
  line-height:1.6;
}
.hero-poster-card{
  position:relative;
  border:1px solid #b9daf3;
  border-radius:32px;
  padding:26px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.96),rgba(246,251,255,.96)),
    repeating-linear-gradient(90deg,rgba(45,127,194,.08) 0 1px, transparent 1px 42px);
  box-shadow:0 26px 60px rgba(45,127,194,.15);
  overflow:hidden;
}
.hero-poster-card:before{
  content:"";
  position:absolute;
  inset:-80px -60px auto auto;
  width:220px;
  height:220px;
  border-radius:50%;
  background:rgba(45,127,194,.12);
}
.poster-head{
  position:relative;
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  color:#236ca8;
  font-weight:900;
  margin-bottom:20px;
}
.poster-head b{
  border:1px solid #b7d9f3;
  background:#eaf5ff;
  border-radius:999px;
  padding:6px 12px;
  color:#0e568c;
}
.poster-title{
  position:relative;
  font-size:36px;
  line-height:1.15;
  color:#0e3558;
  font-weight:950;
  margin-bottom:18px;
}
.poster-core-grid{
  position:relative;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.poster-core-grid div{
  border:1px solid #d2e7f8;
  background:#fff;
  border-radius:20px;
  padding:15px;
  min-height:130px;
}
.poster-core-grid em{
  font-style:normal;
  color:#2d7fc2;
  font-weight:950;
  letter-spacing:.08em;
  font-size:12px;
}
.poster-core-grid b{
  display:block;
  margin-top:7px;
  color:#0e3558;
  font-size:20px;
}
.poster-core-grid span{
  display:block;
  margin-top:8px;
  color:#536d83;
  font-size:14px;
  line-height:1.65;
}
.poster-services{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:18px;
}
.poster-services span{
  border-radius:999px;
  background:#eaf5ff;
  border:1px solid #c9e2f7;
  color:#1266aa;
  padding:7px 11px;
  font-weight:900;
  font-size:13px;
}
.poster-quote{
  margin-top:18px;
  border-left:4px solid #2d7fc2;
  background:#f3faff;
  border-radius:14px;
  padding:14px 16px;
  color:#244b6b;
  line-height:1.75;
  font-weight:800;
}
.poster-link{
  display:flex;
  justify-content:center;
  align-items:center;
  margin-top:18px;
  border-radius:999px;
  background:#2d7fc2;
  color:#fff;
  padding:13px 18px;
  font-weight:950;
}
@media(max-width:1040px){
  .home-hero-rich .home-hero-grid{grid-template-columns:1fr}.hero-poster-card{max-width:680px}
}
@media(max-width:640px){
  .home-hero-rich{padding:34px 0 40px}.home-hero-rich .home-hero-copy h1{font-size:39px;line-height:1.12}.home-hero-rich .lead{font-size:15px;line-height:1.85}.hero-system-list,.poster-core-grid{grid-template-columns:1fr}.hero-poster-card{padding:18px;border-radius:24px}.poster-title{font-size:28px}.poster-core-grid div{min-height:auto}.poster-head{align-items:flex-start;flex-direction:column}.poster-services span{font-size:12px;padding:6px 10px}
}


/* homepage rich v3 */
.home-v3{background:linear-gradient(180deg,#f6fbff 0%,#eaf6ff 52%,#f8fcff 100%)}
.poster-hero{padding:62px 0 54px;background:radial-gradient(circle at 15% 10%,rgba(108,177,232,.22),transparent 26%),linear-gradient(135deg,#f8fcff,#e6f4ff)}
.poster-shell{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(520px,.96fr);gap:34px;align-items:center}.poster-left h1{margin:20px 0 14px;font-size:clamp(38px,4.8vw,72px);line-height:1.05;letter-spacing:-.04em;color:#0e3558}.poster-lead{max-width:760px;font-size:18px;color:#50687d;line-height:2.05}.poster-flow{margin:24px 0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.poster-flow span{padding:8px 13px;border-radius:999px;background:#fff;border:1px solid #acd2ef;color:#1266aa;font-weight:900}.poster-flow i{width:26px;height:1px;background:#8fc3e9}.poster-actions{display:flex;gap:12px;flex-wrap:wrap}.infographic-board{position:relative;border:1px solid #b8d9f3;border-radius:30px;background:rgba(255,255,255,.92);box-shadow:0 26px 70px rgba(45,127,194,.16);padding:28px;overflow:hidden}.infographic-board:before{content:"";position:absolute;right:-70px;top:-70px;width:210px;height:210px;border-radius:50%;background:#e2f1ff}.board-title{position:relative;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.board-title b{font-size:28px;color:#0e3558}.board-title span{font-weight:900;color:#2d7fc2;background:#eef8ff;border:1px solid #b8d9f3;border-radius:999px;padding:7px 13px}.life-map{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.life-item,.life-core{min-height:128px;border:1px solid #cfe3f5;border-radius:20px;background:#fbfdff;padding:16px}.life-item b{display:block;font-size:20px;color:#0e3558;margin-bottom:8px}.life-item span{font-size:14px;color:#5b7185;line-height:1.7}.life-core{display:grid;place-items:center;text-align:center;background:linear-gradient(135deg,#2d7fc2,#72b7ef);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.36)}.life-core strong{font-size:26px}.life-core small{display:block;font-weight:900;letter-spacing:.24em}.strategy-strip{margin-top:14px;border-left:5px solid #2d7fc2;background:#eef8ff;border-radius:16px;padding:14px 16px;color:#31546e}.strategy-strip em{font-style:normal;font-weight:900;color:#0e6fb5;margin-right:10px}.knowledge-band,.teacher-v3,.training-v3,.service-v3,.case-v3,.home-cta-v3{padding:58px 0}.knowledge-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.knowledge-title span{color:#0e6fb5;font-weight:900;letter-spacing:.28em}.knowledge-title h2,.teacher-text-card h2,.section-head-row h2,.case-v3 h2{margin:0;font-size:36px;color:#0e3558}.knowledge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.knowledge-grid article{background:#fff;border:1px solid #cfe3f5;border-radius:22px;padding:22px;box-shadow:0 12px 30px rgba(45,127,194,.08)}.knowledge-grid b{font-size:22px;color:#0e3558}.knowledge-grid p{color:#536b80}.teacher-grid-v3{display:grid;grid-template-columns:420px 1fr;gap:34px;align-items:center}.teacher-visual{min-height:410px;border-radius:30px;border:1px solid #b8d9f3;background:linear-gradient(160deg,#fff,#eaf6ff);box-shadow:0 18px 45px rgba(45,127,194,.12);position:relative;padding:30px;overflow:hidden}.teacher-visual:after{content:"九宫\A符使\A用神";white-space:pre;position:absolute;right:28px;top:34px;color:rgba(45,127,194,.16);font-size:46px;font-weight:900;line-height:1.35}.book-stack{position:absolute;left:34px;top:48px;display:grid;gap:12px}.book-stack span{display:block;width:220px;padding:13px 18px;border-radius:14px;background:#fff;border:1px solid #bddcf3;font-weight:900;color:#17425f;box-shadow:8px 12px 0 rgba(45,127,194,.08)}.teacher-stats{position:absolute;left:34px;bottom:34px;background:#2d7fc2;color:#fff;border-radius:24px;padding:18px 24px}.teacher-stats b{display:block;font-size:42px;line-height:1}.teacher-seal{position:absolute;right:40px;bottom:42px;width:112px;height:112px;border:3px solid #c33;color:#c33;border-radius:50%;display:grid;place-items:center;text-align:center;font-weight:900;transform:rotate(-8deg)}.teacher-text-card{background:#fff;border:1px solid #b8d9f3;border-radius:30px;padding:34px;box-shadow:0 18px 45px rgba(45,127,194,.10)}.teacher-text-card p{font-size:18px;color:#526b82;line-height:2.05}.section-head-row{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:24px}.section-head-row p{color:#607386;font-size:17px}.mini-link{font-weight:900;color:#1266aa;background:#fff;border:1px solid #acd2ef;border-radius:999px;padding:10px 16px}.course-v3-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.course-v3-grid a,.service-v3-grid a{display:block;background:#fff;border:1px solid #cfe3f5;border-radius:26px;padding:24px;box-shadow:0 14px 38px rgba(45,127,194,.09);transition:.2s}.course-v3-grid a:hover,.service-v3-grid a:hover{transform:translateY(-3px);border-color:#78b7e7}.course-v3-grid em{font-style:normal;color:#1266aa;background:#edf8ff;border-radius:999px;padding:8px 12px;font-weight:900}.course-v3-grid h3,.service-v3-grid h3{font-size:26px;color:#0e3558;margin:22px 0 8px}.course-v3-grid b,.service-v3-grid b{font-size:32px;color:#0e6fb5}.course-v3-grid p,.service-v3-grid span{display:block;color:#5d7488;line-height:1.85;margin-top:14px}.service-v3-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.case-v3-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.case-v3-grid article{background:#fff;border:1px solid #cfe3f5;border-radius:24px;padding:24px}.case-v3-grid b{font-size:22px;color:#0e3558}.case-v3-grid p{color:#607386;line-height:1.9}.cta-v3-box{text-align:center;background:linear-gradient(135deg,#fff,#eaf6ff);border:1px solid #b8d9f3;border-radius:30px;padding:42px;box-shadow:0 18px 45px rgba(45,127,194,.1)}.cta-v3-box h2{font-size:34px;color:#0e3558;margin:0 0 12px}.detail-page{background:#f6fbff}.detail-hero{padding:54px 0;background:linear-gradient(135deg,#f8fcff,#eaf6ff)}.detail-grid{display:grid;grid-template-columns:1fr 300px;gap:28px;align-items:center}.detail-hero h1{font-size:48px;line-height:1.15;color:#0e3558;margin:8px 0}.detail-price{font-size:42px;color:#0e6fb5;font-weight:900;margin:10px 0}.detail-side{background:#fff;border:1px solid #cfe3f5;border-radius:24px;padding:24px;display:grid;gap:10px}.detail-side b{font-size:22px;color:#0e3558}.detail-side span{border-radius:14px;background:#edf8ff;padding:10px 12px;color:#1266aa;font-weight:900}.detail-content{padding:44px 0}.article-body{max-width:980px}.article-body p{font-size:20px;line-height:2.15;color:#364f66;margin:0 0 26px;background:#fff;border:1px solid #d8e9f7;border-radius:22px;padding:22px 26px}.list-hero{padding:52px 0;background:linear-gradient(135deg,#f8fcff,#eaf6ff)}.list-hero h1{font-size:50px;color:#0e3558;margin:8px 0}.list-hero p{font-size:18px;color:#607386}.wide-list{padding:36px 0 70px}.nav-toggle{display:none}
@media(max-width:980px){.poster-shell,.teacher-grid-v3,.detail-grid{grid-template-columns:1fr}.infographic-board{padding:22px}.course-v3-grid{grid-template-columns:repeat(2,1fr)}.service-v3-grid,.knowledge-grid,.case-v3-grid{grid-template-columns:1fr 1fr}.teacher-visual{min-height:340px}.menu{display:none}.nav-toggle{display:block;border:1px solid #9dc9ec;background:#fff;color:#1266aa;border-radius:999px;padding:9px 14px;font-weight:900}.nav.menu-open .menu,.menu-open .menu{position:absolute;left:16px;right:16px;top:72px;display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid #cfe3f5;border-radius:18px;padding:12px;box-shadow:var(--shadow)}.nav{position:relative}.wechat{display:none}}
@media(max-width:640px){.poster-hero{padding:34px 0}.poster-shell{gap:22px}.poster-left h1{font-size:38px}.poster-lead{font-size:16px}.life-map{grid-template-columns:1fr 1fr}.life-core{grid-column:1/3;min-height:96px}.board-title{display:block}.board-title b{font-size:24px}.board-title span{display:inline-block;margin-top:8px}.knowledge-title,.section-head-row{display:block}.knowledge-grid,.service-v3-grid,.case-v3-grid,.course-v3-grid{grid-template-columns:1fr}.teacher-visual{min-height:320px}.book-stack span{width:190px}.teacher-text-card{padding:24px}.teacher-text-card p,.article-body p{font-size:16px}.detail-hero h1{font-size:36px}.detail-price{font-size:34px}.nav.menu-open .menu,.menu-open .menu{grid-template-columns:1fr}.home-v3 .btn{width:100%;text-align:center}.poster-actions{display:grid}.knowledge-band,.teacher-v3,.training-v3,.service-v3,.case-v3,.home-cta-v3{padding:40px 0}}

/* qimen top meta small alignment patch */
.software-meta-final .term-line{gap:12px!important}.software-meta-final .term-line span{white-space:nowrap}.software-meta-final{align-items:start!important}


/* v4 homepage mystic poster and wechat article layout */
.mystic-hero-v4{padding:54px 0 62px;background:radial-gradient(circle at 16% 18%,rgba(255,219,145,.38),transparent 24%),radial-gradient(circle at 85% 20%,rgba(190,225,255,.52),transparent 22%),linear-gradient(135deg,#f8fcff 0%,#edf8ff 55%,#fff9ed 100%)}
.mystic-hero-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(430px,.94fr);gap:30px;align-items:stretch}.qimen-infoposter{position:relative;min-height:560px;border:1px solid #b8d9f3;border-radius:34px;overflow:hidden;background:linear-gradient(145deg,#ffffff 0%,#eef8ff 48%,#fff6df 100%);box-shadow:0 30px 80px rgba(45,127,194,.16);padding:34px}.qimen-infoposter:before{content:"";position:absolute;inset:16px;border:1px dashed rgba(45,127,194,.28);border-radius:26px}.qimen-infoposter:after{content:"";display:none}.poster-cloud{position:absolute;border-radius:50%;filter:blur(.2px);opacity:.9}.cloud-a{width:180px;height:180px;right:-36px;top:-38px;background:rgba(151,211,255,.38)}.cloud-b{width:150px;height:150px;left:-42px;bottom:-42px;background:rgba(255,210,133,.32)}.poster-topline{position:relative;display:flex;gap:8px;flex-wrap:wrap}.poster-topline span{padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.78);border:1px solid #b8d9f3;font-weight:900;color:#1266aa;font-size:13px}.poster-title-block{position:relative;max-width:610px;margin-top:36px}.poster-title-block small{color:#bd7d18;font-weight:900;letter-spacing:.18em}.poster-title-block h1{font-size:clamp(42px,5.5vw,72px);line-height:1.05;margin:12px 0;color:#0e3558;letter-spacing:-.05em}.poster-title-block h1 em{font-style:normal;background:linear-gradient(90deg,#2d7fc2,#d68b23,#1b9a6d);-webkit-background-clip:text;color:transparent}.poster-title-block p{font-size:18px;line-height:1.95;color:#435f75;max-width:680px}.poster-qimen-wheel{position:absolute;right:38px;top:168px;width:210px;height:210px;border-radius:50%;background:conic-gradient(from 35deg,#dff2ff,#fff4cf,#e9fff2,#f2eaff,#dff2ff);border:1px solid #b8d9f3;box-shadow:inset 0 0 0 16px rgba(255,255,255,.62),0 18px 50px rgba(45,127,194,.14)}.wheel-core{position:absolute;inset:64px;border-radius:50%;background:linear-gradient(135deg,#2d7fc2,#74b7ef);color:#fff;display:grid;place-items:center;text-align:center;font-weight:900;line-height:1.15}.poster-qimen-wheel span{position:absolute;font-weight:900;color:#0e3558;background:#fff;border:1px solid #cfe3f5;border-radius:999px;padding:4px 9px;font-size:13px}
.poster-start-btn{display:block;text-decoration:none;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}
.poster-start-btn:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 16px rgba(255,255,255,.68),0 20px 56px rgba(45,127,194,.2)}
.poster-start-btn .wheel-core{font-size:24px;letter-spacing:.06em}.w1{left:80px;top:10px}.w2{right:12px;top:62px}.w3{right:30px;bottom:26px}.w4{left:18px;bottom:42px}.w5{left:6px;top:70px}.w6{left:78px;bottom:6px}.poster-path-v4{position:relative;margin-top:24px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.poster-path-v4 b{padding:9px 14px;border-radius:16px;background:#fff;border:1px solid #b8d9f3;color:#0e6fb5}.poster-path-v4 i{width:22px;height:2px;background:#9dc9ec}.poster-bottom-tags{position:relative;margin-top:24px;display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.poster-bottom-tags span{text-align:center;padding:12px 6px;border-radius:16px;font-weight:900;color:#0e3558;background:rgba(255,255,255,.84);border:1px solid #cfe3f5}.hero-application-card{border:1px solid #b8d9f3;border-radius:34px;background:rgba(255,255,255,.92);box-shadow:0 26px 70px rgba(45,127,194,.13);padding:30px}.app-card-head span{font-weight:900;color:#0e6fb5;letter-spacing:.2em}.app-card-head h2{font-size:34px;margin:8px 0;color:#0e3558}.app-card-head p{color:#5e7488}.app-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.app-mini-grid article{min-height:126px;border-radius:22px;border:1px solid #cfe3f5;padding:18px;background:#fff}.app-mini-grid b{font-size:22px;color:#0e3558}.app-mini-grid p{font-size:14px;color:#5c7185;line-height:1.75}.a-blue{background:linear-gradient(135deg,#fff,#eaf6ff)!important}.a-gold{background:linear-gradient(135deg,#fff,#fff5dc)!important}.a-pink{background:linear-gradient(135deg,#fff,#fff0f5)!important}.a-green{background:linear-gradient(135deg,#fff,#edfff5)!important}.a-purple{background:linear-gradient(135deg,#fff,#f4f0ff)!important}.a-cyan{background:linear-gradient(135deg,#fff,#edfbff)!important}.hero-action-row{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}
.teacher-visual{background:radial-gradient(circle at 78% 20%,rgba(255,213,120,.4),transparent 26%),linear-gradient(160deg,#fff,#eaf6ff)!important}.teacher-seal{background:rgba(255,255,255,.78)}
.wechat-detail-page{background:linear-gradient(180deg,#f6fbff,#eef8ff)}.wx-cover{padding:52px 0;background:radial-gradient(circle at 12% 16%,rgba(255,210,125,.35),transparent 24%),linear-gradient(135deg,#f8fcff,#eaf6ff)}.wx-cover-grid{display:grid;grid-template-columns:1fr 340px;gap:28px;align-items:center}.wx-kicker{display:inline-block;padding:8px 15px;border:1px solid #9dc9ec;border-radius:999px;background:#fff;color:#1266aa;font-weight:900}.wx-cover h1{font-size:52px;margin:16px 0 6px;color:#0e3558}.wx-price{font-size:42px;color:#0e6fb5;font-weight:900;margin:0 0 12px}.wx-lead{font-size:18px;line-height:1.9;color:#536b80;max-width:840px}.wx-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.wx-visual-card{min-height:290px;border:1px solid #b8d9f3;border-radius:28px;background:linear-gradient(145deg,#fff,#fff7e4);padding:26px;box-shadow:0 18px 45px rgba(45,127,194,.12);position:relative;overflow:hidden}.wx-visual-card:after{content:"奇门";position:absolute;right:-14px;bottom:-10px;font-size:92px;color:rgba(45,127,194,.08);font-weight:900}.wx-orbit{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px}.wx-orbit span{text-align:center;border-radius:999px;background:#fff;border:1px solid #cfe3f5;padding:9px;color:#0e6fb5;font-weight:900}.wx-visual-card b{font-size:26px;color:#0e3558}.wx-visual-card p{line-height:1.9;color:#5b7185}.wx-article-section{padding:42px 0 70px}.wx-article-grid{display:grid;grid-template-columns:220px minmax(0,900px);gap:28px;align-items:start}.wx-side-note{position:sticky;top:96px;background:#fff;border:1px solid #b8d9f3;border-radius:24px;padding:22px;box-shadow:0 18px 45px rgba(45,127,194,.1)}.wx-side-note b{display:block;font-size:22px;color:#0e3558;margin-bottom:14px}.wx-side-note span{display:block;margin:10px 0;padding:10px 12px;border-radius:14px;background:#edf8ff;color:#1266aa;font-weight:900}.wx-article-body{background:#fff;border:1px solid #b8d9f3;border-radius:30px;padding:34px 42px;box-shadow:0 18px 45px rgba(45,127,194,.1)}.wx-article-title span{color:#d95d2a;font-weight:900;letter-spacing:.12em}.wx-article-title h2{font-size:38px;line-height:1.25;color:#0e3558;margin:8px 0 22px}.wx-article-body h3{font-size:26px;color:#0e3558;margin:34px 0 14px;padding-left:14px;border-left:5px solid #2d7fc2}.wx-article-body p{font-size:18px;line-height:2.12;color:#314e66;margin:0 0 18px;background:transparent!important;border:0!important;padding:0!important}.wx-article-body mark{background:linear-gradient(transparent 58%,#ffe6a8 0);color:#c43b2e;font-weight:900;padding:0 2px}.wx-color-callout{border-radius:22px;background:linear-gradient(135deg,#edf8ff,#fff7e4);border:1px solid #cfe3f5;padding:20px 24px;margin:24px 0}.wx-color-callout b{color:#0e6fb5;font-size:22px}.wx-image-like{margin:28px 0;padding:22px;border-radius:24px;background:radial-gradient(circle at 20% 20%,rgba(255,211,121,.35),transparent 30%),linear-gradient(135deg,#f7fcff,#eef8ff);border:1px dashed #9dc9ec;display:flex;align-items:center;gap:13px;flex-wrap:wrap}.wx-image-like i{font-style:normal;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#fff;border:1px solid #b8d9f3;color:#1266aa;font-weight:900;font-size:22px}.wx-image-like span{font-weight:900;color:#0e3558}.wx-end-box{background:#0e6fb5;color:#fff;border-radius:22px;padding:22px;margin-top:30px}.wx-end-box p{color:#fff!important;margin:6px 0 0!important}.wx-end-box b{font-size:22px}
/* qimen meta alignment fix */
.software-meta-final .term-line.no-label{gap:16px!important;padding-left:0!important;margin-left:0!important}.software-meta-final .term-line.no-label span:first-child{margin-left:0!important}.software-meta-final .term-line.no-label span{white-space:nowrap!important}
@media(max-width:980px){.mystic-hero-grid,.wx-cover-grid,.wx-article-grid{grid-template-columns:1fr}.qimen-infoposter{min-height:520px}.poster-qimen-wheel{position:relative;right:auto;top:auto;margin:16px auto}.app-mini-grid{grid-template-columns:1fr 1fr}.wx-side-note{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.wx-side-note span{margin:0}.wx-cover h1{font-size:42px}}
@media(max-width:640px){.mystic-hero-v4{padding:28px 0}.qimen-infoposter{padding:22px;min-height:0}.qimen-infoposter:after{display:none!important}.poster-title-block h1{font-size:36px}.poster-title-block p{font-size:15px}.poster-qimen-wheel{width:190px;height:190px;margin:18px auto 10px}.poster-start-btn .wheel-core{inset:58px;font-size:22px}.poster-bottom-tags{grid-template-columns:repeat(3,1fr)}.poster-path-v4 i{display:none}.hero-application-card{padding:20px}.app-mini-grid{grid-template-columns:1fr}.wx-cover{padding:34px 0}.wx-cover h1{font-size:34px}.wx-price{font-size:32px}.wx-article-body{padding:24px 20px}.wx-article-title h2{font-size:28px}.wx-article-body p{font-size:16px}.wx-side-note{grid-template-columns:1fr}.wx-actions .btn{width:100%}}


/* 2026-05-20 mobile qimen page Kaiti font override. Only qimen.html is affected. */
@media(max-width:640px){
  body.qimen-mobile-kaiti,
  body.qimen-mobile-kaiti *:not(.logo){
    font-family:"Kaiti SC","STKaiti","KaiTi","楷体","SimKai","Songti SC","SimSun",serif!important;
    font-weight:500!important;
    letter-spacing:.02em;
  }
  body.qimen-mobile-kaiti .brand b,
  body.qimen-mobile-kaiti .brand small,
  body.qimen-mobile-kaiti .nav-toggle,
  body.qimen-mobile-kaiti .wechat,
  body.qimen-mobile-kaiti .method-option,
  body.qimen-mobile-kaiti .field span,
  body.qimen-mobile-kaiti .method-title,
  body.qimen-mobile-kaiti input,
  body.qimen-mobile-kaiti select,
  body.qimen-mobile-kaiti button{
    font-family:"Kaiti SC","STKaiti","KaiTi","楷体","SimKai","Songti SC","SimSun",serif!important;
    font-weight:600!important;
  }
  body.qimen-mobile-kaiti .software-meta-final,
  body.qimen-mobile-kaiti .software-meta-final *,
  body.qimen-mobile-kaiti .four-pillars-banner,
  body.qimen-mobile-kaiti .four-pillars-banner *,
  body.qimen-mobile-kaiti .new-pan-cell,
  body.qimen-mobile-kaiti .new-pan-cell *{
    font-family:"Kaiti SC","STKaiti","KaiTi","楷体","SimKai","Songti SC","SimSun",serif!important;
    font-weight:500!important;
  }
  body.qimen-mobile-kaiti .value-block{
    font-weight:700!important;
  }
  body.qimen-mobile-kaiti .gz-blue,
  body.qimen-mobile-kaiti .meta-red,
  body.qimen-mobile-kaiti .good-symbol,
  body.qimen-mobile-kaiti .triad-stem{
    font-weight:500!important;
  }
}


/* mobile qimen font + no double tap zoom patch */
html, body {
  touch-action: manipulation;
  -webkit-text-size-adjust: 100%;
}
button, a, input, select, textarea, label, .palace-grid, .new-pan-cell, .chart-shell, .summary-card, .four-pillars-banner {
  touch-action: manipulation;
}
@media (max-width: 640px){
  body.qimen-mobile-kaiti,
  body.qimen-mobile-kaiti .qimen-page,
  body.qimen-mobile-kaiti .qimen-page *,
  body.qimen-mobile-kaiti .pan-composite *,
  body.qimen-mobile-kaiti .palace-grid *,
  body.qimen-mobile-kaiti .summary-card *,
  body.qimen-mobile-kaiti .chart-title *,
  body.qimen-mobile-kaiti .control-card * {
    font-family: "Kaiti SC", "STKaiti", "KaiTi", "KaiTi_GB2312", "楷体", "SimKai", "Songti SC", "SimSun", serif !important;
    -webkit-font-smoothing: antialiased;
  }
  body.qimen-mobile-kaiti .qimen-page input,
  body.qimen-mobile-kaiti .qimen-page select,
  body.qimen-mobile-kaiti .qimen-page button {
    font-size: 16px !important;
  }
}

/* 2026-05-20 mobile viewport compression: keep meta + four pillars + palace in one safe screen */
@media (max-width:640px){
  html,body{
    max-width:100%!important;
    overflow-x:hidden!important;
    touch-action:manipulation!important;
  }
  .qimen-page{
    padding-top:6px!important;
    padding-bottom:calc(74px + env(safe-area-inset-bottom,0px))!important;
  }
  .container{
    width:calc(100% - 14px)!important;
  }
  .qimen-layout{
    gap:8px!important;
  }
  .pan-composite{
    padding:7px!important;
    border-radius:16px!important;
    overflow:visible!important;
  }
  .pan-composite .summary-card{
    margin:0 0 6px!important;
    padding:0!important;
    border-radius:14px!important;
    box-shadow:none!important;
  }
  .software-meta-final{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    column-gap:10px!important;
    row-gap:2px!important;
    padding:8px 10px!important;
    border:1px solid #cfe3f5!important;
    border-radius:14px!important;
    background:#f8fcff!important;
    overflow:visible!important;
  }
  .software-meta-final .meta-col{
    display:grid!important;
    gap:2px!important;
    min-width:0!important;
    align-content:start!important;
  }
  .software-meta-final p{
    display:flex!important;
    align-items:baseline!important;
    gap:4px!important;
    margin:0!important;
    padding:0!important;
    min-height:0!important;
    line-height:1.2!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  .software-meta-final b{
    flex:0 0 auto!important;
    min-width:2.8em!important;
    font-size:12px!important;
    line-height:1.2!important;
    font-weight:600!important;
    color:#111!important;
  }
  .software-meta-final span{
    min-width:0!important;
    font-size:12px!important;
    line-height:1.2!important;
    font-weight:400!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    word-break:keep-all!important;
  }
  .software-meta-final .term-line{
    display:flex!important;
    flex-wrap:wrap!important;
    row-gap:0!important;
  }
  .software-meta-final .term-line span{
    margin-right:8px!important;
  }
  .software-meta-final .term-line span + span{
    display:inline!important;
  }
  .software-meta-final .meta-week{
    display:inline!important;
    margin-left:4px!important;
  }
  .software-meta-final .gz-blue,
  .software-meta-final .meta-red{
    font-size:12px!important;
    line-height:1.2!important;
  }

  .chart-shell{
    margin-top:0!important;
    margin-bottom:calc(18px + env(safe-area-inset-bottom,0px))!important;
    padding:6px 5px 8px!important;
    border-radius:16px!important;
    overflow:visible!important;
    max-width:100%!important;
  }
  .mobile-title-actions{
    display:grid!important;
    grid-template-columns:56px minmax(0,1fr) 56px!important;
    align-items:center!important;
    gap:4px!important;
    width:100%!important;
    min-width:0!important;
    margin:0 0 6px!important;
  }
  .mobile-shift-btn{
    display:inline-flex!important;
    width:56px!important;
    height:34px!important;
    padding:0 2px!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:nowrap!important;
    word-break:keep-all!important;
    writing-mode:horizontal-tb!important;
    font-size:12px!important;
    line-height:1!important;
    border-radius:11px!important;
  }
  .four-pillars-banner{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:34px!important;
    min-height:34px!important;
    padding:0 5px!important;
    border-radius:12px!important;
    overflow:hidden!important;
  }
  .four-pillars-banner strong{
    display:block!important;
    width:100%!important;
    font-size:14px!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    text-align:center!important;
  }

  .palace-grid{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    border:1.15px dashed #222!important;
    overflow:hidden!important;
  }
  .new-pan-cell{
    height:100px!important;
    min-height:100px!important;
    padding:5px 4px!important;
    border-right:1px dashed #222!important;
    border-bottom:1px dashed #222!important;
    overflow:hidden!important;
  }
  .new-pan-cell .dark-stem{
    left:5px!important;
    top:5px!important;
  }
  .new-pan-cell .dark-stem .symbol{
    font-size:12px!important;
    line-height:1!important;
  }
  .new-pan-cell .top-tags{
    right:4px!important;
    top:4px!important;
    gap:2px!important;
  }
  .new-pan-cell .top-tags em{
    font-size:8px!important;
    line-height:1.05!important;
    padding:0 3px!important;
  }
  .new-pan-cell .top-tags em.tag-strong{
    font-size:8.5px!important;
    padding:1px 3px!important;
  }
  .new-pan-cell .main-symbols{
    left:45%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    display:grid!important;
    grid-template-rows:repeat(3,15px)!important;
    row-gap:6px!important;
    min-width:38px!important;
    align-items:center!important;
    justify-items:center!important;
    text-align:center!important;
  }
  .new-pan-cell .main-symbols .symbol,
  .new-pan-cell .main-symbols .value-block{
    font-size:12px!important;
    line-height:1!important;
    padding:1px 3px!important;
  }
  .new-pan-cell .value-block{
    padding:1px 4px!important;
  }
  .new-pan-cell .stem-pair{
    right:5px!important;
    top:calc(50% + 11px)!important;
    transform:translateY(-50%)!important;
    display:grid!important;
    grid-template-rows:repeat(2,15px)!important;
    row-gap:6px!important;
    min-width:24px!important;
    align-items:center!important;
    justify-items:start!important;
  }
  .new-pan-cell .stem-line{
    height:15px!important;
    min-height:15px!important;
    line-height:15px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
  }
  .new-pan-cell .stem-line .symbol{
    font-size:12px!important;
    line-height:1!important;
  }
  .new-pan-cell .stem-main-wrap{
    width:1.05em!important;
    min-width:1.05em!important;
  }
  .new-pan-cell .stem-attach-wrap{
    margin-left:2px!important;
  }
  .new-pan-cell .ground-god{
    left:5px!important;
    bottom:5px!important;
  }
  .new-pan-cell .ground-god .symbol{
    font-size:10px!important;
    line-height:1!important;
  }
  .center-palace.new-pan-cell .center-earth,
  .center-palace.new-pan-cell .new-center-earth{
    right:8px!important;
    bottom:10px!important;
    top:auto!important;
    transform:none!important;
  }
  .center-palace.new-pan-cell .center-earth .symbol,
  .center-palace.new-pan-cell .new-center-earth .symbol{
    font-size:12px!important;
    line-height:1!important;
  }
  .mobile-tip{display:none!important;}
}

/* extra compacting for short mobile viewports with browser toolbars */
@media (max-width:640px) and (max-height:760px){
  .software-meta-final{padding:6px 8px!important;gap:1px 8px!important;}
  .software-meta-final p{line-height:1.12!important;}
  .software-meta-final b,.software-meta-final span,.software-meta-final .gz-blue,.software-meta-final .meta-red{font-size:11px!important;line-height:1.12!important;}
  .mobile-title-actions{margin-bottom:5px!important;}
  .four-pillars-banner{height:31px!important;min-height:31px!important;}
  .four-pillars-banner strong{font-size:13px!important;}
  .mobile-shift-btn{height:31px!important;font-size:11.5px!important;}
  .new-pan-cell{height:92px!important;min-height:92px!important;}
  .new-pan-cell .main-symbols{grid-template-rows:repeat(3,14px)!important;row-gap:4px!important;}
  .new-pan-cell .main-symbols .symbol,
  .new-pan-cell .main-symbols .value-block,
  .new-pan-cell .stem-line .symbol{font-size:11px!important;}
  .new-pan-cell .stem-pair{grid-template-rows:repeat(2,14px)!important;row-gap:4px!important;}
  .new-pan-cell .dark-stem .symbol{font-size:11px!important;}
  .new-pan-cell .ground-god .symbol{font-size:9.5px!important;}
}

/* 2026-05-20 mobile meta readability repair: keep compact layout, but prevent text overlap */
@media (max-width:640px){
  .pan-composite .summary-card{
    margin:0 0 7px!important;
  }
  .software-meta-final{
    display:grid!important;
    grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr)!important;
    column-gap:14px!important;
    row-gap:0!important;
    padding:10px 11px!important;
    border-radius:15px!important;
    overflow:hidden!important;
  }
  .software-meta-final .meta-col{
    display:grid!important;
    gap:3px!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  .software-meta-final p{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:baseline!important;
    gap:0 4px!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    line-height:1.28!important;
    white-space:normal!important;
    overflow:hidden!important;
    text-overflow:clip!important;
  }
  .software-meta-final b{
    flex:0 0 auto!important;
    min-width:2.85em!important;
    font-size:11.8px!important;
    line-height:1.28!important;
    font-weight:600!important;
    color:#111!important;
  }
  .software-meta-final span{
    min-width:0!important;
    max-width:100%!important;
    font-size:11.8px!important;
    line-height:1.28!important;
    font-weight:400!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    word-break:break-word!important;
    overflow-wrap:anywhere!important;
  }
  .software-meta-final .meta-week{
    display:none!important;
  }
  .software-meta-final .term-line{
    display:block!important;
    line-height:1.28!important;
  }
  .software-meta-final .term-line span{
    display:block!important;
    width:100%!important;
    word-break:keep-all!important;
    overflow-wrap:normal!important;
  }
  .software-meta-final .gz-blue,
  .software-meta-final .meta-red{
    font-size:11.8px!important;
    line-height:1.28!important;
  }
  .software-meta-final .gz-blue{
    margin-right:6px!important;
  }
}

@media (max-width:380px){
  .software-meta-final{
    column-gap:10px!important;
    padding:9px 9px!important;
  }
  .software-meta-final b,
  .software-meta-final span,
  .software-meta-final .gz-blue,
  .software-meta-final .meta-red{
    font-size:11.2px!important;
  }
}

/* 2026-05-20 mobile meta term line no-clip patch: only fixes jieqi time clipping on mobile */
@media (max-width:640px){
  .software-meta-final{
    grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr)!important;
    column-gap:8px!important;
  }
  .software-meta-final .meta-left .term-line span{
    font-size:11.4px!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
    transform:scaleX(.96);
    transform-origin:left center;
    display:inline-block!important;
    max-width:100%!important;
  }
}


/* 2026-05-20 mobile pan consistency repair: stable meta columns + fixed palace symbol rows */
@media (max-width:640px){
  .software-meta-final{
    display:grid!important;
    grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)!important;
    column-gap:9px!important;
    row-gap:0!important;
    padding:10px 11px!important;
    align-items:start!important;
    overflow:visible!important;
  }
  .software-meta-final .meta-col{
    display:flex!important;
    flex-direction:column!important;
    gap:2px!important;
    min-width:0!important;
    overflow:visible!important;
  }
  .software-meta-final p{
    display:grid!important;
    grid-template-columns:2.95em minmax(0,1fr)!important;
    column-gap:3px!important;
    align-items:start!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    min-height:14px!important;
    line-height:1.2!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  .software-meta-final b{
    min-width:0!important;
    flex:none!important;
    font-size:11.5px!important;
    line-height:1.2!important;
    font-weight:600!important;
    white-space:nowrap!important;
    color:#111!important;
  }
  .software-meta-final span,
  .software-meta-final .gz-blue,
  .software-meta-final .meta-red{
    min-width:0!important;
    max-width:100%!important;
    font-size:11.5px!important;
    line-height:1.2!important;
    font-weight:400!important;
    white-space:normal!important;
    word-break:keep-all!important;
    overflow-wrap:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    transform:none!important;
  }
  .software-meta-final .meta-week{
    display:inline!important;
    margin-left:4px!important;
  }
  .software-meta-final .term-line{
    display:grid!important;
    grid-template-columns:2.95em minmax(0,1fr)!important;
  }
  .software-meta-final .term-line span{
    display:block!important;
    margin:0!important;
    white-space:nowrap!important;
    letter-spacing:-.2px!important;
  }
  .software-meta-final .gz-blue{
    display:inline-block!important;
    margin-right:5px!important;
  }

  .new-pan-cell{
    height:104px!important;
    min-height:104px!important;
    padding:5px 4px!important;
    overflow:hidden!important;
  }
  .new-pan-cell .dark-stem{
    left:5px!important;
    top:6px!important;
  }
  .new-pan-cell .dark-stem .symbol{
    font-size:12px!important;
    line-height:1!important;
  }
  .new-pan-cell .main-symbols{
    position:absolute!important;
    left:45%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    width:48px!important;
    min-width:48px!important;
    height:60px!important;
    display:grid!important;
    grid-template-rows:16px 16px 16px!important;
    row-gap:6px!important;
    align-items:center!important;
    justify-items:center!important;
    text-align:center!important;
    overflow:visible!important;
  }
  .new-pan-cell .main-symbols .symbol,
  .new-pan-cell .main-symbols .value-block{
    font-size:12.5px!important;
    line-height:1!important;
    min-height:16px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    white-space:nowrap!important;
  }
  .new-pan-cell .value-block{
    padding:1px 4px!important;
  }
  .new-pan-cell .bird-star-inline{
    display:inline!important;
    margin-left:1px!important;
    white-space:nowrap!important;
  }
  .new-pan-cell .stem-pair{
    position:absolute!important;
    right:5px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:33px!important;
    min-width:33px!important;
    height:44px!important;
    display:grid!important;
    grid-template-rows:16px 16px!important;
    row-gap:8px!important;
    align-items:center!important;
    justify-items:start!important;
    overflow:visible!important;
  }
  .new-pan-cell .stem-line{
    height:16px!important;
    min-height:16px!important;
    line-height:16px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    white-space:nowrap!important;
    overflow:visible!important;
  }
  .new-pan-cell .stem-line .symbol{
    font-size:12.5px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  .new-pan-cell .stem-main-wrap{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:1.05em!important;
    min-width:1.05em!important;
  }
  .new-pan-cell .stem-attach-wrap{
    display:inline-flex!important;
    margin-left:2px!important;
    align-items:center!important;
  }
  .new-pan-cell .ground-god{
    left:5px!important;
    bottom:6px!important;
  }
  .new-pan-cell .ground-god .symbol{
    font-size:10px!important;
    line-height:1!important;
  }
}

@media (max-width:380px){
  .software-meta-final{
    grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)!important;
    column-gap:7px!important;
    padding:9px 9px!important;
  }
  .software-meta-final b,
  .software-meta-final span,
  .software-meta-final .gz-blue,
  .software-meta-final .meta-red{
    font-size:10.8px!important;
  }
  .new-pan-cell{
    height:100px!important;
    min-height:100px!important;
  }
  .new-pan-cell .main-symbols{width:44px!important;min-width:44px!important;row-gap:5px!important;}
  .new-pan-cell .stem-pair{right:4px!important;width:30px!important;min-width:30px!important;row-gap:7px!important;}
  .new-pan-cell .main-symbols .symbol,
  .new-pan-cell .main-symbols .value-block,
  .new-pan-cell .stem-line .symbol{font-size:12px!important;}
}

/* 2026-05-20 FINAL mobile summary/palace order repair: only mobile qimen page, no algorithm change */
@media (max-width:640px){
  body.qimen-mobile-kaiti .pan-composite{
    padding:8px!important;
    border-radius:18px!important;
  }
  body.qimen-mobile-kaiti .pan-composite .summary-card{
    margin:0 0 7px!important;
    padding:0!important;
    border-radius:16px!important;
    overflow:visible!important;
  }
  body.qimen-mobile-kaiti .software-meta-final{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:0 13px!important;
    padding:12px 13px!important;
    border:1px solid #cfe3f5!important;
    border-radius:16px!important;
    background:#f8fcff!important;
    box-sizing:border-box!important;
    overflow:visible!important;
    align-items:start!important;
  }
  body.qimen-mobile-kaiti .software-meta-final .meta-col{
    display:grid!important;
    grid-template-columns:1fr!important;
    row-gap:4px!important;
    min-width:0!important;
    overflow:visible!important;
    align-content:start!important;
  }
  body.qimen-mobile-kaiti .software-meta-final p,
  body.qimen-mobile-kaiti .software-meta-final .term-line{
    display:grid!important;
    grid-template-columns:3.15em minmax(0,1fr)!important;
    column-gap:5px!important;
    align-items:start!important;
    width:100%!important;
    min-width:0!important;
    min-height:17px!important;
    margin:0!important;
    padding:0!important;
    line-height:1.32!important;
    overflow:visible!important;
    white-space:normal!important;
    text-overflow:clip!important;
  }
  body.qimen-mobile-kaiti .software-meta-final b{
    grid-column:1!important;
    display:block!important;
    width:auto!important;
    min-width:0!important;
    flex:none!important;
    font-size:12.7px!important;
    line-height:1.32!important;
    font-weight:700!important;
    color:#111!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
  }
  body.qimen-mobile-kaiti .software-meta-final p > span,
  body.qimen-mobile-kaiti .software-meta-final .term-line > span{
    grid-column:2!important;
    display:block!important;
    min-width:0!important;
    max-width:100%!important;
    font-size:12.7px!important;
    line-height:1.32!important;
    font-weight:400!important;
    color:#111!important;
    letter-spacing:0!important;
    white-space:normal!important;
    word-break:keep-all!important;
    overflow-wrap:break-word!important;
    overflow:visible!important;
    text-overflow:clip!important;
    transform:none!important;
  }
  body.qimen-mobile-kaiti .software-meta-final .meta-week{display:inline!important;margin:0!important;}
  body.qimen-mobile-kaiti .software-meta-final .ganzhi-line{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:0 8px!important;
    align-items:baseline!important;
  }
  body.qimen-mobile-kaiti .software-meta-final .gz-blue{
    display:inline-block!important;
    width:auto!important;
    min-width:auto!important;
    max-width:none!important;
    margin:0!important;
    color:#0872c9!important;
    font-size:12.7px!important;
    line-height:1.32!important;
    white-space:nowrap!important;
    word-break:keep-all!important;
  }
  body.qimen-mobile-kaiti .software-meta-final .meta-red{
    color:#d60000!important;
    font-size:12.7px!important;
    line-height:1.32!important;
    white-space:nowrap!important;
  }

  body.qimen-mobile-kaiti .mobile-title-actions{
    display:grid!important;
    grid-template-columns:58px minmax(0,1fr) 58px!important;
    align-items:center!important;
    gap:5px!important;
    margin:0 0 6px!important;
    width:100%!important;
  }
  body.qimen-mobile-kaiti .mobile-shift-btn{
    width:58px!important;
    height:34px!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:13px!important;
    line-height:1!important;
    white-space:nowrap!important;
    border-radius:12px!important;
  }
  body.qimen-mobile-kaiti .four-pillars-banner{
    width:100%!important;
    min-width:0!important;
    height:34px!important;
    min-height:34px!important;
    padding:0 5px!important;
    border-radius:13px!important;
    overflow:hidden!important;
  }
  body.qimen-mobile-kaiti .four-pillars-banner strong{
    display:block!important;
    width:100%!important;
    font-size:13.5px!important;
    line-height:34px!important;
    white-space:nowrap!important;
    text-align:center!important;
    overflow:hidden!important;
  }

  body.qimen-mobile-kaiti .chart-shell{
    padding:6px 5px 9px!important;
    border-radius:17px!important;
    overflow:visible!important;
  }
  body.qimen-mobile-kaiti .palace-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    border:1px dashed #222!important;
    overflow:hidden!important;
  }
  body.qimen-mobile-kaiti .new-pan-cell{
    position:relative!important;
    height:105px!important;
    min-height:105px!important;
    padding:5px 4px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    border-right:1px dashed #222!important;
    border-bottom:1px dashed #222!important;
  }
  body.qimen-mobile-kaiti .new-pan-cell .dark-stem{left:5px!important;top:6px!important;}
  body.qimen-mobile-kaiti .new-pan-cell .dark-stem .symbol{font-size:12.2px!important;line-height:1!important;}
  body.qimen-mobile-kaiti .new-pan-cell .main-symbols{
    position:absolute!important;
    left:46%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    width:50px!important;
    height:64px!important;
    display:grid!important;
    grid-template-rows:16px 16px 16px!important;
    row-gap:8px!important;
    align-items:center!important;
    justify-items:center!important;
    text-align:center!important;
    overflow:visible!important;
  }
  body.qimen-mobile-kaiti .new-pan-cell .main-symbols .symbol,
  body.qimen-mobile-kaiti .new-pan-cell .main-symbols .value-block{
    font-size:12.6px!important;
    line-height:16px!important;
    min-height:16px!important;
    white-space:nowrap!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  body.qimen-mobile-kaiti .new-pan-cell .value-block{padding:1px 4px!important;}
  body.qimen-mobile-kaiti .new-pan-cell .stem-pair{
    position:absolute!important;
    right:5px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:34px!important;
    min-width:34px!important;
    height:50px!important;
    display:grid!important;
    grid-template-rows:16px 16px!important;
    row-gap:12px!important;
    align-items:center!important;
    justify-items:start!important;
    overflow:visible!important;
  }
  body.qimen-mobile-kaiti .new-pan-cell .stem-line{height:16px!important;min-height:16px!important;line-height:16px!important;display:flex!important;align-items:center!important;white-space:nowrap!important;overflow:visible!important;}
  body.qimen-mobile-kaiti .new-pan-cell .stem-line .symbol{font-size:12.6px!important;line-height:16px!important;white-space:nowrap!important;}
  body.qimen-mobile-kaiti .new-pan-cell .stem-main-wrap{width:1.05em!important;min-width:1.05em!important;display:inline-flex!important;}
  body.qimen-mobile-kaiti .new-pan-cell .stem-attach-wrap{display:inline-flex!important;margin-left:2px!important;}
  body.qimen-mobile-kaiti .new-pan-cell .ground-god{left:5px!important;bottom:6px!important;}
  body.qimen-mobile-kaiti .new-pan-cell .ground-god .symbol{font-size:10.5px!important;line-height:1!important;}
  body.qimen-mobile-kaiti .new-pan-cell .top-tags{right:4px!important;top:4px!important;gap:2px!important;}
  body.qimen-mobile-kaiti .new-pan-cell .top-tags em{font-size:8px!important;line-height:1.05!important;padding:1px 3px!important;}
}

@media (max-width:380px){
  body.qimen-mobile-kaiti .software-meta-final{gap:0 10px!important;padding:11px 10px!important;}
  body.qimen-mobile-kaiti .software-meta-final p,
  body.qimen-mobile-kaiti .software-meta-final .term-line{grid-template-columns:3.05em minmax(0,1fr)!important;column-gap:4px!important;}
  body.qimen-mobile-kaiti .software-meta-final b,
  body.qimen-mobile-kaiti .software-meta-final p > span,
  body.qimen-mobile-kaiti .software-meta-final .term-line > span,
  body.qimen-mobile-kaiti .software-meta-final .gz-blue,
  body.qimen-mobile-kaiti .software-meta-final .meta-red{font-size:12px!important;}
  body.qimen-mobile-kaiti .new-pan-cell{height:101px!important;min-height:101px!important;}
  body.qimen-mobile-kaiti .new-pan-cell .main-symbols{row-gap:7px!important;width:46px!important;}
  body.qimen-mobile-kaiti .new-pan-cell .stem-pair{right:4px!important;width:31px!important;min-width:31px!important;row-gap:10px!important;}
  body.qimen-mobile-kaiti .new-pan-cell .main-symbols .symbol,
  body.qimen-mobile-kaiti .new-pan-cell .main-symbols .value-block,
  body.qimen-mobile-kaiti .new-pan-cell .stem-line .symbol{font-size:12px!important;}
}

/* 2026-05-20 mobile summary horizontal rows final fix: keep every meta item on one line */
@media (max-width:640px){
  body.qimen-mobile-kaiti .pan-composite .summary-card{
    margin:0 0 7px!important;
    padding:0!important;
    overflow:visible!important;
  }
  body.qimen-mobile-kaiti .software-meta-final{
    display:grid!important;
    grid-template-columns:1fr!important;
    row-gap:2px!important;
    column-gap:0!important;
    padding:10px 12px!important;
    border:1px solid #cfe3f5!important;
    border-radius:16px!important;
    background:#f8fcff!important;
    box-sizing:border-box!important;
    overflow:visible!important;
    align-items:start!important;
  }
  body.qimen-mobile-kaiti .software-meta-final .meta-col{
    display:contents!important;
  }
  body.qimen-mobile-kaiti .software-meta-final p,
  body.qimen-mobile-kaiti .software-meta-final .term-line{
    display:grid!important;
    grid-template-columns:3.2em minmax(0,1fr)!important;
    column-gap:5px!important;
    align-items:baseline!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    line-height:1.28!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  body.qimen-mobile-kaiti .software-meta-final b{
    grid-column:1!important;
    display:inline-block!important;
    width:auto!important;
    min-width:0!important;
    font-size:12.2px!important;
    line-height:1.28!important;
    font-weight:700!important;
    color:#111!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
    overflow:visible!important;
  }
  body.qimen-mobile-kaiti .software-meta-final p > span,
  body.qimen-mobile-kaiti .software-meta-final .term-line > span{
    grid-column:2!important;
    display:inline-block!important;
    min-width:0!important;
    max-width:none!important;
    width:auto!important;
    font-size:12.2px!important;
    line-height:1.28!important;
    font-weight:400!important;
    color:#111!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
    word-break:keep-all!important;
    overflow-wrap:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    transform:none!important;
  }
  body.qimen-mobile-kaiti .software-meta-final .meta-week{
    display:inline!important;
    margin-left:4px!important;
    white-space:nowrap!important;
  }
  body.qimen-mobile-kaiti .software-meta-final .ganzhi-line{
    display:inline-flex!important;
    flex-wrap:nowrap!important;
    gap:0 7px!important;
    align-items:baseline!important;
    white-space:nowrap!important;
  }
  body.qimen-mobile-kaiti .software-meta-final .gz-blue,
  body.qimen-mobile-kaiti .software-meta-final .meta-red{
    display:inline!important;
    font-size:12.2px!important;
    line-height:1.28!important;
    white-space:nowrap!important;
  }
  body.qimen-mobile-kaiti .software-meta-final .gz-blue{color:#0872c9!important;}
  body.qimen-mobile-kaiti .software-meta-final .meta-red{color:#d60000!important;font-weight:600!important;}
}

@media (max-width:380px){
  body.qimen-mobile-kaiti .software-meta-final{
    padding:9px 10px!important;
  }
  body.qimen-mobile-kaiti .software-meta-final p,
  body.qimen-mobile-kaiti .software-meta-final .term-line{
    grid-template-columns:3.05em minmax(0,1fr)!important;
    column-gap:4px!important;
    line-height:1.25!important;
  }
  body.qimen-mobile-kaiti .software-meta-final b,
  body.qimen-mobile-kaiti .software-meta-final p > span,
  body.qimen-mobile-kaiti .software-meta-final .term-line > span,
  body.qimen-mobile-kaiti .software-meta-final .gz-blue,
  body.qimen-mobile-kaiti .software-meta-final .meta-red{
    font-size:11.5px!important;
    line-height:1.25!important;
  }
  body.qimen-mobile-kaiti .software-meta-final .ganzhi-line{gap:0 6px!important;}
}

/* 2026-05-20 mobile palace stem alignment fix: move sky/earth stems to lower-right and align with star/door rows */
@media(max-width:640px){
  .new-pan-cell .main-symbols{
    left:13px!important;
    top:31px!important;
    gap:4px!important;
  }
  .new-pan-cell .stem-pair{
    right:16px!important;
    top:51px!important;
    gap:4px!important;
    align-items:flex-start!important;
  }
  .new-pan-cell .stem-line{
    min-height:21px!important;
    line-height:21px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
  }
  .new-pan-cell .stem-line .symbol{
    font-size:15px!important;
    line-height:1!important;
  }
}

/* yishi rich article replacement */
.yishi-rich-page{background:linear-gradient(180deg,#f5fbff 0%,#eef8ff 44%,#f8fcff 100%)}
.yishi-hero{padding:56px 0 42px;background:radial-gradient(circle at 86% 8%,rgba(255,215,125,.32),transparent 24%),radial-gradient(circle at 12% 18%,rgba(77,164,225,.22),transparent 28%),linear-gradient(135deg,#f7fcff,#e9f6ff)}
.yishi-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) 420px;gap:34px;align-items:stretch}.yishi-hero-copy{padding:16px 0}.yishi-kicker{display:inline-flex;padding:8px 16px;border-radius:999px;background:#fff;border:1px solid #9dc9ec;color:#1266aa;font-weight:900}.yishi-hero h1{margin:18px 0 18px;font-size:clamp(44px,5vw,76px);line-height:1.02;color:#0c3558;letter-spacing:-.05em}.yishi-hero h1 b{color:#2d7fc2}.yishi-intro-card{background:rgba(255,255,255,.82);border:1px solid #cbe3f6;border-radius:24px;padding:20px 22px;box-shadow:0 18px 40px rgba(45,127,194,.10)}.yishi-intro-card p{margin:0 0 12px;font-size:17px;color:#435c72}.yishi-intro-card p:last-child{margin-bottom:0}.yishi-flow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:20px 0 0}.yishi-flow span{padding:8px 15px;border-radius:999px;background:#fff;border:1px solid #9dc9ec;color:#1266aa;font-weight:900}.yishi-flow i{width:26px;height:1px;background:#9dc9ec}.yishi-poster-card{position:relative;overflow:hidden;background:linear-gradient(160deg,#ffffff,#e7f5ff 55%,#fff7df);border:1px solid #b9dcf4;border-radius:32px;padding:34px 30px;box-shadow:0 22px 54px rgba(45,127,194,.16);min-height:430px}.yishi-poster-card:before{content:"";position:absolute;right:-70px;top:-80px;width:230px;height:230px;border-radius:50%;background:rgba(45,127,194,.10)}.poster-ring{width:190px;height:190px;border-radius:50%;display:grid;grid-template-columns:1fr 1fr;gap:8px;place-items:center;margin:0 auto 24px;background:radial-gradient(circle,#2d7fc2 0 34%,#ffffff 35% 52%,#e9f7ff 53% 100%);border:1px solid #b9dcf4;box-shadow:inset 0 0 0 10px rgba(255,255,255,.44)}.poster-ring b{display:grid;place-items:center;width:58px;height:38px;border-radius:999px;background:#fff;border:1px solid #b9dcf4;color:#0e3558}.yishi-poster-card h2{font-size:34px;color:#0e3558;margin:0 0 12px}.yishi-poster-card p{font-size:17px;color:#4f687f}.poster-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.poster-tags span{padding:7px 12px;border-radius:999px;background:#fff;color:#1266aa;font-weight:800;border:1px solid #b9dcf4}.yishi-main-section{padding:38px 0 70px}.yishi-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:26px;align-items:start}.yishi-nav-card{position:sticky;top:96px;background:#fff;border:1px solid #cbe3f6;border-radius:24px;padding:18px;box-shadow:0 16px 36px rgba(45,127,194,.10)}.yishi-nav-card b{display:block;color:#0e3558;font-size:20px;margin-bottom:10px}.yishi-nav-card a{display:block;padding:9px 12px;border-radius:14px;color:#436077;font-weight:800}.yishi-nav-card a:hover{background:#e7f4ff;color:#1266aa}.yishi-content{display:grid;gap:20px}.yishi-title-card{background:#fff;border:1px solid #cbe3f6;border-radius:28px;padding:28px 30px;box-shadow:0 16px 38px rgba(45,127,194,.10)}.yishi-title-card span{display:inline-block;color:#d64242;background:#fff1f1;border:1px solid #ffd0d0;border-radius:999px;padding:6px 14px;font-weight:900}.yishi-title-card h2{font-size:34px;line-height:1.2;margin:14px 0 8px;color:#0e3558}.yishi-title-card p{margin:0;color:#536c82;font-size:17px}.case-block{position:relative;overflow:hidden;background:#fff;border:1px solid #cbe3f6;border-radius:28px;padding:26px 28px;box-shadow:0 16px 34px rgba(45,127,194,.09)}.case-block:before{content:"";position:absolute;right:-52px;top:-55px;width:160px;height:160px;border-radius:50%;background:var(--soft,#e7f4ff)}.case-head{position:relative;z-index:1;display:flex;gap:14px;align-items:center;margin-bottom:12px}.case-head i{font-style:normal;width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:var(--grad,linear-gradient(135deg,#2d7fc2,#94d2ff));color:#fff;font-size:24px;font-weight:900}.case-head small{display:block;color:var(--accent,#1266aa);font-weight:900;letter-spacing:.08em}.case-head h3{margin:2px 0 0;font-size:28px;color:#0e3558}.case-intro{position:relative;z-index:1;font-size:17px;color:#445f76;margin:0 0 16px}.question-cloud{position:relative;z-index:1;display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 18px}.question-cloud span{padding:7px 11px;border-radius:999px;background:var(--chip,#eef7ff);border:1px solid var(--chipline,#cbe3f6);color:#153b5e;font-weight:800;font-size:14px}.case-judge{position:relative;z-index:1;margin:0;padding:16px 18px;border-radius:18px;background:linear-gradient(90deg,rgba(45,127,194,.08),rgba(255,255,255,.4));border-left:5px solid var(--accent,#2d7fc2);color:#2d4256;font-size:16px}.theme-rose{--accent:#d94d65;--soft:#fff0f4;--chip:#fff6f8;--chipline:#ffd7df;--grad:linear-gradient(135deg,#e14f67,#ff9ab0)}.theme-blue{--accent:#237bc0;--soft:#e9f5ff;--chip:#f1f8ff;--chipline:#cce6fa;--grad:linear-gradient(135deg,#2d7fc2,#78c2f2)}.theme-amber{--accent:#c7851b;--soft:#fff6da;--chip:#fff9e9;--chipline:#f5df9a;--grad:linear-gradient(135deg,#d49422,#ffc65a)}.theme-gold{--accent:#b88014;--soft:#fff8df;--chip:#fff8e9;--chipline:#eed68d;--grad:linear-gradient(135deg,#c98d16,#ffe07a)}.theme-cyan{--accent:#1687a7;--soft:#e8fbff;--chip:#effcff;--chipline:#bdeefa;--grad:linear-gradient(135deg,#13a0c4,#84e3f7)}.theme-green{--accent:#21845c;--soft:#eafff4;--chip:#f1fff8;--chipline:#bfe8d4;--grad:linear-gradient(135deg,#219668,#8bd8ad)}.theme-purple{--accent:#8358c8;--soft:#f4eeff;--chip:#f8f3ff;--chipline:#d9c7fb;--grad:linear-gradient(135deg,#8055c7,#caa7ff)}.theme-red{--accent:#c33131;--soft:#fff0ed;--chip:#fff6f4;--chipline:#f5c8c1;--grad:linear-gradient(135deg,#c33131,#ff8b78)}.theme-teal{--accent:#128a86;--soft:#e8fffd;--chip:#effffd;--chipline:#bbe8e4;--grad:linear-gradient(135deg,#169995,#7edbd4)}.theme-indigo{--accent:#4e6bd1;--soft:#eef2ff;--chip:#f5f7ff;--chipline:#cbd6ff;--grad:linear-gradient(135deg,#4e6bd1,#91a7ff)}.theme-mint{--accent:#29996e;--soft:#edfff8;--chip:#f5fffb;--chipline:#c3ead9;--grad:linear-gradient(135deg,#29996e,#9be7bd)}.theme-orange{--accent:#d36d22;--soft:#fff3e8;--chip:#fff8f0;--chipline:#ffd7b8;--grad:linear-gradient(135deg,#dc7522,#ffb36b)}.theme-sky{--accent:#2685d3;--soft:#eaf7ff;--chip:#f4fbff;--chipline:#bfe2fa;--grad:linear-gradient(135deg,#2685d3,#8bd2ff)}.em-red{color:#d60000}.em-blue{color:#0872c9}.em-gold{color:#b77b00}.em-purple{color:#7750bf}.yishi-rich-page mark{background:#fff2a8;border-radius:6px;padding:0 4px;color:#0e3558}.result-block,.strategy-block,.ask-block{background:#fff;border:1px solid #cbe3f6;border-radius:28px;padding:28px;box-shadow:0 16px 34px rgba(45,127,194,.09)}.result-block h2,.strategy-block h2,.ask-block h2{font-size:32px;margin:0 0 10px;color:#0e3558}.result-block>p,.strategy-block>p,.ask-block>p{color:#4f687f;font-size:17px}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.result-grid span{padding:12px 14px;border-radius:18px;background:#f1f8ff;border:1px solid #cbe3f6;color:#153b5e;font-weight:800}.strategy-chips,.ask-cloud{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.strategy-chips span{padding:9px 13px;border-radius:16px;background:#fff5f2;border:1px solid #ffd3c7;color:#bd3a27;font-weight:900}.ask-cloud span{padding:9px 13px;border-radius:999px;background:#edf8ff;border:1px solid #bfe2fa;color:#1266aa;font-weight:900}.plain-text-block{background:linear-gradient(135deg,#f8fcff,#fff);border-left:5px solid #2d7fc2;border-radius:18px;padding:16px 18px;margin-top:14px}.plain-text-block p{margin:0 0 12px;color:#31495d}.plain-text-block p:last-child{margin-bottom:0}.yishi-end{margin-top:2px}.yishi-end b{color:#0e3558}
@media(max-width:900px){.yishi-hero-grid{grid-template-columns:1fr}.yishi-poster-card{min-height:auto}.yishi-layout{grid-template-columns:1fr}.yishi-nav-card{position:relative;top:auto;display:flex;gap:8px;flex-wrap:wrap}.yishi-nav-card b{width:100%}.yishi-nav-card a{background:#f2f9ff}.result-grid{grid-template-columns:1fr}}
@media(max-width:640px){.yishi-hero{padding:28px 0}.yishi-hero h1{font-size:44px}.yishi-intro-card{padding:16px}.yishi-intro-card p{font-size:15px}.yishi-flow i{display:none}.yishi-poster-card{padding:22px 18px;border-radius:24px}.poster-ring{width:150px;height:150px}.yishi-main-section{padding:24px 0 48px}.yishi-title-card,.case-block,.result-block,.strategy-block,.ask-block{padding:20px 18px;border-radius:22px}.case-head h3{font-size:24px}.question-cloud span{font-size:13px}.yishi-nav-card{padding:14px}.yishi-kicker{font-size:13px}.yishi-title-card h2{font-size:27px}.result-block h2,.strategy-block h2,.ask-block h2{font-size:26px}}


/* teacher profile rich replacement */
.teacher-profile-rich{position:relative;overflow:hidden;background:linear-gradient(180deg,#edf8ff 0%,#f8fcff 48%,#eef8ff 100%)}
.teacher-profile-rich:before{content:"";position:absolute;left:-120px;top:90px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,213,119,.42),rgba(255,255,255,0) 65%);pointer-events:none}.teacher-profile-rich:after{content:"";position:absolute;right:-90px;bottom:70px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(159,209,246,.45),rgba(255,255,255,0) 70%);pointer-events:none}.teacher-profile-wrap{position:relative;z-index:1}.teacher-profile-head{max-width:900px;margin-bottom:28px}.teacher-profile-head h2{margin:8px 0 10px;font-size:44px;color:#0e3558;line-height:1.15}.teacher-profile-head p{margin:0;color:#506b82;font-size:18px;line-height:1.9}.teacher-profile-grid{display:grid;grid-template-columns:390px minmax(0,1fr);gap:28px;align-items:start}.teacher-profile-visual{position:sticky;top:92px;min-height:680px;border:1px solid #b8d9f3;border-radius:34px;background:linear-gradient(160deg,#fff 0%,#ecf8ff 58%,#fff7e7 100%);box-shadow:0 22px 55px rgba(45,127,194,.13);padding:28px;overflow:hidden}.teacher-profile-visual:before{content:"九宫\A符使\A用神";white-space:pre;position:absolute;right:22px;top:168px;font-size:48px;line-height:1.35;color:rgba(45,127,194,.16);font-weight:900}.teacher-name-card{position:relative;z-index:2;background:#fff;border:1px solid #cfe3f5;border-radius:24px;padding:22px;box-shadow:10px 14px 0 rgba(45,127,194,.08)}.teacher-name-card small{display:block;color:#0e6fb5;font-weight:900;letter-spacing:.18em}.teacher-name-card strong{display:block;font-size:42px;line-height:1.1;color:#0e3558;margin:8px 0}.teacher-name-card span{color:#6a7b89;font-weight:900}.teacher-orbit{position:relative;z-index:1;margin:42px auto 30px;width:260px;height:260px;border-radius:50%;border:1px solid #b8d9f3;background:radial-gradient(circle,#fff 0%,#f7fcff 55%,rgba(255,232,182,.45) 100%);display:grid;place-items:center}.teacher-orbit b{width:106px;height:106px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#2d7fc2,#80c3f2);color:#fff;font-size:30px;box-shadow:0 14px 35px rgba(45,127,194,.22)}.teacher-orbit i{position:absolute;font-style:normal;background:#fff;border:1px solid #b8d9f3;border-radius:999px;padding:7px 12px;color:#1266aa;font-weight:900;box-shadow:0 8px 18px rgba(45,127,194,.1)}.teacher-orbit .o1{top:8px;left:100px}.teacher-orbit .o2{right:4px;top:82px}.teacher-orbit .o3{right:34px;bottom:30px}.teacher-orbit .o4{left:76px;bottom:6px}.teacher-orbit .o5{left:2px;top:88px}.teacher-orbit .o6{left:32px;bottom:40px}.teacher-mini-stats{position:relative;z-index:2;display:grid;gap:12px}.teacher-mini-stats div{background:rgba(255,255,255,.92);border:1px solid #cfe3f5;border-radius:20px;padding:16px}.teacher-mini-stats b{display:block;color:#0e6fb5;font-size:26px;line-height:1.1}.teacher-mini-stats span{display:block;color:#526b82;margin-top:6px;font-weight:800}.teacher-profile-content{display:grid;gap:18px}.teacher-lead-card,.teacher-flow-card,.teacher-article-block,.teacher-ethics-card,.teacher-two-col article{background:#fff;border:1px solid #cfe3f5;border-radius:28px;padding:26px 28px;box-shadow:0 16px 40px rgba(45,127,194,.08)}.teacher-lead-card{background:linear-gradient(135deg,#fff,#f0f9ff)}.teacher-profile-content h3{margin:0 0 12px;color:#0e3558;font-size:26px;line-height:1.25}.teacher-profile-content p{margin:0 0 16px;color:#4d657b;font-size:17px;line-height:2.05}.teacher-profile-content p:last-child{margin-bottom:0}.teacher-skill-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.teacher-skill-tags span{border-radius:999px;padding:8px 13px;font-weight:900;border:1px solid #b8d9f3;background:#eef8ff;color:#1266aa}.teacher-color-panels{display:grid;grid-template-columns:1fr 1fr;gap:18px}.teacher-color-panels article{border-radius:26px;padding:24px;box-shadow:0 16px 38px rgba(45,127,194,.08);border:1px solid rgba(255,255,255,.75)}.teacher-color-panels b{display:block;font-size:24px;color:#0e3558;margin-bottom:12px}.teacher-color-panels p{font-size:16px;line-height:2;margin:0}.panel-blue{background:linear-gradient(135deg,#eaf6ff,#ffffff)}.panel-gold{background:linear-gradient(135deg,#fff8e5,#ffffff)}.teacher-flow-card{border-left:6px solid #2d7fc2}.teacher-flow-card strong{display:block;font-size:24px;color:#0e3558;margin-bottom:14px}.teacher-flow{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-bottom:16px}.teacher-flow span{border-radius:999px;background:#eef8ff;border:1px solid #b8d9f3;color:#1266aa;font-weight:900;padding:8px 12px}.teacher-flow i{width:20px;height:1px;background:#9dc9ec}.teacher-highlight-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.teacher-highlight-strip span{min-height:78px;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:22px;padding:14px;font-weight:900;line-height:1.55;border:1px solid #cfe3f5;background:#fff}.teacher-highlight-strip span:nth-child(1){color:#b13a2b;background:#fff1ee}.teacher-highlight-strip span:nth-child(2){color:#9b6a05;background:#fff8df}.teacher-highlight-strip span:nth-child(3){color:#1266aa;background:#edf8ff}.teacher-highlight-strip span:nth-child(4){color:#6b3eb1;background:#f5efff}.teacher-two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.teacher-two-col article:nth-child(1){border-top:5px solid #2d7fc2}.teacher-two-col article:nth-child(2){border-top:5px solid #c33}.teacher-ethics-card{background:linear-gradient(135deg,#fff,#f7fbff);border-left:6px solid #c33}.teacher-ethics-card b{display:inline-block;margin-bottom:12px;color:#fff;background:#c33;border-radius:999px;padding:8px 16px;font-size:20px}.teacher-article-block h3:before,.teacher-two-col h3:before{content:"";display:inline-block;width:10px;height:24px;border-radius:999px;background:#2d7fc2;margin-right:10px;vertical-align:-4px}.teacher-article-block h3,.teacher-two-col h3{color:#0e3558}.teacher-article-block p:nth-of-type(2){background:#f7fbff;border-radius:18px;padding:16px;border:1px dashed #b8d9f3;color:#375a73}
@media(max-width:980px){.teacher-profile-grid{grid-template-columns:1fr}.teacher-profile-visual{position:relative;top:auto;min-height:520px}.teacher-highlight-strip{grid-template-columns:1fr 1fr}.teacher-two-col,.teacher-color-panels{grid-template-columns:1fr}}
@media(max-width:640px){.teacher-profile-rich{padding:38px 0}.teacher-profile-head h2{font-size:34px}.teacher-profile-head p{font-size:16px}.teacher-profile-visual{min-height:auto;padding:20px}.teacher-profile-visual:before{font-size:34px;right:16px;top:150px}.teacher-name-card strong{font-size:34px}.teacher-orbit{width:230px;height:230px;margin:30px auto}.teacher-orbit b{width:92px;height:92px;font-size:24px}.teacher-lead-card,.teacher-flow-card,.teacher-article-block,.teacher-ethics-card,.teacher-two-col article{padding:22px;border-radius:22px}.teacher-profile-content h3{font-size:23px}.teacher-profile-content p{font-size:16px;line-height:1.95}.teacher-highlight-strip{grid-template-columns:1fr}.teacher-flow i{display:none}.teacher-skill-tags span{font-size:13px;padding:7px 11px}.teacher-orbit .o1{left:86px}.teacher-orbit .o2{right:-4px}.teacher-orbit .o5{left:-6px}.teacher-orbit .o4{left:66px}}

/* homepage poster wheel position micro-adjustment: move the circular start element upward so it no longer covers the copy */
@media (min-width: 981px) {
  .poster-qimen-wheel {
    top: 128px !important;
  }
}

/* 2026-05-20 mobile only: move sky/earth stems to lower-right and align with star/door rows */
@media (max-width: 640px){
  body.qimen-mobile-kaiti .new-pan-cell .stem-pair{
    position:absolute!important;
    right:8px!important;
    top:52px!important;
    transform:none!important;
    width:42px!important;
    min-width:42px!important;
    height:auto!important;
    display:grid!important;
    grid-template-rows:16px 16px!important;
    row-gap:13px!important;
    align-items:center!important;
    justify-items:start!important;
    overflow:visible!important;
    text-align:left!important;
    z-index:3!important;
  }
  body.qimen-mobile-kaiti .new-pan-cell .stem-line{
    height:16px!important;
    min-height:16px!important;
    line-height:16px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    white-space:nowrap!important;
    overflow:visible!important;
  }
  body.qimen-mobile-kaiti .new-pan-cell .stem-line .symbol{
    font-size:12.6px!important;
    line-height:16px!important;
    white-space:nowrap!important;
  }
  body.qimen-mobile-kaiti .new-pan-cell .stem-main-wrap{
    width:auto!important;
    min-width:1.05em!important;
    display:inline-flex!important;
    align-items:center!important;
  }
  body.qimen-mobile-kaiti .new-pan-cell .stem-attach-wrap{
    display:inline-flex!important;
    align-items:center!important;
    margin-left:3px!important;
  }
}

@media (max-width: 380px){
  body.qimen-mobile-kaiti .new-pan-cell .stem-pair{
    right:6px!important;
    top:50px!important;
    width:40px!important;
    min-width:40px!important;
    row-gap:12px!important;
  }
  body.qimen-mobile-kaiti .new-pan-cell .stem-line .symbol{
    font-size:12px!important;
  }
}

/* 2026-05-20 strict mobile stem placement: push sky/earth stems to palace right edge and align rows with star/door */
@media (max-width:640px){
  body.qimen-mobile-kaiti .new-pan-cell .stem-pair{
    right:2px!important;
    top:calc(50% - 8px)!important;
    transform:none!important;
    width:30px!important;
    min-width:30px!important;
    height:auto!important;
    display:grid!important;
    grid-template-rows:16px 16px!important;
    row-gap:8px!important;
    align-items:center!important;
    justify-items:end!important;
    text-align:right!important;
    overflow:visible!important;
    z-index:4!important;
  }
  body.qimen-mobile-kaiti .new-pan-cell .stem-line{
    height:16px!important;
    min-height:16px!important;
    line-height:16px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-align:right!important;
  }
  body.qimen-mobile-kaiti .new-pan-cell .stem-line .symbol{
    font-size:12.6px!important;
    line-height:16px!important;
    white-space:nowrap!important;
  }
  body.qimen-mobile-kaiti .new-pan-cell .stem-main-wrap,
  body.qimen-mobile-kaiti .new-pan-cell .stem-attach-wrap{
    width:auto!important;
    min-width:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
  }
  body.qimen-mobile-kaiti .new-pan-cell .stem-attach-wrap{margin-left:2px!important;}
}

@media (max-width:380px){
  body.qimen-mobile-kaiti .new-pan-cell .stem-pair{
    right:1px!important;
    top:calc(50% - 8px)!important;
    width:28px!important;
    min-width:28px!important;
    grid-template-rows:15px 15px!important;
    row-gap:8px!important;
  }
  body.qimen-mobile-kaiti .new-pan-cell .stem-line{
    height:15px!important;
    min-height:15px!important;
    line-height:15px!important;
  }
  body.qimen-mobile-kaiti .new-pan-cell .stem-line .symbol{
    font-size:12px!important;
    line-height:15px!important;
  }
}

/* 2026-05-20 mobile stem final correction: keep sky stem above earth stem, attach center stem to the right of sky stem */
@media (max-width:640px){
  body.qimen-mobile-kaiti .new-pan-cell .stem-pair{
    right:6px!important;
    top:calc(50% - 8px)!important;
    transform:none!important;
    width:28px!important;
    min-width:28px!important;
    height:auto!important;
    display:grid!important;
    grid-template-rows:16px 16px!important;
    row-gap:8px!important;
    align-items:center!important;
    justify-items:stretch!important;
    text-align:left!important;
    overflow:visible!important;
    z-index:4!important;
  }
  body.qimen-mobile-kaiti .new-pan-cell .stem-line{
    height:16px!important;
    min-height:16px!important;
    line-height:16px!important;
    display:grid!important;
    grid-template-columns:13px 13px!important;
    column-gap:2px!important;
    align-items:center!important;
    justify-content:start!important;
    justify-items:center!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-align:center!important;
  }
  body.qimen-mobile-kaiti .new-pan-cell .stem-line .symbol{
    font-size:12.6px!important;
    line-height:16px!important;
    white-space:nowrap!important;
  }
  body.qimen-mobile-kaiti .new-pan-cell .stem-main-wrap{
    grid-column:1!important;
    width:13px!important;
    min-width:13px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  body.qimen-mobile-kaiti .new-pan-cell .stem-attach-wrap{
    grid-column:2!important;
    width:13px!important;
    min-width:13px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin-left:0!important;
  }
}

@media (max-width:380px){
  body.qimen-mobile-kaiti .new-pan-cell .stem-pair{
    right:5px!important;
    top:calc(50% - 8px)!important;
    width:26px!important;
    min-width:26px!important;
    grid-template-rows:15px 15px!important;
    row-gap:8px!important;
  }
  body.qimen-mobile-kaiti .new-pan-cell .stem-line{
    height:15px!important;
    min-height:15px!important;
    line-height:15px!important;
    grid-template-columns:12px 12px!important;
    column-gap:2px!important;
  }
  body.qimen-mobile-kaiti .new-pan-cell .stem-line .symbol{
    font-size:12px!important;
    line-height:15px!important;
  }
  body.qimen-mobile-kaiti .new-pan-cell .stem-main-wrap,
  body.qimen-mobile-kaiti .new-pan-cell .stem-attach-wrap{
    width:12px!important;
    min-width:12px!important;
  }
}


/* SEO article and case content library */
.seo-wrap{padding:42px 0 76px}.crumb{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:14px;color:#6a7b8f;margin:10px 0 18px}.crumb a{color:#3478b8;font-weight:700}.seo-card{background:#fff;border:1px solid #d8e9f8;border-radius:30px;box-shadow:0 18px 48px rgba(65,131,194,.10);padding:34px;overflow:hidden}.seo-kicker{display:inline-flex;background:#eaf6ff;color:#2f6fa8;border:1px solid #c9e1f5;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:800;margin-bottom:16px}.seo-card h1{font-size:clamp(30px,4vw,48px);line-height:1.18;color:#183b5e;margin:0 0 14px}.seo-meta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.seo-meta span{background:#f5fbff;border:1px solid #d7e8f7;border-radius:999px;padding:6px 12px;color:#4c6680;font-size:13px}.seo-lead{font-size:18px;line-height:2;background:linear-gradient(135deg,#f3fbff,#fff);border-left:5px solid #66a9e5;padding:18px 20px;border-radius:18px;color:#34485c}.wx-block{margin:24px 0;border-radius:24px;padding:24px;border:1px solid #d8e9f8}.wx-block h2{margin:0 0 12px;font-size:25px;color:#173a5d}.wx-block p{margin:10px 0;color:#40566b;line-height:2}.soft-blue{background:linear-gradient(135deg,#eef8ff,#ffffff)}.soft-white{background:#fff}.soft-green{background:linear-gradient(135deg,#f0fff6,#ffffff)}.soft-red{background:linear-gradient(135deg,#fff5f5,#ffffff)}.color-list{padding-left:1.2em;margin:0}.color-list li{margin:10px 0;line-height:1.85;color:#40566b}.color-list li::marker{color:#d64545}.case-ribbon{display:flex;gap:10px;flex-wrap:wrap;background:#fef7e8;border:1px solid #f2d9a1;border-radius:18px;padding:16px 18px;color:#71511c;margin:20px 0}.case-ribbon b{color:#be5b25}.seo-cta{margin-top:26px;background:linear-gradient(135deg,#1f6faf,#4aa3df);color:#fff;border-radius:24px;padding:24px;display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}.seo-cta b{font-size:22px}.seo-cta span{opacity:.96}.theory-poster{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:22px 0}.theory-poster span{background:#f3f9ff;border:1px dashed #9fc6e8;border-radius:16px;padding:16px 8px;text-align:center;color:#2f6fa8;font-weight:800}.seo-index-page{padding:48px 0 76px}.seo-index-hero{display:grid;grid-template-columns:1.4fr .6fr;gap:24px;align-items:center;background:linear-gradient(135deg,#eff8ff,#fff,#f6fbff);border:1px solid #d8e9f8;border-radius:30px;padding:32px;margin-bottom:24px}.seo-index-hero h1{font-size:clamp(34px,4vw,54px);margin:12px 0;color:#183b5e}.seo-index-hero p{line-height:2;color:#52677c}.index-poster{min-height:180px;border-radius:28px;background:radial-gradient(circle at 30% 25%,#fff,#dff1ff);border:1px solid #cfe4f6;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:inset 0 0 0 8px rgba(255,255,255,.55)}.index-poster b{font-size:62px;color:#2f81c6;line-height:1}.index-poster span{font-size:20px;color:#183b5e;font-weight:900}.index-poster small{margin-top:8px;color:#5a7187}.index-poster.theory{background:radial-gradient(circle at 30% 25%,#fff,#e9f7ff)}.seo-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.seo-list-card{display:block;background:#fff;border:1px solid #d8e9f8;border-radius:24px;padding:22px;box-shadow:0 14px 36px rgba(65,131,194,.08);transition:.2s}.seo-list-card:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(65,131,194,.14)}.seo-list-card em{font-style:normal;display:inline-block;background:#eaf6ff;color:#2f6fa8;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800}.seo-list-card h3{font-size:20px;line-height:1.45;color:#183b5e;margin:12px 0 8px}.seo-list-card p{color:#5a6e81;line-height:1.75;margin:0 0 14px;font-size:14px}.seo-list-card span{color:#d94848;font-weight:900}.seo-home-section{padding:56px 0}.seo-home-title h2{font-size:clamp(30px,4vw,46px);color:#183b5e;margin:12px 0}.seo-home-title p{color:#5a6e81}.seo-home-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}.seo-home-grid a{background:#fff;border:1px solid #d8e9f8;border-radius:24px;padding:24px;box-shadow:0 14px 34px rgba(65,131,194,.08)}.seo-home-grid b{display:block;color:#183b5e;font-size:22px;margin-bottom:8px}.seo-home-grid span{color:#5a6e81;line-height:1.8}
@media(max-width:900px){.seo-index-hero{grid-template-columns:1fr}.seo-card-grid,.seo-home-grid{grid-template-columns:1fr 1fr}.theory-poster{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.seo-card{padding:22px;border-radius:24px}.seo-card h1{font-size:30px}.seo-lead{font-size:16px;padding:14px}.wx-block{padding:18px;border-radius:20px}.wx-block h2{font-size:22px}.seo-card-grid,.seo-home-grid{grid-template-columns:1fr}.seo-index-hero{padding:22px}.theory-poster{grid-template-columns:repeat(2,1fr)}.seo-cta{align-items:flex-start}.seo-cta b{font-size:20px}}


/* SEO reinforcement blocks */
.internal-links{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0;background:#f4faff;border:1px solid #d7e8f7;border-radius:18px;padding:16px;align-items:center}.internal-links b{color:#183b5e;margin-right:6px}.internal-links a{display:inline-flex;border:1px solid #b9d8f2;border-radius:999px;padding:7px 13px;color:#1f6faf;font-weight:800;background:#fff}.faq-item{border-top:1px dashed #c9dff2;padding:14px 0}.faq-item:first-child{border-top:0}.faq-item b{display:block;color:#173a5d;font-size:18px;margin-bottom:6px}.faq-item p{margin:0!important}.case-theme .seo-lead strong,.theory-theme .seo-lead strong{color:#d23737}.seo-list-card h3{letter-spacing:.01em}.seo-list-card em:nth-child(1){background:#fff6e5;color:#b45b00}.seo-home-section{scroll-margin-top:90px}