/* ============================================
   「元宇宙公主」风格主题（09-27 老板给的参考：她的 3D 形象坐在深色皮沙发书房里，穿白色粗花呢，手捧《AI超级个体》；
   封面定稿乙版：深墨色块 + 暗金 + 宋体特粗大标题、关键字暗金）
   老板原话：「校长的整个风格是这样的，你的整个网站应该也按照这个风格。」「元宇宙公主的风格是这样的，你的网站不能这么简陋。」
   做法：body 挂 .study，把全站颜色变量翻成「深色书房 + 暗金」，标题换成宋体特粗，她的形象图当主角。
   ============================================ */
body.study{
  --paper:#15120f;--white:#1e1a16;--sand:#231e19;
  --black:#f3eee4;--ink:#f3eee4;
  --gray-50:#1e1a16;--gray-100:#26211c;--gray-200:#332c26;--gray-300:#4a4038;--gray-400:#7d7266;--gray-500:#a2978a;--gray-600:#c9bfb2;--gray-700:#e0d7cb;
  --border:rgba(243,238,228,.14);--line:rgba(243,238,228,.14);--rule:rgba(243,238,228,.14);
  --accent:#c9a961;--acc:#c9a961;--gold:#c9a961;--gold-soft:rgba(201,169,97,.14);--acc-soft:rgba(201,169,97,.14);--green:#c9a961;--green-soft:rgba(201,169,97,.14);--steel:#c9a961;
  --text-primary:#f3eee4;--text-secondary:#c9bfb2;--text-muted:#a2978a;
  --cn:"Noto Serif SC","Songti SC","STSong",serif;
  --display:"Noto Serif SC","Songti SC","STSong",serif;
  background:var(--paper);color:var(--ink);
  background-image:radial-gradient(ellipse 70% 50% at 70% 0%,rgba(201,169,97,.10),transparent 60%),radial-gradient(ellipse 60% 40% at 0% 100%,rgba(120,80,40,.10),transparent 60%);
  background-attachment:fixed;
}
body.study *::selection{background:var(--gold);color:#15120f}

/* 标题：宋体特粗，关键字暗金（照封面乙版） */
body.study h1,body.study h2,body.study h3,body.study .section-title,body.study .hero-title,body.study .policy-city,body.study .case-name,body.study .svc-card-title,body.study .tool-row-name h3{font-family:var(--cn);font-weight:900;letter-spacing:.01em}
body.study .section-title em,body.study .hero-title em,body.study .lab h2 em,body.study .lab h1 em{font-style:normal;font-weight:900;color:var(--gold)}
body.study .eyebrow,body.study .lab-kicker,body.study .hero-kicker,body.study .policy-num,body.study .case-portrait-num,body.study .svc-num,body.study .tool-row-en{color:var(--gold);font-weight:500}
body.study .eyebrow-line{background:var(--gold)}
body.study .hero-kicker .dot{background:var(--gold)}
body.study .hero-title .line-1{color:var(--gold);font-family:'Space Grotesk',sans-serif;font-weight:400;letter-spacing:.08em}
body.study .hero-title .line-3 b::after{background:var(--gold);opacity:.35}
body.study .hero-title .line-3 em{color:var(--gold)}

/* 导航 / 页脚 */
body.study .nav{background:rgba(21,18,15,.86);border-bottom:1px solid var(--border)}
body.study .logo-mark{background:var(--gold);color:#15120f}
body.study .logo-main{color:var(--ink)}
body.study .nav-link{color:var(--text-secondary)}
body.study .nav-link.active,body.study .nav-link:hover{color:var(--ink)}
body.study .nav-link::after{background:var(--gold)}
body.study .nav-link .num{color:var(--gold)}
body.study .footer{background:#100e0b;border-top:1px solid var(--border)}
body.study .footer-brand .mark{background:var(--gold);color:#15120f}
body.study .footer-col a:hover{color:var(--gold)}
body.study .footer-inner{border-bottom-color:var(--border)}

/* 按钮：暗金实心 + 金线框 */
body.study .btn-primary{background:var(--gold);color:#15120f}
body.study .btn-primary:hover{background:#dcbd75;color:#15120f}
body.study .btn-ghost{color:var(--ink);border-color:rgba(201,169,97,.6)}
body.study .btn-ghost:hover{background:var(--gold);color:#15120f}
body.study .btn-light{background:var(--gold);color:#15120f}
body.study .btn-outline-light{border-color:rgba(243,238,228,.5);color:var(--ink)}

/* 开场：她的形象在右边 */
body.study .hero{grid-template-columns:1.05fr .95fr;align-items:center}
body.study .hero-host{position:relative;align-self:stretch;min-height:520px;overflow:hidden;border:1px solid rgba(201,169,97,.35);box-shadow:0 40px 80px -40px rgba(0,0,0,.9)}
body.study .hero-host img{width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block}
body.study .hero-host::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(21,18,15,0) 55%,rgba(21,18,15,.85) 100%);pointer-events:none}
body.study .hero-host .cap{position:absolute;left:1.4rem;right:1.4rem;bottom:1.2rem;display:flex;flex-direction:column;gap:.2rem;z-index:2}
body.study .hero-host .cap b{font-family:var(--cn);font-weight:900;font-size:1.15rem;color:var(--ink)}
body.study .hero-host .cap span{font-size:.7rem;letter-spacing:.22em;color:var(--gold);text-transform:uppercase}
body.study .hero-desc{color:var(--text-secondary)}
body.study .hero-desc strong{color:var(--ink)}

/* 九宫格 / 案例卡 / 编号行 / 服务卡 */
body.study .policy-bento{background:rgba(201,169,97,.35);border-color:rgba(201,169,97,.35)}
body.study .policy-cell{background:var(--white);color:var(--text-primary)}
body.study .policy-cell:hover{background:#2a2420;color:var(--ink)}
body.study .policy-cell:hover .policy-city{color:var(--gold)}
body.study .policy-cell p{color:var(--text-secondary)}
body.study .policy-cell .tag{background:rgba(201,169,97,.14);color:var(--gold);border-color:rgba(201,169,97,.4)}
body.study .case{background:var(--white);border-color:var(--border)}
body.study .case-portrait{background:#100e0b;color:var(--gold)}
body.study .case-portrait-initial{color:var(--gold)}
body.study .case-portrait-tag{background:var(--gold);color:#15120f}
body.study .case:hover{border-color:var(--gold)}
body.study .case-stat-val{color:var(--gold)}
body.study .tool-row{border-color:var(--border)}
body.study .tool-row:hover{background:var(--white)}
body.study .tool-row-idx{color:var(--gold)}
body.study .tool-chip{background:rgba(201,169,97,.10);color:var(--text-secondary);border-color:rgba(201,169,97,.25)}
body.study .svc-card{background:var(--white);border-color:var(--border)}
body.study .svc-card.featured{background:#100e0b;border:1px solid var(--gold)}
body.study .svc-card.featured *{color:var(--ink)}
body.study .svc-card.featured .svc-card-desc,body.study .svc-card.featured li{color:var(--text-secondary)}
body.study .svc-card.featured .svc-tag,body.study .svc-card.featured .svc-num,body.study .svc-card.featured .svc-card-price,body.study .svc-card.featured .svc-card-cta{color:var(--gold)}
body.study .svc-tag{color:var(--gold);border-color:rgba(201,169,97,.4)}
body.study .svc-card-price{color:var(--gold)}
body.study .svc-section{background:#100e0b!important;border-color:var(--border)!important}

/* 主理人一块：形象 + 字 */
body.study .host-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:3rem;align-items:center}
body.study .host-split figure{margin:0;aspect-ratio:3/4;overflow:hidden;border:1px solid rgba(201,169,97,.35);box-shadow:0 40px 80px -40px rgba(0,0,0,.9)}
body.study .host-split img{width:100%;height:100%;object-fit:cover;object-position:center 15%}
body.study .host-split p{color:var(--text-secondary);line-height:1.9;font-size:1rem;max-width:36em}
body.study .host-split p strong{color:var(--ink)}

/* 案例插图（水墨速写）在深色底上加一圈金线 */
body.study .lab-fig{background:#100e0b;border:1px solid rgba(201,169,97,.3);box-shadow:0 30px 60px -40px rgba(0,0,0,.9)}
body.study .lab-fig figcaption{color:var(--text-muted)}
body.study .al-case .grade{color:var(--gold)}
body.study .al-case .pass dd.k{color:var(--gold)}
body.study .al-yet .big em{color:var(--gold)}
body.study .lab-facts{border-top-color:var(--gold)}
body.study .lab-facts b{color:var(--gold)}
body.study .lab-card{border-top-color:rgba(201,169,97,.5)}
body.study .lab-list li::before{background:var(--gold)}
body.study .lab-step .n{color:var(--gold)}
body.study .lab-steps,body.study .lab-vs,body.study .lab-next,body.study .lab-head{border-top-color:rgba(201,169,97,.5)}
body.study .lab-table td.n{color:var(--gold)}
body.study .lab-offer{background:#100e0b;border:1px solid var(--gold)}
body.study .lab-offer-price .now{color:var(--gold)}
body.study .lab-ticket{background:var(--white);border:1px solid var(--border)}
body.study .lab-ticket .meta{color:var(--gold)}
body.study .lab-final{background:#100e0b;border-top:1px solid rgba(201,169,97,.4)}
body.study .lab-final h2{color:var(--gold)}
body.study .lab-more{color:var(--gold);border-bottom-color:rgba(201,169,97,.5)}
body.study a.link{color:var(--gold)}
body.study .lab-callout{border-left-color:var(--gold)}

/* 测一测 / 课程目录 */
body.study .dx-option{background:var(--white);border-color:var(--border)}
body.study .dx-option:hover{border-color:var(--gold);background:#2a2420}
body.study .dx-option:hover .opt-mark{background:var(--gold);border-color:var(--gold);color:#15120f}
body.study .dx-progress-fill{background:var(--gold)}
body.study .dx-next{background:#100e0b;border:1px solid var(--gold)}
body.study .dx-next-actions .btn-light{background:var(--gold);color:#15120f}
body.study .dx-route-card,body.study .dx-result-card,body.study .dx-all-cell{background:var(--white);border-color:var(--border)}
body.study .dx-all-cell.you{background:var(--gold);color:#15120f}
body.study .dx-intro h1 em,body.study .dx-result-name em,body.study .lx-head h1 em{color:var(--gold);font-style:normal}
body.study .dx-sticky:not([hidden]){background:#100e0b;border-top:1px solid var(--gold)}
body.study .dx-sticky b{background:var(--gold);color:#15120f}
body.study .lx-row{background:var(--white);border-color:var(--border)}
body.study .lx-row:hover{border-color:var(--gold)}
body.study .lx-num{color:var(--gold)}
body.study .lx-badge.free{background:var(--gold);color:#15120f;border-color:var(--gold)}
body.study .lx-seg-tag{background:var(--gold);color:#15120f}
body.study .lx-cta{background:#100e0b;border:1px solid var(--gold)}
body.study .lx-cta .btn-light{background:var(--gold);color:#15120f}
body.study #lx-route-note{background:rgba(201,169,97,.12)!important;color:var(--text-secondary)!important}

/* 对话小窗（如果还在） */
body.study .chat-container{background:var(--white);border-color:var(--border)}

@media(max-width:900px){
  body.study .hero{grid-template-columns:1fr}
  body.study .hero-host{min-height:0;aspect-ratio:3/4;max-width:420px}
  body.study .host-split{grid-template-columns:1fr}
  body.study .host-split figure{max-width:360px}
}

/* 军团四卡：电脑四列、平板两列、手机一列（别用行内样式，手机上会挤成四列） */
.cases-grid.four{grid-template-columns:repeat(4,1fr)}
@media(max-width:1024px){.cases-grid.four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.cases-grid.four{grid-template-columns:1fr}}