/*!
 * 开运堂 KAIYUNTANG (www.kaiyuntang.com)
 * Copyright (c) 2026 开运堂. All Rights Reserved.
 * 本样式/脚本为开运堂原创作品，未经书面授权禁止复制、转载或用于其他站点。
 *//* ============================================================
 * 结果页：深色玻璃风排版
 * ============================================================ */

.res{max-width:960px;margin:0 auto;padding-bottom:60px}
.res-head{text-align:center;margin:30px 0 32px}
.res-head .badge{display:inline-flex;align-items:center;gap:8px;padding:5px 18px;
  border:1px solid var(--gold-line);border-radius:99px;background:rgba(212,168,87,.06);
  color:var(--gold-2);font-size:11px;letter-spacing:5px;margin-bottom:18px}
.res-head h1{font-family:var(--font-zhuan);font-size:34px;font-weight:900;letter-spacing:10px;
  background:linear-gradient(180deg,#fff4d6,var(--gold));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.res-head .meta{color:var(--ink-4);font-size:13px;margin-top:12px;letter-spacing:2px}
.res-actions{display:flex;gap:12px;justify-content:center;margin-bottom:24px;flex-wrap:wrap}

.r-card{padding:32px 36px;margin-bottom:20px;overflow-wrap:break-word;word-break:break-word}
.r-card h3{font-family:var(--font-zhuan);font-size:20px;font-weight:900;letter-spacing:5px;margin-bottom:22px;
  display:flex;align-items:center;gap:12px;color:var(--gold-2);
  padding-bottom:14px;border-bottom:1px solid rgba(212,168,87,.12)}
.r-card h3::before{content:"";width:4px;height:20px;border-radius:2px;
  background:linear-gradient(180deg,var(--gold-2),var(--gold-4));box-shadow:0 0 10px var(--gold-glow)}
.r-card h3 .tag{margin-left:auto;font-weight:400;letter-spacing:2px}

.r-row{display:flex;padding:12px 0;border-bottom:1px solid rgba(212,168,87,.12);font-size:15px}
.r-row:last-child{border-bottom:none}
.r-row .k{flex:0 0 108px;color:var(--ink-4);letter-spacing:2px}
.r-row .v{flex:1;color:var(--ink)}
.r-sec{margin-top:22px}
.r-sec h4{font-family:var(--font-zhuan);font-size:14px;color:var(--gold);letter-spacing:3px;margin-bottom:12px;font-weight:700}
.r-sec p{font-size:15px;color:var(--ink-2);line-height:2}

.r-tbl{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;margin-top:12px;
  border:1px solid var(--glass-border);border-radius:var(--r);overflow:hidden}
.r-tbl th,.r-tbl td{padding:13px 14px;text-align:left;border-bottom:1px solid rgba(212,168,87,.1)}
.r-tbl tr:last-child td{border-bottom:0}
.r-tbl th{background:rgba(212,168,87,.08);color:var(--gold-2);font-weight:600;letter-spacing:2px}
.r-tbl td{background:rgba(22,19,42,.26)}

/* 四柱 */
.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.pillar{background:linear-gradient(165deg,rgba(42,36,70,.62),rgba(22,19,42,.76));
  border:1px solid var(--gold-line);border-radius:var(--r);padding:22px 12px;text-align:center;
  position:relative;overflow:hidden;transition:all .3s}
.pillar::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.pillar::after{content:"";position:absolute;inset:0;
  background:radial-gradient(circle at 50% 0%,rgba(212,168,87,.1),transparent 60%);opacity:0;transition:opacity .3s}
.pillar:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.5),0 0 24px rgba(212,168,87,.12)}
.pillar:hover::after{opacity:1}
.pillar .p-name{font-family:var(--font-zhuan);color:var(--gold);font-size:13px;margin-bottom:10px;letter-spacing:4px}
.pillar .p-gan{font-size:32px;font-family:var(--font-zhuan);font-weight:700;line-height:1.3;
  background:linear-gradient(180deg,#fff4d6,var(--gold-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.pillar .p-god{font-size:13px;color:var(--red-3);margin-top:8px;letter-spacing:2px}
.pillar .p-extra{font-size:12px;color:var(--ink-4);margin-top:6px;line-height:1.8}

/* 紫微 */
.zw-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.zw{background:linear-gradient(165deg,rgba(32,27,54,.64),rgba(17,14,34,.8));
  border:1px solid var(--glass-border);border-radius:var(--r);padding:14px 10px;text-align:center;
  min-height:120px;display:flex;flex-direction:column;justify-content:center;transition:all .3s}
.zw:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:0 10px 28px rgba(0,0,0,.5),0 0 20px rgba(212,168,87,.1)}
.zw .zw-name{font-family:var(--font-zhuan);color:var(--gold-2);font-weight:700;font-size:16px;letter-spacing:3px}
.zw .zw-star{font-size:13px;margin-top:8px;line-height:1.8;color:var(--ink-2)}
.zw .zw-star i{font-style:normal;color:var(--gold);margin-left:4px;font-size:12px}
.zw .zw-zhi{font-size:12px;color:var(--ink-4);margin-top:8px;border-top:1px solid rgba(212,168,87,.15);padding-top:7px}

/* 评分 */
.score-big{text-align:center;padding:32px 20px;margin-bottom:20px}
.score-big .ring{display:inline-flex;align-items:center;justify-content:center;width:160px;height:160px;
  border-radius:50%;border:2px solid var(--gold-line);position:relative;margin-bottom:14px;
  background:radial-gradient(circle,rgba(212,168,87,.08),transparent 70%)}
.score-big .ring::before{content:"";position:absolute;inset:10px;border-radius:50%;
  border:1px solid rgba(212,168,87,.3)}
.score-big .ring::after{content:"";position:absolute;inset:-8px;border-radius:50%;
  border:1px solid rgba(212,168,87,.15)}
.score-big .n{font-size:72px;font-family:var(--font-zhuan);font-weight:700;line-height:1;
  background:linear-gradient(180deg,#fff4d6,var(--gold-2) 50%,var(--gold));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  text-shadow:0 0 40px rgba(212,168,87,.3)}
.score-big .l{color:var(--ink-2);font-size:14px;margin-top:6px;letter-spacing:4px}

/* 合婚 */
.pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.pair .side{background:linear-gradient(165deg,rgba(32,27,54,.64),rgba(17,14,34,.8));
  border:1px solid var(--gold-line);border-radius:var(--r);padding:24px;transition:all .3s}
.pair .side:hover{border-color:var(--gold);box-shadow:0 10px 30px rgba(0,0,0,.5)}
.pair .side h4{font-family:var(--font-zhuan);color:var(--gold-2);font-size:17px;margin-bottom:16px;
  letter-spacing:4px;display:flex;align-items:center;gap:10px}
.pair .side h4::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold-glow)}
.pair .side.man{border-color:rgba(123,168,154,.3)}
.pair .side.man h4{color:var(--jade)}
.pair .side.man h4::before{background:var(--jade);box-shadow:0 0 10px rgba(123,168,154,.4)}

.bar{height:8px;border-radius:99px;background:rgba(212,168,87,.12);overflow:hidden;margin:10px 0 16px}
.bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--gold-3),var(--gold-2));box-shadow:0 0 10px var(--gold-glow)}

