@charset "utf-8";
/* ===================================================================
   珀菲特顾问 · 内训课程详情页（training_show_training.html）样式表
   说明：本文件由模板内所有内联 <style> 块整体迁移而来，规则顺序与
         原模板保持一致（后加载覆盖先加载），请勿随意调整先后顺序。
   =================================================================== */


/* ---- 基础样式 ---- */
:root{--green:#2F6FB0;--sage:#DCEBF7;--dark:#173B57;--page:#f7f7f7;--muted:#71807e;--soft:#9ba8a7;--white:#fff;--line:rgba(23,59,87,.15);--sans:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC",sans-serif;--max:1240px}
*{margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:110px}body{background:var(--page);-webkit-font-smoothing:antialiased}
/* 本页基础排版只作用于 <main> 内的课程详情内容，避免放大公共头部/页脚的字号（会导致页脚 .serlist 变宽、把 .right 挤到下一行） */
main{color:var(--dark);font-family:var(--sans);font-size:16px;line-height:1.75}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--green);outline-offset:4px}::selection{background:var(--dark);color:var(--page)}
/* .wrap 同样只收敛页面主体：公共头部/页脚的 .wrap 沿用整站 1300px，不能被本页 1240px 收窄 */
main .wrap{width:min(var(--max),calc(100% - 56px));margin-inline:auto}.site-header{position:relative;z-index:20;background:var(--white);border-bottom:1px solid var(--line)}.header-main{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:12px;flex:none}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:var(--dark);color:#fff;font-size:22px;font-weight:700}.brand-name{font-size:18px;font-weight:700;letter-spacing:.04em;line-height:1.3}.brand-en{display:block;margin-top:3px;color:var(--muted);font-size:8px;font-weight:500;letter-spacing:.16em}.main-nav{display:flex;align-items:stretch;align-self:stretch;gap:4px}.main-nav a{position:relative;display:flex;align-items:center;justify-content:center;padding:0 15px;color:var(--muted);font-size:14px;white-space:nowrap;transition:color .2s,background .2s}.main-nav a::after{content:"";position:absolute;left:15px;right:15px;bottom:0;height:3px;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform .25s}.main-nav a:hover,.main-nav a.active{color:var(--dark);background:#EAF4FB}.main-nav a:hover::after,.main-nav a.active::after{transform:scaleX(1)}
.hero{position:relative;overflow:hidden;background-color:#eaf4fb;background-image:linear-gradient(rgba(47,111,176,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(47,111,176,.075) 1px,transparent 1px);background-size:24px 24px;color:#153d5c}.hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.32),transparent 58%)}.hero .course-label{border-color:rgba(21,61,92,.3)}.hero .course-label::before{background:#2f6fb0}.hero .btn{border-color:#174d75;color:#174d75}.hero .btn:not(.btn-primary):hover{background:#d8eafa}.hero .btn-primary{background:#174d75;border-color:#174d75;color:#fff}.hero .btn-primary:hover{background:#2f6fb0;border-color:#2f6fb0}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:60px;align-items:center;padding-top:64px;padding-bottom:64px}.breadcrumb{display:flex;gap:9px;align-items:center;margin-bottom:35px;font-size:12px}.breadcrumb a:hover{text-decoration:underline;text-underline-offset:4px}.breadcrumb span[aria-hidden]{opacity:.55}.course-label{display:inline-flex;align-items:center;gap:9px;padding:7px 13px;border:1px solid rgba(23,59,87,.32);border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.04em}.course-label::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--dark)}h1{max-width:780px;margin-top:22px;font-size:clamp(38px,4.1vw,60px);font-weight:700;line-height:1.22;letter-spacing:-.035em}.hero-subtitle{max-width:660px;margin-top:22px;font-size:17px;line-height:1.85}.hero-meta{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:28px;font-size:14px;font-weight:600}.hero-meta span{display:flex;align-items:center;gap:8px}.hero-meta svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 20px;border:1px solid var(--dark);border-radius:999px;background:transparent;color:var(--dark);font-size:14px;font-weight:600;transition:background .2s,color .2s,transform .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--dark);color:#fff}.btn-primary:hover{background:var(--green);border-color:var(--green)}.btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}.hero-visual{position:relative;aspect-ratio:1/1;min-width:0}.hero-visual svg{display:block;width:100%;height:100%;overflow:visible}.visual-caption{position:absolute;right:4%;bottom:4%;max-width:190px;padding-left:14px;border-left:2px solid var(--dark);font-size:11px;line-height:1.65;letter-spacing:.08em}.visual-caption strong{display:block;font-size:25px;line-height:1.2;letter-spacing:-.03em}
.course-nav{background:var(--white);border-bottom:1px solid var(--line)}.course-nav-inner{display:flex;gap:32px;overflow-x:auto;scrollbar-width:none}.course-nav a{flex:none;padding:19px 0 16px;border-bottom:3px solid transparent;color:var(--muted);font-size:14px;font-weight:600}.course-nav a:hover{color:var(--green);border-color:var(--green)}.page-grid{display:grid;grid-template-columns:minmax(0,1fr) 318px;gap:72px;align-items:start;padding-top:66px;padding-bottom:92px}.course-content{min-width:0}.content-section{margin-bottom:78px;scroll-margin-top:110px}.section-label{display:flex;align-items:center;gap:12px;margin-bottom:22px;color:var(--green);font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.section-label::after{content:"";width:44px;height:1px;background:currentColor}.section-title{font-size:clamp(28px,3vw,38px);font-weight:650;line-height:1.35;letter-spacing:-.025em}.section-intro{margin-top:20px;font-size:16px;line-height:1.95}.pain-list{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:34px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.pain-item{padding:20px 13px 20px 0}.pain-item+.pain-item{padding-left:13px;border-left:1px solid var(--line)}.pain-item span{display:block;color:var(--green);font-size:11px;font-weight:700}.pain-item strong{display:block;margin-top:7px;font-size:14px;line-height:1.55}.benefit-list{margin-top:30px}.benefit-item{display:grid;grid-template-columns:44px 150px minmax(0,1fr);gap:18px;align-items:baseline;padding:19px 0;border-top:1px solid var(--line)}.benefit-item:last-child{border-bottom:1px solid var(--line)}.benefit-no{color:var(--green);font-size:12px;font-weight:700}.benefit-item h3{font-size:16px}.benefit-item p{color:var(--muted);font-size:14px;line-height:1.8}.workshop-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 30px;margin-top:30px}.workshop-grid>div{padding:21px 0;border-top:1px solid var(--line)}.workshop-grid span{color:var(--green);font-size:10px;font-weight:700;letter-spacing:.12em}.workshop-grid h3{margin-top:5px;font-size:15px}.workshop-grid p{margin-top:7px;color:var(--muted);font-size:13px;line-height:1.8}.feature-note{margin-top:22px;padding-left:18px;border-left:3px solid var(--sage);color:var(--muted);font-size:14px;line-height:1.9}
.outline-tools{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}.text-btn{flex:none;white-space:nowrap;padding:7px 0;border:0;border-bottom:1px solid currentColor;background:none;color:var(--green);font-size:13px;font-weight:600}.outline-list{border-top:1px solid var(--dark)}.module{border-bottom:1px solid var(--line)}.module-button{display:grid;grid-template-columns:48px minmax(0,1fr) 30px;gap:16px;align-items:center;width:100%;padding:24px 0;border:0;background:none;color:var(--dark);text-align:left}.module-number{align-self:start;padding-top:3px;color:var(--green);font-size:12px;font-weight:700}.module-heading strong{display:block;font-size:18px;line-height:1.55}.module-heading small{display:block;margin-top:5px;color:var(--muted);font-size:12px;font-weight:400;line-height:1.6}.module-icon{position:relative;width:26px;height:26px;border:1px solid var(--line);border-radius:50%;transition:background .2s,transform .25s}.module-icon::before,.module-icon::after{content:"";position:absolute;left:7px;right:7px;top:12px;height:1px;background:var(--dark)}.module-icon::after{transform:rotate(90deg);transition:transform .25s}.module-button:hover .module-icon{background:var(--sage)}.module.open .module-icon{transform:rotate(180deg);background:var(--sage)}.module.open .module-icon::after{transform:rotate(0)}.module-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.module.open .module-panel{grid-template-rows:1fr}.module-panel-inner{overflow:hidden}.module-body{padding:0 42px 27px 64px;color:var(--muted);font-size:14px;line-height:1.85}.module-body ul{list-style:none}.module-body li{position:relative;padding:5px 0 5px 17px}.module-body li::before{content:"";position:absolute;left:0;top:16px;width:5px;height:5px;border-radius:50%;background:var(--sage)}.module-body strong{color:var(--dark);font-weight:600}.case-note{margin-top:14px;padding:13px 16px;background:#EAF4FB;color:var(--dark);font-size:13px}.resource-box{margin-top:26px;padding:27px 30px;background:var(--sage)}.resource-box h3{font-size:19px}.resource-box p{margin-top:9px;font-size:14px;line-height:1.9}.resource-box span{display:inline-block;margin-top:12px;padding:5px 11px;border:1px solid rgba(23,59,87,.35);border-radius:999px;font-size:11px;font-weight:600}
.instructor-section{padding:58px 0;background:var(--dark);color:#fff}.instructor-grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:54px;align-items:start}.instructor-photo{position:relative}.instructor-photo img{display:block;width:100%;aspect-ratio:1/1.04;object-fit:cover;border-radius:50%;filter:none}.instructor-photo::after{content:"";position:absolute;inset:12px -12px -12px 12px;z-index:-1;border:1px solid rgba(255,255,255,.28);border-radius:50%}.instructor-monogram{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;aspect-ratio:1;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:var(--sage);color:var(--dark)}.instructor-monogram span{font-size:94px;font-weight:600;line-height:1}.instructor-monogram small{margin-top:10px;font-size:9px;font-weight:700;letter-spacing:.15em}.instructor-name{margin-top:22px;font-size:26px;text-align:center}.instructor-role{margin-top:3px;color:#C4D9EA;font-size:12px;text-align:center}.instructor-copy .section-label{color:var(--sage)}.instructor-copy h2{font-size:36px;line-height:1.35}.instructor-copy>p{margin-top:20px;color:#DCE8F1;font-size:15px;line-height:2}.credentials{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 28px;margin-top:27px}.credential{padding-top:13px;border-top:1px solid rgba(255,255,255,.2);font-size:13px;line-height:1.75}.industries{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.industries span{padding:5px 10px;border:1px solid rgba(255,255,255,.24);border-radius:999px;color:#DCE8F1;font-size:11px}
.booking-card{position:sticky;top:28px;padding:27px 25px;background:var(--white);border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 45px rgba(23,59,87,.07)}.booking-eyebrow{color:var(--green);font-size:11px;font-weight:700;letter-spacing:.12em}.booking-price{margin-top:8px;font-size:34px;font-weight:700;line-height:1.3;letter-spacing:-.04em}.booking-price small{font-size:13px;font-weight:400;letter-spacing:0}.booking-note{margin-top:6px;color:var(--muted);font-size:11px;line-height:1.65}.booking-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.booking-facts span{display:block;color:var(--muted);font-size:11px}.booking-facts strong{display:block;margin-top:2px;font-size:14px}.schedule-title{margin-top:22px;font-size:13px;font-weight:700}.schedule-option{position:relative;display:block;margin-top:10px}.schedule-option input{position:absolute;opacity:0;pointer-events:none}.schedule-option span{display:block;padding:12px 13px;border:1px solid var(--line);border-radius:9px;cursor:pointer;transition:border .2s,background .2s}.schedule-option input:checked+span{border-color:var(--green);background:#EAF4FB}.schedule-option input:focus-visible+span{outline:2px solid var(--green);outline-offset:3px}.schedule-date{display:flex;justify-content:space-between;gap:10px;font-size:12px;font-weight:600}.schedule-place{display:flex;justify-content:space-between;margin-top:4px;color:var(--muted);font-size:11px}.schedule-status{color:var(--green)}.booking-btn{width:100%;margin-top:20px;border-color:var(--green);background:var(--green);color:#fff}.booking-btn:hover{background:var(--dark);border-color:var(--dark)}.booking-contact{margin-top:16px;color:var(--muted);font-size:11px;text-align:center}.booking-contact a{display:block;margin-top:3px;color:var(--dark);font-size:16px;font-weight:700}.booking-custom{margin-top:17px;padding-top:15px;border-top:1px solid var(--line);color:var(--muted);font-size:11px;line-height:1.7}.booking-custom strong{color:var(--dark)}.schedule-title{display:flex;justify-content:space-between;align-items:center}.schedule-title small{color:var(--muted);font-size:10px;font-weight:400}.schedule-select{position:relative;display:block;margin-top:11px}.schedule-select select{width:100%;height:45px;padding:0 38px 0 12px;border:1px solid var(--line);border-radius:9px;background:var(--white);color:var(--dark);font-size:12px;appearance:none;cursor:pointer}.schedule-select svg{position:absolute;right:12px;top:12px;width:20px;height:20px;fill:none;stroke:var(--dark);stroke-width:1.7;pointer-events:none}.selected-schedule{margin-top:10px;padding:12px 13px;background:#EAF4FB;font-size:12px;font-weight:600;line-height:1.65}.selected-schedule span{color:var(--green);font-size:11px;font-weight:500}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.process-section{padding:78px 0}.process-list{display:grid;grid-template-columns:repeat(5,1fr);margin-top:36px}.process-step{position:relative;padding:0 22px 0 0}.process-step:not(:last-child)::after{content:"";position:absolute;left:36px;right:14px;top:15px;height:1px;background:var(--line)}.process-no{position:relative;z-index:1;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--sage);font-size:11px;font-weight:700}.process-step h3{margin-top:15px;font-size:15px}.process-step p{margin-top:4px;color:var(--muted);font-size:12px;line-height:1.7}.contact-section{background:var(--sage)}.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:50px;align-items:center;padding-top:48px;padding-bottom:48px}.contact-kicker{font-size:10px;font-weight:700;letter-spacing:.15em}.contact-grid h2{margin-top:8px;font-size:32px;line-height:1.35}.contact-grid p{margin-top:8px;font-size:14px}.contact-lines{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:20px;font-size:14px;font-weight:600}.contact-lines a:hover{text-decoration:underline;text-underline-offset:4px}.contact-qr{padding:20px 12px;border:1px solid var(--line);background:rgba(255,255,255,.55);text-align:center}.contact-qr strong{display:block;font-size:24px;letter-spacing:.04em}.contact-qr p{font-size:11px;text-align:center;line-height:1.7}.site-footer{padding:28px 0;background:var(--dark);color:#C4D9EA}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px}.footer-main strong{color:#fff;font-size:13px}.footer-nav{display:flex;gap:18px;flex-wrap:wrap}.footer-nav a:hover{color:#fff}.back-top{position:fixed;right:22px;bottom:22px;z-index:15;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:var(--white);color:var(--dark);box-shadow:0 8px 20px rgba(23,59,87,.1);opacity:0;pointer-events:none;transition:opacity .2s}.back-top.visible{opacity:1;pointer-events:auto}.back-top svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.8}
dialog{margin:auto;width:min(520px,calc(100% - 30px));padding:0;border:0;border-radius:20px;background:var(--white);color:var(--dark);box-shadow:0 28px 80px rgba(23,59,87,.25)}dialog::backdrop{background:rgba(23,59,87,.58);backdrop-filter:blur(4px)}.dialog-inner{position:relative;padding:34px}.dialog-close{position:absolute;right:17px;top:15px;width:34px;height:34px;border:0;background:none;color:var(--muted);font-size:25px}.dialog-inner h2{margin-top:7px;font-size:26px}.dialog-course{margin-top:12px;padding:12px 14px;background:#EAF4FB;font-size:13px;line-height:1.7}.dialog-grid{display:grid;grid-template-columns:1fr;gap:24px;align-items:center;margin-top:23px}.dialog-contact p{margin-top:10px;font-size:13px}.dialog-contact a{font-weight:700}.dialog-grid img{width:128px;padding:5px;border:1px solid var(--line)}.dialog-tip{margin-top:20px;color:var(--muted);font-size:11px}
@media(max-width:1050px){.header-main{display:block;padding-top:12px}.brand{justify-content:center}.main-nav{margin-top:8px;justify-content:space-between}.main-nav a{flex:1;padding:12px 7px}.hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:30px}.page-grid{gap:38px;grid-template-columns:minmax(0,1fr) 290px}.pain-list{grid-template-columns:repeat(3,1fr)}.pain-item:nth-child(4){border-left:0}.benefit-item{grid-template-columns:36px 130px minmax(0,1fr)}}
@media(max-width:780px){html{scroll-padding-top:125px}main .wrap{width:min(100% - 30px,var(--max))}.brand-mark{width:36px;height:36px}.brand-name{font-size:17px}.main-nav{gap:0}.main-nav a{min-height:42px;padding:8px 2px;font-size:clamp(10px,2.8vw,12px)}.main-nav a::after{left:3px;right:3px}.hero-grid{display:block;min-height:0;padding-top:34px;padding-bottom:42px}.breadcrumb{margin-bottom:25px}.hero-visual{display:none}h1{font-size:clamp(34px,9vw,46px)}.hero-subtitle{font-size:15px}.hero-meta{gap:10px 18px}.course-nav-inner{gap:18px}.course-nav a{font-size:13px}.page-grid{display:flex;flex-direction:column;gap:0;padding-top:34px;padding-bottom:60px}.booking-card{position:static;order:-1;width:100%;margin-bottom:55px;padding:24px 22px}.content-section{margin-bottom:58px}.section-title{font-size:29px}.pain-list{grid-template-columns:repeat(2,1fr)}.pain-item:nth-child(3){border-left:0}.pain-item:nth-child(5){border-left:0}.benefit-item{grid-template-columns:32px 1fr;gap:8px 12px}.benefit-item p{grid-column:2}.module-button{grid-template-columns:34px minmax(0,1fr) 28px;gap:10px}.module-heading strong{font-size:16px}.module-body{padding-left:44px;padding-right:4px}.resource-box{padding:23px 20px}.instructor-section{padding:48px 0}.instructor-grid{grid-template-columns:130px minmax(0,1fr);gap:25px}.instructor-copy h2{font-size:28px}.instructor-name{font-size:21px}.credentials{grid-template-columns:1fr}.instructor-copy>p{font-size:14px}.process-section{padding:55px 0}.process-list{grid-template-columns:1fr;gap:20px}.process-step{display:grid;grid-template-columns:34px 110px 1fr;gap:12px;align-items:center;padding:0}.process-step:not(:last-child)::after{left:15px;right:auto;top:31px;bottom:-20px;width:1px;height:auto}.process-step h3,.process-step p{margin:0}.contact-grid{grid-template-columns:minmax(0,1fr) 100px;gap:20px}.contact-grid h2{font-size:26px}.contact-qr img{width:100px}.footer-main{flex-direction:column;align-items:flex-start;gap:9px}.back-top{right:15px;bottom:15px}}
@media(max-width:480px){.workshop-grid{grid-template-columns:1fr}.instructor-monogram{max-width:150px;margin:auto}.instructor-monogram span{font-size:64px}.hero-actions .btn{width:100%}.course-label{font-size:11px}.hero-meta{font-size:12px}.pain-list{grid-template-columns:1fr}.pain-item+.pain-item{padding-left:0;border-left:0;border-top:1px solid var(--line)}.instructor-grid{display:block}.instructor-photo{width:150px;margin:0 auto 30px}.instructor-copy h2{font-size:27px}.contact-grid{grid-template-columns:1fr}.contact-qr{display:flex;align-items:center;gap:15px}.contact-qr p{text-align:left}.dialog-inner{padding:29px 22px}.dialog-grid{grid-template-columns:1fr 100px;gap:15px}.dialog-grid img{width:100px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
@page{size:A4;margin:14mm}@media print{*{print-color-adjust:exact;-webkit-print-color-adjust:exact}body{background:#fff;font-size:10pt}.site-header,.course-nav,.hero-actions,.booking-card,.back-top,.site-footer,dialog,.outline-tools .text-btn{display:none!important}main .wrap{width:100%;max-width:none}.hero-grid{display:block;min-height:0;padding:8mm 0}.hero-visual{display:none}.breadcrumb{margin-bottom:5mm}h1{font-size:27pt}.hero-subtitle{font-size:11pt}.page-grid{display:block;padding:8mm 0}.content-section{margin-bottom:9mm;break-inside:auto}.section-title{font-size:20pt}.module-panel{grid-template-rows:1fr!important}.module-icon{display:none}.module{break-inside:avoid}.module-body{font-size:9pt}.instructor-section{padding:8mm 0}.instructor-grid{grid-template-columns:38mm 1fr;gap:8mm}.instructor-copy>p{color:#fff}.contact-section{break-inside:avoid}.process-section{padding:8mm 0}.hero,.instructor-section,.contact-section,.resource-box,.case-note{-webkit-print-color-adjust:exact;print-color-adjust:exact}}


/* ---- fixed-course-template ---- */
/* 珀菲特顾问课程详情固定模板：统一蓝色、统一信息框、统一中英文标题条，正文始终完整展示。 */
:root{--green:#2F6FB0;--sage:#DCEBF7;--dark:#173B57;--page:#F7F9FB;--muted:#5C7182;--soft:#8A9AA8;--line:rgba(23,59,87,.15)}
.page-grid{display:block;padding-top:48px;padding-bottom:76px}.course-content{width:100%}.content-section{margin-bottom:56px;scroll-margin-top:110px}
.section-bar{display:flex;align-items:baseline;gap:14px;padding:13px 18px; margin-bottom:10px; background:#2F6FB0;color:#FFF}.section-zh{font-size:20px;font-weight:700;letter-spacing:.04em}.section-en{color:#E4F0F8;font-size:11px;font-weight:600;letter-spacing:.13em}.section-bar+.section-title{margin-top:24px}.section-title{font-size:clamp(24px,2.5vw,32px)}
.info-frame{border:1px solid #C9DCEC;border-top:0;background:#FFF}.info-line{display:grid;grid-template-columns:130px minmax(0,1fr);gap:24px;padding:15px 20px;border-bottom:1px solid #DCE8F1}.info-label{color:#2F6FB0;font-size:14px;font-weight:700}.info-value{color:#173B57;font-size:15px;line-height:1.75}.info-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 20px;background:#F4F8FB;color:#425E72;font-size:13px}.info-actions{display:flex;align-items:center;gap:18px}.info-phone{color:#174D75;font-size:17px;font-weight:700;white-space:nowrap}.general-inquiry{min-height:42px;border-color:#2F6FB0;background:#2F6FB0;color:#FFF}.general-inquiry:hover{background:#174D75}
.outline-tools{display:block}.outline-list{margin-top:26px;border-top:1px solid #173B57}.module-button{cursor:default}.module-panel{display:block;grid-template-rows:1fr}.module-panel-inner{overflow:visible}.module-body{color:#425E72}.module-body li::before{background:#2F6FB0}.module:last-child{border-bottom-color:#C9DCEC}
.schedule-wrap{margin-top:26px;border-top:1px solid #173B57}.schedule-head,.schedule-row{display:grid;grid-template-columns:50px minmax(0,1.6fr) 100px 110px 116px;gap:16px;align-items:center}.schedule-head{padding:12px 16px;background:#EAF4FB;color:#425E72;font-size:12px;font-weight:700}.schedule-row{min-height:66px;padding:13px 16px;border-bottom:1px solid #DCE8F1;transition:background .2s}.schedule-row:hover{background:#F1F7FC}.schedule-no{color:#2F6FB0;font-size:12px;font-weight:700}.schedule-date-full{font-size:14px;font-weight:600}.schedule-city,.schedule-status{color:#425E72;font-size:13px}.schedule-status{font-weight:600}.schedule-inquiry{min-height:44px;padding:0 13px;border:1px solid #2F6FB0;border-radius:6px;background:#FFF;color:#174D75;font-size:13px;font-weight:600;transition:background .2s,color .2s}.schedule-inquiry:hover{background:#2F6FB0;color:#FFF}
.instructor-section{padding:0;background:transparent;color:#173B57}.instructor-grid{grid-template-columns:190px minmax(0,1fr);gap:46px;margin-top:30px}.instructor-monogram{border-color:#C9DCEC;background:#DCEBF7;color:#174D75}.instructor-monogram span{font-size:76px}.instructor-role{color:#5C7182}.instructor-copy h2{font-size:30px}.instructor-copy>p{color:#425E72}.credential{border-top-color:#C9DCEC}.industries span{border-color:#C9DCEC;color:#425E72}.process-section{padding:0}.process-no{background:#2F6FB0;color:#FFF}.process-step:not(:last-child)::after{background:#C9DCEC}.contact-section{background:#DCEBF7;color:#173B57}.site-footer{background:#173B57;color:#C4D9EA}
@media(max-width:1050px){.instructor-grid{grid-template-columns:170px minmax(0,1fr);gap:32px}.schedule-head,.schedule-row{grid-template-columns:42px minmax(0,1.5fr) 76px 90px 104px;gap:12px}}
@media(max-width:780px){.page-grid{padding-top:34px;padding-bottom:58px}.content-section{margin-bottom:48px}.section-bar{padding:12px 14px}.section-zh{font-size:18px}.section-en{font-size:10px;letter-spacing:.08em}.info-line{grid-template-columns:96px minmax(0,1fr);gap:14px;padding:13px 15px}.info-footer{align-items:flex-start;flex-direction:column;gap:12px;padding:15px}.schedule-head{display:none}.schedule-row{grid-template-columns:30px minmax(0,1fr) auto;gap:4px 10px;padding:15px 4px}.schedule-no{grid-row:1/3}.schedule-date-full{grid-column:2;grid-row:1}.schedule-status{grid-column:3;grid-row:1;text-align:right}.schedule-city{grid-column:2;grid-row:2}.schedule-inquiry{grid-column:3;grid-row:2}.instructor-grid{grid-template-columns:130px minmax(0,1fr);gap:25px}.instructor-copy h2{font-size:27px}.module-body{padding-right:4px}}
@media(max-width:480px){.section-bar{gap:9px}.section-en{font-size:9px}.info-line{grid-template-columns:1fr;gap:3px}.info-actions{width:100%;justify-content:space-between}.info-footer{font-size:12px}.schedule-date-full{font-size:13px}.schedule-city,.schedule-status{font-size:12px}.schedule-inquiry{min-height:44px;padding:0 10px;font-size:12px}.instructor-grid{display:block}.instructor-copy h2{font-size:26px}}
@media print{.section-bar{background:#2F6FB0!important;color:#FFF!important;break-inside:avoid}.info-frame,.schedule-row{break-inside:avoid}.schedule-inquiry,.info-actions{display:none!important}.info-footer{background:#FFF}.schedule-row{padding:7px 0}.schedule-head{padding:7px 0}.instructor-section{padding:0;background:#FFF;color:#173B57}.instructor-copy>p,.instructor-role,.credential,.industries span{color:#173B57!important}.instructor-grid{margin-top:5mm}.content-section{margin-bottom:8mm}.section-bar+.section-title{margin-top:4mm}}
/* 公开课讲师区不设置照片或头像占位。 */
.instructor-grid{display:block;margin-top:28px}.instructor-name{margin:0 0 3px;font-size:24px;text-align:left}.instructor-role{margin:0 0 18px;text-align:left}.instructor-copy>p{margin-top:18px}
@media print{.instructor-grid{display:block}.instructor-name{text-align:left}.instructor-role{text-align:left}}
@media print{.section-bar,.section-title{break-after:avoid-page}.section-bar{break-inside:avoid}#instructor{break-before:page}.instructor-name,.instructor-role{break-after:avoid-page}}
@media print{.section-title{break-inside:avoid-page}}
/* 首屏固定中英文品牌标识 */
.hero-signature{position:absolute;right:0;bottom:24px;z-index:2;display:flex;flex-direction:column;align-items:flex-end;color:#174D75;pointer-events:none;text-align:right}.hero-signature strong{font-size:21px;font-weight:700;letter-spacing:.08em;line-height:1.35; display:block;}.hero-signature span{margin-top:3px;font-size:9px;font-weight:600;letter-spacing:.16em;line-height:1.4}
/* 基本信息：浅色圆角框、紧凑行距、无行间横线、统一矢量小图标 */
.basic-info .section-bar{border-radius:12px 12px 0 0}.basic-info .info-frame{padding:10px 18px 12px;border:1px solid #C9DCEC;border-top:0;border-radius:0 0 12px 12px;background:#F4F8FB;overflow:hidden}.basic-info .info-line{grid-template-columns:28px 104px minmax(0,1fr);gap:12px;align-items:center;padding:5px 0;border-bottom:0}.info-icon{display:grid;place-items:center;width:24px;height:24px;color:#2F6FB0}.info-icon svg{display:block;width:19px;height:19px;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.basic-info .info-label{font-size:13px;line-height:1.5}.basic-info .info-value{font-size:14px;line-height:1.55}.basic-info .info-footer{margin-top:6px;padding:10px 0 0;background:transparent}.basic-info .info-actions{gap:16px}
/* 时间安排紧随基本信息，采用参考页的紧凑场次逻辑，而非全宽逐行表格 */
.schedule-section .section-title{font-size:clamp(23px,2.3vw,30px)}.schedule-section .schedule-wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:1080px;margin-top:22px;border-top:0}.schedule-section .schedule-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto auto;gap:4px 10px;min-height:0;padding:14px;border:1px solid #D4E3EE;border-radius:10px;background:#FFF;transition:border-color .2s,background .2s}.schedule-section .schedule-row:hover{border-color:#2F6FB0;background:#F4F8FB}.schedule-section .schedule-no{grid-column:1;grid-row:1;font-size:11px;line-height:1.5}.schedule-section .schedule-date-full{grid-column:1/-1;grid-row:2;font-size:15px;line-height:1.55}.schedule-section .schedule-city{grid-column:1;grid-row:3;font-size:12px;line-height:1.5}.schedule-section .schedule-status{grid-column:2;grid-row:3;font-size:12px;line-height:1.5;text-align:right}.schedule-section .schedule-inquiry{grid-column:1/-1;grid-row:4;min-height:44px;margin-top:7px;padding:0 12px;font-size:12px}
@media(max-width:1050px){.schedule-section .schedule-wrap{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}.schedule-section .schedule-row{padding:12px}.schedule-section .schedule-date-full{font-size:14px}}
@media(max-width:780px){.hero-grid{padding-bottom:104px}.hero-signature{bottom:22px}.hero-signature strong{font-size:18px}.hero-signature span{font-size:8px}.basic-info .info-frame{padding:9px 14px 11px}.basic-info .info-line{grid-template-columns:25px 88px minmax(0,1fr);gap:9px;padding:7px 0}.basic-info .info-value{font-size:13px}.schedule-section .schedule-wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.schedule-section .schedule-row{padding:12px}.schedule-section .schedule-inquiry{padding:0 8px}}
@media(max-width:480px){.basic-info .info-line{grid-template-columns:24px 78px minmax(0,1fr);gap:7px}.basic-info .info-label{font-size:12px}.basic-info .info-value{font-size:12px;line-height:1.5}.basic-info .info-footer{align-items:flex-start}.basic-info .info-actions{width:100%}.schedule-section .schedule-wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.schedule-section .schedule-row{padding:10px;gap:3px 6px}.schedule-section .schedule-date-full{font-size:12px}.schedule-section .schedule-city,.schedule-section .schedule-status{font-size:11px}.schedule-section .schedule-inquiry{font-size:11px}}
@media print{.hero-signature{position:static;margin-top:5mm;text-align:right}.basic-info .info-frame{padding:3mm 4mm}.basic-info .info-line{padding:1.2mm 0}.schedule-section .schedule-wrap{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none;gap:3mm}.schedule-section .schedule-row{break-inside:avoid;padding:3mm}.schedule-section .schedule-inquiry{display:none!important}}
/* 时间安排仅保留日期、城市和状态，不再显示序号或逐期咨询按钮。 */
.section-icon{display:grid;place-items:center;width:22px;height:22px;flex:none;color:#FFF}.section-icon svg{display:block;width:20px;height:20px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.schedule-section .schedule-wrap{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:1140px;margin-top:18px}.schedule-section .schedule-row{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:4px 8px;padding:10px 12px;border-radius:8px}.schedule-section .schedule-date-full{grid-column:1/-1;grid-row:1;font-size:14px;line-height:1.5}.schedule-section .schedule-city{grid-column:1;grid-row:2}.schedule-section .schedule-status{grid-column:2;grid-row:2}
@media(max-width:1050px){.schedule-section .schedule-wrap{grid-template-columns:repeat(3,minmax(0,1fr))}.schedule-section .schedule-date-full{font-size:13px}}
@media(max-width:780px){.schedule-section .schedule-wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.schedule-section .schedule-row{padding:10px 11px}}
@media(max-width:480px){.schedule-section .schedule-wrap{gap:8px}.schedule-section .schedule-row{padding:9px 10px}.schedule-section .schedule-date-full{font-size:12px}.section-icon{width:20px;height:20px}.section-icon svg{width:18px;height:18px}}
@media print{.schedule-section .schedule-wrap{grid-template-columns:repeat(4,minmax(0,1fr));gap:2.5mm}.schedule-section .schedule-row{padding:2.5mm}}
/* 课程背景、课程收益、课程大纲：以留白和浅色底区分内容，取消密集分隔横线。 */
#background .pain-list{gap:10px;margin-top:26px;border:0}
#background .pain-item,#background .pain-item+.pain-item{padding:13px 12px;border:0!important;border-radius:8px;background:#F4F8FB}
#background .workshop-grid>div{padding:17px 0;border-top:0}
#benefits .benefit-list{margin-top:20px}
#benefits .benefit-item,#benefits .benefit-item:last-child{padding:13px 0;border:0}
#outline .outline-list{margin-top:20px;border-top:0}
#outline .module{margin-bottom:12px;padding:0 16px 15px;border:0;border-radius:8px;background:#FFF}
#outline .module:last-child{border-bottom:0}
#outline .module-button{padding:17px 0 4px}
#outline .module-body{padding:0 24px 0 56px}
@media(max-width:780px){#outline .module-body{padding-left:44px;padding-right:4px}#background .pain-list{gap:8px}}
/* 章节背景条统一圆角；基本信息条与下方信息框保持连接。 */
.section-bar{border-radius:7px}.basic-info .section-bar{border-radius:10px 10px 0 0}
/* PDF：增加页面与首屏左右留白，避免顶部文字贴边。 */
@page{size:A4;margin:16mm 18mm}
@media print{.hero-grid{padding:8mm 4mm}.section-bar{padding:10px 5mm;border-radius:6px}.basic-info .section-bar{border-radius:8px 8px 0 0}}
/* PDF 底部联系区：左右两端内容均向内收拢。 */
@media print{.contact-grid{padding:8mm 7mm;gap:12mm}.contact-section{margin-left:0;margin-right:0}.contact-qr{margin-right:2mm}.contact-lines{gap:4mm 8mm}}
/* 完整课程大纲与讲师简历：固定字段、全部展示，不使用折叠。 */
.outline-subsection + .outline-subsection{margin-top:18px}
.outline-subsection h4{margin:0 0 8px;color:#245F91;font-size:15px;font-weight:700;line-height:1.55}
.outline-subsection ul{margin:0}
.outline-subsection li{line-height:1.75}
.instructor-en-name{margin-left:10px;color:#71879A;font-size:14px;font-weight:500;letter-spacing:.04em}
.instructor-biography p{margin:0 0 14px;line-height:1.9;text-align:justify}
.instructor-biography p:last-child{margin-bottom:0}
.instructor-courses,.instructor-clients{margin-top:26px;padding-top:22px;border-top:1px solid #D4E3EE}
.instructor-courses h3,.instructor-clients h3{display:flex;align-items:baseline;gap:12px;margin:0 0 14px;color:#173B57;font-size:18px}
.instructor-courses h3 span,.instructor-clients h3 span{color:#6F8CA3;font-size:10px;font-weight:600;letter-spacing:.12em}
.instructor-courses ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 26px;margin:0;padding:0;list-style:none}
.instructor-courses li{position:relative;padding-left:15px;color:#38566D;font-size:14px;line-height:1.7}
.instructor-courses li:before{content:"";position:absolute;left:0;top:.72em;width:5px;height:5px;border-radius:50%;background:#2F6FB0}
.instructor-clients p{margin:0;color:#526B7E;font-size:13px;line-height:1.9;text-align:justify}
@media(max-width:700px){
  .instructor-courses ul{grid-template-columns:1fr}
  .instructor-courses h3,.instructor-clients h3{align-items:flex-start;flex-direction:column;gap:4px}
  .instructor-en-name{display:block;margin:4px 0 0}
}
@media print{
  .outline-subsection,.instructor-courses,.instructor-clients{break-inside:avoid-page}
  .instructor-biography p{orphans:3;widows:3}
  .instructor-courses ul{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* 时间安排：日期在左，城市与状态在右，同行两端对齐。 */
.schedule-section .schedule-row{
  grid-template-columns:minmax(0,1fr) auto auto;
  grid-template-rows:auto;
  align-items:center;
  column-gap:12px;
}
.schedule-section .schedule-date-full{grid-column:1;grid-row:1;white-space:nowrap;text-align:left}
.schedule-section .schedule-city{grid-column:2;grid-row:1;text-align:right;white-space:nowrap}
.schedule-section .schedule-status{grid-column:3;grid-row:1;text-align:right;white-space:nowrap}
@media(max-width:480px){
  .schedule-section .schedule-wrap{grid-template-columns:1fr}
  .schedule-section .schedule-row{padding:11px 13px}
  .schedule-section .schedule-date-full{font-size:13px}
  .schedule-section .schedule-city,.schedule-section .schedule-status{font-size:12px}
}
@media print{
  .schedule-section .schedule-wrap{grid-template-columns:repeat(3,minmax(0,1fr))}
  .schedule-section .schedule-row{column-gap:8px}
  .schedule-section .schedule-date-full{font-size:9pt}
  .schedule-section .schedule-city,.schedule-section .schedule-status{font-size:8pt}
}
/* 时间安排整体版面：与章节左右边界对齐，行列间距一致。 */
.schedule-section .schedule-wrap{
  width:100%;
  max-width:none;
  margin-left:0;
  margin-right:0;
  column-gap:10px;
  row-gap:10px;
}
@media(max-width:780px){
  .schedule-section .schedule-wrap{column-gap:9px;row-gap:9px}
}
@media(max-width:480px){
  .schedule-section .schedule-wrap{column-gap:8px;row-gap:8px}
}
@media print{
  .schedule-section .schedule-wrap{column-gap:2.5mm;row-gap:2.5mm}
}
/* 城市使用固定栏宽，跨场次保持上下对齐。 */
.schedule-section .schedule-row{
  grid-template-columns:minmax(0,1fr) 30px 52px;
}
.schedule-section .schedule-city{text-align:left}
.schedule-section .schedule-status{text-align:left}
@media print{
  .schedule-section .schedule-wrap{grid-template-columns:repeat(2,minmax(0,1fr))}
  .schedule-section .schedule-row{grid-template-columns:minmax(0,1fr) 26px 48px}
}


/* ---- ai-hero-and-info-redesign ---- */
/* 淡蓝 AI 科技头图：抽象网络与几何元素，无人物 */
.hero{background-color:#EAF4FB;background-image:linear-gradient(90deg,rgba(234,244,251,.98) 0%,rgba(234,244,251,.92) 38%,rgba(234,244,251,.35) 65%,rgba(234,244,251,.02) 100%),url("/static/home/images/perfect-ai-business-hero.webp");background-position:center;background-size:cover;color:#173B57}
.hero::after{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(234,244,251,.12));pointer-events:none}
.hero-grid{display:block;padding-top:58px;padding-bottom:72px}
.hero-grid>div:first-child{max-width:720px}
.hero .breadcrumb{color:#425E72}
.hero .course-label{border-color:rgba(47,111,176,.42);background:rgba(255,255,255,.48);color:#173B57;backdrop-filter:blur(6px)}
.hero .course-label::before{background:#2F6FB0;box-shadow:0 0 10px rgba(47,111,176,.3)}
.hero h1{color:#173B57;text-shadow:none}
.hero-subtitle{color:#425E72}
.hero-meta{color:#274E6C}
.hero .btn{border-color:rgba(23,77,117,.55);color:#174D75;background:rgba(255,255,255,.46);backdrop-filter:blur(6px)}
.hero .btn:not(.btn-primary):hover{background:#DCEBF7;border-color:#2F6FB0}
.hero .btn-primary{background:#174D75;border-color:#174D75;color:#FFF}
.hero .btn-primary:hover{background:#2F6FB0;border-color:#2F6FB0}
.hero-signature{color:#174D75;text-shadow:0 1px 10px rgba(255,255,255,.7)}
.hero-signature span{color:#2F6FB0}
/* 基本信息独立色块 */
.basic-info{padding:24px;border:1px solid #C9DCEC;border-radius:16px;background:#E4F1FA}
.basic-info .section-bar{border-radius:10px;background:#173B57}
.basic-info .info-frame{margin-top:10px;border:1px solid #C9DCEC;border-radius:10px;background:#FFF}
.basic-info .info-line{padding-top:11px;padding-bottom:11px}
.basic-info .info-footer{border-top:1px solid #DCE8F1}
.info-site{color:#174D75;font-weight:700;text-decoration:underline;text-underline-offset:3px;word-break:break-all}
.info-site:hover{color:#2F6FB0}
@media(max-width:780px){
 .hero{background-image:linear-gradient(90deg,rgba(234,244,251,.96),rgba(234,244,251,.72)),url("/static/home/images/perfect-ai-business-hero.webp");background-position:67% center}
 .hero-grid{min-height:0;padding-top:34px;padding-bottom:42px}
 .hero-signature{display:none}
 .basic-info{padding:14px;border-radius:12px}
 .basic-info .info-frame{margin-top:8px}
 .basic-info .info-site{display:block;margin-top:4px;word-break:normal}
}
@media print{
 .hero{background:#EAF4FB;color:#173B57}
 .hero h1,.hero-subtitle,.hero-meta,.hero .breadcrumb{color:#173B57;text-shadow:none}
 .hero .course-label{color:#173B57}
 .basic-info{padding:0;border:0;background:transparent}
}


/* ---- legacy-sections-integration ---- */
.started-list{margin-top:18px;border:1px solid #C9DCEC;background:#F4F8FB}.started-item{display:grid;grid-template-columns:minmax(0,1fr) 120px 110px;gap:20px;align-items:center;padding:20px 24px}.started-date{font-size:17px;font-weight:700}.started-city{color:#425E72}.started-status{justify-self:end;padding:4px 12px;border:1px solid #2F6FB0;border-radius:999px;color:#174D75;font-size:12px;font-weight:700}
.about-perfect-panel{margin-top:22px;padding:28px 30px;background:#EAF4FB;border-left:3px solid #2F6FB0}.about-perfect-panel>p{max-width:75ch;color:#274E6C;font-size:16px;line-height:1.9}.about-perfect-tags{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:20px;padding-top:17px;border-top:1px solid #C9DCEC;color:#174D75;font-size:13px;font-weight:700}
.offline-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px;border-top:1px solid #173B57;border-bottom:1px solid #C9DCEC}.offline-grid>div{padding:24px 26px 26px 0}.offline-grid>div+div{padding-left:26px;border-left:1px solid #C9DCEC}.offline-no{color:#2F6FB0;font-size:11px;font-weight:700;letter-spacing:.12em}.offline-grid h3{margin-top:8px;font-size:21px}.offline-grid p{margin-top:12px;color:#425E72;font-size:14px;line-height:1.85}
.video-panel{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:24px 40px;align-items:center;margin-top:22px;padding:30px;background:#F0F7FC;text-align:left}.video-copy strong{font-size:21px}.video-copy p{margin-top:12px;color:#425E72;line-height:1.9}.video-qr{text-align:center}.video-qr img{display:block;width:140px;height:auto;margin:auto;padding:6px;background:#FFF;border:1px solid #C9DCEC}.video-qr span{display:block;margin-top:8px;color:#425E72;font-size:12px}.video-contact{grid-column:1/-1;margin:0;overflow-wrap:anywhere;padding-top:18px;border-top:1px solid #C9DCEC;color:#3362A2;text-align:center;font-size:13px;line-height:1.8}
.clients-wall{margin-top:22px;padding:18px;border:1px solid #DCE8F1;background:#FFF}.clients-wall img{display:block;width:100%;height:auto}
.about-perfect-section .section-bar{flex-wrap:wrap}.about-perfect-section .section-zh{flex:none}.clients-section .section-bar{flex-wrap:wrap}.clients-section .section-en{line-height:1.5}
@media(max-width:780px){.about-perfect-section .section-en{flex-basis:100%;margin-left:38px;font-size:10px}.started-item{grid-template-columns:minmax(0,1fr) auto;gap:8px 14px;padding:17px}.started-status{grid-column:2;grid-row:1}.started-city{grid-column:1}.about-perfect-panel{padding:22px 20px}.offline-grid{grid-template-columns:1fr}.offline-grid>div,.offline-grid>div+div{padding:20px 0;border-left:0}.offline-grid>div+div{border-top:1px solid #C9DCEC}.video-panel{grid-template-columns:1fr;padding:23px 20px;text-align:center}.video-qr{grid-row:1}.video-contact{font-size:12px}.clients-wall{padding:8px}.clients-section .section-zh{font-size:16px}.clients-section .section-en{font-size:9px;letter-spacing:.06em}}
@media print{.about-perfect-panel,.video-panel{print-color-adjust:exact;-webkit-print-color-adjust:exact}.offline-grid{break-inside:avoid}.video-section,.clients-section{break-inside:avoid}}


/* ---- bilingual-company-sections ---- */
.about-perfect-panel{padding:0;background:transparent;border:0}.about-bilingual{padding:25px 28px;background:#EAF4FB}.about-bilingual+.about-bilingual{border-top:1px solid #C9DCEC}.about-bilingual h3{font-size:18px}.about-bilingual h3 span,.company-data h3 span{margin-left:12px;color:#2F6FB0;font-size:11px;font-weight:600;letter-spacing:.08em}.about-bilingual p{margin-top:11px;color:#274E6C;font-size:15px;line-height:1.85}.about-bilingual p.english{margin-top:6px;color:#425E72;font-size:13px;line-height:1.75}.about-clients{border-left:3px solid #2F6FB0;background:#DCEBF7}
.company-data{margin-top:22px;padding:24px 26px;background:#173B57;color:#F1F7FB}.company-data h3{font-size:18px}.company-data h3 span{color:#9EDCF2}.company-data-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:20px}.company-data-grid>div{padding:15px 16px;border-top:1px solid rgba(196,217,234,.25)}.company-data-grid>div:not(:nth-child(4n+1)){border-left:1px solid rgba(196,217,234,.2)}.company-data-grid strong{display:block;color:#61DFF2;font-size:29px;line-height:1.2;letter-spacing:-.03em}.company-data-grid sup{font-size:.55em}.company-data-grid span{display:block;margin-top:7px;font-size:13px;font-weight:600}.company-data-grid small{display:block;margin-top:2px;color:#C4D9EA;font-size:10px;font-weight:400;line-height:1.4}
.offline-grid h3 span{display:block;margin-top:4px;color:#2F6FB0;font-size:11px;font-weight:600;letter-spacing:.03em}.offline-grid p.english{margin-top:9px;color:#5C7182;font-size:12px;line-height:1.7}
@media(max-width:780px){.about-bilingual{padding:21px 20px}.about-bilingual h3 span{display:block;margin:4px 0 0}.company-data{padding:22px 18px}.company-data h3 span{display:block;margin:4px 0 0}.company-data-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.company-data-grid>div{padding:14px 10px}.company-data-grid>div:not(:nth-child(4n+1)){border-left:0}.company-data-grid>div:nth-child(2n){border-left:1px solid rgba(196,217,234,.2)}.company-data-grid strong{font-size:26px}}
@media print{.company-data{print-color-adjust:exact;-webkit-print-color-adjust:exact}}


/* ---- interactive-course-upgrades ---- */
.schedule-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;color:#5C7182;font-size:12px}.schedule-controls>div{display:flex;gap:8px}.schedule-controls button{display:grid;place-items:center;width:40px;height:40px;border:1px solid #2F6FB0;border-radius:50%;background:#FFF;color:#174D75;transition:background .2s,color .2s}.schedule-controls button:hover{background:#2F6FB0;color:#FFF}.schedule-controls button:disabled{opacity:.35;cursor:not-allowed}.schedule-controls svg{width:19px;height:19px;stroke:currentColor;stroke-width:2}
.schedule-wrap{display:flex!important;gap:16px!important;max-width:none!important;margin-top:14px!important;padding:4px 2px 18px!important;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;border-top:0!important;scrollbar-color:#2F6FB0 #DCEBF7;scrollbar-width:thin}.schedule-row{position:relative;flex:0 0 276px;display:grid!important;grid-template-columns:1fr auto!important;gap:10px!important;min-height:154px!important;padding:22px!important;border:0!important;border-radius:10px;background:#2F6FB0!important;color:#FFF;scroll-snap-align:start;box-shadow:0 8px 20px rgba(23,59,87,.12)}.schedule-row:hover{background:#174D75!important}.schedule-no{grid-column:1/-1;color:#9EDCF2!important;font-size:12px;letter-spacing:.12em}.schedule-date-full{grid-column:1/-1;color:#FFF;font-size:18px}.schedule-city{color:#E4F0F8!important;font-size:14px!important}.schedule-status{align-self:center;padding:3px 10px;border-radius:999px;background:#61DFF2;color:#071827!important;font-size:12px!important}
.process-icon{display:grid;place-items:center;width:48px;height:48px;margin-top:14px;border:1px solid #C9DCEC;border-radius:50%;color:#2F6FB0;background:#EAF4FB}.process-icon svg{width:25px;height:25px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.process-step h3{margin-top:12px}
.offline-icon{display:block;width:72px;height:72px;margin:16px 0 4px;color:#2F6FB0}.offline-icon svg{display:block;width:100%;height:100%;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.offline-icon .orbit{transform-origin:36px 36px;animation:offline-orbit 8s linear infinite}@keyframes offline-orbit{to{transform:rotate(360deg)}}
.video-copy p.english{margin-top:10px;color:#5C7182;font-size:13px;line-height:1.75}.info-value>a[href^="tel"]{color:#174D75;font-weight:700}
@media(max-width:780px){.schedule-controls{margin-top:18px}.schedule-row{flex-basis:250px;min-height:146px!important;padding:19px!important}.process-icon{width:44px;height:44px}.offline-icon{width:64px;height:64px}.basic-info .info-line{grid-template-columns:24px 80px minmax(0,1fr);gap:10px}.basic-info .info-site{display:inline;margin-top:0}}
@media(prefers-reduced-motion:reduce){.schedule-wrap{scroll-behavior:auto}.offline-icon .orbit{animation:none}}
@media print{.schedule-controls{display:none}.schedule-wrap{display:grid!important;grid-template-columns:repeat(3,1fr)!important;overflow:visible}.schedule-row{min-height:0!important;break-inside:avoid}.company-data-grid strong{color:#61DFF2}.offline-icon .orbit{animation:none}}


/* ---- timeline-process-layout-fixes ---- */
.schedule-row{grid-template-rows:auto 1fr auto!important;align-content:stretch!important}.schedule-no{grid-column:1/-1!important;grid-row:1!important}.schedule-date-full{grid-column:1/-1!important;grid-row:2!important;align-self:center}.schedule-city{grid-column:1!important;grid-row:3!important}.schedule-status{grid-column:2!important;grid-row:3!important}
@media(max-width:780px){.process-step{grid-template-columns:34px 44px minmax(0,1fr)!important;grid-template-rows:auto auto;column-gap:12px!important;row-gap:4px!important}.process-no{grid-column:1;grid-row:1/3}.process-icon{grid-column:2;grid-row:1/3;margin:0!important}.process-step h3{grid-column:3;grid-row:1;margin:0!important}.process-step p{grid-column:3;grid-row:2;margin:0!important}.process-step:not(:last-child)::after{bottom:-20px}}


/* ---- process-edge-alignment ---- */
@media(min-width:781px){.process-list{position:relative;display:flex;justify-content:space-between;gap:0}.process-list::before{content:"";position:absolute;left:15px;right:15px;top:15px;height:1px;background:#C9DCEC}.process-step,.process-step:last-child{flex:0 1 180px;width:180px;min-width:0;padding:0}.process-step::after{display:none}.process-step,.process-step:last-child{display:flex;flex-direction:column;align-items:center;text-align:center}}


/* ---- offline-business-color-cards ---- */
.offline-grid{gap:18px}.offline-grid>div,.offline-grid>div+div{padding:26px 24px!important;border:0!important;border-radius:12px;transition:background-color .25s ease}.offline-grid>div:nth-child(1){background:#EAF4FB}.offline-grid>div:nth-child(2){background:#EDF6F1}.offline-grid>div:nth-child(3){background:#FFF5E8}.offline-grid>div:nth-child(1):hover{background:#D6EAF7}.offline-grid>div:nth-child(2):hover{background:#DDEEE5}.offline-grid>div:nth-child(3):hover{background:#FBE8CF}.offline-icon{width:56px;height:56px;margin:14px 0 2px}.offline-grid>div:nth-child(2) .offline-icon{color:#397660}.offline-grid>div:nth-child(3) .offline-icon{color:#A66A25}
@media(max-width:780px){.offline-grid{gap:14px}.offline-grid>div,.offline-grid>div+div{padding:20px!important}.offline-icon{width:50px;height:50px}}


/* ---- compact-basic-information ---- */
.basic-info .info-frame{padding-top:8px;padding-bottom:8px}.basic-info .info-line{padding-top:6px;padding-bottom:6px}.basic-info .info-value{line-height:1.45}
@media(max-width:780px){.basic-info .info-line{padding-top:7px;padding-bottom:7px}.basic-info .info-value{line-height:1.5}}


/* ---- static-hover-schedule ---- */
.schedule-wrap{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;padding:0!important;overflow:visible!important;scroll-snap-type:none!important}.schedule-row{min-width:0;transition:background-color .25s ease}.schedule-row:hover{background:#174D75!important}
@media(max-width:780px){.schedule-wrap{grid-template-columns:1fr!important}.schedule-row{min-height:140px!important}}


/* ---- simplified-process-steps ---- */
@media(min-width:781px){.process-list::before{top:38px}}
@media(max-width:780px){.process-step{grid-template-columns:44px minmax(0,1fr)!important}.process-icon{grid-column:1;grid-row:1/3}.process-step h3,.process-step p{grid-column:2}.process-step:not(:last-child)::after{left:21px;top:44px}}


/* ---- offline-unified-blue-hover-white ---- */
.offline-grid>div:nth-child(n){background:#EAF4FB}.offline-grid>div:nth-child(n):hover{background:#FFF}.offline-grid>div:nth-child(n) .offline-icon{color:#2F6FB0}


/* ---- offline-remove-top-rule ---- */
.offline-grid{border-top:0}


/* ---- original-compact-schedule ---- */
.schedule-wrap{display:block!important;margin-top:20px!important;padding:0!important;border-top:1px solid #C9DCEC!important;overflow:visible!important}.schedule-row{display:grid!important;grid-template-columns:minmax(0,1fr) 100px 86px!important;grid-template-rows:1fr!important;align-items:center;gap:12px!important;min-height:0!important;padding:14px 6px!important;border:0!important;border-bottom:1px solid #DCE8F1!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transition:background-color .2s ease}.schedule-row:hover{background:#EAF4FB!important}.schedule-date-full{grid-column:1!important;grid-row:1!important;color:#173B57;font-size:15px}.schedule-city{grid-column:2!important;grid-row:1!important;color:#425E72!important;font-size:14px!important}.schedule-status{grid-column:3!important;grid-row:1!important;justify-self:end;padding:0;background:transparent;color:#2F6FB0!important;font-size:13px!important;font-weight:700}
@media(max-width:780px){.schedule-row{grid-template-columns:minmax(0,1fr) auto auto!important;gap:10px!important;padding:13px 4px!important}.schedule-date-full{font-size:14px}.schedule-status{font-size:12px!important}}


/* ---- restore-first-schedule-layout ---- */
.schedule-section .schedule-wrap{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;width:100%;max-width:none!important;margin:18px 0 0!important;padding:0!important;border:0!important;overflow:visible!important}.schedule-section .schedule-row{display:grid!important;grid-template-columns:minmax(0,1fr) 30px 52px!important;grid-template-rows:auto!important;align-items:center;gap:4px 12px!important;min-height:0!important;padding:10px 12px!important;border:1px solid #D4E3EE!important;border-radius:8px!important;background:#FFF!important;box-shadow:none!important;transition:border-color .2s,background-color .2s}.schedule-section .schedule-row:hover{border-color:#2F6FB0!important;background:#F4F8FB!important}.schedule-section .schedule-date-full{grid-column:1!important;grid-row:1!important;color:#173B57;font-size:13px;line-height:1.5;white-space:nowrap;text-align:left}.schedule-section .schedule-city{grid-column:2!important;grid-row:1!important;color:#425E72!important;font-size:12px!important;text-align:left;white-space:nowrap}.schedule-section .schedule-status{grid-column:3!important;grid-row:1!important;justify-self:auto;padding:0;background:transparent;color:#2F6FB0!important;font-size:12px!important;font-weight:600;text-align:left;white-space:nowrap}
@media(max-width:1100px) and (min-width:781px){.schedule-section .schedule-wrap{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:780px){.schedule-section .schedule-wrap{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.schedule-section .schedule-row{padding:9px 10px!important;column-gap:8px!important}.schedule-section .schedule-date-full{font-size:12px}.schedule-section .schedule-city,.schedule-section .schedule-status{font-size:11px!important}}
@media(max-width:480px){.schedule-section .schedule-wrap{grid-template-columns:1fr!important;gap:8px!important}.schedule-section .schedule-row{padding:10px 12px!important}.schedule-section .schedule-date-full{font-size:13px}.schedule-section .schedule-city,.schedule-section .schedule-status{font-size:12px!important}}


/* ---- started-matches-schedule-cards ---- */
.started-section .started-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}.started-section .started-item{display:grid;grid-template-columns:minmax(0,1fr) 30px 52px;grid-template-rows:auto;align-items:center;gap:4px 12px;min-height:0;padding:10px 12px;border:1px solid #D4E3EE;border-radius:8px;background:#FFF;box-shadow:none;transition:border-color .2s,background-color .2s}.started-section .started-item:hover{border-color:#2F6FB0;background:#F4F8FB}.started-section .started-date{grid-column:1;grid-row:1;color:#173B57;font-size:13px;font-weight:600;line-height:1.5;white-space:nowrap;text-align:left}.started-section .started-city{grid-column:2;grid-row:1;color:#425E72;font-size:12px;line-height:1.5;text-align:left;white-space:nowrap}.started-section .started-status{grid-column:3;grid-row:1;justify-self:auto;padding:0;border:0;border-radius:0;background:transparent;color:#2F6FB0;font-size:12px;font-weight:600;line-height:1.5;text-align:left;white-space:nowrap}
@media(max-width:1100px) and (min-width:781px){.started-section .started-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){.started-section .started-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.started-section .started-item{padding:9px 10px;column-gap:8px}.started-section .started-date{font-size:12px}.started-section .started-city,.started-section .started-status{font-size:11px}}
@media(max-width:480px){.started-section .started-list{grid-template-columns:1fr;gap:8px}.started-section .started-item{padding:10px 12px}.started-section .started-date{font-size:13px}.started-section .started-city,.started-section .started-status{font-size:12px}}


/* ---- schedule-status-light-blue-tags ---- */
.schedule-section .schedule-status{display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:20px;padding:0 3px;border:1px solid #A9CBE3;border-radius:5px;background:#EAF4FB;color:#2F6FB0!important;line-height:18px;text-align:center}


/* ---- offline-static-smaller-icons ---- */
.offline-icon{width:44px;height:44px;margin-top:12px}.offline-icon .orbit{animation:none!important}.offline-no{font-size:10px;letter-spacing:.04em}
@media(max-width:780px){.offline-icon{width:42px;height:42px}}


/* ---- ai-hero-basic-info-qr-layout ---- */
.basic-info{background:#E4F1FA}.basic-info-body{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:16px;align-items:start}.basic-info .info-frame{background:#F0F7FC}.basic-info-qr{margin-top:10px;padding:12px 10px;border:1px solid #C9DCEC;border-radius:10px;background:#FFF;text-align:center}.basic-info-qr img{display:block;width:108px;height:auto;margin:0 auto 9px}.basic-info-qr strong{display:block;color:#173B57;font-size:13px}.basic-info-qr span{display:block;margin-top:4px;color:#5C7182;font-size:10px;line-height:1.5}
@media(max-width:780px){.basic-info-body{grid-template-columns:1fr;gap:0}.basic-info-qr{justify-self:end;width:112px;margin-top:12px;padding:10px 8px}.basic-info-qr img{width:88px;margin-bottom:7px}.basic-info-qr strong{font-size:12px}.basic-info-qr span{font-size:9px}}


/* ---- started-status-matches-schedule ---- */
.started-section .started-status{display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:20px;padding:0 3px;border:1px solid #A9CBE3;border-radius:5px;background:#EAF4FB;color:#2F6FB0;line-height:18px;text-align:center}


/* ---- center-company-service-media-sections ---- */
#process .section-bar,#about-perfect .section-bar,#offline-business .section-bar,#video-information .section-bar,#trained-companies .section-bar{justify-content:center;text-align:center}#process .process-step{text-align:center}#about-perfect .about-perfect-panel{text-align:center}#about-perfect .about-perfect-panel p{margin-left:auto;margin-right:auto;max-width:1040px}.company-data{text-align:center}.company-data-grid>div{text-align:center}#offline-business .offline-grid>div{text-align:center}#offline-business .offline-icon{margin-left:auto;margin-right:auto}#video-information .video-panel{text-align:center}#video-information .video-copy p{margin-left:auto;margin-right:auto}#trained-companies{text-align:center}#trained-companies .clients-wall{margin-left:auto;margin-right:auto}


/* ---- basic-info-single-color-block ---- */
.basic-info{border:0;background:#E4F1FA}.basic-info .info-frame{margin-top:16px;padding:0;border:0;background:transparent}


/* ---- started-remove-long-frame ---- */
.started-section .started-list{border:0;background:transparent}


/* ---- qr-consultation-and-video-layout ---- */
.basic-info-body{grid-template-columns:minmax(0,1fr) 170px}.basic-info-qr p{margin:9px 0 0;padding-top:9px;border-top:1px solid #DCE8F1;color:#425E72;font-size:11px;line-height:1.65}.video-panel{grid-template-columns:1fr;gap:20px}.video-qr-group{display:flex;justify-content:center;align-items:flex-start;gap:30px}.video-qr-group .video-qr{min-width:140px}.video-qr-group .video-qr img{width:132px}.video-copy{text-align:center}
@media(max-width:780px){.basic-info-body{grid-template-columns:1fr}.basic-info-qr{width:150px}.basic-info-qr p{font-size:10px}.video-qr-group{gap:20px}.video-qr-group .video-qr{min-width:0;flex:1}.video-qr-group .video-qr img{width:112px}}


/* ---- video-qr-mobile-fit ---- */
@media(max-width:780px){.video-qr-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%}.video-qr-group .video-qr{min-width:0}.video-qr-group .video-qr img{width:100%;max-width:92px}.video-qr-group .video-qr span{font-size:10px;overflow-wrap:anywhere}}


/* ---- official-dynamic-title-lines ---- */
.basic-info .section-bar{background:#2F6FB0}#process .section-bar,#about-perfect .section-bar,#offline-business .section-bar,#video-information .section-bar,#trained-companies .section-bar{position:relative;min-height:54px;padding:4px 0 16px;border:0;border-radius:0;background:transparent!important;color:#173B57!important}#process .section-en,#about-perfect .section-en,#offline-business .section-en,#video-information .section-en,#trained-companies .section-en{color:#5C7182}#process .section-bar::after,#about-perfect .section-bar::after,#offline-business .section-bar::after,#video-information .section-bar::after,#trained-companies .section-bar::after,.company-data h3::after{content:"";position:absolute;left:50%;bottom:0;width:140px;height:2px;background:#2F6FB0;transform:translateX(-50%) scaleX(.45);animation:official-title-line 4s ease-in-out infinite}.company-data h3{position:relative;padding-bottom:14px}.company-data h3::after{background:#61DFF2}.video-qr-group .video-qr img{border-radius:12px}@keyframes official-title-line{0%,100%{transform:translateX(-50%) scaleX(.45)}50%{transform:translateX(-50%) scaleX(1)}}@media(prefers-reduced-motion:reduce){#process .section-bar::after,#about-perfect .section-bar::after,#offline-business .section-bar::after,#video-information .section-bar::after,#trained-companies .section-bar::after,.company-data h3::after{animation:none;transform:translateX(-50%) scaleX(1)}}


/* ---- reduce-large-color-blocks ---- */
#about-perfect .about-perfect-panel,#about-perfect .about-bilingual{background:transparent!important;border-left:0}#about-perfect .about-bilingual+.about-bilingual{border-top:1px solid #DCE8F1}.company-data{background:#FFF;color:#173B57}.company-data h3{color:#173B57}.company-data h3 span{color:#2F6FB0}.company-data h3::after{background:#2F6FB0}.company-data-grid>div,.company-data-grid>div:not(:nth-child(4n+1)),.company-data-grid>div:nth-child(2n){border-color:#DCE8F1!important}.company-data-grid strong{color:#2F6FB0}.company-data-grid span{color:#173B57}.company-data-grid small{color:#5C7182}#offline-business .offline-grid>div:nth-child(n){border:1px solid #D4E3EE!important;background:transparent}#offline-business .offline-grid>div:nth-child(n):hover{background:#F4F8FB}#video-information .video-panel{background:transparent}


/* ---- distinct-light-module-styles ---- */
.company-data{border:1px solid #D4E3EE;border-radius:12px;background:#F0F7FC}.company-data-grid strong{color:#2F6FB0}#offline-business .offline-grid>div:nth-child(n){border:1px solid #D4E3EE!important;border-top:3px solid #2F6FB0!important;background:#FFF}#offline-business .offline-grid>div:nth-child(n):hover{background:#F4F8FB}#video-information .video-panel{border-radius:12px;background:#F4F8FB}


/* ---- print-scope ---- */
/* 打印PDF：仅输出 startprint~endprint 之间的 <main> 内容，页头、页脚、悬浮客服、hero-meta 等一律不打印 */
        @media print{
          /* main 之外的任何直接子元素（导航、旧版页脚 bottomx/footer/copyright、float_kf、m-foot、tanchuang、返回顶部、弹窗等）全部隐藏 */
          body>*:not(main){display:none!important}
          /* 兜底：即使有层叠冲突也强制隐藏 */
          .float_kf,.m-foot,.tanchuang,.bottomx,.footer,.copyright,.back-top{display:none!important;position:static!important}
          /* 首屏按钮组与 meta 标签不打印 */
          .hero-actions,.hero-meta{display:none!important}
          /* 模板缺少全局 box-sizing:border-box（静态参考页有），打印时 .wrap 宽 100% 再叠加
             .hero-grid 的左右 4mm 内边距会撑破 .hero，导致右上角品牌标识被 overflow:hidden 裁切 */
          main .wrap{box-sizing:border-box!important}
          /* 保证课程大纲在打印时全部展开（防止 JS 折叠状态残留） */
          .module-panel{display:block!important;grid-template-rows:1fr!important}
        }


/* ---- process-about-color-block-distinction ---- */
#process .process-list {
        box-sizing: border-box;
        margin-top: 24px;
        padding: 28px 24px 24px;
        border-radius: 12px;
        background: #F0F7FC
    }

    #process .process-icon {
        margin-top: 0;
        border-color: #D4E3EE;
        background: #FFF
    }

    #offline-business .offline-icon {
        width: 32px;
        height: 32px;
        margin-top: 10px
    }

    #basic-info .basic-info-qr {
        border-color: #C9DCEC;
        background: #EAF4FB
    }

    #basic-info .basic-info-qr img {
        border-radius: 6px
    }

    #about-perfect .about-perfect-panel {
        padding: 0;
        border-radius: 12px;
        background: #F7F7F7 !important;
        overflow: hidden
    }

    #process .section-bar,
    #about-perfect .section-bar,
    #offline-business .section-bar,
    #video-information .section-bar,
    #trained-companies .section-bar {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 4px
    }

    #process .section-en,
    #about-perfect .section-en,
    #offline-business .section-en,
    #video-information .section-en,
    #trained-companies .section-en {
        flex-basis: auto;
        margin-left: 0;
        line-height: 1.5;
        text-transform: uppercase
    }

    .company-data h3 {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 4px
    }

    .company-data h3 span {
        margin-left: 0;
        text-transform: uppercase
    }

    @media(min-width:781px) {
        #process .process-list::before {
            top: 52px
        }
    }

    @media(max-width:780px) {
        #process .process-list {
            position: relative;
            display: grid;
            grid-template-columns: repeat(5, minmax(0, 1fr));
            gap: 0;
            padding: 20px 6px 18px
        }

        #process .process-list::before {
            content: "";
            position: absolute;
            left: 10%;
            right: 10%;
            top: 38px;
            height: 1px;
            background: #C9DCEC
        }

        #process .process-step,
        #process .process-step:last-child {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
            width: auto;
            min-width: 0;
            padding: 0 3px;
            text-align: center
        }

        #process .process-step:not(:last-child)::after {
            display: none
        }

        #process .process-icon {
            position: relative;
            z-index: 1;
            width: 36px;
            height: 36px;
            margin: 0 !important
        }

        #process .process-icon svg {
            width: 20px;
            height: 20px
        }

        #process .process-step h3 {
            margin: 10px 0 0 !important;
            font-size: 12px;
            line-height: 1.4;
            white-space: nowrap
        }

        #process .process-step p {
            margin: 4px 0 0 !important;
            font-size: 10px;
            line-height: 1.5
        }

        #offline-business .offline-icon {
            width: 30px;
            height: 30px
        }

        #about-perfect .about-bilingual {
            padding: 22px 20px
        }
    }

    @media print {
        .hero {
            background-color: #EAF4FB !important;
            background-image: linear-gradient(90deg, rgba(234, 244, 251, .98) 0%, rgba(234, 244, 251, .92) 38%, rgba(234, 244, 251, .35) 65%, rgba(234, 244, 251, .02) 100%), url("/static/home/images/perfect-ai-business-hero.webp") !important;
            background-position: center !important;
            background-size: cover !important;
            -webkit-print-color-adjust: exact;
            print-color-adjust: exact
        }

        #basic-info .basic-info-body {
            display: grid !important;
            grid-template-columns: minmax(0, 1fr) 44mm !important;
            gap: 4mm !important;
            align-items: start !important;
            break-inside: avoid-page;
            page-break-inside: avoid
        }

        #basic-info .info-frame {
            grid-column: 1 !important;
            grid-row: 1 !important
        }

        #basic-info .basic-info-qr {
            grid-column: 2 !important;
            grid-row: 1 !important;
            justify-self: stretch !important;
            align-self: start !important;
            box-sizing: border-box;
            width: auto !important;
            margin: 10px 0 0 !important;
            padding: 12px 10px !important;
            break-inside: avoid-page;
            page-break-inside: avoid
        }

        #basic-info .basic-info-qr img {
            width: 29mm !important;
            margin: 0 auto 9px !important
        }
    }


/* ---- hero-signature-top-right ---- */
.hero-signature {
        top: 26px;
        right: 0;
        bottom: auto
    }

    @media(max-width:780px) {
        .hero-grid {
            padding-top: 72px
        }

        .hero-signature {
            display: flex;
            top: 18px;
            right: 0;
            bottom: auto
        }

        .hero-signature strong {
            font-size: 13px
        }

        .hero-signature span {
            font-size: 7px
        }
    }

    @media print {
        .schedule-section .schedule-wrap {
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important
        }

        .schedule-section .schedule-row {
            grid-template-columns: minmax(0, 1fr) 26px 52px !important;
            column-gap: 8px !important
        }

        /* 与静态参考页（index.html）完全一致：以 .hero-grid 为参照，右上角绝对定位 */
        .hero-signature {
            position: absolute !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: flex-end !important;
            top: 8mm !important;
            right: 4mm !important;
            bottom: auto !important;
            margin-top: 0 !important
        }

        /* PDF：中英文各占一行，英文名在中文下方，右对齐；不允许换行/截断 */
        .hero-signature strong,
        .hero-signature span {
            display: block !important;
            width: auto !important;
            text-align: right !important;
            white-space: nowrap !important
        }

        .hero-signature span {
            margin-top: 2px !important
        }
    }


/* ---- offline-print-three-columns ---- */
@media print {
        .kimi-brand-link {
            display: none !important;
            visibility: hidden !important
        }

        #offline-business {
            break-inside: avoid-page;
            page-break-inside: avoid
        }

        #offline-business .offline-grid {
            display: grid !important;
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
            gap: 3mm !important;
            width: 100% !important;
            break-inside: avoid-page;
            page-break-inside: avoid
        }

        #offline-business .offline-grid>div,
        #offline-business .offline-grid>div+div {
            min-width: 0;
            padding: 4mm 3mm !important;
            border-left: 0 !important;
            break-inside: avoid-page;
            page-break-inside: avoid
        }

        #offline-business .offline-icon {
            width: 30px !important;
            height: 30px !important;
            margin: 0 auto 2mm !important
        }

        #offline-business .offline-grid h3 {
            margin: 0 !important;
            font-size: 14pt !important
        }

        #offline-business .offline-grid p {
            margin: 2mm 0 0 !important;
            font-size: 9pt !important;
            line-height: 1.6 !important
        }
    }


/* ---- 基础样式 ---- */
.hero h1 {
        font-size: clamp(30px, 3.2vw, 46px)
    }

    .course-content .content-section>p {
        font-size: 16px !important;
        line-height: 1.8 !important
    }

    .benefit-subgroup {
        margin-top: 16px !important;
        color: #173B57 !important;
        font-weight: 700
    }

    .outline-module-title {
        margin-top: 24px !important;
        padding: 12px 16px;
        background: #EAF4FB;
        border-left: 4px solid #2F6FB0;
        color: #173B57 !important;
        font-size: 18px !important;
        font-weight: 700;
        line-height: 1.6 !important
    }

    .outline-scene-title {
        margin-top: 18px !important;
        color: #1E5FA8 !important;
        font-weight: 700
    }

    .instructor-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important
    }

    .instructor-photo {
        width: 200px;
        margin: 0 0 28px
    }

    .instructor-name {
        text-align: left
    }

    .instructor-photo img {
        width: 100%;
        height: auto !important;
        aspect-ratio: 1/1 !important;
        object-fit: cover;
        object-position: center top;
        border: 4px solid #2F6FB0 !important;
        border-radius: 50% !important;
        box-shadow: 0 0 0 6px #DCEBF7
    }

    .instructor-more-courses {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        min-height: 40px;
        margin: 0 0 18px;
        padding: 7px 16px;
        border: 1px solid #2F6FB0;
        border-radius: 999px;
        color: #174D75;
        font-size: 14px;
        font-weight: 600;
        transition: background .2s, color .2s
    }

    .instructor-more-courses:hover {
        background: #2F6FB0;
        color: #FFF
    }

    .instructor-more-courses svg {
        width: 17px;
        height: 17px;
        stroke: currentColor;
        stroke-width: 1.8
    }

    #process .process-list {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 26px 12px !important
    }

    #process .process-step {
        min-width: 0
    }

    #process .process-list::before {
        display: none
    }

    .course-nav {
        position: sticky;
        top: 0;
        z-index: 15
    }

    @media(max-width:780px) {
        #process .process-list {
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important
        }

        .outline-module-title {
            font-size: 16px !important
        }
    }

    @media(max-width:520px) {
        .instructor-grid {
            grid-template-columns: 1fr !important
        }

        .instructor-photo {
            width: 150px
        }

        .course-nav-inner {
            gap: 24px
        }
    }

    @media print {
        .course-nav {
            position: static
        }

        .outline-module-title {
            break-after: avoid
        }

        .content-section {
            break-inside: auto
        }
    }

/* ---- 由内联 style 属性迁移（放在文件末尾，保持原先内联样式的优先级别） ---- */
.hero.hero-top-tight { padding-top: 30px !important; }
.hero-title-left { text-align: left; }
.hero-subtitle.hero-subtitle-flat { text-align: left; margin: 0; }
table.info-bar { margin: 20px 0 10px 0; border-collapse: collapse; }
table.info-bar td.info-bar-title {
  border-left: 4px solid #1e5fa8;
  background: #eef5fc;
  color: #1e5fa8;
  font-size: 16px;
  font-weight: bold;
  padding: 9px 12px;
  line-height: 1.5;
}