@charset "UTF-8";
/* =============================================================
   look.css · 视觉升级层（在 site.css / refine.css 之后加载）
   设计方向：冷蓝为主 + 暖橙点缀，深海军蓝做视觉锚点，
   通过"底色层次 / 卡片质感 / 标题节奏 / 细节动效"提升精致度。
   只改样式，不改任何内容与结构。
   ============================================================= */

:root{
  --ink:#0f2338;
  --ink-2:#2a4260;
  --muted:#5f7189;
  --blue:#2358c9;
  --blue-2:#3d7bf0;
  --blue-3:#7fa5ff;
  --orange:#ef8a3c;
  --orange-2:#f8ab6b;
  --line:#e2e9f3;
  --line-2:#d2ddec;
  --surface:#f5f8fd;
  --surface-2:#eef3fb;
  --navy:#08182c;
  --navy-2:#123159;
  --sh-s:0 2px 10px rgba(15,35,56,.05);
  --sh-m:0 12px 32px rgba(15,35,56,.08);
  --sh-l:0 28px 60px rgba(15,35,56,.13);
}

::selection{background:#cfe0ff;color:#0a1b30}

/* ---------- 顶部导航 ---------- */
.site-header{background:rgba(255,255,255,.9);backdrop-filter:saturate(1.4) blur(10px)}
.desktop-nav a{color:#26405f;transition:color .18s}
.desktop-nav a:hover:after{background:linear-gradient(90deg,var(--blue),var(--blue-3));height:3px;border-radius:99px;width:26px}
.header-phone strong{font-weight:700}

/* ---------- 首屏 ---------- */
.hero{
  background:
    radial-gradient(880px 520px at 6% -14%,#e6efff 0%,rgba(230,239,255,0) 66%),
    radial-gradient(720px 480px at 96% 4%,#fdeee1 0%,rgba(253,238,225,0) 62%),
    linear-gradient(180deg,#fbfcff 0%,#f3f7ff 100%);
  border-bottom:1px solid #e9eff8;
  position:relative;
  isolation:isolate;
}
.hero:before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(#dae5f7 1px,transparent 1px),linear-gradient(90deg,#dae5f7 1px,transparent 1px);
  background-size:58px 58px;opacity:.42;
  -webkit-mask-image:radial-gradient(720px 420px at 22% 6%,#000 0%,transparent 74%);
  mask-image:radial-gradient(720px 420px at 22% 6%,#000 0%,transparent 74%);
}
.hero:after{
  content:"";position:absolute;right:-240px;top:-320px;width:820px;height:820px;
  border:1px solid #e2ebfa;border-radius:50%;z-index:-1;pointer-events:none;
  box-shadow:inset 0 0 120px rgba(214,229,250,.35);
}
.hero h1{
  font-size:58px;line-height:1.24;letter-spacing:-2.4px;font-weight:800;
  margin:26px 0 24px;color:#0c1f36;text-wrap:balance;
}
/* 强调词：在手写字宽内画一条柔和的高亮条（right 内缩抵消中文标点的右侧留白） */
.hero h1 span{color:var(--ink);position:relative;z-index:0;background:none;padding:0}
.hero h1 span:before{
  content:"";position:absolute;left:-.03em;right:-.03em;bottom:.055em;height:.30em;z-index:-1;
  background:linear-gradient(90deg,#c2d8ff 0%,#a3c3ff 58%,#c0d6ff 100%);
  border-radius:4px;
}
.hero-lead{font-size:17px;line-height:2;color:#5c7288}
.hero-copy .eyebrow{color:#4a6a96}
.hero-copy .eyebrow i{width:8px;height:8px;background:var(--orange);box-shadow:0 0 0 4px rgba(239,138,60,.14)}
.button{border-radius:11px;font-size:16px;min-height:52px;padding:13px 26px;font-weight:650;letter-spacing:.2px}
.button.blue{background:linear-gradient(135deg,#2d63d8 0%,#1b46a6 100%);box-shadow:0 12px 26px rgba(35,88,201,.26)}
.button.blue:hover{background:linear-gradient(135deg,#376fe4 0%,#2050b6 100%);box-shadow:0 16px 32px rgba(35,88,201,.32)}
.button.orange{background:linear-gradient(135deg,#f7a566 0%,#e8822f 100%);box-shadow:0 12px 26px rgba(232,130,47,.28)}
.button.orange:hover{background:linear-gradient(135deg,#f9b078 0%,#ef8c3c 100%);box-shadow:0 16px 34px rgba(232,130,47,.34)}
.text-link{color:#38507a}
.text-link span{color:var(--blue)}
.text-link:hover{color:var(--blue)}
.hero-notes{gap:10px}
.hero-notes span{
  background:rgba(255,255,255,.92);border:1px solid #e5ecf7;border-radius:99px;
  padding:7px 15px;font-size:13px;color:#546b85;box-shadow:0 2px 8px rgba(15,35,56,.04);
}
.hero-notes span:before{color:#2f7d5f}

.hero-photo{
  border:7px solid #fff;border-radius:26px 78px 26px 26px;
  box-shadow:0 30px 70px rgba(23,44,72,.16),0 0 0 1px #dde7f5;
}
.hero-photo img{transform:scale(1.02)}
.hero-photo:after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(9,25,46,.08) 0%,rgba(9,25,46,0) 42%);
}
.photo-label{
  border:1px solid #e6edf7;border-radius:10px;background:rgba(255,255,255,.96);
  box-shadow:0 10px 26px rgba(23,44,72,.1);font-size:13px;padding:10px 16px;
}
.live-dot{box-shadow:0 0 0 4px rgba(114,167,140,.18)}
.photo-caption{
  border:1px solid #e6edf7;border-radius:14px;background:rgba(255,255,255,.97);
  box-shadow:0 18px 42px rgba(23,44,72,.13);backdrop-filter:blur(6px);
}
.caption-icon{
  border-radius:12px;background:linear-gradient(140deg,#eaf1ff,#dbe7ff);
  color:var(--blue);font-weight:600;
}
.photo-caption strong{color:#162c47}
.visual-dotgrid{background-image:radial-gradient(#9db4d8 1.6px,transparent 1.6px);opacity:.55}

/* ---------- 四条优势：浮起卡片 ---------- */
.trust-strip{border:0;background:transparent;margin-top:-52px;position:relative;z-index:6}
.trust-grid{
  background:#fff;border:1px solid #edf2f9;border-radius:20px;
  box-shadow:0 24px 54px rgba(17,38,64,.1);padding:6px 0;
  backdrop-filter:blur(4px);
}
.trust-grid>div{padding:26px 30px;border-right:1px solid #eaf0f8;transition:background .2s}
.trust-grid>div:hover{background:#fbfdff}
.trust-grid>div>span{
  font-size:15px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--blue),var(--blue-3));
  width:34px;height:34px;line-height:34px;text-align:center;border-radius:10px;
  letter-spacing:0;flex-shrink:0;box-shadow:0 6px 14px rgba(35,88,201,.22);
}
.trust-grid>div:nth-child(even)>span{background:linear-gradient(135deg,var(--blue-2),var(--blue-3));box-shadow:0 6px 14px rgba(35,88,201,.16)}
.trust-grid strong{font-size:17px;color:#16293f;margin-bottom:2px}
.trust-grid p{font-size:13px;color:#6c7e94;line-height:1.75}

/* ---------- 区块节奏 ---------- */
.section{padding:94px 0}
.section-heading{margin-bottom:38px}
.section-heading h2,.classroom-copy h2,.learning-info h2{
  font-size:36px;line-height:1.45;letter-spacing:-1.2px;font-weight:800;color:#0e2137;
}
.section-heading p{font-size:16px;color:#63758c;margin-top:14px;max-width:620px}
.eyebrow{
  color:#3f689e;font-size:12px;font-weight:750;letter-spacing:2.2px;
  position:relative;padding-left:26px;
}
.eyebrow:before{
  content:"";position:absolute;left:0;top:50%;width:16px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,var(--orange),var(--orange-2));transform:translateY(-50%);
}
.section-heading>.text-link{color:#31517e;font-weight:650}

/* ---------- 课程卡片 ---------- */
.course-grid{gap:24px}
.course-card{
  border:1px solid #e6ecf6;border-radius:18px;background:#fff;
  box-shadow:0 6px 22px rgba(15,35,56,.055);
  transition:transform .28s cubic-bezier(.2,.7,.3,1),box-shadow .28s,border-color .28s;
  overflow:hidden;
}
.course-card:hover{transform:translateY(-7px);box-shadow:0 26px 52px rgba(15,35,56,.14);border-color:#cfdcef}

/* 卡头：真实配图铺底 + 压暗蒙版，保证白色文字可读 */
.course-visual{
  height:206px;border:0;border-bottom:0;position:relative;overflow:hidden;isolation:isolate;
  color:#fff;display:block;
  background:
    linear-gradient(180deg,rgba(3,12,30,.34) 0%,rgba(3,12,30,.04) 30%,rgba(3,12,30,.58) 100%),
    linear-gradient(100deg,rgba(3,12,30,.30) 0%,rgba(3,12,30,.04) 34%,rgba(3,12,30,0) 58%),
    linear-gradient(150deg,#1a1440 0%,#2b1f66 60%,#3a2a86 100%);
}
.course-visual::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background-position:center center;background-size:cover;background-repeat:no-repeat;
  transform:scale(1.001);
  transition:transform .7s cubic-bezier(.2,.7,.3,1);
}
.course-visual:hover::before{transform:scale(1.055)}
/* 四个方向各一张配图，4 张一循环，课程数量变化也不错位 */
.course-card:nth-of-type(4n+1) .course-visual::before{background-image:url("/public/static/youzhi2026/img/course/wave-01.svg?v=20261109-09")}
.course-card:nth-of-type(4n+2) .course-visual::before{background-image:url("/public/static/youzhi2026/img/course/wave-02.svg?v=20261109-09")}
.course-card:nth-of-type(4n+3) .course-visual::before{background-image:url("/public/static/youzhi2026/img/course/wave-03.svg?v=20261109-09")}
.course-card:nth-of-type(4n+4) .course-visual::before{background-image:url("/public/static/youzhi2026/img/course/wave-04.svg?v=20261109-09")}

.course-number{
  position:absolute;left:22px;top:auto;bottom:16px;font-size:52px;font-weight:800;
  letter-spacing:-2.5px;line-height:1;color:#fff;opacity:1;
  text-shadow:0 6px 22px rgba(2,10,24,.5);
}
.course-art{width:44px;height:44px;right:18px;top:16px;bottom:auto;transform:none}
.course-art i{display:none}
.course-art b{
  position:static;display:flex;align-items:center;justify-content:center;
  width:44px;height:44px;border-radius:50%;font-size:18px;font-weight:400;
  color:#fff;opacity:1;background:rgba(6,18,38,.32);
  border:1px solid rgba(255,255,255,.52);
  -webkit-backdrop-filter:blur(4px) saturate(1.2);backdrop-filter:blur(4px) saturate(1.2);
  box-shadow:0 4px 14px rgba(2,10,24,.28);
  transition:background .25s,border-color .25s,transform .25s,color .25s;
}
.course-visual:hover .course-art b{background:rgba(255,255,255,.94);border-color:#fff;color:#12315f;transform:scale(1.06)}
.course-small{
  display:block;position:absolute;left:23px;top:19px;bottom:auto;padding-left:11px;
  font-size:10px;letter-spacing:2.8px;opacity:.82;color:#fff;font-weight:650;
}
.course-small::before{
  content:"";position:absolute;left:0;top:50%;width:2px;height:9px;margin-top:-4.5px;
  border-radius:2px;background:rgba(255,255,255,.8);
}

.course-copy{padding:26px 24px 24px}
.course-mode{
  font-size:12px;color:#527aa8;letter-spacing:.6px;font-weight:650;
  background:#eff5ff;border-radius:99px;padding:5px 12px;display:inline-block;
}
.course-copy h3{font-size:21px;line-height:1.5;margin:14px 0 12px;color:#122438;font-weight:750;min-height:63px}
.course-copy>p{font-size:14px;line-height:1.95;color:#66788f;min-height:82px}
.course-link{
  font-size:15px;font-weight:650;color:#284461;border-top:1px solid #edf2f9;
  padding-top:17px;margin-top:22px;
}
.course-link span{color:var(--blue);font-size:20px;transition:transform .25s}
.course-link:hover{color:var(--blue)}
.course-link:hover span{transform:translate(3px,-3px)}

.support-line{
  background:linear-gradient(90deg,#f7fafe,#f1f6fd);border:1px solid #e7eef8;
  border-radius:14px;padding:20px 24px;margin-top:26px;
}
.support-line>span{color:#7c8ea6;font-weight:650}
.support-line a{color:#456a99;padding:4px 2px;transition:color .18s}
.support-line a:hover{color:var(--blue)}

/* ---------- 课堂教学 ---------- */
.classroom-section{
  background:
    radial-gradient(680px 380px at 92% 0%,#e9f0fd 0%,rgba(233,240,253,0) 70%),
    linear-gradient(180deg,#f6f9fd 0%,#f2f6fc 100%);
  padding:96px 0 100px;border-top:1px solid #edf2f9;border-bottom:1px solid #edf2f9;
}
.classroom-photos{padding:0 34px 58px 0}
.classroom-main{height:372px;border-radius:20px;border:6px solid #fff;box-shadow:0 22px 48px rgba(17,38,64,.14)}
.classroom-small{
  height:196px;border:8px solid #f4f8fd;border-radius:16px;
  box-shadow:0 16px 38px rgba(17,38,64,.16);bottom:-4px;right:-2px;
}
.classroom-badge{
  left:20px;bottom:26px;background:rgba(9,25,46,.9);color:#dbe6f6;
  border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:16px 22px;
  font-size:13px;line-height:1.75;backdrop-filter:blur(8px);
  box-shadow:0 18px 40px rgba(6,18,36,.3);
}
.classroom-badge strong{color:#fff;font-size:20px;letter-spacing:-.3px}
.learning-steps li{gap:18px;margin:24px 0;position:relative}
.learning-steps li>span{
  width:40px;height:40px;line-height:40px;border-radius:12px;
  background:#fff;border:1px solid #dfe8f5;color:var(--blue);
  font-size:13px;font-weight:750;box-shadow:0 6px 16px rgba(17,38,64,.07);
}
.learning-steps h3{font-size:18px;color:#16293f;font-weight:700}
.learning-steps p{font-size:14px;color:#697b92}

/* ---------- 时间安排 + FAQ ---------- */
.learning-info{gap:76px}
.schedule-box{
  position:relative;background:#fff;border:1px solid #e7eef8;border-radius:18px;
  padding:30px 32px 26px;box-shadow:0 16px 40px rgba(17,38,64,.08);overflow:hidden;
}
.schedule-box:before{
  content:"";position:absolute;left:0;right:0;top:0;height:5px;
  background:linear-gradient(90deg,var(--blue) 0%,var(--blue-3) 55%,var(--orange) 100%);
}
.schedule-box h3{font-size:17px;color:#16293f;font-weight:750;margin:6px 0 14px}
.schedule-box h3>span{
  font-size:12px;color:#5877a0;font-weight:600;background:#f1f6fd;
  border-radius:99px;padding:4px 11px;
}
.time-grid{gap:10px;margin-bottom:22px}
.time-grid>span{
  background:#fbfdff;border:1px solid #e3ecf8;border-radius:11px;padding:10px 12px;
  font-size:14px;color:#33507a;font-weight:650;letter-spacing:.2px;
  transition:border-color .18s,box-shadow .18s,color .18s,transform .18s;
}
.time-grid>span:hover{
  border-color:#a9c4ec;color:var(--blue);background:#fff;
  box-shadow:0 8px 18px rgba(35,88,201,.1);transform:translateY(-2px);
}
.schedule-box .muted{font-size:12px;color:#8595a9;line-height:1.8}
.schedule-help{
  margin-top:20px;padding-top:18px;border-top:1px dashed #e2ebf8;
  display:flex;align-items:center;justify-content:space-between;gap:14px;
}
.schedule-help p{font-size:13px;color:#5a7597;font-weight:600;line-height:1.6}
.schedule-help a{font-size:13px;font-weight:700;color:var(--blue);white-space:nowrap;transition:color .18s}
.schedule-help a:hover{color:#1b46a6}

.faq{
  background:#fff;border:1px solid #e7eef8;border-radius:18px;
  padding:30px 34px 26px;box-shadow:0 16px 40px rgba(17,38,64,.07);
}
.faq h2{font-size:28px;margin:8px 0 20px;letter-spacing:-.8px;font-weight:800}
.faq details{border-bottom:1px solid #eef3f9;padding:19px 0}
.faq details:last-child{border-bottom:0;padding-bottom:2px}
.faq summary{font-size:15px;font-weight:650;color:#17293e;padding-right:40px;transition:color .18s}
.faq summary:hover{color:var(--blue)}
.faq summary:after{
  content:"+";position:absolute;right:0;top:50%;margin-top:-13px;
  display:flex;align-items:center;justify-content:center;
  width:26px;height:26px;border-radius:50%;line-height:1;
  background:#eef4fd;border:1px solid #e1ebf9;color:var(--blue);
  font-size:18px;font-weight:500;
  transition:background .2s,color .2s,border-color .2s;
}
.faq details[open] summary{color:var(--blue)}
.faq details[open] summary:after{content:"−";background:var(--blue);color:#fff;border-color:var(--blue)}
.faq details p{margin-top:12px;color:#63758c;font-size:14px;line-height:1.95;padding-right:26px}

/* ---------- 资讯 ---------- */
.journal-section{
  background:
    radial-gradient(560px 300px at 8% 0%,#eef4fe 0%,rgba(238,244,254,0) 72%),
    #f8fafd;
  padding:88px 0;border-top:1px solid #eef3f9;
}
.journal-grid{gap:26px}
.journal-card{
  position:relative;background:#fff;border:1px solid #e6ecf6;border-radius:18px;
  padding:30px 30px 28px;box-shadow:0 6px 20px rgba(15,35,56,.05);
  transition:transform .26s,box-shadow .26s,border-color .26s;overflow:hidden;
}
.journal-card:before{
  content:"";position:absolute;left:0;top:0;height:3px;width:0;
  background:linear-gradient(90deg,var(--blue),var(--orange));transition:width .35s ease;
}
.journal-card:hover{transform:translateY(-5px);box-shadow:0 24px 46px rgba(15,35,56,.12);border-color:#cfdcef}
.journal-card:hover:before{width:100%}
.journal-date{
  display:inline-block;background:#eff4fc;color:#40689b;border-radius:99px;
  padding:5px 12px;font-size:12px;letter-spacing:.3px;font-weight:600;
}
.journal-card h3{font-size:19px;line-height:1.65;color:#122438;margin:16px 0 12px;font-weight:700;min-height:63px}
.journal-card p{font-size:14px;line-height:1.9;color:#66788f;min-height:80px}
.journal-card .text-link{font-size:13px;margin-top:20px;color:var(--blue);font-weight:650}

/* ---------- 服务区域 ---------- */
.service-area{
  border-top:1px solid #eef3f9;color:#7a8ca2;font-size:13px;line-height:2;
  padding:30px 0;
}
.service-area strong{color:#233d5e;font-weight:700}

/* ---------- 咨询 CTA：深色锚点 ---------- */
.contact-section{
  position:relative;overflow:hidden;padding:78px 0;
  background:linear-gradient(118deg,#07172b 0%,#0f2a4c 46%,#123a6b 100%);
}
.contact-section:before{
  content:"";position:absolute;right:-160px;top:-180px;width:560px;height:560px;border-radius:50%;
  background:radial-gradient(circle at 50% 50%,rgba(96,157,255,.3),rgba(96,157,255,0) 68%);
  pointer-events:none;
}
.contact-section:after{
  content:"";position:absolute;left:-80px;bottom:-220px;width:460px;height:460px;border-radius:50%;
  background:radial-gradient(circle at 50% 50%,rgba(239,138,60,.2),rgba(239,138,60,0) 68%);
  pointer-events:none;
}
.contact-row{position:relative;z-index:2}
.contact-section .eyebrow{color:#7fb0ff;padding-left:26px}
.contact-section .eyebrow:before{background:linear-gradient(90deg,#f8ab6b,#ef8a3c)}
.contact-row h2{font-size:40px;color:#fff;letter-spacing:-1.2px;line-height:1.4;font-weight:800}
.contact-row p{color:#a7bedd;font-size:16px;line-height:1.9;margin-top:14px}
.contact-row .button.orange{min-width:206px;min-height:56px;font-size:17px}

/* ---------- 页脚：深色收口 ---------- */
.site-footer{
  background:#050f1c;border-top:1px solid rgba(255,255,255,.08);
  padding:66px 0 0;color:#8fa4c0;
}
.footer-grid{border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:42px}
.footer-brand img{
  width:178px;background:#fff;padding:11px 13px;border-radius:12px;
  box-shadow:0 10px 24px rgba(0,0,0,.25);
}
.footer-brand p{color:#8ea2bd;font-size:13px;margin-top:18px;line-height:1.9}
.footer-grid h3{color:#fff;font-size:13px;letter-spacing:.6px;font-weight:700;margin:6px 0 18px}
.footer-grid>div:not(:first-child)>a,.footer-grid>div:not(:first-child)>p{
  color:#8ba0be;font-size:13px;line-height:2.1;margin:2px 0;transition:color .18s,transform .18s;
}
.footer-grid>div:not(:first-child)>a:hover{color:#fff}
.footer-grid>div>.footer-tel{color:#ffb069!important;font-size:23px!important;font-weight:750;letter-spacing:.4px;margin-top:14px!important}
.footer-grid>div>.footer-tel-sub{display:block;color:#9fb4d0!important;font-size:14px!important;font-weight:600;letter-spacing:.3px;margin-top:7px!important;text-decoration:none}
.footer-grid>div>.footer-tel-sub:hover{color:#ffb069!important}
.footer-bottom{
  border-top:1px solid rgba(255,255,255,.07);color:#7086a3;font-size:12px;
  padding:24px 0;line-height:1.9;
}
.footer-bottom a:hover{color:#fff}

/* ---------- 内页 ---------- */
.inner-hero{
  position:relative;overflow:hidden;padding:58px 0 56px;
  background:
    radial-gradient(620px 320px at 88% -20%,#e8f0ff 0%,rgba(232,240,255,0) 70%),
    linear-gradient(170deg,#f8fbff 0%,#eef4fd 100%);
  border-bottom:1px solid #eaf0f8;
}
.inner-hero:before{
  content:"";position:absolute;right:-120px;top:-140px;width:420px;height:420px;border-radius:50%;
  border:1px solid #e0e9f8;pointer-events:none;
}
.inner-hero h1{font-size:40px;letter-spacing:-1.2px;line-height:1.42;font-weight:800;color:#0e2137}
.inner-hero .inner-lead{font-size:16px;color:#5f7189;margin-top:16px;line-height:1.95}
.breadcrumb{font-size:12px;color:#8296ad}
.breadcrumb a{color:#5b7ba6}
.breadcrumb a:hover{color:var(--blue)}
.inner-body{padding:60px 0 86px;gap:64px}
.rich-content{color:#485c73;font-size:16px;line-height:2.05}
.rich-content h2{
  position:relative;color:#10233a;font-size:25px;font-weight:750;letter-spacing:-.5px;
  border-bottom:1px solid #e9eff8;padding:16px 0 16px 18px;margin:26px 0 16px;
}
.rich-content h2:before{
  content:"";position:absolute;left:0;top:50%;margin-top:-12px;height:24px;width:4px;border-radius:4px;
  background:linear-gradient(180deg,var(--blue),var(--blue-3));
}
.rich-content h3{color:#16293f;font-size:19px;font-weight:700}
.rich-content a{color:var(--blue);border-bottom:1px solid rgba(35,88,201,.28)}
.rich-content blockquote{
  margin:22px 0;padding:18px 24px;background:#f7fafe;border-left:4px solid var(--blue);
  border-radius:0 12px 12px 0;color:#4f647e;
}
/* 正文配图：资讯文章按容器 70% 居中显示，保留圆角 */
.rich-content img{
  display:block;width:70%!important;max-width:70%!important;
  height:auto!important;max-height:none!important;
  margin:28px auto;border-radius:14px;border:1px solid #e8eefa;
  box-shadow:0 14px 34px rgba(17,38,64,.12);
}
/* 课程详情页配图多为多张关联展示，按容器 90% 铺开 */
.rich-content.course-detail img{
  width:90%!important;max-width:90%!important;border-radius:12px;
}
.rich-content p:has(> img:only-child){text-align:center;margin:26px 0}
.rich-content img+img{margin-top:14px}
/* 文章底部：上一篇 / 下一篇（显示标题） */
.content-col{min-width:0}
.post-nav{
  display:grid;grid-template-columns:1fr 1fr;gap:14px;
  margin-top:52px;padding-top:30px;border-top:1px solid #e9eff8;
}
.post-nav-item{
  display:block;padding:17px 22px 18px;background:#fff;border:1px solid #e5edf8;
  border-radius:14px;transition:transform .2s,box-shadow .2s,border-color .2s;
}
.post-nav-item:hover{
  transform:translateY(-2px);border-color:#cfe0f7;box-shadow:0 14px 32px rgba(17,38,64,.10);
}
.post-nav-label{
  display:block;font-size:11px;font-weight:700;letter-spacing:1.5px;color:#93a5bd;
}
.post-nav-title{
  display:-webkit-box;margin-top:9px;font-size:15px;font-weight:650;line-height:1.65;color:#16293f;
  -webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.post-nav-item.next{text-align:right}
.post-nav-item:only-child{grid-column:1/-1}
.post-nav-item:hover .post-nav-title{color:var(--blue)}
.course-aside{
  background:#fff;border:1px solid #e5edf8;border-radius:18px;padding:28px;
  box-shadow:0 16px 40px rgba(17,38,64,.09);position:sticky;top:26px;
}
.course-aside h2{font-size:21px;font-weight:750;letter-spacing:-.4px;color:#10233a}
.course-aside .button{min-height:50px;border-radius:11px}
.course-aside .aside-links{border-top:1px solid #eef3f9;padding-top:16px;margin-top:20px}
.aside-links a{color:#4d6b93;font-size:13px;transition:color .18s,padding-left .18s}
.aside-links a:hover{color:var(--blue);padding-left:4px}
.listing{padding:56px 0 86px}
/* 资讯列表：正文 + 常驻咨询侧栏 */
.news-layout{display:grid;grid-template-columns:minmax(0,1fr) 306px;gap:58px;align-items:start}
.news-layout .article-list{min-width:0}
.news-aside{top:104px}
.news-aside h2{font-size:20px;line-height:1.5}
.news-aside p{font-size:13.5px;line-height:1.9;color:#5a7089;margin:14px 0}
.news-aside .aside-facts{margin:18px 0 4px;border-top:1px solid #eef3f9;padding-top:14px}
.news-aside .aside-facts>div{display:flex;gap:12px;padding:8px 0;align-items:flex-start}
.news-aside .aside-facts>div>span{flex:0 0 62px;font-size:12px;color:#8a9aae}
.news-aside .aside-facts>div>strong{flex:1;font-size:12.5px;line-height:1.8;font-weight:600;color:#294565}
.news-aside p.aside-tip{background:#f7fafe;border-left:3px solid #cfe0f7;border-radius:0 8px 8px 0;padding:11px 13px;font-size:12px;color:#5e7692}
@media(max-width:900px){
  .news-layout{grid-template-columns:1fr;gap:34px}
  .news-aside{position:static;top:auto}
}
.pagination li{border-radius:9px;font-size:13px;padding:8px 14px}
.pagination .active{background:linear-gradient(135deg,#2d63d8,#1b46a6);border-color:transparent;box-shadow:0 8px 18px rgba(35,88,201,.24)}
.article-row{border-bottom:1px solid #eef3f9}
.article-row h2{font-size:22px;font-weight:750;letter-spacing:-.4px;color:#122438}
.article-row:hover h2{color:var(--blue)}

/* ---------- 手机底部导航 ---------- */
.mobile-dock{box-shadow:0 -8px 24px rgba(12,30,52,.1);border-top:1px solid #e9eff8}
.mobile-dock a:last-child{background:linear-gradient(135deg,#2d63d8,#1b46a6)}

/* ---------- 首屏轻微入场 ---------- */
@media (prefers-reduced-motion:no-preference){
  .hero-copy,.hero-visual{animation:look-rise .7s cubic-bezier(.2,.7,.3,1) both}
  .hero-visual{animation-delay:.1s}
  @keyframes look-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
}

/* =============================================================
   响应式
   ============================================================= */
@media(max-width:1190px){
  .hero h1{font-size:48px;letter-spacing:-1.8px}
  .section-heading h2,.classroom-copy h2,.learning-info h2{font-size:31px}
  .trust-grid>div{padding:22px}
  .course-visual{height:180px}
  .contact-row h2{font-size:34px}
}
@media(max-width:900px){
  .hero h1{font-size:40px;letter-spacing:-1.4px}
  .hero-photo{border-radius:20px 56px 20px 20px}
  .trust-strip{margin-top:-34px}
  .trust-grid{border-radius:16px;padding:4px 0}
  .trust-grid>div{padding:20px 16px;border-right:0}
  .trust-grid>div>span{width:30px;height:30px;line-height:30px;font-size:13px;border-radius:9px}
  .trust-grid strong{font-size:15px}
  .trust-grid p{font-size:12px}
  .section{padding:68px 0}
  .section-heading h2,.classroom-copy h2,.learning-info h2{font-size:28px}
  .course-visual{height:168px}
  .course-copy{padding:22px 20px 20px}
  .course-copy h3{font-size:19px;min-height:0}
  .course-copy>p{min-height:0}
  .course-mode{font-size:11px}
  .classroom-main{height:300px}
  .classroom-small{height:150px}
  .schedule-box,.faq{padding:26px}
  .faq h2{font-size:24px}
  .contact-section{padding:58px 0}
  .contact-row h2{font-size:28px}
  .contact-row p{font-size:14px}
  .site-footer{padding:50px 0 0}
  .inner-hero h1{font-size:32px}
  .inner-body{padding:44px 0 62px}
  .rich-content h2{font-size:22px;padding-left:16px}
}
@media(max-width:640px){
  .hero h1{font-size:34px;letter-spacing:-1.2px;line-height:1.3}
  .hero-lead{font-size:14px;line-height:1.95}
  .hero-notes{gap:8px}
  .hero-notes span{font-size:11px;padding:6px 11px}
  .button{min-height:46px;font-size:14px;padding:11px 18px;border-radius:10px}
  .hero-photo{height:248px;border-radius:16px 44px 16px 16px;border-width:5px}
  .photo-caption{border-radius:11px}
  .photo-caption strong{font-size:15px}
  .photo-caption span{font-size:11px}
  .trust-strip{margin-top:-26px}
  .trust-grid{gap:0;padding:6px 4px}
  .trust-grid>div{padding:16px 12px;gap:10px;align-items:flex-start}
  .trust-grid>div>span{width:26px;height:26px;line-height:26px;font-size:11px;border-radius:8px}
  .trust-grid strong{font-size:13px;margin-bottom:2px}
  .trust-grid p{font-size:11px;line-height:1.6}
  .section{padding:52px 0}
  .section-heading{margin-bottom:26px}
  .section-heading h2,.classroom-copy h2,.learning-info h2{font-size:24px;letter-spacing:-.8px}
  .eyebrow{font-size:10px;letter-spacing:1.6px;padding-left:22px}
  .eyebrow:before{width:12px}
  .course-grid{gap:14px}
  .course-card{border-radius:14px}
  .course-visual{height:126px}
  .course-number{font-size:38px;left:16px;bottom:12px;letter-spacing:-2px}
  .course-small{font-size:8px;left:16px;top:12px;letter-spacing:1.7px;padding-left:9px}
  .course-small::before{height:7px;margin-top:-3.5px;width:1.5px}
  .course-art{width:34px;height:34px;right:12px;top:10px;transform:none}
  .course-art b{width:34px;height:34px;font-size:15px;box-shadow:none}
  .course-copy{padding:16px 14px}
  .course-mode{font-size:9px;padding:4px 9px}
  .course-copy h3{font-size:15px;margin:11px 0 9px;line-height:1.55}
  .course-copy>p{font-size:11px;line-height:1.85;min-height:0}
  .course-link{font-size:12px;margin-top:14px;padding-top:12px}
  .course-link span{font-size:16px}
  .support-line{border-radius:11px;padding:16px}
  .classroom-section{padding:52px 0}
  .classroom-main{height:232px;border-radius:16px;border-width:5px}
  .classroom-small{height:126px;border-width:6px;border-radius:13px}
  .classroom-badge{padding:12px 15px;font-size:10px;border-radius:11px;left:12px}
  .classroom-badge strong{font-size:15px}
  .learning-steps li>span{width:32px;height:32px;line-height:32px;border-radius:9px;font-size:11px}
  .learning-steps h3{font-size:15px}
  .learning-steps p{font-size:12px}
  .schedule-box{padding:22px 20px;border-radius:14px}
  .schedule-help{padding:14px 15px;gap:10px;border-radius:11px;flex-wrap:wrap}
  .schedule-help p{font-size:12px}
  .schedule-help a{font-size:12px}
  .schedule-box h3{font-size:15px}
  .time-grid>span{font-size:12px;padding:8px 8px;border-radius:9px}
  .faq{padding:22px 20px;border-radius:14px}
  .faq h2{font-size:22px}
  .faq summary{font-size:14px;padding-right:34px}
  .faq details p{font-size:12px}
  .journal-section{padding:52px 0}
  .journal-card{padding:22px;border-radius:14px}
  .journal-card h3{font-size:17px;margin:13px 0 10px}
  .journal-card p{font-size:12px;min-height:0}
  .service-area{font-size:11px;padding:24px 0}
  .contact-section{padding:46px 0}
  .contact-row h2{font-size:24px;letter-spacing:-.6px}
  .contact-row p{font-size:12px;margin-top:10px}
  .contact-row .button.orange{min-width:0;width:100%;margin-top:22px}
  .site-footer{padding:40px 0 68px}
  .footer-grid{padding-bottom:28px}
  .footer-brand img{width:156px;padding:9px 11px;border-radius:10px}
  .footer-brand p{font-size:12px}
  .footer-grid h3{font-size:12px}
  .footer-grid>div:not(:first-child)>a,.footer-grid>div:not(:first-child)>p{font-size:12px}
  .footer-grid>div>.footer-tel{font-size:20px!important}
  .footer-grid>div>.footer-tel-sub{font-size:13px!important;margin-top:5px!important}
  .footer-bottom{font-size:10px;padding:20px 0}
  .inner-hero{padding:34px 0}
  .inner-hero h1{font-size:25px;letter-spacing:-.6px}
  .inner-hero .inner-lead{font-size:13px}
  .inner-body{padding:32px 0 52px}
  .rich-content{font-size:15px;line-height:1.95}
  .rich-content h2{font-size:19px;padding:12px 0 12px 14px}
  .rich-content h2:before{top:16px;bottom:16px;width:3px}
  .post-nav{grid-template-columns:1fr;gap:11px;margin-top:38px;padding-top:24px}
  .post-nav-item{padding:15px 17px}
  .post-nav-item.next{text-align:left}
  .post-nav-title{font-size:14px;margin-top:8px}
  .course-aside{padding:22px;border-radius:14px}
}

/* =============================================================
   登录 / 注册 / 找回密码（沿用旧结构 .UserLoginCont，重做外观）
   ============================================================= */
.qb_ui_Site_nav{display:none}
.UserLoginCont{max-width:1020px;margin:54px auto 70px;padding:0 24px}
.UserLoginCont>.head{
  display:flex;align-items:center;gap:10px;
  font-size:11px;letter-spacing:2.2px;font-weight:750;color:#3f689e;
  margin:0 0 16px;
}
.UserLoginCont>.head i{display:none}
.UserLoginCont>.head:before{
  content:"";width:16px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,var(--orange),var(--orange-2));
}
.LoginCont{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:24px;align-items:start}
.Left{min-width:0}
.LoginCont .mui-input-group{
  background:#fff;border:1px solid #e6edf7;border-radius:20px;
  box-shadow:0 22px 50px rgba(17,38,64,.09);padding:34px 34px 32px;
}
.LoginBox .h{font-size:22px;font-weight:800;color:#10233a;letter-spacing:-.4px;margin-bottom:22px}
.LoginBox ul{
  display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:0 15px;
  list-style:none;border:1px solid #dfe8f4;background:#fbfdff;border-radius:12px;
  transition:border-color .18s,box-shadow .18s,background .18s;
}
.LoginBox ul:focus-within{border-color:#9dbcf0;background:#fff;box-shadow:0 0 0 4px rgba(35,88,201,.09)}
.LoginBox ul>li.icon{color:#7d93b0;font-size:14px;line-height:1;flex-shrink:0}
.LoginBox ul>ol{flex:1;margin:0;padding:0;list-style:none;min-width:0}
.LoginBox ul input{
  width:100%;border:0;background:none;outline:none;padding:15px 0;
  font-size:15px;color:#132439;
}
.LoginBox ul input::placeholder{color:#9aa9bb}
.LoginBox ul>li:last-child{font-size:12px;color:#8b9cb0;white-space:nowrap;flex-shrink:0}
.LoginBox ul>li:last-child a{font-size:12px;font-weight:650;color:#4a6d9e}
.LoginBox ul>li:last-child a:hover{color:var(--blue)}
.butter{margin-top:22px}
.butter button{
  width:100%;border:0;cursor:pointer;border-radius:12px;min-height:52px;
  font-size:16px;font-weight:700;color:#fff;
  background:linear-gradient(135deg,#2d63d8 0%,#1b46a6 100%);
  box-shadow:0 12px 26px rgba(35,88,201,.26);
  transition:transform .2s,box-shadow .2s;
}
.butter button:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(35,88,201,.32)}
.Right{
  background:#fff;border:1px solid #e6edf7;border-radius:20px;padding:30px;
  box-shadow:0 16px 40px rgba(17,38,64,.07);
}
.Right h3{font-size:17px;font-weight:750;color:#122438;line-height:1.65}
.Right p{display:none}
.Right dl{margin:20px 0 0}
.Right dt a{
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid #d7e3f4;background:#f7faff;color:#2b4d7c;
  border-radius:11px;padding:12px 20px;font-size:14px;font-weight:650;
  transition:border-color .18s,color .18s,background .18s;
}
.Right dt a:hover{border-color:#b6cced;color:var(--blue);background:#fff}
.Right dd{display:none}
.LoginBox ul>li:not(.icon):empty{display:none}

@media(max-width:900px){
  .UserLoginCont{margin:36px auto 52px}
  .LoginCont{grid-template-columns:1fr;gap:18px}
  .LoginCont .mui-input-group{padding:26px 24px 24px;border-radius:16px}
  .LoginBox .h{font-size:20px;margin-bottom:18px}
  .LoginBox ul{padding:0 13px;margin-bottom:12px}
  .LoginBox ul input{padding:13px 0;font-size:16px}
  .butter button{min-height:48px;font-size:15px}
  .Right{padding:24px;border-radius:16px}
  .Right h3{font-size:15px}
}

/* =============================================================
   课程详情页：速览条 / 侧栏提示 / 报名四步
   ============================================================= */
.course-glance-wrap{margin-top:-26px;position:relative;z-index:3}
.course-glance{
  display:grid;grid-template-columns:repeat(4,1fr);
  background:#fff;border:1px solid #e5edf8;border-radius:18px;overflow:hidden;
  box-shadow:0 20px 46px rgba(17,38,64,.10);
}
.course-glance>div{padding:22px 24px;border-right:1px solid #eef3fa;display:flex;flex-direction:column;gap:8px}
.course-glance>div:last-child{border-right:0}
.course-glance span{font-size:11px;letter-spacing:1.6px;color:#8b9cb3;font-weight:700}
.course-glance strong{font-size:14px;color:#1b3555;font-weight:650;line-height:1.65}

.course-aside p.aside-tip{
  background:#fff6ec;border:1px solid #f6e1c6;border-radius:11px;
  padding:12px 14px;font-size:13px;line-height:1.75;color:#96612f;margin:14px 0 0;
}

.enroll-steps{background:#f6f9fe;border-top:1px solid #e8eff8;padding:66px 0 70px}
.steps-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.steps-grid li{
  position:relative;background:#fff;border:1px solid #e5edf8;border-radius:16px;
  padding:0 22px 26px;box-shadow:0 10px 26px rgba(17,38,64,.05);overflow:hidden;
}
.steps-grid li:before{
  content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,var(--blue),var(--blue-3));
  opacity:.85;
}
.steps-grid li>span{
  display:block;padding-top:22px;font-size:12px;font-weight:800;letter-spacing:1.8px;color:#a9bdd8;
}
.steps-grid h3{font-size:16px;color:#12233a;margin:9px 0 8px;line-height:1.6}
.steps-grid p{font-size:13.5px;line-height:1.8;color:#66788f}
.enroll-cta{
  margin-top:26px;display:flex;align-items:center;justify-content:space-between;gap:26px;
  background:#fff;border:1px solid #dfe8f6;border-left:4px solid var(--blue);
  border-radius:16px;padding:24px 30px;box-shadow:0 14px 34px rgba(17,38,64,.07);
}
.enroll-cta p{color:#6b7d95;font-size:14px;line-height:1.8}
.enroll-cta strong{display:block;color:#11253c;font-size:18px;font-weight:750;margin-bottom:3px;letter-spacing:-.2px}
.enroll-cta .button{flex-shrink:0}

@media(max-width:900px){
  .course-glance{grid-template-columns:1fr 1fr}
  .course-glance>div{padding:18px 18px;border-right:0;border-bottom:1px solid #eef3fa}
  .course-glance>div:nth-child(1),.course-glance>div:nth-child(3){border-right:1px solid #eef3fa}
  .course-glance>div:nth-child(3),.course-glance>div:nth-child(4){border-bottom:0}
  .enroll-steps{padding:46px 0 50px}
  .steps-grid{grid-template-columns:1fr;gap:12px}
  .steps-grid li{padding:0 20px 22px}
  .enroll-cta{flex-direction:column;align-items:flex-start;padding:24px;gap:16px}
  .enroll-cta .button{width:100%;text-align:center}
}

/* =============================================================
   首页：这几类人适合学（人群画像卡）
   ============================================================= */
.fit-section{padding:0 0 78px}
.fit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.fit-card{
  display:flex;flex-direction:column;
  background:#f7fafd;border:1px solid #e6eef9;border-radius:16px;
  padding:24px 22px 22px;transition:transform .25s,box-shadow .25s,background .25s,border-color .25s;
}
.fit-card:hover{transform:translateY(-4px);background:#fff;border-color:#cfe0f7;box-shadow:0 18px 38px rgba(17,38,64,.09)}
.fit-card .fit-no{font-size:11px;font-weight:800;letter-spacing:1.9px;color:#b0c4dd;line-height:1}
.fit-card h3{font-size:17px;color:#12253c;margin:12px 0 10px;line-height:1.55;letter-spacing:-.2px}
.fit-card p{font-size:13.5px;line-height:1.85;color:#66788f;flex:1}
.fit-card em{
  font-style:normal;margin-top:16px;font-size:13px;font-weight:700;color:var(--blue);
  display:flex;align-items:center;gap:5px;
}
.fit-card:hover em{color:#1b46a6}

@media(max-width:1080px){
  .fit-grid{grid-template-columns:1fr 1fr;gap:14px}
}
@media(max-width:720px){
  .fit-section{padding:0 0 52px}
  .fit-grid{grid-template-columns:1fr;gap:12px}
  .fit-card{padding:20px 20px 18px}
  .fit-card h3{font-size:16px;margin:10px 0 8px}
  .fit-card p{font-size:14px}
}

/* 文章页侧栏：次级链接 */
.course-aside p.aside-quiet{margin:12px 0 0;font-size:13px;line-height:1.7}
.course-aside p.aside-tel{margin:15px 0 4px;font-size:13px;line-height:1.5;color:#7d90a8;letter-spacing:.2px}
.course-aside p.aside-tel a{color:#2f5c9e;font-weight:650;text-decoration:none}
.course-aside p.aside-tel a:hover{color:var(--blue)}
.enroll-cta p.aside-tel{margin:14px 0 0;font-size:13px;color:#7d90a8}
.enroll-cta p.aside-tel a{color:#2f5c9e;font-weight:650;text-decoration:none}

.course-aside p.aside-quiet a{color:#4a6d9e;font-weight:600}
.course-aside p.aside-quiet a:hover{color:var(--blue)}

/* 文章页侧栏：次级链接 */
.course-aside p.aside-quiet{margin:12px 0 0;font-size:13px;line-height:1.7}
.course-aside p.aside-quiet a{color:#4a6d9e;font-weight:600}
.course-aside p.aside-quiet a:hover{color:var(--blue)}


/* 首页：时间安排跟随滚动，避免左侧短、右侧长造成的空档 */
@media(min-width:901px){
  .learning-info>.schedule{position:sticky;top:98px;align-self:start}
}

/* 手机端：课程卡改单列，保证课程名与简介完整可读 */
@media(max-width:560px){
  .course-grid{grid-template-columns:1fr;gap:16px}
  .course-card .course-visual{height:172px}
  .course-copy h3{font-size:17px}
  .course-copy p{font-size:13.5px;line-height:1.8}
  .support-line{flex-wrap:wrap;gap:8px 14px}
}

/* Shared course cover identity, 2026-11-14. */
/* Course identity: shared by CMS home, channel and category cards. */
.course-card .course-visual{--cover-ink:#234b7c;--cover-bg:#edf4ff;--cover-art:url('img/course/office.svg');height:238px!important;background:linear-gradient(125deg,#fff 0%,var(--cover-bg) 88%)!important;color:var(--cover-ink)!important;border:0;overflow:hidden;isolation:isolate;position:relative;display:block}
.course-card .course-visual::before{content:"";position:absolute;inset:auto -10px -7px auto;width:285px;height:159px;background-image:var(--cover-art)!important;background-size:contain;background-position:center;background-repeat:no-repeat;opacity:1;z-index:0;transform:none;transition:transform .25s ease}
.course-card .course-visual:hover::before{transform:translateY(-4px)}
.course-card .course-visual::after{content:"\6587\6863\6392\7248\00a0\00b7\00a0\6570\636e\5206\6790";position:absolute;left:24px;right:14px;top:66px;bottom:auto;color:var(--cover-ink);font-size:14px;line-height:1.7;font-weight:500;letter-spacing:.2px;z-index:2;background:none}
.course-card .course-visual .course-small{position:absolute;top:22px;left:24px;right:12px;bottom:auto;padding:0;margin:0;font-size:0;letter-spacing:0;color:var(--cover-ink);z-index:2;line-height:1.3}
.course-card .course-visual .course-small::before{display:none}
.course-card .course-visual .course-small::after{content:"\7535\8111\529e\516c";font-size:28px;font-weight:800;letter-spacing:-.6px;line-height:1.3}
.course-card .course-visual .course-art,.course-card .course-visual .course-number{display:none}
.course-card .course-visual[href*="show-66"],.course-card .course-visual[href*="show-61"]{--cover-ink:#45469b;--cover-bg:#eeedff;--cover-art:url('img/course/media.svg')}
.course-card .course-visual[href*="show-65"],.course-card .course-visual[href*="show-62"]{--cover-ink:#99501e;--cover-bg:#fff0dd;--cover-art:url('img/course/commerce.svg')}
.course-card .course-visual[href*="show-63"]{--cover-ink:#206b5a;--cover-bg:#e3f4ed;--cover-art:url('img/course/ai.svg')}
.course-card .course-visual[href*="show-30"],.course-card .course-visual[href*="show-33"]{--cover-ink:#875575;--cover-bg:#f8eaf3;--cover-art:url('img/course/commerce.svg')}
.course-card .course-visual[href*="show-66"] .course-small::after{content:"\65b0\5a92\4f53\8fd0\8425"}
.course-card .course-visual[href*="show-65"] .course-small::after{content:"AI\7535\5546\8fd0\8425"}
.course-card .course-visual[href*="show-64"] .course-small::after{content:"AI\667a\80fd\529e\516c"}
.course-card .course-visual[href*="show-63"] .course-small::after{content:"AI\4eba\5de5\667a\80fd"}
.course-card .course-visual[href*="show-62"] .course-small::after{content:"\62fc\591a\591a\8fd0\8425"}
.course-card .course-visual[href*="show-61"] .course-small::after{content:"\89c6\9891\526a\8f91"}
.course-card .course-visual[href*="show-30"] .course-small::after,.course-card .course-visual[href*="show-33"] .course-small::after{content:"PS\7535\5546\7f8e\5de5"}
.course-card .course-visual[href*="show-66"]::after{content:"\7b56\5212\00a0\00b7\00a0\62cd\6444\00a0\00b7\00a0\526a\8f91\00a0\00b7\00a0\8fd0\8425"}
.course-card .course-visual[href*="show-65"]::after{content:"\5546\54c1\89c6\89c9\00a0\00b7\00a0\5e97\94fa\7ecf\8425"}
.course-card .course-visual[href*="show-64"]::after{content:"\6587\6863\00a0\00b7\00a0\8868\683c\00a0\00b7\00a0\6c47\62a5\00a0\00b7\00a0 AI"}
.course-card .course-visual[href*="show-63"]::after{content:"\5185\5bb9\521b\4f5c\00a0\00b7\00a0\667a\80fd\4f53\00a0\00b7\00a0\5de5\4f5c\6d41"}
.course-card .course-visual[href*="show-62"]::after{content:"\9009\54c1\6d4b\6b3e\00a0\00b7\00a0\5546\54c1\4f18\5316"}
.course-card .course-visual[href*="show-61"]::after{content:"\526a\6620\00a0\00b7\00a0Premiere\00a0\00b7\00a0\6210\7247\5b9e\8bad"}
.course-card .course-visual[href*="show-30"]::after,.course-card .course-visual[href*="show-33"]::after{content:"\4ea7\54c1\7cbe\4fee\00a0\00b7\00a0\4e3b\56fe\8be6\60c5\8bbe\8ba1"}
.course-card{border-color:#e1e8f0;transition:transform .22s,box-shadow .22s}
.course-card:focus-within{outline:2px solid #2358c9;outline-offset:4px}
.course-card .course-copy h3{font-size:20px;line-height:1.55;min-height:62px;margin:14px 0}
.course-card .course-copy p{font-size:15px;line-height:1.85;color:#5d6d80}
.course-card .course-copy .course-mode{font-size:13px;letter-spacing:0}
.course-card .course-copy .course-link{font-size:15px}
@media(max-width:720px){.course-card .course-visual{height:230px!important}.course-card .course-copy h3{min-height:0;font-size:20px}.course-card .course-copy p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.course-card,.course-card .course-visual::before{transition:none}.course-card:hover,.course-card .course-visual:hover::before{transform:none}}


/* Keep the first benefit inset inside its rounded card. */
.trust-strip .trust-grid>div:first-child{padding-left:30px}
@media(max-width:1190px){.trust-strip .trust-grid>div:first-child{padding-left:22px}}
@media(max-width:640px){.trust-strip .trust-grid>div:first-child{padding-left:20px}}