/* =========================================================
   Upon Star — 西方·博物馆暗夜 工具页补充样式
   目的：将塔罗 / 雷诺曼 内联 <style> 中的硬色调谐为
   「博物馆级暗夜」——深夜蓝黑底 + 展柜式深玻璃 + 稀缺金细线，
   呼应门厅星尘粒子与品牌金；克制、秩序、古典、神秘。
   本文件须在各工具页 inline <style> 之后引入。
   仅作用于 body.theme-west，不影响其他主题。
   ========================================================= */

/* 全页氛围由 base.css theme-west 段的夜幕渐变承担 */
body.theme-west{
  --text:#e8e4dc;
  --text-dim:#9a938a;
}

/* 牌堆容器：展柜深玻璃（覆盖 rgba(8,8,14,.5)） */
body.theme-west .deck-grid{
  background:rgba(18,17,24,.55);
  border:1px solid rgba(200,164,92,.16);
  backdrop-filter:blur(12px) saturate(1.05);
  -webkit-backdrop-filter:blur(12px) saturate(1.05);
}

/* 占位卡：暗夜雾面（覆盖 rgba(8,8,14,.6)） */
body.theme-west .ph-card{
  background:linear-gradient(160deg, rgba(60,72,110,.16), rgba(30,30,40,.22));
}
body.theme-west .ph-card .ph-name{color:var(--gold-light);}
body.theme-west .ph-card .ph-tag{color:var(--text-dim);}

/* 翻开卡牌 / 卡面：深玻璃 + 沉静阴影 */
body.theme-west .read-card{
  backdrop-filter:blur(10px) saturate(1.05);
  -webkit-backdrop-filter:blur(10px) saturate(1.05);
  box-shadow:0 10px 30px rgba(0,0,0,.45);
}
body.theme-west .deck-card .face{
  backdrop-filter:blur(10px) saturate(1.05);
  -webkit-backdrop-filter:blur(10px) saturate(1.05);
}

/* 输入框 / 牌阵切换 / 逆位开关：深玻璃 */
body.theme-west .question-wrap input,
body.theme-west .spread-tabs,
body.theme-west .reverse-toggle{
  backdrop-filter:blur(10px) saturate(1.05);
  -webkit-backdrop-filter:blur(10px) saturate(1.05);
}
body.theme-west .question-wrap input:focus{
  border-color:var(--gold);
  box-shadow:0 0 0 3px rgba(200,164,92,.16);
}

/* 深度解读区：暗金展柜（覆盖 rgba(200,164,92,.06)） */
body.theme-west .premium-zone{
  background:rgba(20,19,22,.58);
  border:1px solid rgba(200,164,92,.22);
  backdrop-filter:blur(12px) saturate(1.05);
  -webkit-backdrop-filter:blur(12px) saturate(1.05);
  box-shadow:0 8px 30px rgba(0,0,0,.4);
}
body.theme-west .premium-cta .pc-qr{border:2px solid var(--gold);box-shadow:0 4px 20px rgba(0,0,0,.45);}

/* 选牌高亮：金细线 + 微光 */
body.theme-west .deck-card.flipped{
  box-shadow:0 0 0 2px var(--gold),0 8px 24px rgba(200,164,92,.18);
}
body.theme-west .read-card{border:1px solid rgba(200,164,92,.5);}

/* slot 释义区文字（已用变量，这里仅补一点呼吸感） */
body.theme-west .slot-caption{color:var(--text);}
body.theme-west .slot-name{color:var(--gold-light);}
body.theme-west .slot-meaning{color:var(--text-dim);}

/* 选牌后右侧：双来源解释（公开 / GitHub） */
body.theme-west .slot-meaning{display:flex;flex-direction:column;gap:12px;}
body.theme-west .exp-block{display:block;}
body.theme-west .exp-label{
  font-family:var(--font-decor);
  font-size:.62rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--gold-light);
  opacity:.82;
  margin-bottom:5px;
  padding-left:9px;
  border-left:2px solid var(--gold-light);
  line-height:1.25;
}
body.theme-west .exp-github .exp-label{
  color:#7a93bd;
  border-left-color:#7a93bd;
}
body.theme-west .exp-body{font-size:.8rem;line-height:1.62;}
body.theme-west .exp-github-body{margin-top:0;}
body.theme-west .exp-github-body .se-line{font-size:.74rem;line-height:1.5;color:var(--text-dim);}
body.theme-west .exp-github-body .se-en{font-style:italic;margin-bottom:3px;}
body.theme-west .exp-github-body .se-k{display:inline-block;min-width:2.6em;color:var(--gold-light);font-family:var(--font-decor);letter-spacing:.08em;margin-right:6px;font-size:.68rem;}
body.theme-west .exp-github-body .se-v{opacity:.88;}
body.theme-west .exp-github-body .se-kw{margin-top:4px;opacity:.72;font-family:var(--font-decor);letter-spacing:.04em;}

