/* 羅經命盤 · 玄门版界面 */
:root{--ink:#f4f1e8;--dim:#9c998f;--faint:#5d5b55;--line:rgba(255,255,255,.13);--gold:#c9a86a;--cinnabar:#c4553f}
.site{position:fixed;inset:0;z-index:3;pointer-events:none;color:var(--ink);
  font-family:'Songti SC','STSong','Noto Serif SC',serif;font-synthesis:none}
.site *{box-sizing:border-box}
.site-title{position:absolute;left:4.2vw;top:4.6vh}
.site-title h1{margin:0;font-size:clamp(26px,2.4vw,40px);font-weight:400;letter-spacing:.2em}
.site-title p{margin:.6em 0 0;font-size:clamp(10px,.78vw,13px);color:var(--dim);letter-spacing:.28em}
.altar{position:absolute;left:4.2vw;top:14vh;width:clamp(320px,26vw,392px);pointer-events:auto;
  padding:clamp(16px,1.3vw,24px) clamp(16px,1.3vw,24px) clamp(14px,1.1vw,20px);
  background:rgba(7,8,12,.55);border:1px solid var(--line);
  backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.alt-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1.1em;
  padding-bottom:.8em;border-bottom:1px solid var(--line)}
.alt-head span{font-size:clamp(13px,1.05vw,17px);letter-spacing:.42em;color:var(--ink)}
.alt-head i{font-style:normal;font-size:clamp(9px,.7vw,11px);color:var(--faint);letter-spacing:.18em}
.alt-row{display:grid;grid-template-columns:2.4em 1fr;gap:.7em;align-items:center;margin-bottom:1em}
.alt-row .k{font-size:clamp(10px,.78vw,12px);color:var(--cinnabar);letter-spacing:.2em;writing-mode:vertical-rl}
.alt-row.slim{grid-template-columns:2.4em 1fr 2.4em 1.1fr;gap:.6em}
.alt-row.slim .k{writing-mode:horizontal-tb}
.alt-row.slim input{padding:.45em .5em}
.sigil,.topics button,.zhis button,.drawer .seg button{
  background:rgba(255,255,255,.03);border:1px solid var(--line);color:var(--dim);
  font-family:inherit;font-size:clamp(11px,.86vw,14px);letter-spacing:.16em;cursor:pointer;
  transition:color .25s,border-color .25s,background .25s}
.sigil:hover,.topics button:hover,.zhis button:hover,.drawer .seg button:hover{color:var(--ink);border-color:rgba(201,168,106,.5)}
.sex{display:flex;gap:8px}
.sex .sigil{flex:1;padding:.62em .4em}
.sigil.act,.topics button.act,.zhis button.act,.drawer .seg button.act{color:#0d0e12;background:var(--gold);border-color:var(--gold)}
.topics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.topics button{padding:.5em .2em}
.zhis{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin:.2em 0 .9em 3.2em}
.zhis button{padding:.45em .1em}
.zhis[hidden]{display:none}
.tm{display:grid;grid-template-columns:1.35fr 1fr auto;gap:6px;align-items:center}
.tm .link{background:none;border:0;color:var(--faint);font-family:inherit;font-size:clamp(10px,.74vw,11px);
  letter-spacing:.1em;cursor:pointer;text-decoration:underline;text-underline-offset:3px;white-space:nowrap;padding:0}
.tm .link.act{color:var(--gold)}
input,select,textarea{display:block;width:100%;padding:.52em .55em;background:rgba(255,255,255,.04);
  border:1px solid var(--line);color:var(--ink);font-family:inherit;font-size:clamp(12px,.92vw,14px);
  letter-spacing:.06em;outline:none;transition:border-color .25s,background .25s}
input:focus,select:focus,textarea:focus{border-color:rgba(201,168,106,.65);background:rgba(255,255,255,.07)}
.drawer{margin:.2em 0 .9em}
.drawer summary{cursor:pointer;font-size:clamp(10px,.74vw,11px);color:var(--faint);letter-spacing:.18em;
  list-style:none;padding:.45em 0;border-top:1px solid rgba(255,255,255,.07)}
.drawer summary::-webkit-details-marker{display:none}
.drawer summary::before{content:'+ ';color:var(--gold)}
.drawer[open] summary::before{content:'- '}
.drawer-body{display:grid;grid-template-columns:1fr 1fr;gap:.6em .8em;padding:.3em 0 .2em}
.drawer-body label{font-size:clamp(10px,.74vw,11px);color:var(--dim);letter-spacing:.1em}
.drawer-body .seg{display:flex;gap:4px;margin-top:.4em}
.drawer-body .seg button{flex:1;padding:.4em 0}
.drawer-body .leap{display:flex;align-items:center;gap:.4em}
.drawer-body input[type=checkbox]{width:auto;display:inline-block;margin:0}
.cast{width:100%;margin-top:.4em;padding:.95em;background:transparent;color:var(--gold);
  border:1px solid rgba(201,168,106,.45);font-family:inherit;font-size:clamp(14px,1.05vw,17px);
  letter-spacing:.5em;cursor:pointer;animation:breathe 3.2s ease-in-out infinite}
.cast:hover{background:rgba(201,168,106,.12);color:#f3e6c9}
@keyframes breathe{0%,100%{box-shadow:0 0 0 rgba(201,168,106,0)}50%{box-shadow:0 0 26px rgba(201,168,106,.18)}}
.alt-foot{margin-top:.75em;font-size:clamp(9px,.68vw,11px);color:var(--faint);letter-spacing:.12em;text-align:center}
.verdict{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:6;width:clamp(420px,34vw,560px);
  padding:clamp(22px,2vw,34px);pointer-events:none;text-align:center;
  background:radial-gradient(ellipse at center,rgba(10,11,16,.92),rgba(10,11,16,.55) 70%,transparent);
  transition:opacity .6s,transform .6s}
.verdict[hidden]{display:none}
.verdict.out{opacity:0;transform:translate(-50%,-52%)}
.v-head{font-size:clamp(34px,3.2vw,52px);letter-spacing:.28em;color:#f6efdc;margin-bottom:.5em;
  text-shadow:0 0 24px rgba(246,239,220,.25)}
.v-lines p{margin:.5em 0;font-size:clamp(13px,1vw,16px);line-height:2;color:#ded9cd;letter-spacing:.05em;
  opacity:0;animation:inkin .9s ease forwards}
@keyframes inkin{from{opacity:0;filter:blur(6px);transform:translateY(6px)}to{opacity:1;filter:blur(0);transform:none}}
.readout{position:absolute;right:4.2vw;top:6vh;bottom:6vh;width:clamp(360px,30vw,470px);
  background:rgba(8,9,12,.94);border:1px solid var(--line);padding:clamp(16px,1.4vw,26px);
  overflow:auto;display:none;pointer-events:auto;z-index:4}
.readout.on{display:block;animation:slidein .8s ease both}
@keyframes slidein{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
.readout h2{margin:0 0 .3em;font-size:clamp(22px,1.9vw,30px);font-weight:400;letter-spacing:.16em}
.readout h3{margin:1.6em 0 .6em;font-size:clamp(10px,.8vw,13px);font-weight:400;color:var(--gold);letter-spacing:.3em}
.readout p{margin:0 0 .55em;font-size:clamp(12px,.92vw,15px);line-height:1.9;color:#ded9cd;letter-spacing:.03em}
.readout .dim{color:var(--faint);font-size:clamp(10px,.76vw,12px)}
.readout .small{font-size:clamp(9px,.7vw,11px);line-height:1.8;margin-top:1.6em}
.readout blockquote{margin:0 0 .6em;padding:.8em 1em;border-left:2px solid var(--gold);
  background:rgba(255,255,255,.03);font-size:clamp(12px,.92vw,15px);line-height:2;color:#eae5d8}
.rep-verdict{margin:.8em 0 1.2em;padding:1em 1.1em;border:1px solid rgba(201,168,106,.35);background:rgba(201,168,106,.05)}
.rep-verdict .rv-head{font-size:clamp(20px,1.6vw,26px);letter-spacing:.22em;color:#f6efdc;margin-bottom:.5em}
.rep-verdict p{margin:.35em 0;color:#e6e1d4}
.rep-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.rep-head .back{background:none;border:1px solid var(--line);color:var(--dim);padding:.5em .9em;
  font-family:inherit;font-size:clamp(10px,.75vw,12px);letter-spacing:.18em;cursor:pointer;white-space:nowrap}
.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:.4em 0 .8em}
.pillar{border:1px solid rgba(255,255,255,.08);padding:.7em .2em;text-align:center}
.pillar .pos{font-size:clamp(9px,.7vw,11px);color:var(--faint);letter-spacing:.2em}
.pillar .gz{font-size:clamp(20px,1.7vw,28px);line-height:1.15;margin:.35em 0;letter-spacing:.1em}
.pillar .ss{font-size:clamp(10px,.76vw,12px);color:var(--gold)}
.pillar .cang,.pillar .ny{font-size:clamp(9px,.68vw,11px);color:var(--faint);margin-top:.3em}
.wxs{margin:.2em 0 .8em}
.wxs .wx{display:grid;grid-template-columns:2em 1fr 3em;align-items:center;gap:.6em;margin:.35em 0;
  font-size:clamp(10px,.78vw,13px);color:var(--dim)}
.wxs .wx i{display:block;height:6px;background:linear-gradient(90deg,#8b8778,#e8e3d5)}
.dys div{display:grid;grid-template-columns:3.2em 1fr 2em;gap:.6em;padding:.45em 0;border-bottom:1px solid rgba(255,255,255,.06);
  font-size:clamp(11px,.82vw,13px);color:var(--dim)}
.dys b{color:var(--ink);font-weight:400;letter-spacing:.1em}
.dys i{font-style:normal;text-align:right}
.dys i.吉{color:#cfe3c0} .dys i.忌{color:#e0b8a8} .dys i.平{color:var(--faint)}
.readout a{color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(201,168,106,.35)}
.sound{position:absolute;right:4.2vw;bottom:4vh;z-index:6;width:2.4em;height:2.4em;border-radius:50%;
  background:rgba(10,11,16,.6);border:1px solid var(--line);color:var(--dim);font-family:inherit;
  font-size:13px;cursor:pointer;pointer-events:auto}
.sound:hover{color:var(--gold);border-color:rgba(201,168,106,.5)}
.foot{position:absolute;left:50%;bottom:2.4vh;transform:translateX(-50%);font-size:clamp(9px,.7vw,11px);
  color:var(--faint);letter-spacing:.18em;white-space:nowrap;pointer-events:none}
.flash{position:absolute;left:50%;top:12vh;transform:translateX(-50%);padding:.7em 1.2em;
  border:1px solid rgba(196,85,63,.5);color:#e0b8a8;font-size:13px;letter-spacing:.12em;pointer-events:none;z-index:7}
.site.reading .altar,.site.casting .altar{display:none}
@media (max-width:900px){
  .altar{left:4vw;right:4vw;width:auto;top:12vh}
  .readout{left:4vw;right:4vw;width:auto;top:6vh}
}
.verdict{background:radial-gradient(ellipse at center,rgba(6,7,10,.95),rgba(6,7,10,.75) 62%,transparent 78%);
  backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.v-head{color:#fbf6e8}
.verdict{background:rgba(5,6,9,.975);border:1px solid rgba(201,168,106,.35);
  box-shadow:0 30px 80px -40px rgba(0,0,0,.9);width:clamp(460px,36vw,600px)}
.v-head{font-size:clamp(38px,3.4vw,56px)}
.v-lines p{color:#e9e4d6}
/* 飞行卡片 */
.cards{position:fixed;inset:0;pointer-events:none;z-index:5}
.fcard{position:absolute;width:clamp(150px,11vw,196px);padding:.75em .85em;
  background:rgba(8,9,13,.92);border:1px solid rgba(201,168,106,.28);
  box-shadow:0 22px 50px -30px rgba(0,0,0,.95)}
.fcard i{display:block;font-style:normal;font-size:10px;letter-spacing:.26em;color:#c9a86a}
.fcard b{display:block;margin-top:.34em;font-size:clamp(16px,1.25vw,22px);font-weight:400;letter-spacing:.12em;
  color:#f6f3ea;white-space:nowrap}
.fcard span{display:block;margin-top:.32em;font-size:10px;color:#8f8d85;letter-spacing:.06em;white-space:nowrap}
.preview{margin:-.2em 0 .9em 3.2em;font-size:clamp(10px,.76vw,12px);color:#c9a86a;letter-spacing:.08em}
.preview[hidden]{display:none}
.preview b{color:#f4f1e8;font-weight:400}
.zhis em{display:block;font-style:normal;font-size:8px;opacity:.55;margin-top:2px;letter-spacing:0}
.rd{margin:.9em 0;padding-left:.9em;border-left:2px solid rgba(201,168,106,.4)}
.rd b{display:block;font-size:10px;letter-spacing:.24em;color:#c9a86a;font-weight:400}
.rd p{margin:.3em 0 0}
.cast:disabled{opacity:.35;cursor:not-allowed;animation:none}
.alt-row .preview{grid-column:1 / -1;margin:.15em 0 .5em 0}
.flash.ok{border-color:rgba(201,168,106,.55);color:#e8d7a8}
.hint-float{position:absolute;left:50%;bottom:9vh;transform:translateX(-50%);
  padding:.55em 1.1em;border:1px solid rgba(201,168,106,.3);background:rgba(8,9,13,.8);
  color:#c9a86a;font-size:clamp(10px,.76vw,12px);letter-spacing:.24em;pointer-events:none;
  animation:hfade 6.5s ease forwards}
@keyframes hfade{0%,70%{opacity:1}100%{opacity:0}}
.fcard{pointer-events:auto;will-change:transform;transition:opacity .25s}
.fcard.dim{opacity:.42}
.fbody{transition:transform .28s cubic-bezier(.2,.9,.3,1.2),background .25s,border-color .25s,box-shadow .25s}
.fcard.expanded{z-index:40}
.fcard.expanded .fbody{transform:scale(1.06);background:rgba(13,15,21,.98);border-color:rgba(201,168,106,.6);box-shadow:0 34px 70px -34px rgba(0,0,0,.95)}
.fcard .detail{max-height:0;overflow:hidden;opacity:0;transition:max-height .32s ease,opacity .25s ease,margin .25s}
.fcard.expanded .detail{max-height:120px;opacity:1;margin-top:.55em;padding-top:.45em;border-top:1px solid rgba(255,255,255,.1)}
.fcard .detail em{display:block;font-style:normal;font-size:10px;color:#a9a69c;line-height:1.75;letter-spacing:.04em;white-space:nowrap}
.fcard .detail em{font-size:clamp(10px,.68vw,12px)}
.fcard.expanded{width:clamp(200px,13.5vw,250px)}
/* ===== v4：结果双栏 ===== */
.readout{left:3.4vw;right:3.4vw;top:auto;bottom:3vh;width:auto;height:56vh;padding:0;overflow:hidden;
  background:rgba(7,8,11,.965);border:1px solid var(--line)}
.readout.on{animation:boardup .85s cubic-bezier(.2,.9,.25,1) both}
@keyframes boardup{from{opacity:0;transform:translateY(46px)}to{opacity:1;transform:none}}
.board{display:grid;grid-template-columns:44% 56%;height:100%}
.bd-left,.bd-right{overflow:auto;padding:clamp(13px,1.1vw,20px) clamp(14px,1.2vw,22px)}
.bd-left{border-right:1px solid rgba(255,255,255,.09)}
.bd-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.bh-main{display:flex;align-items:baseline;gap:.5em;flex-wrap:wrap}
.bh-main b{font-size:clamp(24px,2vw,34px);letter-spacing:.16em;color:#f6f1e2;font-weight:400}
.bh-main span{font-size:clamp(20px,1.7vw,28px);color:#c9a86a;line-height:1}
.bh-main em{font-style:normal;font-size:clamp(10px,.8vw,12px);color:var(--dim);letter-spacing:.14em}
.bd-id{margin:.6em 0 1em;font-size:clamp(9px,.7vw,11px);color:var(--faint);letter-spacing:.1em}
.bd-hex{display:grid;grid-template-columns:auto 1fr;gap:clamp(12px,1.4vw,22px);align-items:center;margin-bottom:1em}
.hex{width:clamp(112px,9vw,158px);display:block}
.hex .hl{stroke:#ded9c9;stroke-width:7;stroke-linecap:round}
.hex .hl.moving{stroke:#e8c98a;filter:drop-shadow(0 0 6px rgba(232,201,138,.55))}
.hex-side .hs-row{display:grid;grid-template-columns:2.6em 1fr;gap:.5em;margin-bottom:.5em}
.hex-side i{font-style:normal;font-size:clamp(9px,.68vw,11px);color:var(--gold);letter-spacing:.16em}
.hex-side p{margin:0;font-size:clamp(10px,.74vw,12px);line-height:1.7;color:var(--dim)}
.pillars{grid-template-columns:repeat(4,1fr);gap:6px;margin:.2em 0 .8em}
.pillar .gz{font-size:clamp(17px,1.4vw,23px)}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:.5em 0 .8em}
.chips span{font-size:clamp(9px,.68vw,11px);color:var(--dim);border:1px solid rgba(201,168,106,.28);
  padding:.35em .6em;letter-spacing:.08em}
.chips b{color:#e8c98a;font-weight:400}
.dys-strip{display:flex;gap:4px;overflow-x:auto;padding-bottom:.4em}
.dys-strip div{min-width:52px;border:1px solid rgba(255,255,255,.07);padding:.4em .3em;text-align:center}
.dys-strip div.cur{border-color:rgba(201,168,106,.6);background:rgba(201,168,106,.08)}
.dys-strip b{display:block;font-size:clamp(11px,.82vw,13px);color:var(--ink);font-weight:400;letter-spacing:.08em}
.dys-strip span{display:block;font-size:9px;color:var(--faint)}
.dys-strip i{font-style:normal;font-size:9px;color:var(--dim)}
.dys-strip i.吉{color:#cfe3c0}.dys-strip i.忌{color:#e0b8a8}
.classic{margin-top:.6em;border-top:1px solid rgba(255,255,255,.07);padding-top:.5em}
.classic summary{cursor:pointer;font-size:clamp(9px,.7vw,11px);color:var(--faint);letter-spacing:.16em;list-style:none}
.classic summary::-webkit-details-marker{display:none}
.classic summary::before{content:'+ ';color:var(--gold)}
.classic[open] summary::before{content:'- '}
.classic blockquote{margin:.6em 0 .4em;padding:.6em .8em;border-left:2px solid var(--gold);
  background:rgba(255,255,255,.03);font-size:clamp(11px,.8vw,13px);line-height:1.9;color:#e6e1d4}
.bd-rtitle{font-size:clamp(15px,1.2vw,19px);letter-spacing:.3em;color:#f4efe0;margin-bottom:1em}
.bd-rtitle em{font-style:normal;font-size:clamp(9px,.7vw,11px);color:var(--faint);letter-spacing:.14em;margin-left:.8em}
.part{border-left:2px solid rgba(201,168,106,.45);padding:.1em 0 .1em 1em;margin-bottom:1.1em}
.pt-h{display:flex;align-items:baseline;gap:.7em;margin-bottom:.35em}
.pt-h b{font-size:clamp(13px,1vw,16px);font-weight:400;color:#e8c98a;letter-spacing:.18em}
.pt-h em{font-style:normal;font-size:clamp(9px,.68vw,11px);color:var(--faint);letter-spacing:.1em}
.part .flow{margin:0 0 .45em;font-size:clamp(12px,.92vw,15px);line-height:1.95;color:#ded9cd}
.part .todo{margin:0;font-size:clamp(12px,.9vw,14px);line-height:1.95;color:#c8c2b2}
.part .todo::before{content:'該做　';color:var(--gold);font-size:.82em;letter-spacing:.14em}
.one{margin:1.2em 0 0;padding:.9em 1em;border:1px solid rgba(201,168,106,.3);background:rgba(201,168,106,.05);
  font-size:clamp(12px,.9vw,14px);line-height:1.95;color:#eae4d4;font-style:normal}
.readout .small{font-size:clamp(9px,.68vw,11px);line-height:1.8;margin-top:1.2em}
@media (max-width:1100px){
  .readout{height:70vh}
  .board{grid-template-columns:1fr;grid-auto-rows:min-content}
  .bd-left{border-right:0;border-bottom:1px solid rgba(255,255,255,.09)}
}
/* 默念 / 跳过 / 蓄力 */
.breathe{position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;z-index:4}
.breathe[hidden]{display:none}
.breathe i{display:block;font-style:normal;font-size:clamp(9px,.72vw,12px);color:var(--gold);letter-spacing:.7em}
.breathe b{display:block;margin:.5em 0 .4em;font-size:clamp(26px,2.4vw,40px);font-weight:400;letter-spacing:.4em;color:#f6f1e2;
  text-shadow:0 0 30px rgba(246,241,226,.25)}
.breathe em{font-style:normal;font-size:clamp(10px,.76vw,12px);color:var(--faint);letter-spacing:.28em}
.skip{position:absolute;right:4.2vw;bottom:9.4vh;display:none;background:none;border:1px solid var(--line);
  color:var(--dim);font-family:inherit;font-size:11px;letter-spacing:.2em;padding:.5em .9em;cursor:pointer;z-index:6;pointer-events:auto}
.site.casting .skip{display:block}
.skip:hover{color:var(--gold);border-color:rgba(201,168,106,.5)}
.cast{position:relative;overflow:hidden}
.cast::after{content:'';position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .2s;
  background:linear-gradient(90deg,rgba(201,168,106,.38) calc(var(--c,0) * 100%),transparent 0)}
.cast.charging::after{opacity:1}
.cast.charged{color:#0d0e12;background:var(--gold)}
.bd-left{padding-top:clamp(11px,.9vw,16px)}
.bd-hex{margin-bottom:.7em}
.hex{width:clamp(100px,8vw,136px)}
.pillars{margin:.1em 0 .5em}
.pillar{padding:.5em .2em}
.pillar .gz{font-size:clamp(16px,1.3vw,21px)}
.wxs{margin:.1em 0 .4em}
.wxs .wx{margin:.22em 0}
@media (max-width:1100px){
  .readout{height:74vh;overflow:auto}
  .bd-left,.bd-right{overflow:visible;height:auto}
}
.hint-float{top:13vh;bottom:auto}
/* ===== v5：右栏解读 —— 同体系、强对比 ===== */
.bd-left{background:rgba(0,0,0,.16)}
.bd-right{background:linear-gradient(180deg,rgba(201,168,106,.07),rgba(201,168,106,.015) 40%,transparent 75%);
  border-left:1px solid rgba(201,168,106,.16);position:relative;padding-left:clamp(20px,1.8vw,34px)}
.bd-right::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;
  background:linear-gradient(180deg,transparent,rgba(201,168,106,.5),transparent)}
.bd-rtitle{display:flex;align-items:baseline;gap:.6em;font-size:clamp(17px,1.35vw,22px);letter-spacing:.5em;
  color:#f6f1e2;border-bottom:1px solid rgba(201,168,106,.22);padding-bottom:.7em;margin-bottom:1.2em}
.part{border-left:0;padding-left:0;margin-bottom:1.4em;padding-bottom:1.1em;border-bottom:1px solid rgba(255,255,255,.06)}
.part:last-of-type{border-bottom:0}
.pt-h{display:flex;align-items:center;gap:.6em;margin-bottom:.5em}
.pt-n{display:inline-flex;align-items:center;justify-content:center;width:1.7em;height:1.7em;flex:none;
  border:1px solid rgba(201,168,106,.5);border-radius:50%;color:#e8c98a;font-size:clamp(10px,.72vw,11px)}
.part .flow{font-size:clamp(13px,.98vw,16px);line-height:2.05;color:#e6e1d4}
.pt-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8em;margin:.7em 0 .8em}
.pt-yi,.pt-ji{border:1px solid rgba(255,255,255,.06);padding:.7em .8em;background:rgba(255,255,255,.015)}
.pt-yi{border-color:rgba(201,168,106,.28)}
.pt-yi>i,.pt-ji>i{display:block;font-style:normal;font-size:10px;letter-spacing:.3em;margin-bottom:.45em}
.pt-yi>i{color:#e8c98a}
.pt-ji>i{color:#d08a76}
.pt-yi ul,.pt-ji ul{margin:0;padding:0;list-style:none}
.pt-yi li,.pt-ji li{font-size:clamp(11px,.8vw,13px);line-height:1.8;color:#c9c4b7;margin-bottom:.3em;
  padding-left:1em;position:relative}
.pt-yi li::before{content:'·';position:absolute;left:.2em;color:#e8c98a}
.pt-ji li::before{content:'·';position:absolute;left:.2em;color:#d08a76}
.pt-shi{margin:.2em 0 0;font-size:clamp(11px,.8vw,13px);color:#a9a396;line-height:1.85}
.pt-shi i{font-style:normal;color:#8f8a7d;letter-spacing:.26em;margin-right:.7em;font-size:10px}
@media (max-width:1100px){.pt-grid{grid-template-columns:1fr}}
.bd-rtitle{position:sticky;top:0;z-index:2;background:linear-gradient(180deg,rgba(10,10,13,.98) 60%,rgba(10,10,13,0));
  padding-top:.2em}
/* ===== 产品化：分享 / 议题 / 无 3D 提示 ===== */
.bd-actions{display:flex;gap:8px;align-items:center}
.readout .share{background:none;border:1px solid rgba(201,168,106,.45);color:#e8c98a;padding:.5em .9em;
  font-family:inherit;font-size:clamp(10px,.75vw,12px);letter-spacing:.16em;cursor:pointer;white-space:nowrap}
.readout .share:hover{background:rgba(201,168,106,.12)}
.bd-topics{display:flex;flex-wrap:wrap;gap:6px;margin:-.4em 0 1.1em}
.bd-topics button{background:none;border:1px solid rgba(255,255,255,.12);color:var(--dim);padding:.35em .7em;
  font-family:inherit;font-size:clamp(10px,.72vw,11px);letter-spacing:.14em;cursor:pointer}
.bd-topics button.act{color:#0d0e12;background:#c9a86a;border-color:#c9a86a}
.share-banner{grid-column:1/-1;padding:.6em clamp(14px,1.2vw,22px);border-bottom:1px solid rgba(201,168,106,.25);
  background:rgba(201,168,106,.07);color:#c9a86a;font-size:clamp(10px,.76vw,12px);letter-spacing:.14em}
.share-banner a{color:#f0e2bd;border-bottom:1px solid rgba(240,226,189,.4)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.nogl{position:absolute;left:50%;top:8vh;transform:translateX(-50%);z-index:5;padding:.6em 1.2em;
  border:1px solid rgba(201,168,106,.35);color:#c9a86a;font-size:12px;letter-spacing:.14em;background:rgba(8,9,13,.85)}
/* v6: 结果页按钮与窄屏 */
.readout .back{background:none;border:1px solid var(--line);color:var(--dim);padding:.5em .9em;
  font-family:inherit;font-size:clamp(10px,.75vw,12px);letter-spacing:.18em;cursor:pointer;white-space:nowrap}
.readout .back:hover{color:var(--ink);border-color:rgba(201,168,106,.5)}
@media (max-width:760px){
  .bd-head{flex-direction:column;align-items:flex-start;gap:.6em}
  .bd-actions{width:100%;justify-content:flex-end}
  .bh-main b{font-size:clamp(20px,5.6vw,26px)}
  .bh-main span{font-size:clamp(16px,4.4vw,22px)}
  .bd-hex{grid-template-columns:1fr}
  .hex{width:96px;margin:0 auto}
  .bd-rtitle{font-size:16px;letter-spacing:.3em}
}