/*
 * 智者国象 · 内页外壳样式（深色框架 + 浅色阅读卡）
 * 只在内页加载，首页不引用。
 */
:root{
  --bg:#0d0a08;--bg-2:#15100b;--bg-3:#1b150e;--cream:#f2ead9;
  --ink:#f3ede3;--ink-2:#c3b8a7;--ink-3:#8d8578;
  --gold:#c9a45a;--gold-2:#e7cd92;
  --line:rgba(201,164,90,.20);--line-2:rgba(201,164,90,.38);
  --paper:#f7f2e7;--paper-ink:#2f2618;--paper-ink-2:#5b5040;
  --sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
  --serif:"Optima","Times New Roman","Songti SC","Source Han Serif SC",Georgia,serif;
  --max:1080px;
}

html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body.zh-page{
  margin:0!important;background:var(--bg)!important;color:var(--ink);
  font-family:var(--sans);font-size:16px;line-height:1.78;letter-spacing:.01em;
  overflow-x:hidden;-webkit-font-smoothing:antialiased;
}
.zh-page img{max-width:100%;height:auto}
.zh-page a{text-decoration:none}
.zh-wrap{width:100%;max-width:var(--max);margin:0 auto;padding:0 24px}

/* 隐藏父主题可能输出的页头页脚 */
.zh-page .site-header,.zh-page .site-footer,.zh-page #masthead,.zh-page #colophon{display:none!important}

/* ---------- 导航 ---------- */
.zh-nav{
  position:sticky;top:0;z-index:60;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  background:rgba(13,10,8,.88);border-bottom:1px solid var(--line);
}
.zh-nav-in{display:flex;align-items:center;justify-content:space-between;height:68px;gap:20px;max-width:1180px;margin:0 auto;padding:0 24px}
.zh-brand{display:flex;align-items:center;gap:12px;flex-shrink:0;color:var(--ink)}
.zh-brand svg{width:34px;height:34px;flex:0 0 34px}
.zh-brand-name{font-size:17px;letter-spacing:.16em;font-weight:600}
.zh-brand-sub{display:block;font-family:var(--serif);font-size:10px;letter-spacing:.3em;color:var(--gold);opacity:.85;line-height:1;margin-top:5px}
.zh-menu{display:flex;align-items:center;gap:28px}
.zh-menu a{font-size:14.5px;color:var(--ink-2);position:relative;padding:4px 0;transition:color .25s}
.zh-menu a:hover{color:var(--ink)}
.zh-menu a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--gold);transition:right .3s}
.zh-menu a:hover::after{right:0}
.zh-nav .zh-btn{margin:0}

