/* 简版官网公共补充：年度荣誉、课程导览及家长扫码面板，沿用现有品牌色。 */
.award-highlight{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:32px;margin:0 0 32px;background:#fff8ec;border:1px solid #efdcb9;border-radius:24px}
.award-highlight h3{font-size:24px;margin:8px 0}.award-highlight h3 b{font-size:52px;color:#9a5b11}.award-highlight p{margin:0;color:#68625a}
.award-year-nav{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.award-year-nav a{padding:10px 20px;border:1px solid #dce5ef;border-radius:999px;color:#455065;background:#fff;font-weight:700}.award-year-nav a[aria-current="page"]{background:#245deb;color:#fff;border-color:#245deb}
.award-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.award-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:28px}.award-card h3{font-size:22px;margin:0 0 8px}.award-card>p{color:#657186}.award-card ul{list-style:none;padding:0;margin:20px 0 0}.award-card li{display:flex;gap:16px;justify-content:space-between;padding:12px 0;border-top:1px solid #edf0f4}.award-card li b{white-space:nowrap;color:#926018}.award-note{color:#637086;font-size:14px;line-height:1.8;margin-top:24px}.section-more{text-align:center;margin-top:30px}
.parent-access{text-align:center;padding:40px 20px;background:#f5f8fc}.parent-access[hidden]{display:none}.parent-access img,.parent-dialog img{display:block;width:min(100%,280px);height:auto;margin:20px auto;background:#fff}.parent-dialog{width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 40px);border:0;border-radius:24px;padding:32px;text-align:center;color:#25324a;background:#fff;box-shadow:0 24px 100px #15244244}.parent-dialog::backdrop{background:#111f3db3}.parent-dialog h2,.parent-access h2{font-size:24px;line-height:1.5;margin:0}.parent-dialog p,.parent-access p{font-size:14px;line-height:1.8;color:#647086}.parent-dialog button{margin-top:8px;cursor:pointer}body:has(.parent-dialog[open]){overflow:hidden}
.course-intro{margin-bottom:32px}.course-intro .feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.contact-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}#awards,#contact{scroll-margin-top:110px}
@media(max-width:700px){.award-highlight{align-items:flex-start;flex-direction:column;padding:24px}.award-cards{grid-template-columns:1fr}.award-card{padding:22px}.course-intro .feature-grid{grid-template-columns:1fr}.parent-dialog{padding:24px}.parent-dialog h2{font-size:21px}}

/* 页脚两个行动入口独立成行，避免在窄列中粘连。 */
.footer-contact .footer-cta{display:flex;width:fit-content;margin-top:12px}

/* 二维码原图不裁剪、不重绘，以白底与内边距保留扫码识别区域。 */
.parent-dialog img,.parent-access img{box-sizing:border-box;padding:12px;background:#fff}
.contact-qr{padding:24px 0;text-align:center;border-top:1px solid #e3e9f1;margin-top:24px}.contact-qr img{display:block;box-sizing:border-box;width:min(100%,280px);height:auto;padding:14px;background:#fff;margin:0 auto 16px}.contact-qr h4{font-size:18px;margin:0 0 8px}.contact-qr p{font-size:14px;line-height:1.8;margin:0}

/* 官网内页统一文字层级与留白；课程目录另用紧凑的方形缩略图。 */
.website-inner .page-hero {
    padding: 56px 0;
}
.website-inner .page-hero h1 {
    font-size: 38px;
    line-height: 1.3;
}
.website-inner .section {
    padding: 56px 0;
}
.website-inner .section-head {
    margin-bottom: 28px;
}
.website-inner .section-head h2,
.website-inner .about-grid > div:first-child h2 {
    font-size: 28px;
    line-height: 1.4;
    letter-spacing: -.02em;
}
.website-inner .page-hero p,
.website-inner .section-head p,
.website-inner .about-grid > div:first-child {
    font-size: 15px;
}
.website-inner .feature-grid h3,
.website-inner .about-card h3,
.course-catalog .card-body h3 {
    font-size: 20px;
}
.course-catalog .course-intro {
    margin-bottom: 0;
}
.course-catalog .card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}
.course-catalog .content-card {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    align-items: start;
    gap: 20px;
    padding: 20px;
    border-radius: 18px;
}
/* 图片和缺省封面保持相同正方形占位，原图按中心裁切展示，避免拉伸变形。 */
.course-catalog .content-card > img,
.course-catalog .content-card > .placeholder {
    display: grid;
    place-items: center;
    width: 150px;
    height: 150px;
    min-height: 0;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: 12px;
    background: #f2f5fa;
}
.course-catalog .content-card:hover > img {
    transform: none;
}
.course-catalog .card-body {
    min-width: 0;
    padding: 0;
}
.course-catalog .card-body a {
    display: inline-block;
    margin-top: 12px;
    font-size: 14px;
}
@media (max-width: 1000px) {
    .course-catalog .card-grid {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 620px) {
    .website-inner .page-hero,
    .website-inner .section {
        padding: 36px 0;
    }
    .website-inner .page-hero h1 {
        font-size: 28px;
    }
    .website-inner .section-head h2,
    .website-inner .about-grid > div:first-child h2 {
        font-size: 22px;
    }
    .website-inner .feature-grid h3,
    .website-inner .about-card h3,
    .course-catalog .card-body h3 {
        font-size: 18px;
    }
    .course-catalog .content-card {
        grid-template-columns: 104px minmax(0, 1fr);
        gap: 14px;
        padding: 16px;
    }
    .course-catalog .content-card > img,
    .course-catalog .content-card > .placeholder {
        width: 104px;
        height: 104px;
    }
}

/* 二维码始终等比完整展示；不使用课程封面的裁切策略。 */
.contact-qr img,
.parent-access img,
.parent-dialog img {
    width: 280px;
    max-width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    flex: none;
}

/* 排版复核：内页采用统一阅读节奏，跨页行动区保持对齐和换行间距。 */
.website-inner .about-grid {
    align-items: start;
    gap: 40px;
}
.website-inner .feature-grid > article {
    min-height: 0;
    padding: 24px;
}
.website-inner .growth-path article {
    min-height: 0;
    padding: 24px;
}
.website-inner .article-layout {
    padding-top: 48px;
    padding-bottom: 64px;
    gap: 32px;
}
.website-inner .prose {
    min-width: 0;
    overflow-wrap: anywhere;
    font-size: 16px;
    line-height: 1.85;
}
/* 旧课程富文本可能带尺寸属性；保持正文图片等比，避免窄屏只缩宽不缩高。 */
.website-inner .prose img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
    margin: 20px auto;
}
.website-inner .prose > :first-child {
    margin-top: 0;
}
.growth-page .feature-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.contact-links {
    align-items: center;
    gap: 12px 16px;
}
.award-year-nav a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
}
.award-card h3 {
    font-size: 20px;
    line-height: 1.45;
}
.site-shell .home-refresh .section-head h2 {
    font-size: 40px;
    line-height: 1.3;
}
/* 实际阅读文字保留至少 12px；创作舱内的装饰界面不参与正文排版。 */
.site-shell .home-refresh .home-hero .hero-proof small,
.site-shell .home-refresh .home-support-list i,
.site-shell .home-refresh .course-tag,
.site-shell .home-refresh .capability-code,
.site-shell .home-refresh .hero-assurance i {
    font-size: 12px;
}
.site-shell .copyright,
.site-shell .footer-signals {
    font-size: 12px;
}
.site-shell .copyright {
    flex-wrap: wrap;
    gap: 12px 24px;
}
@media (max-width: 1000px) {
    .growth-page .feature-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 620px) {
    .site-shell .home-refresh .section-head h2 {
        font-size: 28px;
    }
    .website-inner .about-grid {
        gap: 24px;
    }
    .website-inner .article-layout {
        padding-top: 32px;
        padding-bottom: 40px;
        gap: 24px;
    }
    .website-inner .article-layout > .prose {
        padding: 20px 16px;
    }
    .website-inner .feature-grid > article,
    .website-inner .growth-path article {
        padding: 22px;
    }
    .growth-page .feature-grid {
        grid-template-columns: 1fr;
    }
    .site-shell .home-refresh .course-card {
        display: grid;
        grid-template-columns: 104px minmax(0, 1fr);
        align-items: start;
        gap: 14px;
        padding: 16px;
        border-radius: 18px;
    }
    .site-shell .home-refresh .course-media {
        width: 104px;
        height: 104px;
        margin: 0;
        aspect-ratio: 1;
        border-radius: 12px;
    }
    .site-shell .home-refresh .course-media img,
    .site-shell .home-refresh .course-placeholder {
        width: 100%;
        height: 100%;
        aspect-ratio: 1;
        object-fit: cover;
    }
    .site-shell .home-refresh .course-tag,
    .site-shell .home-refresh .course-open {
        display: none;
    }
    .site-shell .home-refresh .course-body {
        min-width: 0;
        padding: 0;
    }
    .site-shell .home-refresh .course-body h3 {
        font-size: 18px;
        margin: 8px 0;
    }
    .site-shell .home-refresh .growth-evidence article {
        min-height: 0;
        padding: 24px;
    }
}

/* 联系区左右内容垂直居中；荣誉卡按内容高度展示，减少单项奖项的空白。 */
.website-inner .contact-layout {
    align-items: center;
}
.award-card {
    align-self: start;
}

/* 首页成长区使用同色系浅底与深色编号，降低荧光色和暖黄底的视觉干扰。 */
.site-shell .home-refresh .growth-section {
    background: #f8faff;
}
.site-shell .home-refresh .award-highlight {
    background: linear-gradient(115deg, #eef4ff, #f5f3fc);
    border-color: #dce4f3;
}
.site-shell .home-refresh .award-highlight h3 b {
    color: #3455b4;
}
.site-shell .home-refresh .award-highlight p {
    color: #5c6a82;
}
.site-shell .home-refresh .growth-evidence::before {
    background: #dce4f1;
}
.site-shell .home-refresh .growth-section .growth-evidence > article {
    --growth-accent: #385caa;
    --growth-tint: #f2f6fd;
    --growth-badge: #e0e9fa;
    --growth-border: #dce5f3;
    border-color: var(--growth-border);
    background: var(--growth-tint);
    box-shadow: 0 12px 30px rgba(39, 64, 110, .045);
}
.site-shell .home-refresh .growth-section .growth-evidence > article:nth-child(2) {
    --growth-accent: #6a53a1;
    --growth-tint: #f7f4fc;
    --growth-badge: #eae2f6;
    --growth-border: #e5def0;
}
.site-shell .home-refresh .growth-section .growth-evidence > article:nth-child(3) {
    --growth-accent: #24747c;
    --growth-tint: #f0f8fa;
    --growth-badge: #d9eef0;
    --growth-border: #d8e9ec;
}
.site-shell .home-refresh .growth-section .growth-evidence > article:nth-child(4) {
    --growth-accent: #3e7357;
    --growth-tint: #f2f8f3;
    --growth-badge: #deeddf;
    --growth-border: #dce9df;
}
.site-shell .home-refresh .growth-section .growth-evidence > article > span {
    color: var(--growth-accent);
    background: var(--growth-badge);
    box-shadow: 0 0 0 1px var(--growth-border), 0 8px 20px rgba(39, 64, 110, .07);
}

/* 获奖名单放在各奖项下方，姓名标签自然换行，人数保持在标题行右侧。 */
.award-card li.award-prize {
    display: block;
    padding: 16px 0;
}
.award-prize-heading {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 16px;
}
.award-students {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}
.award-students > span {
    padding: 4px 10px;
    border-radius: 6px;
    background: #f2f5fa;
    color: #4d5d76;
    font-size: 14px;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

/* 光晕覆盖层不接收点击，不参与尺寸计算，课程图片与真实链接继续保持原有行为。 */
.site-shell .has-spotlight {
    position: relative;
    isolation: isolate;
}
.site-shell .card-spotlight {
    position: absolute;
    z-index: 2;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    opacity: 0;
    background: radial-gradient(240px circle at var(--light-x, 50%) var(--light-y, 50%), rgba(85, 123, 255, .16), transparent 72%);
    transition: opacity .25s ease;
}
/* 读屏始终读取服务端真实人次，视觉数字保留固定宽度，递增时不推动标题。 */
.award-count-readable {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}
.award-count-visual {
    display: inline-block;
    min-width: 2ch;
    font-variant-numeric: tabular-nums;
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
    .site-shell .is-spotlit > .card-spotlight {
        opacity: 1;
    }
    .site-shell .home-refresh .growth-section .growth-evidence > article > span {
        transition: transform .3s ease, box-shadow .3s ease;
    }
    .site-shell .home-refresh .growth-section .growth-evidence > article:hover > span {
        transform: translateY(-4px) rotate(-5deg);
        box-shadow: 0 0 0 1px var(--growth-border), 0 12px 24px rgba(39, 64, 110, .13);
    }
}
@media (prefers-reduced-motion: reduce) {
    .site-shell .card-spotlight {
        display: none;
        transition: none;
    }
}