/* ============================================================
   羡曦吾语 AI · 专区详情页主题「现代极简 / Modern Minimal」
   仅在 body.zone-ed（zone.html）下生效，与首页主题统一。
   只改视觉，不改任何 DOM 结构与功能脚本。
   ============================================================ */
.zone-ed{
  --zpaper:#F4F6FB; --zpaper2:#FFFFFF; --zink:#1A1D21; --zsoft:#6B7280;
  --zred:#EF4444; --zteal:#10B981; --zgold:#F59E0B;
  --zprimary:#4F6BFF; --zprimary2:#7C5CFF;
  --zline:#E8ECF2; --zshadow:0 4px 24px rgba(26,29,33,.06); --zshadow-sm:0 2px 10px rgba(26,29,33,.05);
  --zgrad:linear-gradient(135deg,#4F6BFF 0%,#7C5CFF 100%);
  background:var(--zpaper); color:var(--zink);
}
.zone-ed::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background:radial-gradient(900px 500px at 90% -8%,rgba(79,107,255,.07),transparent 60%);}
.zone-ed .wrap,.zone-ed header.nav,.zone-ed footer.footer{position:relative;z-index:1;}

/* 导航/页脚与首页同风 */
.zone-ed .nav{background:rgba(255,255,255,.86);border-bottom:1px solid var(--zline);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:none;}
.zone-ed .nav.scrolled{background:rgba(255,255,255,.96);box-shadow:0 2px 12px rgba(26,29,33,.05);}
.zone-ed .brand{color:var(--zink);}
.zone-ed .nav-links a{color:var(--zsoft);border-radius:10px;}
.zone-ed .nav-links a:hover,.zone-ed .nav-links a.active{background:rgba(79,107,255,.10);color:var(--zprimary);}
.zone-ed .nav-download{background:var(--zgrad);color:#fff!important;border:none;border-radius:10px;box-shadow:0 4px 14px rgba(79,107,255,.32);}
.zone-ed .nav-toggle span{background:var(--zink);}

/* 专区头图：白底渐变，去纸黄 */
.zone-ed .zone-hero{background:var(--zpaper);border-bottom:1px solid var(--zline);padding:118px 0 40px;position:relative;z-index:1;}
.zone-ed .zone-hero::after{content:none;}
.zone-ed .zone-hero .crumb a{color:var(--zprimary);}
.zone-ed .zone-hero h1{color:var(--zink);font-weight:800;letter-spacing:-.01em;}
.zone-ed .zone-hero .lead{color:var(--zsoft);}
.zone-ed .zone-hero .zh-zi{filter:none;}
.zone-ed .zone-tags span,.zone-ed .zone-teacher-link{
  background:var(--zpaper2);border:1px solid var(--zline);border-radius:8px;color:var(--zink);
}
.zone-ed .zone-tags .zt-vip{background:var(--zgrad);color:#fff;border-color:transparent;}
.zone-ed .zone-tags span[style*="rgba(6,182,212"]{background:var(--zpaper2)!important;color:var(--zteal)!important;border:1px solid var(--zline)!important;border-radius:8px!important;}

/* 主体容器 */
.zone-ed .section-tight{position:relative;z-index:1;padding:34px 0 70px;}
.zone-ed #zoneRoot{background:transparent;}

/* 侧栏目录：现代卡片 */
.zone-ed .too{position:sticky;top:96px;align-self:flex-start;background:var(--zpaper2);
  border:1px solid var(--zline);border-radius:16px;padding:18px 16px;box-shadow:var(--zshadow-sm);}
.zone-ed .too h5{color:var(--zink);font-size:14px;font-weight:800;letter-spacing:.04em;border-bottom:1px solid var(--zline);padding-bottom:10px;margin-bottom:10px;}
.zone-ed .too a{color:var(--zsoft);border-left:3px solid transparent;padding:7px 10px;border-radius:8px;font-size:13.5px;line-height:1.4;transition:.15s;}
.zone-ed .too a:hover{color:var(--zprimary);background:rgba(79,107,255,.06);}
.zone-ed .too a.active{color:var(--zprimary);border-left-color:var(--zprimary);background:rgba(79,107,255,.08);font-weight:700;}
.zone-ed .toc-progress{background:#EEF0F5;border-radius:6px;}
.zone-ed .toc-progress i{background:var(--zgrad);border-radius:6px;}
.zone-ed .toc-progress-wrap{color:var(--zsoft);}

/* 章节：现代卡片 */
.zone-ed .chapter{background:var(--zpaper2);border:1px solid var(--zline);border-radius:18px;padding:28px 30px;margin-bottom:26px;
  box-shadow:var(--zshadow-sm);scroll-margin-top:96px;}
.zone-ed .chapter-head{border-bottom:1px solid var(--zline);padding-bottom:14px;margin-bottom:20px;}
.zone-ed .chapter-num{background:var(--zgrad);color:#fff;border-radius:8px;letter-spacing:.04em;font-weight:800;}
.zone-ed .chapter-head h2,.zone-ed .chapter-head h3{color:var(--zink);font-weight:800;}

/* 微课卡 */
.zone-ed .lesson{background:var(--zpaper2);border:1px solid var(--zline);border-radius:12px;transition:.2s;}
.zone-ed .lesson:hover{box-shadow:var(--zshadow);transform:translateY(-3px);}
.zone-ed .play-btn{background:var(--zgrad);border:none;border-radius:10px;box-shadow:0 4px 12px rgba(79,107,255,.30);}
.zone-ed .lesson-thumb .lt-bg{background:var(--zgrad)!important;}

/* 测验：柔和选项 */
.zone-ed .quiz{background:var(--zpaper2);border:1px solid var(--zline);border-radius:14px;}
.zone-ed .q-item{border-bottom:1px dashed var(--zline);}
.zone-ed .q-opt{border:1px solid var(--zline);border-radius:10px;background:var(--zpaper);transition:.15s;}
.zone-ed .q-opt:hover{background:rgba(79,107,255,.06);border-color:rgba(79,107,255,.30);}
.zone-ed .q-opt.correct{background:rgba(16,185,129,.12);border-color:var(--zteal);}
.zone-ed .q-opt.wrong{background:rgba(239,68,68,.10);border-color:var(--zred);}

/* 按钮统一现代风 */
.zone-ed .btn-primary,.zone-ed button.btn-primary{background:var(--zgrad);border:none;border-radius:12px;box-shadow:0 4px 14px rgba(79,107,255,.30);font-weight:700;color:#fff;transition:.18s;}
.zone-ed .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(79,107,255,.40);}
.zone-ed .btn-outline{border:1px solid var(--zline);border-radius:12px;color:var(--zink);background:var(--zpaper2);font-weight:600;transition:.15s;}
.zone-ed .btn-outline:hover{border-color:var(--zprimary);color:var(--zprimary);background:rgba(79,107,255,.06);}

/* 任务/实验框 */
.zone-ed .task-box,.zone-ed .multi-demo,.zone-ed .key{background:var(--zpaper);border:1px solid var(--zline);border-left-width:4px;border-left-color:var(--zteal);border-radius:12px;}

/* 付费墙 / 即将上线卡 */
.zone-ed .paywall,.zone-ed .soon-card,.zone-ed [class*="paywall"],.zone-ed .soon-goals{background:var(--zpaper2);border:1px solid var(--zline);border-radius:16px;box-shadow:var(--zshadow-sm);}

/* 页脚 */
.zone-ed footer.footer{background:var(--zink);color:rgba(255,255,255,.7);}
.zone-ed footer.footer a{color:rgba(255,255,255,.7);}
.zone-ed footer.footer a:hover{color:#fff;}
.zone-ed footer.footer h5{color:#fff;font-weight:700;}

/* 移动端 */
@media(max-width:900px){
  .zone-ed .zone-hero{padding:104px 0 30px;}
  .zone-ed .too{position:static;box-shadow:none;}
  .zone-ed .chapter{padding:20px 18px;}
}