/* 已确认 07-今日：左侧日柱/物候，右侧四卡；窄屏进入文档流。 */
body{--gx:30%;--gy:40%}
.todayWrap{position:relative;z-index:2;max-width:1440px;margin:0 auto;padding:118px 120px 60px}
.todayLayout{display:grid;grid-template-columns:minmax(0,520fr) minmax(0,608fr);gap:72px;align-items:start}
.todayLeft,.todayRight{min-width:0}
.dayTitle{margin-top:16px;font-weight:300;font-size:76px;line-height:1;letter-spacing:.1em}
.dayMeta{margin-top:16px;font-size:14px;line-height:1.8;letter-spacing:.2em;color:var(--i55)}
.hou{margin-top:38px;padding:18px 0 18px 22px;border-left:1px solid rgba(212,181,122,.5)}
.hou .k{font-size:12px;letter-spacing:.34em;color:var(--gold)}
.houName{margin-top:10px;font-family:"Kaiti SC","STKaiti","KaiTi",var(--song);font-size:38px;font-weight:400;line-height:1.5;letter-spacing:.2em;overflow-wrap:anywhere}
.houNote{margin-top:10px;font-size:14px;line-height:1.9;letter-spacing:.04em;color:var(--i70)}
.houNote summary{cursor:pointer;list-style:none}.houNote summary::-webkit-details-marker{display:none}
.houNote summary::after{content:"＋";margin-left:8px;color:var(--gold-dim);font:12px var(--mono)}
.houNote[open] summary::after{content:"−"}.houNote .rest{margin-top:6px}
.hou .bh{margin-top:4px;font-size:12.5px;line-height:1.8;color:var(--i55)}
.hou .s{margin-top:8px;font-size:11px;line-height:1.9;letter-spacing:.14em;color:var(--i40)}
.you{margin-top:34px;padding-top:22px;border-top:1px solid var(--i12)}
.you .row1{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap}
.you .verdict{font-size:34px;letter-spacing:.3em;color:var(--gold-hi)}
.you .score{font-family:var(--mono);font-size:22px;font-weight:300}
.you .who{margin-left:auto;font-size:11.5px;letter-spacing:.14em;color:var(--i40)}
.relationMeter{position:relative;height:1px;margin:20px 6px 32px;background:var(--i22)}
.relationMeter i{position:absolute;top:-4px;width:1px;height:9px;background:var(--i40)}
.relationMeter b{position:absolute;top:-5px;width:11px;height:11px;margin-left:-5.5px;border-radius:50%;background:var(--gold)}
.relationMeter span{position:absolute;top:10px;font:9.5px var(--mono);color:var(--i40);transform:translateX(-50%)}
.relationWhy{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 16px;font-size:13px;line-height:1.7;letter-spacing:.04em}
.relationWhy .k{color:var(--i55)}.relationWhy .k em{font-style:normal;margin-right:4px}
.relationWhy .t{color:var(--i90)}.relationWhy .t i{font-style:normal;color:var(--i55);margin-left:8px}
.todayGrid{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(0,1fr);border-top:1px solid var(--i12);border-left:1px solid var(--i12)}
.todayCard{padding:22px 24px 20px;border-right:1px solid var(--i12);border-bottom:1px solid var(--i12);min-height:300px;min-width:0;position:relative}
.todayCard .hd{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.todayCard h2{font-size:13px;font-weight:400;letter-spacing:.32em;color:var(--i70)}
.todaySwatches{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.todaySwatches>div{text-align:center;font-size:11.5px;letter-spacing:.2em;color:var(--i70)}
.todaySwatches i{display:block;width:42px;height:42px;border-radius:50%;margin:0 auto 9px;border:1px solid var(--i22)}
.todaySwatches .lab{display:block;margin-bottom:8px;min-height:14px;font-size:10px;letter-spacing:.2em;color:var(--i40)}
.todaySwatches .avoid i{width:26px;height:26px;margin-top:8px;margin-bottom:17px;opacity:.55}.todaySwatches .avoid{color:var(--i40)}
.todayCard .reason{margin-top:18px;font-size:12.5px;line-height:1.85;letter-spacing:.03em;color:var(--i55)}
.todayNums{margin-top:14px;font-family:var(--mono);font-weight:300;font-size:58px;letter-spacing:.04em;white-space:nowrap}
.numCaption{margin-top:6px;font-size:12px;line-height:1.8;letter-spacing:.2em;color:var(--i40)}
.todayCard .citation{margin-top:8px;font-size:11px;line-height:1.8;letter-spacing:.14em;color:var(--i40)}
.todayJianchu{margin-top:16px;font-size:20px;line-height:1.8;letter-spacing:.18em}.todayJianchu em{font-style:normal;color:var(--gold-hi)}
.todayYJ{display:flex;gap:12px;margin-top:14px;font-size:13px;line-height:1.8;letter-spacing:.06em;color:var(--i90)}
.todayYJ b{flex:none;font-weight:400;font-size:11px;padding:1px 7px;height:20px;line-height:18px}
.todayYJ .y{color:#0b0f18;background:var(--gold)}.todayYJ .j{color:#f3e2bd;background:#8e3a2b}
.todayPengzu{margin-top:14px;font-size:11.5px;line-height:1.8;letter-spacing:.06em;color:var(--i40)}
.meiCard{display:block;text-decoration:none}.meiCard:hover{background:rgba(212,181,122,.025)}
.todayGua{display:flex;align-items:center;gap:22px;margin-top:18px}
.todayGlyph{display:flex;flex-direction:column-reverse;gap:5px;flex:none}
.todayGlyph i{display:flex;gap:6px;height:5px}.todayGlyph i u{display:block;height:5px;background:var(--gold);text-decoration:none}
.todayGlyph i.yang u{width:52px}.todayGlyph i.yin u{width:23px}.todayGlyph i.moving u{background:var(--gold-hi);outline:1px solid rgba(236,215,168,.35)}
.todayGname{font-weight:300;font-size:30px;letter-spacing:.1em;line-height:1.5}.todayGsub{margin-top:6px;font-size:12px;line-height:1.8;letter-spacing:.12em;color:var(--i55)}
.todayGtxt{margin-top:14px;font-size:13px;line-height:1.8;color:var(--i70)}
.todayCalc{margin-top:12px;font-family:var(--mono);font-size:10.5px;line-height:1.8;letter-spacing:.02em;color:var(--i40);overflow-wrap:anywhere}
.todayCalc em{display:block;font-style:normal;font-family:var(--song);font-size:11px;letter-spacing:.14em}
.todayActions{display:flex;gap:14px;margin-top:24px;flex-wrap:wrap}
.todaySource{margin-top:18px;text-align:right;font-size:11px;line-height:1.8;letter-spacing:.14em;color:var(--i40)}
.savePrompt{margin-top:18px;font-size:13px;line-height:1.9;color:var(--i55)}.savePrompt a{text-underline-offset:4px;text-decoration-color:var(--gold-dim)}
/* 今日与卦卡复用 Share.image 的同一下载 / 原生桥接流程。 */
#shot{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;visibility:hidden;transition:.25s;background:rgba(5,7,11,.94)}
body.shot-on #shot{opacity:1;visibility:visible}.shotIn{display:flex;flex-direction:column;align-items:center;gap:16px;max-height:94vh}
#shotImg{max-height:78vh;max-width:min(430px,88vw);border:1px solid var(--i22)}
.shotBar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center}
#shotTip{font-size:11px;letter-spacing:.2em;color:var(--i55)}
.shotBar a,.shotBar button{background:transparent;border:1px solid var(--i22);color:var(--i90);font-size:11.5px;letter-spacing:.3em;padding:8px 20px;text-decoration:none}
#shotCopy{display:none}html.app #shotCopy{display:inline-block}
@media(min-width:1101px) and (max-width:1350px){.todayWrap{padding-left:5%;padding-right:5%}.todayLayout{gap:44px;grid-template-columns:minmax(0,1fr) minmax(0,1.18fr)}.todayCard{padding:20px}.todayGua{gap:14px}.todayGname{font-size:26px}.todayNums{font-size:48px}}
@media(max-width:1100px){.todayWrap{padding-left:6%;padding-right:6%}.todayLayout{grid-template-columns:1fr;gap:36px}.todayLeft{max-width:720px}.todayCard{min-height:260px}.todayGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.todaySource{text-align:left}}
@media(max-width:760px){
  .todayWrap{padding:142px 22px 48px}.dayTitle{font-size:64px}.dayMeta{font-size:12px;letter-spacing:.08em}.todayWrap .eyebrow{font-size:9.5px;letter-spacing:.2em}
  .hou{margin-top:28px;padding-left:18px}.houName{font-size:32px;letter-spacing:.12em}.hou .k{letter-spacing:.24em}
  .you .who{margin-left:0;font-size:11px}.you .row1{gap:12px}.you .verdict{font-size:30px}.relationWhy{gap:8px 12px;font-size:12px}.relationWhy .t i{display:block;margin-left:0}
  .todayGrid{grid-template-columns:1fr}.todayCard{min-height:0;padding:22px 20px 26px}.todayNums{font-size:54px}.todaySwatches{gap:12px}
  .todayGua{gap:22px}.todayGname{font-size:30px}.todayActions{gap:12px}.todayActions .btn{padding:0 20px}
  .todaySource{font-size:10px}.todayCalc{font-size:10px}#shot{padding:18px}#shotImg{max-height:66vh}
}
