@charset "UTF-8";
/* ==========================================================================
   众智商学院 · 内页样式（与首页同一设计语言）
   共用容器 .wrap（max-width 1200px）
   ========================================================================== */

/* ===== 内页顶部 Banner ===== */
.page-hero{
  position:relative;overflow:hidden;
  background:linear-gradient(135deg,#1e2a78 0%,#2b3d9e 55%,#3b5bfd 100%);
  color:#fff;padding:64px 0 56px;
}
.page-hero::before{
  content:"";position:absolute;top:-140px;right:-100px;width:460px;height:460px;
  background:radial-gradient(circle,rgba(255,90,95,.30),transparent 66%);border-radius:50%;
}
.page-hero::after{
  content:"";position:absolute;bottom:-160px;left:-120px;width:420px;height:420px;
  background:radial-gradient(circle,rgba(255,209,102,.16),transparent 66%);border-radius:50%;
}
.page-hero .wrap{position:relative;z-index:2;}
.page-hero .ph-k{
  display:inline-block;background:rgba(255,255,255,.14);color:#fff;
  font-size:.72rem;font-weight:800;letter-spacing:3px;
  padding:6px 14px;border-radius:999px;margin-bottom:16px;
}
.page-hero h1{font-size:2.2rem;font-weight:800;letter-spacing:-.5px;line-height:1.3;margin-bottom:14px;}
.page-hero h1 em{font-style:normal;color:#ffd166;}
.page-hero .ph-sub{font-size:.95rem;color:rgba(255,255,255,.8);line-height:1.85;max-width:760px;}
.page-hero.compact{padding:48px 0 42px;}
.page-hero.tiny{padding:26px 0 24px;}
.page-hero.tiny .ph-k{margin-bottom:0;font-size:.68rem;}

/* ===== 面包屑 ===== */
.crumb{background:#fff;border-bottom:1px solid var(--line);font-size:.82rem;color:var(--ink-mute);}
.crumb .wrap{display:flex;align-items:center;gap:8px;height:52px;flex-wrap:wrap;}
.crumb a{color:var(--ink-soft);}
.crumb a:hover{color:var(--blue);}
.crumb .sep{color:var(--ink-mute);opacity:.6;}
.crumb .cur{color:var(--navy);font-weight:700;}

/* ===== 正文 + 侧栏 布局 ===== */
.art-layout{display:grid;grid-template-columns:minmax(0,1fr) 336px;gap:40px;align-items:start;}
.art-main{min-width:0;}

/* ===== 长文排版 ===== */
.art-body{background:#fff;border:1px solid var(--line);border-radius:22px;padding:44px 46px;box-shadow:0 16px 40px rgba(30,42,120,.04);}
.art-body h2{
  font-size:1.4rem;font-weight:800;color:var(--navy);
  margin:38px 0 16px;padding-left:16px;position:relative;line-height:1.45;
}
.art-body h2::before{content:"";position:absolute;left:0;top:.24em;bottom:.24em;width:4px;border-radius:3px;background:linear-gradient(180deg,var(--blue),var(--coral));}
.art-body h2:first-child{margin-top:0;}
.art-body h3{font-size:1.1rem;font-weight:800;color:var(--ink);margin:26px 0 12px;line-height:1.5;}
.art-body h4{font-size:.98rem;font-weight:800;color:var(--ink);margin:20px 0 10px;}
.art-body p{font-size:.95rem;color:var(--ink-soft);line-height:2;margin-bottom:16px;}
.art-body ul,.art-body ol{margin:0 0 18px;padding-left:4px;}
.art-body li{font-size:.94rem;color:var(--ink-soft);line-height:1.95;padding-left:22px;position:relative;margin-bottom:8px;}
.art-body ul li::before{content:"";position:absolute;left:4px;top:12px;width:6px;height:6px;border-radius:50%;background:var(--blue);}
.art-body ol{counter-reset:li;}
.art-body ol li::before{counter-increment:li;content:counter(li);position:absolute;left:0;top:6px;width:18px;height:18px;border-radius:50%;background:var(--blue-soft);color:var(--blue);font-size:.7rem;font-weight:800;display:flex;align-items:center;justify-content:center;}
.art-body strong{color:var(--ink);font-weight:800;}
.art-body a{color:var(--blue);font-weight:700;border-bottom:1px solid rgba(59,91,253,.3);}
.art-body a:hover{border-bottom-color:var(--blue);}
.art-body blockquote{
  background:var(--blue-soft);border-left:4px solid var(--blue);border-radius:0 14px 14px 0;
  padding:18px 22px;margin:22px 0;color:var(--navy);font-size:.93rem;line-height:1.95;
}
.art-body blockquote p{margin:0;color:var(--navy);}
.art-body .tbl-wrap{margin:22px 0;border:1px solid var(--line);border-radius:14px;overflow:hidden;}
.art-body table{width:100%;border-collapse:collapse;min-width:520px;}
.art-body thead{background:#f4f6fc;}
.art-body th{text-align:left;padding:13px 18px;font-size:.84rem;font-weight:800;color:var(--navy);white-space:nowrap;}
.art-body td{padding:13px 18px;font-size:.88rem;color:var(--ink-soft);border-top:1px solid var(--line);}
.art-body .tbl-wrap{overflow-x:auto;}
.art-body .hl{background:var(--blue-soft);color:var(--navy);padding:2px 7px;border-radius:6px;font-weight:700;}
.art-body .tip-box{background:#fffbeb;border:1px solid #fde68a;border-radius:14px;padding:18px 22px;margin:22px 0;font-size:.9rem;line-height:1.9;color:#92400e;}
.art-body .tip-box strong{color:#78350f;}

/* 文章头部 */
.art-head{margin-bottom:30px;padding-bottom:26px;border-bottom:1px solid var(--line);}
.art-head h1{font-size:1.85rem;font-weight:800;line-height:1.4;letter-spacing:-.4px;color:var(--ink);margin-bottom:16px;}
.art-meta{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:.82rem;color:var(--ink-mute);align-items:center;}
.art-meta .m{display:inline-flex;align-items:center;gap:6px;}
.art-meta .tag{background:var(--blue-soft);color:var(--blue);font-weight:700;padding:4px 12px;border-radius:999px;font-size:.76rem;}
.art-lead{background:#f8f9ff;border:1px dashed var(--line);border-radius:14px;padding:18px 22px;font-size:.92rem;color:var(--ink-soft);line-height:1.95;margin-bottom:30px;}
.art-lead strong{color:var(--navy);}
.art-foot{margin-top:34px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-size:.84rem;color:var(--ink-mute);}
.art-share{display:flex;gap:10px;flex-wrap:wrap;}
.art-share a,.art-share button{background:#f4f6fc;color:var(--ink-soft);border:none;cursor:pointer;border-radius:999px;padding:8px 18px;font-size:.82rem;font-weight:700;transition:all .2s;}
.art-share a:hover,.art-share button:hover{background:var(--blue);color:#fff;}
.art-prev-next{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px;}
.art-prev-next a{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 20px;font-size:.86rem;color:var(--ink-soft);transition:all .25s;display:block;min-width:0;}
.art-prev-next a:hover{border-color:var(--blue);box-shadow:0 12px 28px rgba(59,91,253,.1);}
.art-prev-next .lbl{display:block;font-size:.74rem;color:var(--ink-mute);margin-bottom:6px;}
.art-prev-next .tt{display:block;font-weight:700;color:var(--navy);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* ===== 侧栏 ===== */
.side-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px 24px;margin-bottom:22px;box-shadow:0 14px 34px rgba(30,42,120,.04);}
.side-card h3{font-size:.98rem;font-weight:800;color:var(--navy);padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px;}
.side-card h3::before{content:"";width:4px;height:16px;border-radius:2px;background:linear-gradient(180deg,var(--blue),var(--coral));}
.side-list li{padding:11px 0;border-bottom:1px dashed var(--line);font-size:.86rem;}
.side-list li:last-child{border-bottom:none;padding-bottom:0;}
.side-list a{color:var(--ink-soft);display:block;line-height:1.7;transition:color .2s;}
.side-list a:hover{color:var(--blue);}
.side-list .rk{display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;border-radius:6px;background:var(--blue-soft);color:var(--blue);font-size:.72rem;font-weight:800;margin-right:8px;vertical-align:1px;}
.side-list li:nth-child(1) .rk{background:var(--coral);color:#fff;}
.side-list li:nth-child(2) .rk{background:#f97316;color:#fff;}
.side-list li:nth-child(3) .rk{background:#f59e0b;color:#fff;}
.side-cta{background:linear-gradient(135deg,#1e2a78,#3b5bfd);color:#fff;border:none;}
.side-cta h3{color:#fff;border-bottom-color:rgba(255,255,255,.18);}
.side-cta h3::before{background:#ffd166;}
.side-cta p{font-size:.85rem;color:rgba(255,255,255,.8);line-height:1.8;margin-bottom:16px;}
.side-cta .tel{font-size:1.45rem;font-weight:800;color:#ffd166;letter-spacing:.5px;display:block;margin-bottom:6px;}
.side-cta .sbtn{display:block;text-align:center;background:var(--coral);color:#fff;border-radius:999px;padding:12px;font-weight:800;font-size:.9rem;transition:all .2s;}
.side-cta .sbtn:hover{background:var(--coral-dark);transform:translateY(-2px);}
.side-nav{display:flex;flex-direction:column;gap:2px;}
.side-nav a{padding:12px 16px;border-radius:10px;font-size:.88rem;color:var(--ink-soft);font-weight:600;transition:all .2s;display:flex;justify-content:space-between;align-items:center;}
.side-nav a:hover{background:var(--blue-soft);color:var(--blue);}
.side-nav a.on{background:var(--blue);color:#fff;}
.side-nav a span{opacity:.6;font-size:.8rem;}

/* ===== 咨询卡片 通用 ===== */
.cta-band{
  background:linear-gradient(135deg,#1e2a78 0%,#3b5bfd 100%);
  border-radius:24px;padding:40px 44px;color:#fff;
  display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap;
  position:relative;overflow:hidden;
}
.cta-band::before{content:"";position:absolute;top:-90px;right:-60px;width:300px;height:300px;background:radial-gradient(circle,rgba(255,90,95,.3),transparent 66%);border-radius:50%;}
.cta-band > *{position:relative;z-index:2;}
.cta-band h2,.cta-band h3{font-size:1.5rem;font-weight:800;margin-bottom:8px;}
.cta-band p{font-size:.9rem;color:rgba(255,255,255,.78);}
.cta-band .cta-actions{display:flex;gap:12px;flex-wrap:wrap;}

/* ===== 资讯卡片列表 ===== */
.news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}
.ncard{background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px 28px;transition:all .3s;display:flex;flex-direction:column;position:relative;overflow:hidden;}
.ncard::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--coral));transform:scaleX(0);transform-origin:left;transition:transform .35s;}
.ncard:hover{transform:translateY(-5px);box-shadow:0 24px 54px rgba(30,42,120,.1);border-color:transparent;}
.ncard:hover::before{transform:scaleX(1);}
.ncard .ntop{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap;}
.ncard .ntag{background:var(--blue-soft);color:var(--blue);font-size:.74rem;font-weight:800;padding:4px 12px;border-radius:999px;}
.ncard .ndate{font-size:.78rem;color:var(--ink-mute);}
.ncard h3{font-size:1.1rem;font-weight:800;line-height:1.55;color:var(--ink);margin-bottom:12px;transition:color .2s;}
.ncard:hover h3{color:var(--blue);}
.ncard h3 a{display:block;}
.ncard .nex{font-size:.88rem;color:var(--ink-soft);line-height:1.85;margin-bottom:18px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.ncard .nfoot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--ink-mute);padding-top:16px;border-top:1px solid var(--line);}
.ncard .nfoot .more{color:var(--blue);font-weight:800;}

/* 列表型（带日期块） */
.news-list{display:flex;flex-direction:column;gap:16px;}
.nrow{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px 26px;display:flex;gap:24px;align-items:flex-start;transition:all .25s;}
.nrow:hover{border-color:var(--blue);box-shadow:0 16px 38px rgba(59,91,253,.09);}
.nrow .nd{flex-shrink:0;width:74px;text-align:center;background:#f4f6fc;border-radius:14px;padding:12px 0;}
.nrow .nd .dd{font-size:1.5rem;font-weight:800;color:var(--navy);line-height:1.1;}
.nrow .nd .mm{font-size:.74rem;color:var(--ink-mute);margin-top:4px;}
.nrow .nb{flex:1;min-width:0;}
.nrow h3{font-size:1.06rem;font-weight:800;margin-bottom:8px;line-height:1.55;}
.nrow h3 a:hover{color:var(--blue);}
.nrow p{font-size:.87rem;color:var(--ink-soft);line-height:1.8;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.nrow .nm{display:flex;gap:16px;font-size:.78rem;color:var(--ink-mute);flex-wrap:wrap;}

/* ===== 分页 ===== */
.pager{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:44px;flex-wrap:wrap;}
.pager a,.pager span{min-width:40px;height:40px;padding:0 14px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--ink-soft);font-size:.88rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;transition:all .2s;}
.pager a:hover{border-color:var(--blue);color:var(--blue);}
.pager .cur{background:var(--navy);border-color:var(--navy);color:#fff;}
.pager .dis{opacity:.45;cursor:not-allowed;}

/* ===== 信息卡片网格 ===== */
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.info-grid.two{grid-template-columns:repeat(2,1fr);}
.info-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px 26px;transition:all .3s;}
.info-card:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(30,42,120,.09);border-color:transparent;}
.info-card .ic{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:18px;}
.info-card h3{font-size:1.05rem;font-weight:800;margin-bottom:10px;}
.info-card p{font-size:.87rem;color:var(--ink-soft);line-height:1.85;}
.info-card ul li{font-size:.86rem;color:var(--ink-soft);line-height:1.8;padding-left:20px;position:relative;margin-bottom:6px;}
.info-card ul li::before{content:"›";position:absolute;left:2px;top:-1px;color:var(--blue);font-weight:800;}

/* ===== 时间轴 ===== */
.tl{position:relative;padding-left:34px;}
.tl::before{content:"";position:absolute;left:9px;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,var(--blue),var(--coral));border-radius:2px;}
.tl-item{position:relative;padding-bottom:30px;}
.tl-item:last-child{padding-bottom:0;}
.tl-item::before{content:"";position:absolute;left:-32px;top:6px;width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--blue);}
.tl-item .yr{font-size:.88rem;font-weight:800;color:var(--coral);margin-bottom:6px;}
.tl-item h3{font-size:1rem;font-weight:800;margin-bottom:6px;}
.tl-item p{font-size:.87rem;color:var(--ink-soft);line-height:1.85;}

/* ===== 数字卡 ===== */
.num-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.num-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px 22px;text-align:center;transition:all .3s;}
.num-card:hover{transform:translateY(-5px);box-shadow:0 20px 44px rgba(30,42,120,.09);border-color:transparent;}
.num-card .nv{font-size:2rem;font-weight:800;color:var(--navy);line-height:1;}
.num-card .nv small{font-size:1rem;color:var(--coral);}
.num-card .nl{font-size:.84rem;color:var(--ink-soft);margin-top:10px;}
.num-card .nd{font-size:.76rem;color:var(--ink-mute);margin-top:6px;line-height:1.6;}

/* ===== 表单页（独立报名页/留言页） ===== */
.form-page{max-width:860px;margin:0 auto;}
.form-page.wide{max-width:1000px;}

/* ===== 提交成功页 ===== */
.done-box{max-width:640px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:24px;padding:52px 40px;text-align:center;box-shadow:0 20px 50px rgba(30,42,120,.07);}
.done-box .ico{width:76px;height:76px;border-radius:50%;background:#ecfdf5;color:#059669;font-size:2.2rem;display:flex;align-items:center;justify-content:center;margin:0 auto 22px;}
.done-box h1{font-size:1.5rem;font-weight:800;margin-bottom:12px;}
.done-box p{font-size:.93rem;color:var(--ink-soft);line-height:1.9;margin-bottom:10px;}
.done-box .kv{background:#f8f9ff;border-radius:14px;padding:18px 22px;margin:24px 0;text-align:left;}
.done-box .kv .r{display:flex;justify-content:space-between;gap:14px;font-size:.88rem;padding:8px 0;border-bottom:1px dashed var(--line);}
.done-box .kv .r:last-child{border-bottom:none;}
.done-box .kv .r span:first-child{color:var(--ink-mute);}
.done-box .kv .r span:last-child{color:var(--navy);font-weight:700;text-align:right;word-break:break-all;}

/* ===== 课程详情 ===== */
.cd-head{background:#fff;border:1px solid var(--line);border-radius:24px;padding:36px 40px;margin-bottom:24px;box-shadow:0 16px 40px rgba(30,42,120,.04);}
.cd-head .cd-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap;padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid var(--line);}
.cd-head h1{font-size:2rem;font-weight:800;color:var(--navy);letter-spacing:-.4px;line-height:1.3;margin-bottom:8px;}
.cd-head .cd-cn{font-size:.95rem;color:var(--ink-soft);font-weight:600;}
.cd-head .cd-badges{display:flex;gap:8px;flex-wrap:wrap;}
.cd-head .cd-badges span{background:var(--coral-soft);color:var(--coral);font-size:.76rem;font-weight:800;padding:6px 14px;border-radius:999px;}
.cd-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.cd-quick .q{background:#f8f9ff;border-radius:14px;padding:16px 18px;}
.cd-quick .q .ql{font-size:.76rem;color:var(--ink-mute);margin-bottom:6px;}
.cd-quick .q .qv{font-size:.94rem;font-weight:800;color:var(--navy);line-height:1.5;}

/* ===== 资质/证书墙 ===== */
.cert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.cert-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:all .3s;}
.cert-card:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(30,42,120,.1);border-color:transparent;}
.cert-card .ch2{height:150px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;color:#fff;letter-spacing:1px;text-align:center;padding:0 16px;}
.cert-card .cb{padding:22px 24px;}
.cert-card h3{font-size:1rem;font-weight:800;margin-bottom:8px;}
.cert-card p{font-size:.85rem;color:var(--ink-soft);line-height:1.8;}

/* ===== 双栏内容 ===== */
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start;}
.panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:34px 32px;box-shadow:0 16px 40px rgba(30,42,120,.04);}
.panel h2,.panel h3{font-size:1.15rem;font-weight:800;color:var(--navy);margin-bottom:16px;}
.panel p{font-size:.92rem;color:var(--ink-soft);line-height:1.95;margin-bottom:14px;}
.panel ul li{font-size:.9rem;color:var(--ink-soft);line-height:1.95;padding-left:22px;position:relative;margin-bottom:8px;}
.panel ul li::before{content:"✓";position:absolute;left:0;top:0;color:var(--blue);font-weight:800;}

/* ===== 表单行内错误 ===== */
.fld .err{font-size:.78rem;color:var(--coral);margin-top:6px;display:none;}
.fld.bad input,.fld.bad select,.fld.bad textarea{border-color:var(--coral);background:#fff8f8;}
.fld.bad .err{display:block;}

/* ===== 响应式 ===== */
@media (max-width:1080px){
  .art-layout{grid-template-columns:1fr;gap:32px;}
  .cert-grid{grid-template-columns:repeat(2,1fr);}
  .num-grid{grid-template-columns:repeat(2,1fr);}
  .info-grid{grid-template-columns:repeat(2,1fr);}
  .cd-quick{grid-template-columns:repeat(2,1fr);}
  .two-col{grid-template-columns:1fr;gap:24px;}
}
@media (max-width:768px){
  .page-hero{padding:44px 0 38px;}
  .page-hero h1{font-size:1.6rem;}
  .page-hero .ph-sub{font-size:.88rem;}
  .crumb .wrap{height:auto;padding-top:12px;padding-bottom:12px;font-size:.78rem;}
  .art-body{padding:26px 20px;border-radius:18px;}
  .art-body h2{font-size:1.2rem;}
  .art-body p{font-size:.92rem;line-height:1.95;}
  .art-head h1{font-size:1.35rem;}
  .news-grid{grid-template-columns:1fr;}
  .nrow{flex-direction:row;gap:16px;padding:20px;}
  .nrow .nd{width:60px;padding:10px 0;}
  .nrow .nd .dd{font-size:1.2rem;}
  .cert-grid,.num-grid,.info-grid,.info-grid.two{grid-template-columns:1fr;}
  .cd-head{padding:26px 22px;border-radius:18px;}
  .cd-head h1{font-size:1.5rem;}
  .cd-quick{grid-template-columns:1fr 1fr;}
  .cta-band{padding:28px 24px;border-radius:18px;}
  .cta-band h2,.cta-band h3{font-size:1.2rem;}
  .panel{padding:26px 22px;}
  .art-prev-next{grid-template-columns:1fr;}
  .done-box{padding:36px 24px;}
  .done-box h1{font-size:1.25rem;}
}