/* 与登录首页共用深蓝、暖金、宋体排版；编辑画布保持静态，访问与预览启用滚动。 */
body:has(.promotion-education){background:#f8f6f1}
body:has(main>.promotion-education)>header.site-header,body:has(main>.promotion-education)>footer{display:none}
main:has(>.promotion-education){width:100%;padding:0;margin:0}
.promotion-education{max-width:none;width:100%;border-radius:0;overflow:visible;display:flex;flex-wrap:wrap;padding:0;isolation:isolate;--education-inset:clamp(24px,6vw,100px);--education-title-scale:1;--education-font-scale:1}
.promotion-education .promotion-block{margin:0;border-radius:0;transition:none;scroll-margin-top:145px;padding:var(--promo-padding)!important}
.promotion-education>.promotion-variant-section,.promotion-education>.promotion-variant-statement,.promotion-education>.promotion-consultation{padding-left:max(var(--promo-padding),var(--education-inset))!important;padding-right:max(var(--promo-padding),var(--education-inset))!important}
.promotion-education h1,.promotion-education h2,.promotion-education summary{font-family:"Noto Serif SC","Source Han Serif SC","Songti SC","STSong","SimSun",serif;font-weight:700;letter-spacing:-.015em;white-space:pre-line;text-wrap:balance}
.promotion-education .promotion-block h2{font-size:calc(var(--promo-title-size,23px) * var(--education-title-scale));line-height:1.35}
.promotion-education .promotion-text{font-size:calc(var(--promo-font-size,16px) * var(--education-font-scale));max-width:1000px;margin:22px 0;line-height:2}
.promotion-eyebrow{display:block;font:600 13px/1.5 "Microsoft YaHei",sans-serif;letter-spacing:.2em;color:#c6a064;margin-bottom:24px}
.promotion-eyebrow::before{content:"";display:inline-block;width:32px;height:1px;background:currentColor;vertical-align:middle;margin-right:12px}
.promotion-school-nav{width:100%;position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:24px;padding:18px var(--education-inset);background:#0d2746;color:#fff;border-bottom:1px solid #ffffff22;box-sizing:border-box}
.promotion-school-nav .brand{flex-shrink:0}.promotion-school-nav .brand-mark{background:#a77c33}.promotion-school-nav .brand small{color:#d9c8a8;letter-spacing:.07em}.promotion-school-nav nav{flex:1;flex-wrap:wrap;justify-content:flex-end;gap:4px}.promotion-school-nav nav a{color:#eee9df;padding:6px 8px;font-size:12px;white-space:nowrap}.promotion-school-nav nav a:hover{background:#ffffff16;color:#f2cc80}.promotion-school-nav .primary-button{white-space:nowrap;background:var(--promo-accent);border:0;padding:12px 18px}
.promotion-education .primary-button{border-radius:2px;padding:15px 24px;line-height:1.5;white-space:normal;box-shadow:none;font-weight:600}
.promotion-education .primary-button:hover{filter:brightness(1.15);transform:translateY(-2px)}
.promotion-education .primary-button:focus-visible,.promotion-school-nav a:focus-visible{outline:3px solid #eac382;outline-offset:4px}
.promotion-education .promotion-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:4vw;overflow:hidden;min-height:min(760px,calc(100svh - 95px))!important;background-image:linear-gradient(90deg,#0d2746f0,#0d2746c0),url('/assets/images/login-campus-night.png');background-size:cover;background-position:center}
.promotion-hero-copy{position:relative;z-index:2}.promotion-education .promotion-hero h1{font-size:calc(var(--promo-title-size,34px) * var(--education-title-scale));line-height:1.22;max-width:820px}.promotion-hero .promotion-text{color:inherit;opacity:.84;max-width:660px}.promotion-hero .referral-badge{margin:22px 0;font-size:14px;opacity:.8}
.promotion-hero-visual{position:relative;min-height:400px;aspect-ratio:1/1;border:1px solid #c6a06477;border-radius:50%;background:url('/assets/images/cufe/campus-1.webp') center/cover;box-shadow:0 24px 80px #0005,inset 0 0 0 12px #fff2}.promotion-hero-visual::before{content:"";position:absolute;inset:16px;border:1px solid #f3d59c99;border-radius:50%;pointer-events:none}.promotion-hero-visual span{position:absolute;top:-32px;left:-16px;font:600 clamp(15px,1.4vw,22px)/1.5 "SimSun",serif;letter-spacing:.16em;color:#e2c58f;transform:rotate(-7deg);white-space:nowrap}.promotion-hero-visual i{position:absolute;bottom:0;right:-25px;width:90px;height:90px;border-radius:50%;border:1px solid #d5ac60;box-shadow:0 0 0 16px #c6a06411;background:#0d2746}
.promotion-education>.promotion-variant-section:not(.promotion-hero){padding-top:max(var(--promo-padding),70px)!important;padding-bottom:max(var(--promo-padding),58px)!important}
.promotion-education>.promotion-variant-card,.promotion-education>.promotion-variant-photo{border:12px solid #f8f6f1}.promotion-education>.promotion-variant-card{border-radius:18px;padding:var(--promo-padding)!important;box-shadow:inset 0 0 0 1px #d6c6ab55}.promotion-education .promotion-variant-card .promotion-text{min-height:80px}
.promotion-education .promotion-media{position:relative}.promotion-education .promotion-media img{margin:24px 0 0;max-height:600px;object-fit:cover;border-radius:3px}.promotion-education .promotion-placeholder,.promotion-media-error{display:grid;place-content:center;text-align:center;min-height:220px;line-height:1.8;padding:24px;border:1px dashed #b5a78c;background:#e8e3d9;color:#5e625f;border-radius:3px}.promotion-media-error[hidden]{display:none}.promotion-media img[hidden]{display:none}.promotion-education [data-block-id="cufe-completion"] img,.promotion-education [data-block-id="cufe-degree"] img{object-fit:contain;background:#fff;max-height:410px}
.promotion-education video{aspect-ratio:16/9;object-fit:contain;background:#0d2746;max-height:600px;border-radius:3px}
.promotion-education .promotion-variant-faq{border-bottom:1px solid #d6c6ab55;padding:26px var(--education-inset)!important}.promotion-variant-faq summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:calc(var(--promo-title-size,23px) * var(--education-title-scale))}.promotion-variant-faq summary::-webkit-details-marker{display:none}.promotion-variant-faq summary::after{content:"＋";color:#a77c33;font:300 30px sans-serif}.promotion-variant-faq details[open] summary::after{content:"−"}
.promotion-education .promotion-variant-statement{min-height:75svh;display:flex;flex-direction:column;justify-content:center;padding-top:100px!important;padding-bottom:100px!important}.promotion-variant-statement h2{max-width:900px}.promotion-variant-statement .promotion-text{max-width:820px;opacity:.8}.promotion-variant-statement .primary-button{align-self:flex-start;background:#a77c33}
.promotion-education .promotion-consultation{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px 6vw;padding-top:100px!important;padding-bottom:100px!important}.promotion-consultation>h2{grid-column:1;grid-row:1}.promotion-consultation>.promotion-text{grid-column:1;grid-row:2;align-self:start;margin-top:0}.promotion-consultation>#lead-form{grid-column:2;grid-row:1/3;width:100%;padding:32px;border:1px solid #d9cfbc;background:#fff;box-shadow:0 16px 55px #19324b0a}.promotion-education #lead-form .side-note{font-size:12px;line-height:1.8}.promotion-education .check-line{font-size:13px;line-height:1.8}.promotion-education .check-line input{flex-shrink:0}.promotion-education input,.promotion-education select{min-width:0}.promotion-education .intake-details summary{font:500 13px/1.7 "Microsoft YaHei",sans-serif;white-space:normal}
.promotion-school-footer{width:100%;padding:30px var(--education-inset);display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap;background:#0b213a;color:#e3dacb;font-size:13px}.promotion-preview-note{position:fixed;z-index:80;bottom:8px;left:12px;margin:0;padding:6px 10px;background:#142b47e0;color:white;border-radius:3px;font-size:12px;pointer-events:none}
.promotion-editing .promotion-school-nav{position:relative}.promotion-editing .promotion-hero{min-height:600px!important}.promotion-editing .promotion-block{scroll-margin-top:0}
@media(max-width:900px){.promotion-education{--education-title-scale:.85;--education-font-scale:.95}.promotion-school-nav{padding:14px 24px;gap:14px;flex-wrap:wrap}.promotion-school-nav .brand{flex:1}.promotion-school-nav nav{flex-basis:100%;order:3;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding:4px 0;gap:12px}.promotion-school-nav nav a{padding:4px 0}.promotion-hero-visual{min-height:220px}.promotion-education .promotion-hero{padding:55px 28px!important;gap:28px}.promotion-education .promotion-consultation{gap:24px}.promotion-consultation>#lead-form{padding:22px}}
@media(max-width:600px){.promotion-education{--education-inset:24px;--education-title-scale:.7;--education-font-scale:.9}.promotion-school-nav .brand strong{font-size:15px;letter-spacing:0}.promotion-school-nav .brand small{font-size:10px}.promotion-school-nav .primary-button{padding:9px 12px;font-size:13px}.promotion-school-nav .brand-logo,.promotion-school-nav .brand-mark{width:36px;height:36px}.promotion-education .promotion-block{width:100%!important;min-height:0!important;padding:26px 24px!important}.promotion-education .promotion-text{line-height:1.95;margin:20px 0}.promotion-education .promotion-hero{grid-template-columns:1fr;min-height:auto!important;padding:44px 24px 60px!important;gap:56px}.promotion-hero-visual{min-height:0;aspect-ratio:1.2;width:82%;margin:0 auto;border-radius:45%}.promotion-hero-visual::before{border-radius:45%}.promotion-hero-visual span{font-size:16px;left:-16px}.promotion-hero-visual i{width:60px;height:60px;right:-15px}.promotion-eyebrow{font-size:11px;margin-bottom:22px}.promotion-education>.promotion-variant-section:not(.promotion-hero){padding-top:48px!important;padding-bottom:42px!important}.promotion-education>.promotion-variant-card,.promotion-education>.promotion-variant-photo{border-width:8px}.promotion-education .promotion-variant-card .promotion-text{min-height:0}.promotion-education .promotion-variant-statement{min-height:70svh!important;padding:70px 24px!important}.promotion-education .promotion-consultation{display:block;padding:55px 24px!important}.promotion-consultation>#lead-form{padding:22px 18px;margin-top:28px}.promotion-education .form-grid{grid-template-columns:1fr}.promotion-education .promotion-variant-faq{padding:22px 24px!important}.promotion-school-footer{font-size:12px;gap:12px}.promotion-preview-note{font-size:10px}}
.promotion-education #lead-form{scroll-margin-top:155px}.promotion-education .promotion-hero .referral-badge{display:block;background:transparent;padding:0}
.promotion-school-nav nav{scrollbar-width:none}.promotion-school-nav nav::-webkit-scrollbar{display:none}.promotion-nav-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}.promotion-nav-actions .promotion-login{font-size:12px;white-space:nowrap;color:#eee9df}
.promotion-education:not(.promotion-template-cufe) .promotion-hero-visual{background-image:url('/assets/images/login-campus-night.png')}
.promotion-education>.pin-spacer{flex:0 0 100%;max-width:100%}
.promotion-education .promotion-block{scroll-margin-top:var(--promotion-nav-height,145px)}
@media(max-width:600px){.promotion-education .promotion-consultation{padding-left:16px!important;padding-right:16px!important}.promotion-consultation>#lead-form{padding:24px 16px}.promotion-education #lead-form .check-line,.promotion-education #lead-form .channel-options label{font-size:13px}}
@media(max-width:600px){.promotion-nav-actions{gap:8px}.promotion-nav-actions .promotion-login{font-size:11px}.promotion-school-nav{gap:8px}.promotion-school-nav .brand{gap:8px}.promotion-school-nav .brand strong{font-size:14px}}
@media(max-width:360px){.promotion-school-nav{padding:14px 16px}.promotion-school-nav .brand strong{font-size:13px}.promotion-school-nav .brand small{font-size:9px}.promotion-school-nav .brand-logo,.promotion-school-nav .brand-mark{width:32px;height:32px}.promotion-school-nav .brand{gap:6px}}
@media(prefers-reduced-motion:reduce){.promotion-education *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* 照片舞台只使用这一套尺寸；保留完整画幅，卡片按照片比例收紧。 */
.promotion-photo-stage.is-animated {
  --photo-height: min(450px, calc(67.5vw - 24px), calc(100svh - var(--promotion-nav-height,100px) - 180px));
  position:relative; width:100%; height:calc(100svh - var(--promotion-nav-height,100px));
  min-height:280px; overflow:clip; background:#0d2746; isolation:isolate;
}
.promotion-photo-stage.is-animated > .promotion-block {
  position:absolute; inset:0; width:min(90%,664px)!important; height:calc(var(--photo-height) + 116px);
  min-height:0!important; margin:auto!important; padding:16px!important; border:0;
  display:flex; flex-direction:column; box-shadow:0 12px 30px #0004;
  will-change:transform; transition:none; overflow:hidden;
}
.promotion-photo-stage.is-animated .promotion-media {
  order:-1; flex:none; height:var(--photo-height); min-height:0;
  display:flex; align-items:center; justify-content:center; overflow:hidden;
}
.promotion-photo-stage.is-animated .promotion-media img {
  display:block; width:100%; height:100%; max-width:100%; max-height:100%;
  margin:0; object-fit:contain; border-radius:0; image-rendering:auto;
}
.promotion-photo-stage.is-animated .promotion-media img[hidden] {display:none}
.promotion-photo-stage.is-animated .promotion-media-error {min-height:0;height:100%;width:100%;margin:0}
.promotion-photo-stage.is-animated h2 {line-height:1.3;margin:12px 4px 4px}
.promotion-photo-stage.is-animated .promotion-text {line-height:1.5;margin:0 4px;overflow:auto}
@media(max-width:600px) {
  .promotion-photo-stage.is-animated > .promotion-block {padding:12px!important}
  .promotion-photo-stage.is-animated h2 {margin-top:14px}
}