/* ── 背景兩層：渾天儀星圖（右上，緩慢自轉）＋水墨遠山（底部，反白成月下山影） ── */
.sky-armillary,.sky-shanshui{position:fixed;pointer-events:none;z-index:-1}
.sky-armillary{top:-28vmin;right:-24vmin;width:96vmin;height:96vmin;
  background:url(../assets/armillary/armillary.svg) center/contain no-repeat;opacity:.55;
  animation:armillary-turn 360s linear infinite}
.sky-shanshui{left:0;right:0;bottom:0;height:42vh;
  background:url(../assets/shanshui/shanshui_bg_v1.webp) center bottom/cover no-repeat;
  filter:invert(1) sepia(.35) hue-rotate(-10deg);mix-blend-mode:screen;opacity:.22;
  -webkit-mask-image:linear-gradient(to top,#000 35%,transparent);mask-image:linear-gradient(to top,#000 35%,transparent)}
@keyframes armillary-turn{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.sky-armillary{animation:none}}
body{background-image:radial-gradient(ellipse at 80% 0%,rgba(200,164,90,.10),transparent 45%),
  radial-gradient(ellipse at 0% 100%,rgba(79,163,142,.07),transparent 40%)}

/* ── 標題：宋體＋朱砂印章 ── */
header h1{font-family:'Noto Serif TC',serif;font-size:26px;letter-spacing:3px;color:var(--vio-hi);display:inline-flex;align-items:center;gap:12px}
header h1 .seal{display:inline-grid;place-items:center;width:38px;height:38px;font-size:14px;line-height:1.05;letter-spacing:0;
  writing-mode:vertical-rl;color:#F4E4C4;background:var(--cinnabar);border-radius:5px;
  box-shadow:inset 0 0 0 2px rgba(244,228,196,.55),0 0 18px rgba(200,69,47,.35)}
.panel h2,.profile-head,.mcard .nm{font-family:'Noto Serif TC',serif;letter-spacing:1px}

/* ── 頂部警示條：細刻度線＋掃描光 ── */
.firewall{background:linear-gradient(90deg,#0D121C,#131A26 50%,#0D121C);border-bottom:1px solid rgba(200,164,90,.45);color:var(--vio-hi);position:sticky;overflow:hidden}
.firewall::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(227,197,132,.18),transparent);
  width:30%;animation:scan 7s ease-in-out infinite}
@keyframes scan{0%{transform:translateX(-120%)}100%{transform:translateX(420%)}}
@media (prefers-reduced-motion:reduce){.firewall::after{display:none}}

/* ── 分頁鈕：玉牌（上緣金線、選中時內框雙線＋菱形點） ── */
.tab,.subtab{position:relative;border-color:#33363A;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent);border-radius:4px;letter-spacing:1px}
.tab:hover,.subtab:hover{border-color:var(--vio);color:var(--vio-hi)}
.tab.active,.subtab.active{color:#F4E4C4;border-color:var(--vio);
  background:linear-gradient(180deg,rgba(200,164,90,.22),rgba(200,164,90,.06));box-shadow:inset 0 0 0 1px rgba(10,14,23,.8),inset 0 0 0 2px rgba(227,197,132,.35)}
.tab.active::before{content:"";position:absolute;left:50%;top:-4px;width:6px;height:6px;background:var(--vio-hi);transform:translateX(-50%) rotate(45deg)}

/* ── 面板：上緣金線漸層＋四角刻度括號（儀器面板感） ── */
.panel,.profile-card,.consult-box{position:relative;background:linear-gradient(180deg,rgba(24,33,47,.92),rgba(17,24,38,.92));border-color:#262B31;border-radius:6px;
  backdrop-filter:blur(2px)}
.panel::before,.profile-card::before,.consult-box::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(227,197,132,.7),transparent)}
.panel::after,.profile-card::after,.consult-box::after{content:"";position:absolute;inset:5px;pointer-events:none;
  background:
    linear-gradient(var(--vio),var(--vio)) left top/10px 1px no-repeat,linear-gradient(var(--vio),var(--vio)) left top/1px 10px no-repeat,
    linear-gradient(var(--vio),var(--vio)) right top/10px 1px no-repeat,linear-gradient(var(--vio),var(--vio)) right top/1px 10px no-repeat,
    linear-gradient(var(--vio),var(--vio)) left bottom/10px 1px no-repeat,linear-gradient(var(--vio),var(--vio)) left bottom/1px 10px no-repeat,
    linear-gradient(var(--vio),var(--vio)) right bottom/10px 1px no-repeat,linear-gradient(var(--vio),var(--vio)) right bottom/1px 10px no-repeat;
  opacity:.55}
.panel h2{border-bottom-color:#262B31}

/* ── 按鈕與輸入框 ── */
.btn{border-radius:4px;border-color:#33363A}
.btn.primary{background:linear-gradient(180deg,rgba(200,164,90,.28),rgba(200,164,90,.10));border-color:var(--vio);color:#F4E4C4}
.btn.primary:hover{box-shadow:0 0 14px rgba(200,164,90,.25)}
textarea:focus,input:focus,select:focus{box-shadow:0 0 0 2px rgba(200,164,90,.18)}

/* ── 紫微十二宮：命宮金框、身宮銅綠 ── */
.pal{background:rgba(17,24,38,.88);border-radius:3px}
.pal.ming{box-shadow:inset 0 0 0 1px rgba(227,197,132,.35)}
.pal.shen{border-color:rgba(79,163,142,.6)}
.center{background:rgba(10,14,23,.85);background-image:url(../assets/armillary/armillary.svg);background-size:120%;background-position:center;background-repeat:no-repeat;background-blend-mode:soft-light}

/* 數字一律等寬（科技感），日期戳記帶刻度底線 */
.stamp,.streak,.item .hd .d{font-variant-numeric:tabular-nums;font-family:var(--mono)}
.stamp{border-bottom:1px dashed rgba(200,164,90,.35)}