/* =====================================================
   解己 · 全局样式系统
   东方神秘感 ✕ 高端大气 ✕ 趣味性
   暗夜紫金基调 + 太极八卦 · 罗盘 · 星宿纹理
   ===================================================== */
:root{
  --gold:#d4af6a; --gold-l:#eeddb5; --gold-d:#b8914a;
  --jade:#63c9a8;
  --ink:#1a1512;          /* 深夜底色 */
  --ink2:#211b17;
  --card:rgba(40,32,24,.6);
  --card-s:rgba(52,42,30,.55);
  --line:rgba(212,175,106,.22);
  --line-strong:rgba(212,175,106,.45);
  --txt:#f0e8d8; --txt-2:#cfc2ab; --txt-3:#9b8f78;
  --cinnabar:#c2332b;     /* 朱砂红点缀 */
  --shadow:0 20px 60px rgba(0,0,0,.45);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--ink);
  color:var(--txt);
  font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Serif SC",serif;
  line-height:1.85;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
/* ---- 星空/神秘的层叠背景 ---- */
.bg-layer{position:fixed;inset:0;z-index:-2;pointer-events:none}
.bg-layer::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(1200px 700px at 82% -5%,rgba(212,175,106,.16),transparent 60%),
    radial-gradient(900px 600px at 8% 12%,rgba(99,201,168,.10),transparent 55%),
    radial-gradient(1000px 700px at 50% 110%,rgba(194,51,43,.10),transparent 60%),
    linear-gradient(180deg,#16110d,#0d0a08 60%,#120e0b);
}
.bg-layer::after{ /* 星点 */
  content:"";position:absolute;inset:0;opacity:.5;
  background-image:
    radial-gradient(1.5px 1.5px at 20% 30%,#fff8,transparent),
    radial-gradient(1px 1px at 40% 70%,#fff5,transparent),
    radial-gradient(1.5px 1.5px at 60% 20%,#fff7,transparent),
    radial-gradient(1px 1px at 80% 55%,#fff4,transparent),
    radial-gradient(1px 1px at 30% 85%,#fff5,transparent),
    radial-gradient(1.5px 1.5px at 75% 90%,#fff5,transparent),
    radial-gradient(1px 1px at 90% 15%,#fff4,transparent);
}
/* ---- 顶部导航 ---- */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;
  background:linear-gradient(180deg,rgba(10,8,6,.92),rgba(10,8,6,.6));
  backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav-inner{max-width:1320px;margin:0 auto;padding:0 32px;height:74px;
  display:flex;align-items:center;justify-content:space-between}
.logo{font-size:24px;font-weight:700;letter-spacing:5px;color:var(--gold-l);display:flex;align-items:center;gap:12px}
.logo .taiji{width:30px;height:30px;border-radius:50%;background:conic-gradient(from -45deg,var(--gold-d),#0c0a08 50%,var(--gold-l) 50%);animation:none}
.logo b{color:var(--gold)}
.nav-links{display:flex;align-items:center;gap:34px;font-size:15px;letter-spacing:2px}
.nav-links a{color:var(--txt-2);transition:.25s;position:relative}
.nav-links a:hover{color:var(--gold-l)}
.nav-links a.on{color:var(--gold-l)}
.nav-links a.on::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--gold)}
.nav-user{display:flex;align-items:center;gap:14px}
.nav-user .uname{color:var(--gold-l);font-size:14px;letter-spacing:1px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;
  border:1px solid var(--line-strong);background:rgba(212,175,106,.05);color:var(--gold-l);
  border-radius:999px;padding:10px 24px;font-size:14px;letter-spacing:2px;transition:.3s;font-family:inherit;position:relative;overflow:hidden}
.btn:hover{border-color:var(--gold);box-shadow:0 0 24px rgba(212,175,106,.3);color:#ffe6ac}
.btn-gold{background:linear-gradient(135deg,#e2c184,#c79a4f);color:#241b0c;border:none;font-weight:600}
.btn-gold:hover{filter:brightness(1.08);transform:translateY(-2px)}
.btn-cinnabar{background:linear-gradient(135deg,#d6493f,#b32824);color:#fff;border:none}
/* ---- 容器 ---- */
.wrap{max-width:1240px;margin:0 auto;padding:0 32px}
.section{padding:96px 0}
.center{text-align:center}
/* ---- 大标题 ---- */
.kicker{display:inline-flex;align-items:center;gap:10px;color:var(--gold);font-size:13px;letter-spacing:6px;
  text-transform:uppercase;margin-bottom:14px}
.kicker::before,.kicker::after{content:"";width:34px;height:1px;background:var(--line-strong)}
h1.big{font-size:clamp(40px,6vw,72px);font-weight:800;letter-spacing:8px;line-height:1.25;
  background:linear-gradient(180deg,#faeecb 0%,#e9cc8d 45%,#c99a4e 80%,#f1dda4 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 2px 18px rgba(212,175,106,.18))}
/* 金箔标题通用 */
.foil{background:linear-gradient(180deg,#faeecb 0%,#e6c47f 45%,#c08a41 80%,#eed9a0 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:clamp(16px,2vw,20px);color:var(--txt-2);letter-spacing:2px}
/* ---- 卡片 ---- */
.card{background:var(--card);border:1px solid var(--line);border-radius:20px;
  padding:36px 32px;backdrop-filter:blur(6px);transition:.35s;position:relative;overflow:hidden}
.card::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(238,221,181,.6),transparent)}
.card::after{content:"";position:absolute;inset:0;border-radius:20px;
  box-shadow:inset 0 0 30px rgba(0,0,0,.35);opacity:0;transition:.35s;pointer-events:none}
.card:hover{transform:translateY(-6px);border-color:var(--line-strong);box-shadow:var(--shadow)}
.card:hover::after{opacity:1}
.card .ico{font-size:42px;margin-bottom:16px;display:block;filter:drop-shadow(0 4px 12px rgba(212,175,106,.25));transition:.4s}
.card:hover .ico{transform:translateY(-3px) scale(1.08)}
.card h3{color:var(--gold-l);font-size:20px;letter-spacing:2px;margin-bottom:12px}
.card p{color:var(--txt-2);font-size:15px}
/* ---- 按钮组 ---- */
.cta-row{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-top:36px}
.cta-big{font-size:19px;padding:17px 52px;letter-spacing:5px;border-radius:999px}
/* ---- 罗盘装饰 ---- */
.compass{position:relative;width:120px;height:120px;border-radius:50%;
  border:1px solid var(--line-strong);display:flex;align-items:center;justify-content:center;
  box-shadow:inset 0 0 30px rgba(0,0,0,.5),0 0 40px rgba(212,175,106,.12)}
.compass .ring{position:absolute;inset:8px;border:1px dashed var(--line);border-radius:50%}
.compass .s{position:absolute;font-size:13px;color:var(--gold);letter-spacing:0}
/* ---- 页脚 ---- */
footer{border-top:1px solid var(--line);padding:50px 0 40px;text-align:center;background:rgba(0,0,0,.35)}
footer .disc{max-width:680px;margin:0 auto 16px;color:var(--txt-3);font-size:13px;line-height:1.9}
/* ---- 滚动显现 ---- */
.reveal{opacity:0;transform:translateY(26px);transition:.7s cubic-bezier(.22,.61,.36,1)}
.reveal.in{opacity:1;transform:none}
/* ---- 金线分隔 ---- */
.gline{display:flex;align-items:center;gap:14px;justify-content:center;margin:0 auto;max-width:480px}
.gline::before,.gline::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--line-strong),transparent)}
.gline .diam{width:7px;height:7px;transform:rotate(45deg);border:1px solid var(--gold);background:rgba(212,175,106,.2)}
/* ---- 页面加载动画 ---- */
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.anim{animation:fadeUp .8s cubic-bezier(.22,.61,.36,1) both}
.anim-d1{animation-delay:.1s}.anim-d2{animation-delay:.22s}.anim-d3{animation-delay:.34s}

/* ---- 响应式 ---- */
@media(max-width:860px){
  .nav-inner{padding:0 18px;height:64px}
  .nav-links{display:none}
  .wrap{padding:0 18px}
  .section{padding:64px 0}
  .card{padding:26px 22px}
}

/* ===== AI 分析内容排版 (md.js 渲染) ===== */
.ana-body{line-height:1.9;color:var(--txt);font-size:14.5px;word-break:break-word}
.ana-body h3,.ana-body h4,.ana-body h5{color:var(--gold-l);margin:22px 0 10px;letter-spacing:1px;line-height:1.5}
.ana-body h3{font-size:17px;border-left:4px solid var(--gold);padding-left:10px;background:linear-gradient(90deg,rgba(212,175,106,.08),transparent)}
.ana-body h4{font-size:15.5px}
.ana-body h5{font-size:14.5px;color:var(--gold)}
.ana-body p{margin:8px 0}
.ana-body ul,.ana-body ol{margin:8px 0;padding-left:24px}
.ana-body ul li,.ana-body ol li{margin:5px 0}
.ana-body li::marker{color:var(--gold)}
.ana-body .tbwrap{overflow-x:auto;margin:14px 0;border-radius:10px;border:1px solid var(--line-strong)}
.ana-body table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:320px}
.ana-body th{background:rgba(212,175,106,.12);color:var(--gold-l);font-weight:600;text-align:left}
.ana-body th,.ana-body td{border:1px solid var(--line);padding:9px 12px}
.ana-body tbody tr:nth-child(even){background:rgba(255,255,255,.025)}
.ana-body blockquote{border-left:3px solid var(--gold);padding:8px 14px;margin:12px 0;color:var(--txt-2);background:rgba(212,175,106,.06);border-radius:0 10px 10px 0;font-size:13.5px}
.ana-body code{background:rgba(212,175,106,.12);color:var(--gold-l);padding:2px 6px;border-radius:5px;font-size:13px}
.ana-body hr{border:none;border-top:1px dashed var(--line-strong);margin:18px 0}
.ana-body b{color:var(--gold-l)}