/* ---------- 按钮 ---------- */
.zh-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;border-radius:2px;
  font-size:15px;letter-spacing:.04em;border:1px solid var(--line-2);transition:.28s cubic-bezier(.2,.7,.3,1);
  white-space:nowrap;cursor:pointer;background:transparent;font-family:inherit;color:var(--ink);
}
.zh-btn--primary{background:linear-gradient(135deg,var(--gold-2),var(--gold) 60%,#a9843f);color:#17110a;font-weight:600;border-color:transparent;box-shadow:0 10px 30px -12px rgba(201,164,90,.5)}
.zh-btn--primary:hover{transform:translateY(-2px);box-shadow:0 16px 38px -12px rgba(201,164,90,.62)}
.zh-btn--ghost:hover{border-color:var(--gold);background:rgba(201,164,90,.09);transform:translateY(-2px)}
.zh-btn--sm{padding:10px 20px;font-size:14px}

/* ---------- 页头 ---------- */
.zh-head{
  position:relative;padding:78px 0 54px;overflow:hidden;
  border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,var(--bg-2),var(--bg));
}
.zh-head::after{
  content:"";position:absolute;top:-220px;right:-160px;width:620px;height:620px;border-radius:50%;
  background:radial-gradient(circle,rgba(201,164,90,.14),transparent 62%);pointer-events:none;
}
.zh-head .zh-wrap{position:relative}
.zh-eyebrow{
  font-family:var(--serif);font-size:12px;letter-spacing:.34em;text-transform:uppercase;
  color:var(--gold);margin:0 0 16px;display:flex;align-items:center;gap:14px;
}
.zh-eyebrow::after{content:"";height:1px;flex:1;max-width:90px;background:linear-gradient(90deg,var(--line-2),transparent)}
.zh-title{margin:0;font-size:clamp(28px,4.6vw,44px);font-weight:500;letter-spacing:.02em;line-height:1.25;color:var(--ink)}
.zh-title .gold{background:linear-gradient(100deg,var(--gold-2),var(--gold) 55%,#a9843f);-webkit-background-clip:text;background-clip:text;color:transparent}
.zh-desc{margin:18px 0 0;color:var(--ink-2);font-size:16.5px;max-width:760px}

/* ---------- 面包屑 ---------- */
.zh-crumb{font-size:13px;color:var(--ink-3);letter-spacing:.06em;margin:0 0 18px}
.zh-crumb a{color:var(--ink-3)}
.zh-crumb a:hover{color:var(--gold-2)}
.zh-crumb span{margin:0 8px;opacity:.5}

/* ---------- 正文卡 ---------- */
.zh-body{padding:56px 0 96px}
.zh-card{
  background:var(--paper);color:var(--paper-ink);border-radius:3px;padding:48px 46px;
  border:1px solid rgba(255,255,255,.06);
  box-shadow:0 40px 90px -50px rgba(0,0,0,.95);
}
.zh-card>*:first-child{margin-top:0}
.zh-card>*:last-child{margin-bottom:0}
.zh-card h1,.zh-card h2,.zh-card h3,.zh-card h4,.zh-card h5{color:#1f1810;letter-spacing:.02em;line-height:1.4}
.zh-card h1{font-size:30px;margin:38px 0 16px}
.zh-card h2{font-size:25px;margin:38px 0 16px}
.zh-card h3{font-size:20px;margin:32px 0 14px}
.zh-card h4{font-size:17.5px;margin:26px 0 12px}
.zh-card p{margin:0 0 18px;color:var(--paper-ink-2);font-size:16.5px;line-height:1.9}
.zh-card strong{color:#1f1810}
.zh-card a{color:#8a6d2f;text-decoration:underline;text-decoration-color:rgba(138,109,47,.35);text-underline-offset:3px}
.zh-card a:hover{color:#5f4a1a;text-decoration-color:#8a6d2f}
.zh-card ul,.zh-card ol{margin:0 0 20px;padding-left:22px;color:var(--paper-ink-2)}
.zh-card li{margin:8px 0;line-height:1.85}
.zh-card ul li::marker{color:var(--gold)}
.zh-card ol li::marker{color:#8a6d2f;font-family:var(--serif)}
.zh-card img{border-radius:2px;margin:18px 0}
.zh-card blockquote{
  margin:26px 0;padding:18px 24px;border-left:2px solid var(--gold);
  background:rgba(201,164,90,.10);color:#4a3f2c;font-style:normal;border-radius:0 2px 2px 0;
}
.zh-card blockquote p:last-child{margin-bottom:0}
.zh-card hr{border:0;height:1px;background:rgba(47,38,24,.14);margin:34px 0}
.zh-card table{width:100%;border-collapse:collapse;margin:24px 0;font-size:15px}
.zh-card th,.zh-card td{border:1px solid rgba(47,38,24,.16);padding:10px 12px;text-align:left}
.zh-card th{background:rgba(201,164,90,.16);color:#1f1810}
.zh-card code{background:rgba(47,38,24,.08);padding:2px 6px;border-radius:2px;font-size:14.5px}
.zh-card figcaption{font-size:13.5px;color:#7d7362;text-align:center}

/* Elementor 内容适配：把自带的白底/黑字融进浅色卡片 */
.zh-card .elementor-section,.zh-card .e-con{box-shadow:none}
.zh-card .elementor-widget-text-editor p,.zh-card .elementor-widget-text-editor li{color:var(--paper-ink-2)}
.zh-card .elementor-heading-title{color:#1f1810}
.zh-card .elementor-button{
  border-radius:2px;background:linear-gradient(135deg,var(--gold-2),var(--gold) 60%,#a9843f);
  color:#17110a;font-weight:600;letter-spacing:.04em;
}
.zh-card .elementor-button:hover{filter:brightness(1.04)}
.zh-card .elementor-widget-image img{border-radius:2px}

/* ---------- 文章列表 ---------- */
.zh-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.zh-post{
  display:flex;flex-direction:column;gap:14px;background:rgba(255,255,255,.028);
  border:1px solid var(--line);border-radius:3px;padding:26px 24px;transition:.32s cubic-bezier(.2,.7,.3,1);
}
.zh-post:hover{transform:translateY(-5px);border-color:var(--line-2);background:rgba(255,255,255,.045)}
.zh-post time{font-family:var(--serif);font-size:12px;color:var(--ink-3);letter-spacing:.16em}
.zh-post h2{margin:0;font-size:17.5px;line-height:1.55;letter-spacing:.02em;color:var(--ink)}
.zh-post p{margin:0;font-size:14.5px;color:var(--ink-3);line-height:1.8}
.zh-post .more{margin-top:auto;font-size:13px;color:var(--gold);letter-spacing:.06em}

/* ---------- 文章详情 ---------- */
.zh-meta{font-family:var(--serif);font-size:13px;color:var(--ink-3);letter-spacing:.16em;margin:0 0 16px}
.zh-postnav{display:flex;justify-content:space-between;gap:20px;margin-top:48px;padding-top:26px;border-top:1px solid var(--line);flex-wrap:wrap}
.zh-postnav a{font-size:14.5px;color:var(--ink-2);max-width:46%}
.zh-postnav a:hover{color:var(--gold-2)}

/* ---------- 分页 ---------- */
.zh-pager{display:flex;gap:10px;justify-content:center;margin-top:46px;flex-wrap:wrap}
.zh-pager .page-numbers{
  display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 12px;
  border:1px solid var(--line);border-radius:2px;color:var(--ink-2);font-size:14.5px;transition:.25s;
}
.zh-pager .page-numbers:hover{border-color:var(--gold);color:var(--gold-2)}
.zh-pager .page-numbers.current{background:linear-gradient(135deg,var(--gold-2),var(--gold) 60%,#a9843f);color:#17110a;border-color:transparent;font-weight:600}

/* ---------- 底部 CTA ---------- */
.zh-cta{
  text-align:center;padding:84px 0;border-top:1px solid var(--line);
  background:linear-gradient(180deg,var(--bg),var(--bg-2));
}
.zh-cta h2{margin:0;font-size:clamp(24px,3.8vw,34px);font-weight:500}
.zh-cta h2 .gold{background:linear-gradient(100deg,var(--gold-2),var(--gold) 55%,#a9843f);-webkit-background-clip:text;background-clip:text;color:transparent}
.zh-cta p{margin:18px 0 0;color:var(--ink-2)}
.zh-cta-actions{display:flex;gap:14px;justify-content:center;margin-top:30px;flex-wrap:wrap}

/* ---------- 页脚 ---------- */
.zh-foot{border-top:1px solid var(--line);background:var(--bg-2);padding:56px 0 40px;color:var(--ink-3)}
.zh-foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px}
.zh-foot h5{margin:0 0 18px;font-size:13px;letter-spacing:.22em;color:var(--gold);font-weight:500;font-family:var(--serif)}
.zh-foot ul{list-style:none;margin:0;padding:0}
.zh-foot li{font-size:14px;color:var(--ink-3);padding:5px 0}
.zh-foot a{color:var(--ink-3)}
.zh-foot a:hover{color:var(--gold-2)}
.zh-foot-bot{margin-top:44px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12.5px}

/* ---------- 响应式 ---------- */
@media (max-width:980px){
  .zh-menu{
    position:absolute;top:68px;left:0;right:0;flex-direction:column;align-items:flex-start;gap:0;
    background:rgba(13,10,8,.98);border-bottom:1px solid var(--line);padding:8px 24px 20px;display:none;
  }
  .zh-nav.is-open .zh-menu{display:flex}
  .zh-menu a{padding:14px 0;width:100%;border-bottom:1px solid rgba(201,164,90,.10)}
  .zh-menu .zh-btn{margin-top:16px;width:100%}
  .zh-burger{display:inline-flex!important}
  .zh-grid{grid-template-columns:repeat(2,1fr)}
  .zh-card{padding:34px 26px}
  .zh-foot-grid{grid-template-columns:1fr 1fr}
  .zh-head{padding:60px 0 42px}
}
@media (max-width:640px){
  .zh-wrap{padding:0 20px}
  .zh-body{padding:36px 0 66px}
  .zh-grid{grid-template-columns:1fr}
  .zh-card{padding:26px 20px}
  .zh-foot-grid{grid-template-columns:1fr;gap:28px}
  .zh-cta-actions .zh-btn{width:100%}
}
.zh-burger{
  display:none;width:40px;height:40px;border:1px solid var(--line);background:transparent;border-radius:2px;
  align-items:center;justify-content:center;cursor:pointer;padding:0;
}
.zh-burger span{display:block;width:16px;height:1px;background:var(--ink);position:relative}
.zh-burger span::before,.zh-burger span::after{content:"";position:absolute;left:0;width:16px;height:1px;background:var(--ink);transition:transform .3s}
.zh-burger span::before{top:-5px}
.zh-burger span::after{top:5px}
.zh-nav.is-open .zh-burger span{background:transparent}
.zh-nav.is-open .zh-burger span::before{transform:translateY(5px) rotate(45deg)}
.zh-nav.is-open .zh-burger span::after{transform:translateY(-5px) rotate(-45deg)}
:focus-visible{outline:1px solid var(--gold);outline-offset:3px}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* ---------- 浅色卡片内的细节修正 ---------- */
.zh-card .zh-postnav{border-top-color:rgba(47,38,24,.16);padding-top:24px}
.zh-card .zh-postnav a{color:#8a6d2f}
.zh-card .zh-postnav a:hover{color:#5f4a1a}
.zh-card iframe{max-width:100%;border-radius:2px}
.zh-card .elementor-section-boxed>.elementor-container{max-width:100%!important}
.zh-card .elementor-column-wrap,.zh-card .elementor-widget-wrap{padding-left:0;padding-right:0}
.zh-card .elementor-widget:not(:last-child){margin-bottom:18px}
.zh-card .elementor-text-editor>*:last-child{margin-bottom:0}
.zh-card a.elementor-button,.zh-card a.elementor-button:visited{color:#17110a}
/* 后台内容为空时的兜底间距 */
.zh-card:empty{display:none}

/* ==================================================================
   内页内容组件（深色）—— 用于课程介绍 / 关于我 / 联系我 / 比赛-活动
   ================================================================== */
.zh-panel{padding:76px 0;border-bottom:1px solid var(--line)}
.zh-panel:last-of-type{border-bottom:0}
.zh-panel--alt{background:linear-gradient(180deg,var(--bg),var(--bg-2) 45%,var(--bg))}
.zh-h2{margin:0;font-size:clamp(23px,3.5vw,33px);font-weight:500;letter-spacing:.02em;line-height:1.32}
.zh-lead{margin:18px 0 0;color:var(--ink-2);font-size:16.5px;max-width:780px}
.zh-eyebrow{margin-bottom:16px}

.zh-tiles{display:grid;gap:20px;margin-top:38px}
.zh-tiles--2{grid-template-columns:repeat(2,1fr)}
.zh-tiles--3{grid-template-columns:repeat(3,1fr)}
.zh-tiles--4{grid-template-columns:repeat(4,1fr)}
.zh-tile{background:var(--card);border:1px solid var(--line);border-radius:3px;padding:30px 28px;transition:.32s cubic-bezier(.2,.7,.3,1)}
.zh-tile:hover{transform:translateY(-5px);border-color:var(--line-2);background:rgba(255,255,255,.045)}
.zh-tile h3{margin:0 0 12px;font-size:18.5px;letter-spacing:.04em;color:var(--ink)}
.zh-tile .zh-tag{display:block;font-family:var(--serif);font-size:12px;letter-spacing:.24em;color:var(--gold);margin-bottom:14px}
.zh-tile p{margin:0;color:var(--ink-3);font-size:14.5px;line-height:1.85}
.zh-tile ul{margin:18px 0 0;padding:16px 0 0;border-top:1px solid var(--line);display:grid;gap:9px;list-style:none}
.zh-tile li{position:relative;padding-left:16px;font-size:13.5px;color:var(--ink-2)}
.zh-tile li::before{content:"";position:absolute;left:0;top:10px;width:5px;height:1px;background:var(--gold)}

.zh-nums{display:grid;grid-template-columns:repeat(3,1fr);margin-top:38px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.zh-num{padding:26px 22px;border-right:1px solid var(--line)}
.zh-num:last-child{border-right:0}
.zh-num b{display:block;font-family:var(--serif);font-size:clamp(24px,3vw,32px);color:var(--gold-2);letter-spacing:.02em}
.zh-num span{font-size:13.5px;color:var(--ink-3);letter-spacing:.06em}

.zh-rows{margin-top:30px;border-top:1px solid var(--line)}
.zh-row{display:flex;justify-content:space-between;gap:20px;padding:17px 2px;border-bottom:1px solid rgba(201,164,90,.12);font-size:15px;color:var(--ink-2)}
.zh-row em{font-style:normal;color:var(--gold-2);font-family:var(--serif);letter-spacing:.08em;white-space:nowrap}

.zh-bullets{margin:26px 0 0;padding:0;list-style:none;display:grid;gap:13px}
.zh-bullets li{position:relative;padding-left:20px;color:var(--ink-2);font-size:15px}
.zh-bullets li::before{content:"";position:absolute;left:0;top:11px;width:7px;height:7px;border:1px solid var(--gold);transform:rotate(45deg)}
.zh-bullets strong{color:var(--ink);font-weight:600}

.zh-step{display:flex;gap:16px;align-items:flex-start;padding:18px 0;border-bottom:1px solid rgba(201,164,90,.12)}
.zh-step b{flex:0 0 34px;font-family:var(--serif);font-size:19px;color:var(--gold)}
.zh-step h4{margin:0 0 6px;font-size:16px;color:var(--ink)}
.zh-step p{margin:0;font-size:14.5px;color:var(--ink-3);line-height:1.8}

.zh-split{display:grid;grid-template-columns:330px 1fr;gap:56px;align-items:start}
.zh-portrait{position:relative;z-index:0;margin:0;background:linear-gradient(180deg,#f7f1e4,#e8dfc9);border:1px solid var(--line);border-radius:3px;padding:16px 16px 20px;box-shadow:0 40px 80px -40px rgba(0,0,0,.9)}
.zh-portrait img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:50% 8%;border-radius:2px}
.zh-portrait::after{content:"";position:absolute;inset:-14px -14px 14px 14px;border:1px solid var(--line);border-radius:3px;z-index:-1}
.zh-portrait figcaption{padding-top:16px;display:flex;justify-content:space-between;align-items:flex-end;gap:12px}
.zh-portrait b{display:block;color:#2a2016;font-size:17px;letter-spacing:.14em;font-weight:600}
.zh-portrait .role{display:block;color:#8a7443;font-size:12px;letter-spacing:.14em;margin-top:5px}
.zh-portrait em{font-style:normal;font-family:var(--serif);color:#8a7443;font-size:12.5px;text-align:right;line-height:1.6}

.zh-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.zh-badge{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;letter-spacing:.14em;border:1px solid var(--line-2);color:var(--gold);padding:6px 13px;border-radius:2px}
.zh-badge--done{border-color:var(--line);color:var(--ink-3)}
.zh-badge--soon{border-color:transparent;background:linear-gradient(135deg,var(--gold-2),var(--gold) 60%,#a9843f);color:#17110a;font-weight:600}

.zh-qrrow{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:34px}
.zh-qrbox{text-align:center}
.zh-qrbox .frame{display:inline-block;background:linear-gradient(180deg,#f7f1e4,#e8dfc9);border:1px solid var(--line);border-radius:3px;padding:12px}
.zh-qrbox img{width:150px;height:auto;display:block;border-radius:2px;mix-blend-mode:multiply}
.zh-qrbox span{display:block;margin-top:12px;font-size:13px;color:var(--ink-3);letter-spacing:.1em}

.zh-actions{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}

.zh-faq2{margin-top:26px;border-top:1px solid var(--line)}
.zh-faq2 details{border-bottom:1px solid var(--line)}
.zh-faq2 summary{list-style:none;cursor:pointer;padding:22px 4px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:16px;color:var(--ink);transition:color .25s}
.zh-faq2 summary::-webkit-details-marker{display:none}
.zh-faq2 summary:hover{color:var(--gold-2)}
.zh-faq2 summary i{font-style:normal;font-family:var(--serif);color:var(--gold);font-size:19px;flex:0 0 20px;text-align:center;transition:transform .3s}
.zh-faq2 details[open] summary i{transform:rotate(45deg)}
.zh-faq2 p{margin:0;padding:0 4px 24px;color:var(--ink-3);font-size:15px;line-height:1.9;max-width:760px}

@media (max-width:980px){
  .zh-tiles--3,.zh-tiles--4{grid-template-columns:repeat(2,1fr)}
  .zh-split{grid-template-columns:1fr;gap:40px}
  .zh-portrait{max-width:300px;margin:0 auto}
  .zh-qrrow{grid-template-columns:repeat(2,1fr)}
  .zh-panel{padding:60px 0}
  .zh-portrait::after{display:none}
}
@media (max-width:640px){
  .zh-tiles--2,.zh-tiles--3,.zh-tiles--4,.zh-nums{grid-template-columns:1fr}
  .zh-num{border-right:0;border-bottom:1px solid var(--line);padding:20px 0}
  .zh-num:last-child{border-bottom:0}
  .zh-qrrow{grid-template-columns:1fr}
  .zh-actions .zh-btn{width:100%}
  .zh-panel{padding:52px 0}
  .zh-row{flex-direction:column;gap:6px}
}