/* =========================================================
   西方桌布舞台（占星猫式洗牌 / 切牌）— 博物馆暗夜皮肤
   ========================================================= */
body.theme-west .tc-mount{
  display:flex;justify-content:center;align-items:center;
  margin:var(--space-xl) auto;padding:0 var(--space-md);
}
body.theme-west .tc-stage{
  position:relative;width:min(640px,94vw);aspect-ratio:1/1;margin:0 auto;
}
body.theme-west .tc-svg{
  position:absolute;inset:0;width:100%;height:100%;display:block;
  filter:drop-shadow(0 6px 24px rgba(0,0,0,.5));
}
body.theme-west .tc-fly{position:absolute;inset:0;pointer-events:none;overflow:visible;z-index:5;}
body.theme-west .tc-card{
  position:absolute;left:50%;top:50%;width:62px;height:92px;margin:0;
  border-radius:8px;border:1px solid rgba(224,192,120,.45);
  background:linear-gradient(160deg,#1c1b22,#131218);
  box-shadow:0 6px 16px rgba(0,0,0,.5);
  transform:translate(-50%,-50%);will-change:transform,opacity;
}
body.theme-west .tc-card-inner{
  position:absolute;inset:5px;border-radius:5px;border:1px solid rgba(200,164,92,.25);
  background:radial-gradient(circle at 50% 38%,rgba(110,140,200,.14),transparent 70%);
}
body.theme-west .tc-deck{
  position:absolute;left:50%;bottom:5%;transform:translateX(-50%);
  width:112px;height:154px;padding:0;cursor:pointer;z-index:6;
  border-radius:12px;border:1px solid rgba(224,192,120,.55);
  background:linear-gradient(160deg,#1e1d25,#141319);
  box-shadow:0 10px 26px rgba(0,0,0,.55);
  transition:box-shadow .25s,transform .25s;
}
body.theme-west .tc-deck:hover{box-shadow:0 14px 32px rgba(200,164,92,.28);}
body.theme-west .tc-deck:active{transform:translateX(-50%) scale(.97);}
body.theme-west .tc-deck-face{
  position:absolute;inset:7px;border-radius:7px;border:1px solid rgba(200,164,92,.28);
  background:radial-gradient(circle at 50% 40%,rgba(110,140,200,.16),transparent 72%);
}
body.theme-west .tc-deck-face:nth-child(2){transform:translateY(5px) scale(.95);opacity:.72;}
body.theme-west .tc-deck-face:nth-child(3){transform:translateY(10px) scale(.90);opacity:.50;}
body.theme-west .tc-label{
  position:absolute;left:0;right:0;top:7%;text-align:center;cursor:pointer;z-index:7;
  font-family:var(--font-display);color:var(--gold);font-size:1.2rem;letter-spacing:.06em;
}
body.theme-west .tc-hint{
  position:absolute;left:0;right:0;bottom:-2.4em;text-align:center;
  font-family:var(--font-serif);font-style:italic;color:var(--text-dim);font-size:.78rem;
}

/* 牌种切换：置于六芒星中央的分段控制（明确可见） */
body.theme-west .tc-switch{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  z-index:8;display:flex;gap:0;padding:4px;
  background:rgba(16,15,20,.72);
  backdrop-filter:blur(10px) saturate(1.05);-webkit-backdrop-filter:blur(10px) saturate(1.05);
  border:1px solid rgba(200,164,92,.4);border-radius:999px;
  box-shadow:0 8px 26px rgba(0,0,0,.5);
}
body.theme-west .tc-seg{
  border:0;background:transparent;cursor:pointer;
  font-family:var(--font-display);font-size:.92rem;letter-spacing:.04em;
  color:var(--text-dim);padding:8px 18px;border-radius:999px;
  transition:.25s;white-space:nowrap;
}
body.theme-west .tc-seg.is-active{
  background:var(--gold);color:var(--on-accent);
  box-shadow:0 4px 14px rgba(200,164,92,.28);
}
body.theme-west .tc-seg:not(.is-active):hover{color:var(--gold-light);}

/* 凯尔特十字布局（塔罗 10 张；从雷诺曼页切到塔罗时亦需，故放于共用样式）
   卡牌尺寸统一：十字区与立柱区共用 --celtic-cw 同一卡宽 */
body.theme-west .celtic-cross-wrap{--celtic-cw:104px;display:flex;gap:var(--space-lg);justify-content:center;flex-wrap:wrap;max-width:1040px;margin:var(--space-md) auto 0;padding:var(--space-md) 0;}
body.theme-west .celtic-cross{position:relative;width:calc(var(--celtic-cw)*5);height:calc(var(--celtic-cw)*6.2);display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(6,1fr);gap:4px;}
body.theme-west .celtic-cross .slot{position:absolute;width:var(--celtic-cw);max-width:var(--celtic-cw);display:flex;flex-direction:column;align-items:center;gap:4px;}
body.theme-west .celtic-cross .slot .read-card{border-radius:8px;}
body.theme-west .celtic-cross .slot .slot-caption{min-height:auto;}
body.theme-west .celtic-cross .slot .slot-label{font-size:.58rem;letter-spacing:.08em;}
body.theme-west .celtic-cross .slot .slot-name{font-size:.72rem;}
body.theme-west .celtic-cross .slot .slot-rev{font-size:.56rem;}
body.theme-west .celtic-cross .slot:nth-child(1){grid-column:2;grid-row:3;transform:rotate(0deg);z-index:3;}
body.theme-west .celtic-cross .slot:nth-child(2){grid-column:2;grid-row:3;transform:rotate(90deg) translateY(calc(var(--celtic-cw)/2)) translateX(0);z-index:2;}
body.theme-west .celtic-cross .slot:nth-child(3){grid-column:1;grid-row:3;z-index:1;}
body.theme-west .celtic-cross .slot:nth-child(4){grid-column:3;grid-row:3;z-index:1;}
body.theme-west .celtic-cross .slot:nth-child(5){grid-column:2;grid-row:1;z-index:1;}
body.theme-west .celtic-cross .slot:nth-child(6){grid-column:2;grid-row:5;z-index:1;}
body.theme-west .celtic-staff{display:flex;flex-direction:column;gap:var(--space-sm);justify-content:center;}
body.theme-west .celtic-staff .slot{width:var(--celtic-cw);max-width:var(--celtic-cw);}
body.theme-west .celtic-staff .slot .slot-label{writing-mode:horizontal-tc;}
@media (max-width:620px){
  body.theme-west .celtic-cross-wrap{--celtic-cw:58px;}
}

/* =========================================================
   牌种切换（塔罗 ⇄ 雷诺曼 可见入口）
   页面于 .controls 内提供 #deckSwitch 容器，由 divination-tool.js 自动填充
   ========================================================= */
body.theme-west .deck-switch{
  display:inline-flex;gap:6px;padding:5px;
  border:1px solid rgba(200,164,92,.4);border-radius:999px;
  background:rgba(16,15,20,.72);
  backdrop-filter:blur(10px) saturate(1.05);
  -webkit-backdrop-filter:blur(10px) saturate(1.05);
}
body.theme-west .deck-switch button{
  border:0;background:transparent;color:var(--text-dim);
  font-family:var(--font-sans);font-size:.92rem;letter-spacing:.04em;
  padding:8px 22px;border-radius:999px;transition:.25s;cursor:pointer;white-space:nowrap;
}
body.theme-west .deck-switch button.active{
  background:var(--gold);color:var(--on-accent);
  box-shadow:0 4px 14px rgba(200,164,92,.28);
}
body.theme-west .deck-switch button:not(.active):hover{color:var(--gold-light);}

/* =========================================================
   结果页快捷导航（div-nav）+ 分享 toast
   ========================================================= */
body.theme-west .div-nav{
  display:flex;gap:10px;justify-content:center;flex-wrap:wrap;
  margin-top:var(--space-md);
}
body.theme-west .div-nav-btn{
  font-family:var(--font-sans);font-size:.9rem;letter-spacing:.04em;
  padding:10px 24px;border-radius:999px;
  border:1px solid var(--gold);background:transparent;color:var(--gold-light);
  cursor:pointer;transition:.25s;
}
body.theme-west .div-nav-btn:hover{
  background:rgba(200,164,92,.12);
  box-shadow:0 0 20px rgba(200,164,92,.16);
}
body.theme-west .share-toast{
  position:fixed;left:50%;bottom:32px;
  transform:translateX(-50%) translateY(20px);
  background:rgba(20,16,28,.95);border:1px solid var(--gold);
  color:var(--gold-light);padding:10px 22px;border-radius:999px;
  font-family:var(--font-sans);font-size:.9rem;
  opacity:0;pointer-events:none;transition:.3s;z-index:999;
}
body.theme-west .share-toast.show{
  opacity:1;transform:translateX(-50%) translateY(0);
}

/* =========================================================
   提问领域下拉 + 问题导向解读
   ========================================================= */
body.theme-west .question-wrap{
  display:flex;flex-direction:column;gap:8px;max-width:520px;margin:var(--space-md) auto 0;
}
body.theme-west .question-select{
  width:100%;appearance:none;-webkit-appearance:none;
  background:var(--surface);border:1px solid var(--line);border-radius:999px;
  color:var(--text);font-family:var(--font-sans);font-size:.95rem;
  padding:12px 44px 12px 22px;letter-spacing:.02em;transition:.25s;cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,var(--gold-light) 50%),linear-gradient(135deg,var(--gold-light) 50%,transparent 50%);
  background-position:calc(100% - 22px) 50%,calc(100% - 16px) 50%;
  background-size:6px 6px,6px 6px;background-repeat:no-repeat;
}
body.theme-west .question-select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(200,164,92,.18);}
body.theme-west .question-select option{background:#16151a;color:#d8d2c8;}
body.theme-west .question-select option:checked{background:#2a2418;color:#e0c078;}

/* 结果区：你的提问领域提示条 */
body.theme-west .reading-question{
  max-width:680px;margin:0 auto var(--space-sm);
  text-align:center;font-family:var(--font-serif);
  font-size:.92rem;color:var(--gold-light);letter-spacing:.02em;
  padding:9px 18px;border:1px solid rgba(200,164,92,.4);border-radius:999px;
  background:rgba(200,164,92,.08);
}

/* 问题导向解读区块（月色蓝，暗夜中的清冷点缀） */
body.theme-west .exp-block.exp-question .exp-label{
  color:#9db4d8;border-left-color:#9db4d8;
}
body.theme-west .exp-question .q-quote{
  font-family:var(--font-serif);font-size:.78rem;line-height:1.6;
  color:var(--gold-light);margin-bottom:6px;
}
body.theme-west .exp-question .q-lead{
  font-family:var(--font-decor);font-size:.74rem;letter-spacing:.06em;
  color:#9db4d8;margin-bottom:4px;
}
body.theme-west .exp-question .q-guide{
  font-family:var(--font-serif);font-size:.76rem;line-height:1.7;color:var(--text-dim);
  margin-top:6px;padding-top:6px;border-top:1px dashed rgba(157,180,216,.3);
}
body.theme-west .exp-question .q-body{
  font-family:var(--font-serif);font-size:.8rem;line-height:1.66;color:var(--text-dim);
}

/* 总体总结区块（金色调，作为整段结果的收束，视觉上高于逐牌解读） */
body.theme-west .exp-summary{
  margin-top:var(--space-md);
  background:rgba(200,164,92,.07);
  border:1px solid rgba(200,164,92,.35);
  border-radius:10px;
  padding:14px 18px;
  opacity:0;transform:translateY(10px);
  transition:opacity .7s ease,transform .7s ease;
}
body.theme-west .exp-summary.show{opacity:1;transform:none;}
body.theme-west .exp-summary .exp-label{
  color:var(--gold-light);border-left-color:var(--gold-light);
  font-size:.72rem;letter-spacing:.14em;
}
body.theme-west .exp-summary .q-quote{
  font-family:var(--font-serif);font-size:.78rem;line-height:1.6;
  color:var(--gold-light);margin-bottom:8px;
}
body.theme-west .exp-summary .q-overview{
  font-family:var(--font-serif);font-size:.8rem;line-height:1.7;color:var(--text-dim);
  margin-bottom:6px;
}
body.theme-west .exp-summary .q-arcs{
  font-family:var(--font-serif);font-size:.8rem;line-height:1.7;color:var(--text-dim);
  margin-bottom:8px;padding-bottom:8px;border-bottom:1px dashed rgba(200,164,92,.35);
}
body.theme-west .exp-summary .q-verdict{
  font-family:var(--font-serif);font-size:.82rem;line-height:1.72;color:var(--text);
  margin-bottom:8px;
}
body.theme-west .exp-summary .q-action{
  font-family:var(--font-serif);font-size:.8rem;line-height:1.7;color:var(--gold-light);
  margin-bottom:8px;
}
body.theme-west .exp-summary .q-action b{
  font-family:var(--font-decor);font-size:.68rem;letter-spacing:.12em;
  margin-right:8px;color:var(--gold-dim);
}
body.theme-west .exp-summary .q-note{
  font-family:var(--font-serif);font-size:.68rem;line-height:1.6;font-style:italic;
  color:var(--text-dim);opacity:.8;
}
@media (prefers-reduced-motion: reduce){
  body.theme-west .exp-summary{opacity:1;transform:none;transition:none;}
}

/* =========================================================
   洗牌方式选择器（扇形手选 / 桌布速抽）
   ========================================================= */
body.theme-west .shuffle-mode{
  display:flex;width:max-content;margin:0 auto var(--space-sm);
  border:1px solid rgba(200,164,92,.4);border-radius:999px;overflow:hidden;
  background:rgba(16,15,20,.72);
  backdrop-filter:blur(10px) saturate(1.05);-webkit-backdrop-filter:blur(10px) saturate(1.05);
  box-shadow:0 8px 26px rgba(0,0,0,.5);
}
body.theme-west .shuffle-mode button{
  appearance:none;border:0;background:transparent;cursor:pointer;
  color:var(--text-dim);font-family:var(--font-display);
  letter-spacing:.04em;font-size:.92rem;padding:8px 18px;transition:.25s;
}
body.theme-west .shuffle-mode button.active{
  background:var(--gold);color:var(--on-accent);
  box-shadow:0 4px 14px rgba(200,164,92,.28);
  text-shadow:none;
}
body.theme-west .shuffle-mode button:focus-visible{outline:2px solid var(--gold);outline-offset:-3px;}

/* =========================================================
   扇形手选舞台：能量注入 → 大扇展开 → 逐张亲手抽
   ========================================================= */
body.theme-west .fan-stage{
  position:relative;width:min(960px,94vw);aspect-ratio:16/10;
  margin:var(--space-sm) auto 0;user-select:none;-webkit-user-select:none;
}
/* 扇形牌张 */
body.theme-west .fan-stage .fan-card{
  position:absolute;width:15%;aspect-ratio:2/3;cursor:pointer;
  opacity:0;will-change:transform,opacity;
  transition:transform .6s cubic-bezier(.22,.9,.34,1),opacity .45s ease,left .6s cubic-bezier(.22,.9,.34,1),top .6s cubic-bezier(.22,.9,.34,1);
}
body.theme-west .fan-stage .fan-card.dealt{opacity:1;}
body.theme-west .fan-stage .fan-card img{
  width:100%;height:100%;object-fit:cover;display:block;
  border-radius:10px;border:1px solid rgba(200,164,92,.55);
  box-shadow:0 8px 22px rgba(0,0,0,.55);
  background:var(--surface-2);
}
body.theme-west .fan-stage .fan-card:hover img,
body.theme-west .fan-stage .fan-card:focus-visible img{
  border-color:var(--gold-light);box-shadow:0 10px 26px rgba(200,164,92,.25);
}
body.theme-west .fan-stage .fan-card:focus-visible{outline:none;}
body.theme-west .fan-stage .fan-card.picked{z-index:30;}
body.theme-west .fan-stage .fan-card.picked img{
  border-color:var(--gold);box-shadow:0 0 0 2px var(--gold),0 14px 34px rgba(200,164,92,.35);
}
body.theme-west .fan-stage .fan-card .pick-badge{
  position:absolute;top:-9px;right:-9px;min-width:24px;height:24px;
  display:grid;place-items:center;padding:0 5px;border-radius:999px;
  background:var(--gold);color:#0a0a10;font-family:var(--font-decor);
  font-size:.72rem;font-weight:600;box-shadow:0 3px 10px rgba(0,0,0,.5);
}
body.theme-west .fan-stage.full .fan-card:not(.picked){
  opacity:.4;pointer-events:none;filter:brightness(.75);
}
/* 能量注入覆盖层 */
body.theme-west .fan-charge{
  position:absolute;inset:0;display:grid;place-items:center;z-index:40;
  transition:opacity .45s ease;
}
body.theme-west .fan-charge.out{opacity:0;pointer-events:none;}
body.theme-west .fan-charge .fc-wrap{display:flex;flex-direction:column;align-items:center;gap:14px;}
body.theme-west .fan-charge .fc-card{
  position:relative;width:min(280px,46%);aspect-ratio:2/3;border-radius:16px;overflow:hidden;
  border:1px solid rgba(200,164,92,.6);box-shadow:0 18px 50px rgba(0,0,0,.6);
  animation:fcFloat 2.6s ease-in-out infinite;
}
body.theme-west .fan-charge .fc-card img{width:100%;height:100%;object-fit:cover;opacity:.92;}
body.theme-west .fan-charge .fc-orb{
  position:absolute;left:50%;top:50%;width:62%;aspect-ratio:1;border-radius:50%;
  transform:translate(-50%,-50%);mix-blend-mode:screen;filter:blur(1px);
  background:radial-gradient(circle,rgba(255,214,140,.95),rgba(224,164,74,.45) 42%,transparent 70%);
  animation:fcPulse 1.6s ease-in-out infinite;
}
body.theme-west .fan-charge .fc-ring{
  position:absolute;left:50%;top:50%;width:80%;aspect-ratio:1;border-radius:50%;
  transform:translate(-50%,-50%);
  border:1px solid rgba(255,214,140,.45);
  background:conic-gradient(from 0deg,transparent 0 82%,rgba(255,214,140,.75) 92%,transparent 100%);
  -webkit-mask:radial-gradient(circle,transparent 58%,#000 60%);
  mask:radial-gradient(circle,transparent 58%,#000 60%);
  animation:fcSpin 2.4s linear infinite;
}
body.theme-west .fan-charge .fc-text{
  font-family:var(--font-decor);letter-spacing:.22em;color:var(--gold-light);
  font-size:.82rem;text-transform:uppercase;
}
@keyframes fcFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}
@keyframes fcPulse{0%,100%{transform:translate(-50%,-50%) scale(.9);opacity:.75;}50%{transform:translate(-50%,-50%) scale(1.12);opacity:1;}}
@keyframes fcSpin{to{transform:translate(-50%,-50%) rotate(360deg);}}
@media (max-width:560px){
  body.theme-west .fan-stage{aspect-ratio:4/5;}
  body.theme-west .fan-stage .fan-card{width:19%;}
  body.theme-west .shuffle-mode button{padding:7px 13px;font-size:.8rem;}
}
@media (prefers-reduced-motion: reduce){
  body.theme-west .fan-charge .fc-orb,
  body.theme-west .fan-charge .fc-ring,
  body.theme-west .fan-charge .fc-card{animation:none;}
  body.theme-west .fan-stage .fan-card{transition:opacity .3s ease;}
}

/* =========================================================
   沉浸式结果布局：左卡牌 / 右牌义（占星猫桌布淡出后浮现）
   ========================================================= */
body.theme-west #reading .reading-split{
  display:flex;gap:var(--space-lg);align-items:flex-start;
  max-width:1180px;margin:var(--space-lg) auto 0;padding:0 var(--space-md);
  opacity:0;transform:translateY(18px);
  transition:opacity .6s ease,transform .6s ease;
}
body.theme-west #reading .reading-split.in{opacity:1;transform:none;}
body.theme-west .reading-cards{flex:0 0 47%;max-width:47%;min-width:300px;}
body.theme-west .reading-text{
  flex:1 1 auto;min-width:0;
  position:sticky;top:96px;align-self:flex-start;
  max-height:calc(100vh - 120px);overflow-y:auto;padding-right:8px;
}
body.theme-west .read-meaning{
  margin-bottom:var(--space-md);opacity:0;transform:translateY(14px);
  transition:opacity .5s,transform .5s;
}
body.theme-west .read-meaning.show{opacity:1;transform:none;}
body.theme-west .read-meaning .rm-head{
  display:flex;flex-direction:column;gap:2px;margin-bottom:8px;padding-bottom:7px;
  border-bottom:1px solid var(--line);
}
body.theme-west .read-meaning .rm-pos{
  font-family:var(--font-decor);font-size:.66rem;letter-spacing:.14em;
  color:var(--west);text-transform:uppercase;
}
body.theme-west .read-meaning .rm-name{
  font-family:var(--font-display);font-size:1.02rem;color:var(--gold-light);line-height:1.2;
}
body.theme-west .reading-text::-webkit-scrollbar{width:8px;}
body.theme-west .reading-text::-webkit-scrollbar-thumb{background:rgba(200,164,92,.35);border-radius:8px;}

@media (max-width:900px){
  body.theme-west #reading .reading-split{flex-direction:column;gap:var(--space-md);}
  body.theme-west .reading-cards{flex:1 1 auto;max-width:100%;width:100%;}
  body.theme-west .reading-text{position:static;max-height:none;overflow:visible;padding-right:0;}
}