@import url('/academy-markdown.css?v=20261026-path-copy');
@import url('/academy-carousel.css?v=20261111-hero-loading-r3');
.academy-section-subtitle{font-size:14px;line-height:1.8;color:var(--muted)}
.site-heading{padding:24px 0;margin:0;font-family:var(--serif);font-size:clamp(20px,3vw,28px);font-weight:700;line-height:1.5;color:var(--blue-950)}
#mainNav a[data-academy-selected]{background:#f7f4ee;color:#304f7e;border-radius:6px}
#mainNav .nav-links>a[data-academy-selected],#mainNav .nav-item>a[data-academy-selected]{display:inline-flex;align-items:center;padding:10px 12px;margin:-10px -12px}
/* 官网同级栏目标题共用首页的宋体与字重，避免页面内单独覆盖。 */
main .sec-head>:is(h1,h2),main .free-learning-head>h2,main .courses-head>.sec-tag{font-family:var(--serif);font-size:clamp(26px,3vw,36px);font-weight:900;line-height:1.3;letter-spacing:.03em;color:var(--blue-950)}
.adv-more[hidden]{display:none}
.academy-data-state{grid-column:1/-1;display:flex;min-height:160px;align-items:center;justify-content:center;flex-direction:column;gap:14px;padding:32px;border:1px dashed #cbd8e3;border-radius:12px;background:#f8fbfd;color:#52667a;text-align:center}
.academy-data-state button{border:1px solid #1c6578;border-radius:7px;background:#fff;color:#15566a;padding:9px 16px;font:inherit;font-weight:600;cursor:pointer}
.academy-data-state.is-error{border-color:#e4c8bd;background:#fff9f6;color:#874b39}
.free-learning-start{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.free-learning-image,.course-cover-frame{background:#e9edf1}
.free-learning-image img,.course-cover-frame img{opacity:0;transition:opacity .2s ease}
.free-learning-image img[data-cover-loaded],.course-cover-frame img[data-cover-loaded]{opacity:1}
.course-detail-button{text-decoration:none}
@media(prefers-reduced-motion:reduce){.free-learning-image img,.course-cover-frame img{transition:none}}
.news-card h3 a{color:inherit;text-decoration:none}
.news-card h3 a:hover,.news-card h3 a:focus-visible{color:var(--blue-700);text-decoration:underline;text-underline-offset:4px}
.news-card small{display:block;margin-top:12px;color:var(--muted);font-size:12px}
.academy-learning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px}
.academy-learning-card{display:flex;flex-direction:column;gap:20px;padding:28px;border:1px solid #dce5ed;border-radius:12px;background:#fff;box-shadow:0 10px 28px rgba(18,52,72,.06)}
.academy-learning-card header>span{display:inline-block;margin-bottom:8px;color:var(--blue-700);font-size:12px;font-weight:700;letter-spacing:.08em}
.academy-learning-card h3{margin:0 0 8px;font-family:var(--serif);font-size:22px}
.academy-learning-card header p,.academy-learning-card li p{margin:0;color:var(--muted);line-height:1.7}
.academy-learning-card ol{display:grid;gap:14px;margin:0;padding:0;counter-reset:path-step;list-style:none}
.academy-learning-card li{position:relative;padding-left:40px;counter-increment:path-step}
.academy-learning-card li::before{content:counter(path-step);position:absolute;left:0;top:-2px;display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:var(--blue-50);color:var(--blue-700);font-weight:700}
.academy-learning-card li p{margin-top:4px;font-size:13px}
.academy-learning-card>a{align-self:flex-start;margin-top:auto;color:var(--blue-700);font-weight:700;text-decoration:none}
.academy-learning-card>a:hover,.academy-learning-card>a:focus-visible{text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){.academy-learning-grid{grid-template-columns:1fr}.academy-learning-card{padding:22px}}
.nearby-page .location .actions{display:flex;gap:10px;margin-left:auto}.nearby-page .location .actions .outline{margin-left:0}
@media(max-width:650px){.nearby-page .location .actions{width:100%;margin-left:0;flex-wrap:wrap}}

/* 2026-10 学院新版课程卡片：说明文字自然增高，价格与咨询入口同行。 */
#learning-path,#courses,#free-learning{scroll-margin-top:73px}
.course-category-grid .course-poster-card[hidden]{display:none}
.course-category-grid .course-poster-body{display:flex;flex-direction:column}
.course-category-grid .course-poster-body h3{margin-bottom:18px;font-weight:600}
.course-category-grid .course-poster-body .course-summary,
.course-category-grid .course-poster-body .course-audience{min-height:0;color:var(--muted);font-size:14px;font-weight:400;line-height:1.8}
.course-category-grid .course-poster-body .course-summary{margin:0 0 12px}
.course-category-grid .course-poster-body .course-summary>span,
.course-category-grid .course-poster-body .course-audience>span{color:#456b87;font-weight:600}
.course-category-grid .course-poster-body .course-audience{display:flex;align-items:baseline;gap:4px;margin:0 0 18px;padding:0;min-width:0}
.course-category-grid .course-poster-body .course-audience>span{flex:none;white-space:nowrap}
.course-category-grid .course-poster-body .course-audience>strong{display:block;min-width:0;overflow:visible;flex:1;color:inherit;font-size:inherit;font-weight:400;overflow-wrap:anywhere;white-space:normal}
.course-category-grid .course-poster-body .course-enrollment{display:flex;position:relative;top:-12px;align-items:baseline;justify-content:space-between;gap:16px;margin-top:auto;padding-top:12px}
.course-category-grid .course-poster-body .course-enrollment .beauty-course-price{margin:0;padding:11px 0;flex:1;color:#ff7518;font-family:var(--sans);font-size:15px;font-weight:600;line-height:1.5}
.course-category-grid .course-poster-body .course-enrollment .course-learn-button{display:block;width:auto;margin:0;padding:11px 18px;border:0;flex:none;color:#ff7518;font-family:var(--sans);font-size:15px;font-weight:600;line-height:1.5;cursor:pointer}
.course-card-actions{display:flex;align-items:center;gap:4px;flex:none}
.course-category-grid .course-poster-body .course-card-actions .course-learn-button{padding-inline:8px}
.course-category-grid .course-poster-body .course-enrollment{gap:8px}
.course-detail-button:disabled{opacity:.45;cursor:default!important}
.course-detail-modal{width:min(760px,calc(100vw - 32px));max-width:none;max-height:90dvh;margin:auto;padding:0;border:0;border-radius:12px;background:#fff;overflow:visible}
.course-detail-modal::backdrop{background:rgb(0 0 0 / .55)}
.course-detail-scroll{max-height:90dvh;overflow:auto;border-radius:inherit;overscroll-behavior:contain}
.course-detail-scroll img{display:block;width:100%;height:auto}
.course-detail-scroll img[hidden],.course-detail-scroll p[hidden]{display:none}
.course-detail-scroll p{padding:48px 24px;margin:0;text-align:center}
.course-detail-close{position:absolute;right:12px;top:12px;z-index:1;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #ddd;border-radius:50%;background:#fff;color:#181d26;font-size:26px;line-height:1;cursor:pointer;box-shadow:0 2px 8px #0002}
.course-detail-close:focus-visible,.course-detail-button:focus-visible{outline:2px solid var(--blue-700);outline-offset:3px}
@media(max-width:980px){#learning-path,#courses,#free-learning{scroll-margin-top:65px}}
@media(max-width:400px){.course-category-grid .course-poster-body .course-enrollment{gap:8px}.course-category-grid .course-poster-body .course-enrollment .course-learn-button{padding:10px 12px}}

/* 卡片封面铺满容器；路径图按原比例占满卡片宽度。 */
.course-category-grid .course-cover-frame{padding:0;background:transparent}
.course-category-grid .course-cover-frame>.course-poster{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:0}
.learning-path-combined .learning-path-overview{width:100%;max-width:none;margin:0;padding:0}
.learning-path-combined .learning-path-overview img{display:block;width:100%;height:auto}
.showcase-moments .showcase-photo{padding:0}
.showcase-moments .showcase-photo img{display:block;width:100%;height:100%;object-fit:cover}

.platform-intro-card .platform-intro-copy{max-width:980px;color:var(--muted);font-size:14px;line-height:1.9}
.founder-copy .founder-education.academy-markdown{color:var(--ink);font-size:14px;line-height:1.8}
.academy-content-pending,[data-academy-pending]:not(dialog){visibility:hidden}
[hidden]:not([data-academy-admin]){display:none!important}
/* 每一行卡片共用标题、简介、人群和价格的行高，长文完整显示。 */
@supports(grid-template-rows:subgrid){
  .course-category-grid .course-poster-card{display:grid;grid-row:span 5;grid-template-rows:subgrid;row-gap:0}
  .course-category-grid .course-cover-frame{grid-row:1}
  .course-category-grid .course-poster-body{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:0;align-items:start;min-height:0}
  .course-category-grid .course-poster-body .course-enrollment{top:0;margin-top:0;align-self:end}
}