/* 五行能量条配色 */
.bar-jin i{background:linear-gradient(90deg,#8a6f3f,#e8c97a)}
.bar-mu i{background:linear-gradient(90deg,#2f7a5c,#7ba89a)}
.bar-shui i{background:linear-gradient(90deg,#2f5f8a,#6b9bbf)}
.bar-huo i{background:linear-gradient(90deg,#9c2f24,#e86b5e)}
.bar-tu i{background:linear-gradient(90deg,#6b5020,#c89b5a)}

/* 八字四柱下的纳音/空亡 */
.bazi-meta{display:flex;gap:20px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid rgba(212,168,87,.15)}
.bazi-meta-item{display:inline-flex;align-items:baseline;gap:8px;font-size:13px}
.bazi-meta-item .k{color:var(--ink-4);letter-spacing:2px}
.bazi-meta-item .v{color:var(--ink-2);letter-spacing:1px}

/* 称骨骨重 */
.chenggu-weight{display:flex;align-items:baseline;justify-content:center;gap:6px;margin:6px 0 14px}
.chenggu-weight .n{font-family:var(--font-zhuan);font-size:44px;font-weight:900;line-height:1;
  background:linear-gradient(180deg,#fff4d6,var(--gold-2) 55%,var(--gold));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  text-shadow:0 0 30px rgba(212,168,87,.3)}
.chenggu-weight .u{font-size:14px;color:var(--ink-3);letter-spacing:2px}

/* ============ 六爻排盘 ============ */
/* 摇卦场景 */
.liuyao-stage{text-align:center;padding:18px 0 8px}
.ly-coins{display:flex;justify-content:center;gap:22px;margin:18px 0 26px}
.ly-coin{position:relative;width:74px;height:74px;border-radius:50%;
  border:2px solid #6a4f22;
  box-shadow:0 6px 18px rgba(0,0,0,.5),inset 0 0 0 3px rgba(0,0,0,.12),inset 0 0 16px rgba(0,0,0,.4);
  background:
    radial-gradient(circle at 30% 24%,rgba(255,246,224,.55) 0%,rgba(255,246,224,0) 45%),
    radial-gradient(circle at 70% 80%,rgba(30,20,8,.5) 0%,rgba(30,20,8,0) 55%),
    radial-gradient(circle at 50% 50%,#c9a05c 0%,#ab8138 42%,#7c5a28 72%,#563e1a 100%);
  transition:background .3s}
.ly-coin::before{content:"";position:absolute;inset:8px;border-radius:50%;
  border:1px solid rgba(0,0,0,.32);
  box-shadow:inset 0 1px 2px rgba(255,255,255,.28)}
.ly-coin::after{content:"";position:absolute;left:50%;top:50%;width:22px;height:22px;
  transform:translate(-50%,-50%);border-radius:3px;
  background:rgba(0,0,0,.55);
  box-shadow:inset 0 2px 5px rgba(0,0,0,.85),0 1px 0 rgba(255,255,255,.18)}
.ly-face,.ly-back{position:absolute;inset:0;z-index:2;display:none}
.ly-face i{position:absolute;font-family:var(--font-zhuan);font-style:normal;font-weight:900;
  font-size:13px;line-height:1;color:#3a2810;text-shadow:0 1px 0 rgba(255,246,224,.35)}
.ly-face .t{top:7px;left:50%;transform:translateX(-50%)}
.ly-face .b{bottom:7px;left:50%;transform:translateX(-50%)}
.ly-face .r{right:7px;top:50%;transform:translateY(-50%)}
.ly-face .l{left:7px;top:50%;transform:translateY(-50%)}
.ly-back{color:#3a2810}
.ly-back .ly-mw{width:100%;height:100%;display:block}
.ly-coin[data-face="1"] .ly-face{display:block}
.ly-coin[data-face="0"] .ly-back{display:block}
.ly-coin.is-tossing{animation:lyToss .9s ease-in-out}
@keyframes lyToss{
  0%{transform:translateY(0) rotate(0)}
  35%{transform:translateY(-55px) rotate(180deg)}
  70%{transform:translateY(-18px) rotate(360deg)}
  100%{transform:translateY(0) rotate(360deg)}
}

/* 爻线 */
.ly-line.yang{display:block;width:150px;height:12px;border-radius:3px;
  background:linear-gradient(90deg,#b8893a,#f0cf87);box-shadow:0 0 10px rgba(212,168,87,.4)}
.ly-line.yin{display:flex;justify-content:space-between;width:150px}
.ly-line.yin i{display:block;width:62px;height:12px;border-radius:3px;
  background:linear-gradient(90deg,#b8893a,#f0cf87);box-shadow:0 0 10px rgba(212,168,87,.4)}
.ly-dong{position:relative;width:16px;height:16px;flex-shrink:0;align-self:center}
.ly-dong.yang::before{content:"";position:absolute;inset:2px;border:1.5px solid var(--gold-2);border-radius:50%}
.ly-dong.yin::before,.ly-dong.yin::after{content:"";position:absolute;left:50%;top:50%;width:2px;height:14px;border-radius:1px;background:var(--red-3)}
.ly-dong.yin::before{transform:translate(-50%,-50%) rotate(45deg)}
.ly-dong.yin::after{transform:translate(-50%,-50%) rotate(-45deg)}

/* 摇卦爻位（表单） */
.ly-gua{display:flex;flex-direction:column;align-items:center;gap:8px;margin:0 auto 16px;min-height:150px}
.ly-slot{display:flex;align-items:center;gap:10px;height:18px}
.ly-status{font-size:13px;color:var(--ink-3);letter-spacing:2px;margin-bottom:10px}

/* 结果页爻表 */
.ly-gong{font-size:13px;color:var(--ink-3);text-align:center;letter-spacing:2px;margin:0 0 12px}
.ly-sizhu{font-size:15px;color:var(--ink-2);text-align:center;letter-spacing:2px;margin:0;line-height:1.9}
.ly-yao-table{display:flex;flex-direction:column;gap:10px;margin:6px 0 16px;padding:16px 14px;
  background:rgba(212,168,87,.04);border:1px solid rgba(212,168,87,.12);border-radius:var(--r)}
.ly-yao-row{display:grid;grid-template-columns:1fr 30px 172px 1fr;align-items:center;gap:10px;min-height:18px}
.ly-liushen{font-size:13px;color:var(--ink-3);text-align:right;letter-spacing:1px}
.ly-shiying{display:flex;justify-content:center;align-items:center}
.ly-shiying i{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;
  font-style:normal;font-size:12px;color:#5b3a12;background:linear-gradient(135deg,#f0cf87,#c8912a);font-weight:700}
.ly-yao-line{display:flex;align-items:center;gap:4px}
.ly-yao-line .ly-line.yang{width:146px}
.ly-yao-line .ly-line.yin{width:146px}
.ly-yao-line .ly-line.yin i{width:60px}
.ly-liuqin{font-size:14px;color:var(--ink-2);text-align:left;letter-spacing:1px;white-space:nowrap}
.ly-fushen-row{display:grid;grid-template-columns:1fr 30px 172px 1fr;gap:10px;margin-top:-6px}
.ly-fushen{font-size:12px;color:var(--ink-4);text-align:left;padding-left:2px}
.ly-block{margin-top:16px;padding-top:14px;border-top:1px solid rgba(212,168,87,.15)}
.ly-block b{display:block;font-family:var(--font-zhuan);font-size:14px;color:var(--gold-2);letter-spacing:3px;margin-bottom:6px}
.ly-block p{font-size:14px;color:var(--ink-2);line-height:2;margin:0}
.ly-block p+p{margin-top:6px}

/* 流年/流月解读 */
.ly-ind-block{margin-top:14px;padding-top:14px;border-top:1px solid rgba(212,168,87,.15)}
.ly-ind-p{font-size:14px;color:var(--ink-2);line-height:1.9;margin:0 0 10px}
.ly-ind-p:last-child{margin-bottom:0}
.ly-ind-p b{color:var(--gold-2);font-weight:700;margin-right:6px}
.ly-months{display:flex;flex-direction:column;gap:8px}
.ly-month{border:1px solid rgba(212,168,87,.14);border-radius:10px;background:rgba(212,168,87,.03);padding:12px 16px}
.ly-month summary{cursor:pointer;font-size:15px;color:var(--ink);font-weight:700;letter-spacing:1px}
.ly-month .ly-ind-p{margin-top:12px}

.li{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid rgba(212,168,87,.12);font-size:14px}
.li .k{color:var(--ink-4)}
.li .v{color:var(--ink);font-weight:500}
.score-line{display:inline-flex;align-items:center;margin-left:10px;padding:3px 14px;border-radius:99px;
  background:linear-gradient(90deg,var(--gold-3),var(--gold));color:#1a1208;font-size:12px;
  font-family:var(--font-zhuan);letter-spacing:2px;font-weight:600}

/* 时辰 */
.hour-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.hour{background:rgba(24,21,46,.34);border:1px solid var(--glass-border);border-radius:var(--r);
  padding:14px 12px;font-size:13px;line-height:1.8;text-align:center;transition:all .3s}
.hour:hover{border-color:var(--gold);background:rgba(212,168,87,.06);transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.4)}
.hour .h-t{font-family:var(--font-zhuan);color:var(--gold-2);font-weight:700;font-size:15px;letter-spacing:2px}
.hour .h-g{color:var(--gold);font-size:12px;margin-top:3px}
.hour .h-x{color:var(--ink-2);font-size:12px;margin-top:4px}
.hour .h-j{font-size:11px;margin-top:6px;padding-top:6px;border-top:1px solid rgba(212,168,87,.12);color:var(--ink-4)}

/* 抽签 */
.qian{text-align:center;padding:44px 32px}
.qian .jx{display:inline-block;padding:6px 24px;border-radius:99px;
  background:linear-gradient(135deg,var(--red),var(--red-2));color:#fff;
  font-size:13px;margin-bottom:20px;letter-spacing:6px;box-shadow:var(--sh-red)}
.qian h2{font-family:var(--font-zhuan);font-size:32px;font-weight:900;letter-spacing:10px;margin-bottom:14px;
  background:linear-gradient(180deg,#fff4d6,var(--gold));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.qian .qy{color:var(--ink-2);font-size:16px;margin-bottom:24px;letter-spacing:3px}
.qian .poem{font-family:var(--font-zhuan);font-size:18px;line-height:2.4;color:var(--gold-2);
  letter-spacing:4px;margin:24px 0;padding:24px;background:rgba(212,168,87,.05);border-radius:var(--r);
  border:1px solid var(--gold-line);position:relative}

/* 来源标记 */
.source-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 14px;border-radius:99px;
  font-size:12px;letter-spacing:2px;border:1px solid transparent}
.source-tag.api{color:var(--gold-2);background:rgba(212,168,87,.1);border-color:rgba(212,168,87,.25)}
.source-tag.cache{color:var(--jade);background:rgba(123,168,154,.1);border-color:rgba(123,168,154,.25)}
.source-tag.ai{color:var(--red-3);background:rgba(200,68,58,.1);border-color:rgba(200,68,58,.25)}

/* === AI 解析结果（解梦/起名） === */
.ai-answer{word-break:break-word}
.ai-sec{font-family:var(--font-zhuan);font-size:16px;color:var(--gold-2);font-weight:700;letter-spacing:2px;
  margin:18px 0 10px;padding-left:12px;border-left:3px solid var(--gold);line-height:1.6}
.ai-sec:first-child{margin-top:0}
.ai-p{font-size:14.5px;color:var(--ink-2);line-height:2;margin:6px 0}
.ai-p strong{color:var(--gold-2)}
.ai-gap{height:8px}
.ai-list{margin:6px 0 6px 4px;padding-left:20px}
.ai-list li{font-size:14.5px;color:var(--ink-2);line-height:2;margin:4px 0}
.ai-list strong{color:var(--gold-2)}

@media(max-width:680px){
  .pillars{gap:10px}
  .pillar{padding:16px 8px}
  .pillar .p-gan{font-size:24px}
  .zw-grid{grid-template-columns:repeat(2,1fr)}
  .hour-grid{grid-template-columns:repeat(2,1fr)}
  .pair{grid-template-columns:1fr}
  .r-card{padding:24px 20px}
  .r-row .k{flex:0 0 84px}
  .res-head h1{font-size:26px;letter-spacing:6px}
  .score-big .ring{width:130px;height:130px}
  .score-big .n{font-size:56px}
}

/* ============================================================
 * 紫微斗数专业排盘
 * 4×4 网格，12 宫顺时针排列，中宫 2×2 信息
 * ============================================================ */
.zw-chart-card{padding:28px 28px 24px}
.zw-chart-card h3{margin-bottom:16px}

/* 基本信息条 */
.zw-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px 20px;
  padding:14px 18px;margin-bottom:20px;
  background:rgba(212,168,87,.05);border:1px solid rgba(212,168,87,.15);border-radius:var(--r)}
.zw-meta-item{display:flex;gap:10px;font-size:13px;align-items:baseline}
.zw-meta-item .k{color:var(--ink-4);letter-spacing:2px;flex-shrink:0}
.zw-meta-item .v{color:var(--ink-2)}
.zw-meta-item .v.hi{color:var(--gold-2);font-weight:600}

/* 命盘主体 */
.zw-board{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);
  gap:0;aspect-ratio:1/1;max-width:900px;margin:0 auto;
  border:1.5px solid var(--gold);border-radius:4px;overflow:hidden;
  background:rgba(20,17,38,.52);box-shadow:0 0 40px rgba(212,168,87,.1),inset 0 0 60px rgba(0,0,0,.4)}

/* 宫格 */
.zwc{position:relative;padding:8px 8px 6px;border-right:1px solid rgba(212,168,87,.25);
  border-bottom:1px solid rgba(212,168,87,.25);
  display:flex;flex-direction:column;overflow:hidden;min-width:0;
  transition:background .25s,box-shadow .25s}
.zwc:nth-child(4n){border-right:0}
.zwc:nth-child(n+9):nth-child(-n+12){border-bottom:0}
.zwc:hover{background:rgba(212,168,87,.06);box-shadow:inset 0 0 20px rgba(212,168,87,.08)}
.zwc.empty{background:transparent}

/* 命宫/身宫高亮 */
.zwc.is-ming{background:linear-gradient(160deg,rgba(200,68,58,.12),rgba(200,68,58,.03));
  box-shadow:inset 0 0 24px rgba(200,68,58,.12)}
.zwc.is-ming::after{content:"";position:absolute;inset:0;border:1.5px solid var(--red-3);
  pointer-events:none;box-shadow:inset 0 0 12px rgba(200,68,58,.15)}
.zwc.is-shen::before{content:"";position:absolute;inset:0;border:1px solid var(--gold-2);
  opacity:.5;pointer-events:none}

/* 命/身标签 */
.zwc-tag{position:absolute;top:4px;right:4px;font-size:10px;padding:1px 6px;border-radius:3px;
  font-family:var(--font-zhuan);letter-spacing:1px;line-height:1.5;z-index:2}
.zwc-tag.ming{background:var(--red);color:#fff}
.zwc-tag.shen{background:transparent;color:var(--gold-2);border:1px solid var(--gold);right:28px}

/* 宫格头部：天干地支 */
.zwc-head{display:flex;align-items:baseline;gap:4px;margin-bottom:2px}
.zwc-gan{font-size:11px;color:var(--ink-4);letter-spacing:1px}
.zwc-zhi{font-family:var(--font-zhuan);font-size:15px;font-weight:700;color:var(--gold-2);letter-spacing:1px}

/* 宫名 */
.zwc-gong{font-family:var(--font-zhuan);font-size:13px;color:var(--ink);letter-spacing:3px;
  margin-bottom:4px;padding-bottom:4px;border-bottom:1px solid rgba(212,168,87,.12)}

/* 星曜列表 */
.zwc-stars{flex:1;display:flex;flex-direction:column;gap:1px;overflow:hidden}
.zwc-star{display:flex;align-items:center;gap:3px;font-size:11.5px;line-height:1.5;flex-wrap:wrap;white-space:normal}
.zwc-sname{font-family:var(--font-zhuan);letter-spacing:1px}
.zwc-star.main .zwc-sname{color:var(--gold-2);font-weight:700;font-size:12.5px}
.zwc-star.aux .zwc-sname{color:var(--ink)}
.zwc-star.other .zwc-sname{color:var(--ink-3);font-size:11px}

/* 亮度 */
.zwc-bright{font-size:10px;padding:0 3px;border-radius:2px;letter-spacing:1px;flex-shrink:0}
.zwc-bright.hi{color:#5fa88a;background:rgba(95,168,138,.12)}
.zwc-bright.lo{color:var(--red-3);background:rgba(200,68,58,.12)}

/* 四化 */
.zwc-sihua{font-size:9px;width:15px;height:15px;display:inline-flex;align-items:center;justify-content:center;
  border-radius:50%;font-family:var(--font-zhuan);font-weight:700;flex-shrink:0;line-height:1}
.zwc-sihua.lu{color:#1a1208;background:linear-gradient(135deg,#5fa88a,#3d8a6c)}
.zwc-sihua.quan{color:#1a1208;background:linear-gradient(135deg,var(--gold-2),var(--gold))}
.zwc-sihua.ke{color:var(--gold-2);background:transparent;border:1px solid var(--gold)}
.zwc-sihua.ji{color:#fff;background:linear-gradient(135deg,var(--red-3),var(--red-2))}

/* 宫格底部：大限/长生/将星/博士 */
.zwc-foot{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1px 4px;
  margin-top:3px;padding-top:3px;border-top:1px solid rgba(212,168,87,.1);
  font-size:11px;color:var(--ink-4);line-height:1.5}
.zwc-daxian{letter-spacing:.5px}
.zwc-changsheng{color:var(--gold-3)}
.zwc-jiangxing{color:var(--jade)}
.zwc-boshi{color:var(--gold-3)}

/* 中宫 */
.zw-center{grid-column:2/4;grid-row:2/4;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:16px 12px;text-align:center;position:relative;
  background:radial-gradient(ellipse at center,rgba(212,168,87,.08),rgba(18,15,34,.48));
  border-right:1px solid rgba(212,168,87,.25);border-bottom:1px solid rgba(212,168,87,.25)}
.zw-center::before{content:"";position:absolute;inset:8px;border:1px solid rgba(212,168,87,.2);border-radius:4px;pointer-events:none}
.zw-center::after{content:"";position:absolute;inset:12px;border:1px solid rgba(212,168,87,.12);border-radius:2px;pointer-events:none}
.zwc-seal{margin-bottom:8px;background:none;color:var(--gold-2);
  font-family:var(--font-zhuan);font-size:19px;font-weight:900;letter-spacing:3px;
  white-space:nowrap;position:relative;z-index:1}
.zwc-info{width:100%;max-width:160px;display:flex;flex-direction:column;gap:3px;margin-bottom:10px;position:relative;z-index:1}
.zwc-info-row{display:flex;justify-content:space-between;font-size:11px;gap:8px}
.zwc-info-row .k{color:var(--ink-4);letter-spacing:2px}
.zwc-info-row .v{color:var(--gold-2);font-family:var(--font-zhuan)}
.zwc-sizhu{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;width:100%;max-width:200px;position:relative;z-index:1}
.zwc-sz{display:flex;flex-direction:column;align-items:center;padding:4px 2px;
  background:rgba(212,168,87,.06);border:1px solid rgba(212,168,87,.12);border-radius:4px}
.zwc-sz .k{font-size:10px;color:var(--ink-4);letter-spacing:1px}
.zwc-sz .v{font-size:11px;color:var(--ink);font-family:var(--font-zhuan);font-weight:600;margin-top:1px}

/* 图例 */
.zw-legend{display:flex;flex-wrap:wrap;align-items:center;gap:16px;justify-content:center;
  margin-top:18px;padding-top:16px;border-top:1px solid rgba(212,168,87,.1)}
.zw-legend-item{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--ink-3)}
.zw-legend-sep{width:1px;height:14px;background:rgba(212,168,87,.2)}

/* 宫位解读文字（统一样式） */
.zw-desc-stars{font-size:14px;color:var(--gold-2);margin:0 0 10px;letter-spacing:.5px}
.zw-desc-p{font-size:14px;color:var(--ink-2);line-height:2;margin:0}
.zw-desc-p + .zw-desc-p{margin-top:6px}
.zw-desc-p b{color:var(--gold-2);font-weight:600}

/* 响应式 */
@media(max-width:680px){
  .zw-chart-card{padding:18px 14px 16px;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .zw-board{min-width:560px;aspect-ratio:1/1;margin:0 auto}
  .zwc{padding:6px 5px 5px}
  .zwc-head{gap:3px}
  .zwc-gan{font-size:10px}
  .zwc-zhi{font-size:13px}
  .zwc-gong{font-size:12px;letter-spacing:1px;margin-bottom:3px;padding-bottom:3px}
  .zwc-star{font-size:11px;flex-wrap:wrap;white-space:normal;line-height:1.4}
  .zwc-sname{white-space:normal}
  .zwc-star.main .zwc-sname{font-size:12px}
  .zwc-star.other .zwc-sname{font-size:10px}
  .zwc-bright{font-size:9px;padding:0 3px}
  .zwc-sihua{width:13px;height:13px;font-size:9px}
  .zwc-foot{font-size:9.5px;margin-top:3px;padding-top:3px;gap:0 3px}
  .zwc-tag{font-size:10px;padding:0 4px}
  .zwc-tag.shen{right:24px}
  .zw-center{padding:10px 6px}
  .zwc-seal{font-size:16px;letter-spacing:2px;margin-bottom:5px}
  .zwc-info{max-width:140px;gap:2px;margin-bottom:5px}
  .zwc-info-row{font-size:9.5px;gap:5px}
  .zwc-sizhu{max-width:160px;gap:3px}
  .zwc-sz{padding:3px 2px}
  .zwc-sz .k{font-size:9px}
  .zwc-sz .v{font-size:10px}
  .zw-meta{grid-template-columns:1fr 1fr;padding:10px 12px;gap:6px 12px}
  .zw-meta-item{font-size:11.5px}
  .zw-legend{gap:10px;margin-top:14px;padding-top:12px}
  .zw-legend-item{font-size:11px}
  .ly-yao-row,.ly-fushen-row{grid-template-columns:1fr 24px 118px 1fr;gap:6px}
  .ly-yao-line .ly-line.yang,.ly-yao-line .ly-line.yin{width:96px}
  .ly-yao-line .ly-line.yin i{width:38px}
  .ly-liushen{font-size:11px;letter-spacing:0}
  .ly-liuqin{font-size:12px;white-space:normal}
  .ly-shiying i{width:18px;height:18px;font-size:11px}
  .ly-dong{width:13px;height:13px}
  .ly-dong.yin::before,.ly-dong.yin::after{height:11px;width:1.5px}
  .ly-sizhu{font-size:13px}
  .ly-coin{width:62px;height:62px;font-size:22px}
  .ly-coins{gap:14px}
}