/* 领跑羊首页专用样式（底座见 base.css：tokens/复位/导航/按钮/Footer） */
.ph{background:#EEF4F9;border:1.5px dashed #B9CFDE;color:#537A93;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:12px;text-align:center;padding:12px}
  .ph .ph-ic{width:32px;height:32px;color:#8FB3C9}
  .arch{border-radius:180px 180px 26px 26px;overflow:hidden}
  /* 苹果式节块：整块底色切换 + 居中标题组，零装饰分割线 */
  .sec{padding:88px 0 92px;text-align:center}
  .sec .k{font-size:12.5px;letter-spacing:.32em;font-weight:800;margin-bottom:10px;color:var(--blue)}
  .sec h2{font-weight:900;font-size:clamp(26px,4vw,36px);line-height:1.35;text-wrap:balance}
  .sec .sub{font-size:15px;color:var(--soft);margin-top:8px}
  @media(max-width:640px){.sec{padding:60px 0 64px}}
/* ---------- 导航 ---------- */

  nav ul{list-style:none;display:flex;gap:28px;align-items:center}
  @media(max-width:860px){
    .nav-toggle{display:block}
    nav ul{position:absolute;top:calc(100% + 1px);left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:#fff;border-bottom:1px solid #EEECE6;max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 14px}
    nav ul.open{max-height:420px;padding:12px 14px 18px}
    nav ul a{display:block;padding:13px 10px;font-size:16px}
    .has-sub .submenu{display:none}
    .nav-cta{text-align:center;margin-top:6px}
  }

  /* ---------- Hero：天空（保留，全站唯一大色块） ---------- */
  .hero{margin-top:59px;position:relative;overflow:hidden;text-align:center;background:linear-gradient(180deg,#3CB1F4 0%,#85CDF8 46%,#D6EEFD 78%,#F8F6F0 100%);padding:30px 0 84px}
  .hero .sun{position:absolute;right:8%;top:44px;width:72px;height:72px;border-radius:50%;background:#FED955;box-shadow:0 0 0 16px rgba(254,217,85,.28)}
  .hero .cl{position:absolute;background:#fff;border-radius:99px;opacity:.92;left:6%;top:64px;width:110px;height:32px}
  .hero .cl::after{content:"";position:absolute;background:#fff;border-radius:50%;width:42px;height:42px;top:-18px;left:22px}
  .hero .in{position:relative;z-index:1;max-width:820px;margin:0 auto;padding:0 22px}
  .notice{display:inline-flex;align-items:center;gap:8px;max-width:94%;background:rgba(255,255,255,.88);color:var(--blue-deep);font-size:12.5px;font-weight:800;border-radius:999px;padding:7px 18px}
  .notice .tag{background:var(--blue);color:#fff;border-radius:999px;padding:1px 10px;font-size:11px;white-space:nowrap;flex:none}
  .hero .arch{width:min(300px,62vw);aspect-ratio:4/4.1;margin:26px auto 22px;background:rgba(255,255,255,.55);position:relative;z-index:1;box-shadow:0 14px 34px rgba(22,99,155,.14);display:flex;align-items:flex-end;justify-content:center}
  .hero .arch img{width:94%;height:auto;display:block}
  .hero h1{font-weight:900;font-size:clamp(33px,5.6vw,54px);line-height:1.3;color:#fff;text-shadow:0 2px 0 rgba(22,99,155,.26);text-wrap:balance}
  .hero .cat{margin-top:12px;font-size:clamp(14.5px,2vw,17px);font-weight:800;color:#0F3B57}
  .hero .proof{display:inline-block;margin-top:12px;background:rgba(255,255,255,.68);border-radius:999px;padding:5px 18px;font-size:13.5px;color:var(--blue-deep)}
  .hero .proof b{font-weight:900;font-size:1.06em}
  .btns{display:flex;gap:14px;margin-top:26px;flex-wrap:wrap;justify-content:center}
  .btn{display:inline-block;padding:14px 30px;border-radius:999px;font-weight:800;font-size:15px;transition:.15s}
  .btn-primary{background:var(--ink);color:#fff;box-shadow:0 10px 24px rgba(29,29,31,.2)}
  .btn-ghost{background:#fff;color:var(--ink);box-shadow:0 10px 24px rgba(22,99,155,.12)}
  @media(max-width:860px){
    .hero{padding:22px 0 56px}
    .hero .sun{width:46px;height:46px;right:14px;top:20px;box-shadow:0 0 0 10px rgba(254,217,85,.28)}
    .hero .cl{top:26px;width:84px;height:24px}
    .btn{padding:12px 24px;font-size:14px}
  }

  /* ---------- 产品（奶油节） ---------- */
  .s-prod{background:var(--cream)}
  .prods{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:46px;text-align:left}
  .prod{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 10px 28px rgba(70,75,90,.07);transition:.25s;display:flex;flex-direction:column}
  .prod:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(70,75,90,.12)}
  .prod .body{padding:24px 22px;display:flex;flex-direction:column;flex:1}
  .prod .age{display:block;font-size:12px;font-weight:800;color:#8A8F94;letter-spacing:.04em;margin-bottom:6px}
  .prod h3{font-weight:900;font-size:22px;line-height:1.3}
  .prod .sell{margin:8px 0 14px;font-size:13.5px;color:var(--soft)}
  .tch{background:var(--cream);border-radius:16px;padding:10px 12px;display:flex;flex-direction:column;gap:8px;margin-top:auto}
  .tch .row{display:flex;gap:10px;align-items:center}
  .tch .pic{width:40px;height:40px;border-radius:50%;flex:none;overflow:hidden;background:#EEF4F9;border:1px solid rgba(29,29,31,.08)}
  .tch .pic img{width:100%;height:100%;object-fit:cover;display:block}
  .tch b{font-size:13.5px}
  .tch span{font-size:12px;color:var(--soft)}
  .prod .more{margin-top:16px;font-weight:900;font-size:14px;display:inline-flex;align-items:center;gap:6px;color:var(--ink)}
  .prod .more::after{content:"→";transition:.2s}
  .prod .more:hover::after{transform:translateX(4px)}
  @media(max-width:860px){.prods{grid-template-columns:1fr;gap:14px}}

  /* ---------- 信任（白节 · 无框大数字，墨色重黑） ---------- */
  .s-trust{background:#fff}
  .nums{display:flex;margin-top:46px}
  .num{flex:1;padding:6px 10px;position:relative}
  .num+.num::before{content:"";position:absolute;left:0;top:16%;bottom:16%;width:1px;background:#E8E6E0}
  .num .v{font-weight:900;font-size:clamp(30px,4.6vw,44px);color:var(--ink);line-height:1.3}
  .num .l{font-size:13px;color:var(--soft);margin-top:2px}
  .certs{display:flex;flex-wrap:wrap;gap:30px 14px;justify-content:center;margin-top:42px}
  .certs figure{margin:0;width:138px}
  .certs img{height:92px;max-width:100%;object-fit:contain;border-radius:10px;box-shadow:0 8px 20px rgba(60,70,90,.10);display:block;border:1px solid rgba(29,29,31,.08);background:#fff;margin:0 auto}
  .certs figcaption{font-size:12px;font-weight:700;color:#55595E;line-height:1.55;margin-top:9px;text-wrap:balance}
  .src{margin-top:14px;font-size:11.5px;color:#A6ABB1}
  @media(max-width:640px){
    .nums{flex-direction:column;gap:18px;margin-top:34px}
    .num+.num::before{display:none}
    .num{display:flex;align-items:baseline;justify-content:center;gap:12px}
    .num .v{font-size:26px}
    .awards{font-size:12.5px}
    .certs{gap:22px 8px}
    .certs figure{width:46%}
    .certs img{height:74px;border-radius:7px}
    .certs figcaption{font-size:11px}
  }

  /* ---------- 收尾（奶油节：关注 + 新闻 合一） ---------- */
  .s-tail{background:var(--cream)}
  .fgrid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:18px;margin-top:38px;max-width:980px;margin-left:auto;margin-right:auto;text-align:left}
  .fcard{background:#fff;border-radius:20px;box-shadow:0 10px 26px rgba(80,80,70,.07);padding:22px}
  .fcard .qr{width:86px;height:86px;border-radius:12px;margin-bottom:12px;border:1px solid rgba(29,29,31,.08);background:#fff;padding:5px;display:block}
  .fqr-row{display:flex;align-items:flex-start;gap:8px;margin-bottom:12px}
  .fqr-row figure{margin:0;text-align:center}
  .fqr-row .qr{width:80px;height:80px;margin-bottom:4px;padding:3px;object-fit:cover}
  .fqr-row figcaption{font-size:10.5px;font-weight:700;color:var(--soft);line-height:1.3}
  .fcard h3{font-size:16.5px;font-weight:900}
  .fcard p{font-size:13px;color:var(--soft);margin:4px 0 10px}
  .fcard .plats{display:flex;gap:6px;flex-wrap:wrap}
  .fcard .plats span{font-size:11.5px;font-weight:700;color:var(--blue-deep);background:#E7F1FA;border-radius:999px;padding:2px 10px}
  .media-line{margin-top:44px;font-size:12.5px;color:var(--soft)}
  .media-line b{font-weight:800;margin-right:8px;color:var(--ink)}
  #news .media-line{margin-top:0}
  .follow-block{margin-top:72px}
  .news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:16px;text-align:left}
  .ncard{background:#fff;border-radius:20px;box-shadow:0 10px 26px rgba(80,80,70,.07);padding:22px;display:flex;flex-direction:column;gap:10px;transition:.2s}
  .ncard:hover{transform:translateY(-4px)}
  .mlogo{height:52px;display:flex;align-items:center}
  .mlogo img{max-height:34px;max-width:66%;width:auto;object-fit:contain;display:block}
  .nfoot{display:flex;justify-content:space-between;align-items:center;margin-top:2px}
  .nd{font-size:12px;color:#A6A39B}
  .ncard h3{font-size:15px;font-weight:700;line-height:1.75;flex:1}
  .ncard:hover h3{color:var(--blue)}
  .ncard .go{font-size:12.5px;font-weight:700;color:var(--blue)}
  @media(max-width:640px){.fgrid{grid-template-columns:1fr}.news-grid{grid-template-columns:1fr;gap:12px}}
/* ---------- Footer ---------- */

  footer .cols{max-width:1120px;margin:0 auto;padding:48px 24px 36px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}
  footer h5{font-size:12.5px;letter-spacing:.22em;color:rgba(255,255,255,.95);margin-bottom:12px;font-weight:800}
  footer a{display:block;font-size:13.5px;opacity:.85;margin-bottom:8px}
  footer a:hover{opacity:1}
  footer .brand{font-weight:900;font-size:19px;color:#fff;display:flex;gap:10px;align-items:center}
  footer .brand img{width:30px;height:auto}
  footer .desc{font-size:13px;opacity:.75;margin-top:10px;max-width:250px}
  .copy{border-top:1px solid rgba(244,251,255,.18);padding:16px 22px;text-align:center;font-size:12px;opacity:.7}
  @media(max-width:860px){footer .cols{grid-template-columns:1fr 1fr}}
  @media(max-width:860px){
    body{padding-bottom:64px}
    .sticky{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:98;background:rgba(255,255,255,.97);backdrop-filter:blur(10px);border-top:1px solid #EEECE6;padding:10px 16px;align-items:center;justify-content:space-between}
    .sticky small{color:var(--soft);display:block;font-size:11px}
    .sticky b{font-size:14px}
    .sticky a{background:var(--ink);color:#fff;font-weight:800;font-size:14px;border-radius:99px;padding:10px 22px;box-shadow:0 6px 14px rgba(29,29,31,.2)}
  }

/* ---------- 品牌差异：轻量说明，不做大屏堆叠 ---------- */
.s-brand{background:#fff;padding-top:68px;padding-bottom:68px}
.brand-copy{max-width:900px}
.brand-lead{font-size:clamp(16px,2vw,19px);font-weight:700;line-height:1.85;max-width:800px;margin:18px auto 0;text-wrap:balance}
.brand-about{font-size:13.5px;color:var(--soft);line-height:1.9;max-width:820px;margin:18px auto 0;padding-top:18px;border-top:1px solid #EEECE6}

/* ---------- 首页家长反馈 ---------- */
.s-voices{background:#fff}
.voice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:38px;text-align:left}
.voice-card{background:var(--cream);border-radius:20px;padding:22px;display:flex;flex-direction:column}
.voice-card span{display:inline-block;font-size:11.5px;font-weight:800;color:var(--blue-deep);background:var(--chip-blue);border-radius:999px;padding:3px 10px;margin-bottom:10px}
.voice-card p{font-size:14px;line-height:1.8;color:#45484C;flex:1}
.voice-meta{font-size:12px;color:var(--soft);margin-top:16px}
.voice-meta b{color:var(--sky);font-weight:800}
.voice-note{font-size:11.5px;color:#A6A39B;margin-top:16px}
@media(max-width:760px){.voice-grid{grid-template-columns:1fr}}

/* ---------- 新闻横向切换 ---------- */
.news-head{display:flex;justify-content:space-between;align-items:center;margin-top:14px}
.news-actions{display:flex;gap:8px}
.news-arrow{width:36px;height:36px;border:1px solid #DDD9D0;border-radius:50%;background:#fff;color:var(--ink);font-size:17px;cursor:pointer;transition:.2s}
.news-arrow:hover{border-color:var(--blue);color:var(--blue)}
.news-arrow:disabled{opacity:.32;cursor:not-allowed;border-color:#DDD9D0;color:var(--soft)}
.news-more{font-size:13px;font-weight:800;color:var(--blue-deep)}
.news-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 36px)/3);gap:18px;margin-top:14px;text-align:left;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 0 8px}
.news-rail::-webkit-scrollbar{display:none}
.news-rail .ncard{scroll-snap-align:start;min-width:0;overflow:hidden}
.news-rail .ncard h3{overflow-wrap:anywhere}
.mlogo b{font-size:14px;color:var(--blue-deep);background:var(--chip-blue);border-radius:999px;padding:5px 12px}
@media(max-width:900px){.news-rail{grid-auto-columns:calc((100% - 18px)/2)}}
@media(max-width:640px){
  .s-brand{padding-top:52px;padding-bottom:52px}
  .brand-about{font-size:12.5px;text-align:left}
  .news-rail{grid-auto-columns:100%}
}

/* ---------- 2026-08-03 已确认响应式排版 ---------- */
.notice-mobile{display:none}
.notice-arrow{font-weight:900;flex:none}
.hero-teachers-mobile{display:none}
.trust-rail-head{display:none}

/* 关注卡：平台标签只出现一次，所有卡片从同一基线开始 */
.fcard{display:flex;flex-direction:column}
.follow-media{height:102px;display:flex;align-items:flex-start;margin-bottom:14px}
.fcard .qr,.fqr-row .qr{width:72px;height:72px;margin:0;padding:3px;border-radius:10px;object-fit:contain}
.fqr-row{gap:7px;margin:0}
.fqr-row figure,.fqr-single{width:78px;margin:0;text-align:center}
.fqr-row figcaption,.fqr-single figcaption{display:inline-block;font-size:10px;font-weight:700;color:var(--blue-deep);background:#E7F1FA;border-radius:999px;padding:2px 8px;margin-top:5px;line-height:1.4}
.follow-title-mobile{display:none}

/* Footer：使用白字横版 Logo，品牌说明独立换行 */
footer .brand img{width:auto;height:44px;max-width:230px;border-radius:0;object-fit:contain;object-position:left center}
footer .desc span{display:block}

@media(max-width:640px){
  /* 新品条：去掉名师名，标签、标题、箭头作为整体居中 */
  .notice{justify-content:center;gap:7px;padding:8px 12px}
  .notice-pc{display:none}
  .notice-mobile{display:inline;white-space:nowrap;font-size:11.5px}
  .notice .tag{padding:3px 9px;font-size:10.5px}

  /* 信任数字：两排大号居中卡片 */
  .nums{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:34px}
  .num{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:82px;padding:12px 8px;background:var(--chip-blue);border-radius:16px}
  .num:nth-child(3){grid-column:1/-1;width:calc((100% - 10px)/2);justify-self:center}
  .num .v{font-size:28px;line-height:1.15}
  .num .l{font-size:11px;line-height:1.4;margin-top:5px}
  .trust-rail-head{display:flex;align-items:center;justify-content:space-between;margin:30px 0 12px;text-align:left;font-size:14px;font-weight:900}
  .trust-rail-head button{border:0;background:transparent;padding:5px;color:var(--blue-deep);font-size:22px;line-height:1;font-weight:900;cursor:pointer}
  .certs{display:grid;grid-auto-flow:column;grid-auto-columns:78%;justify-content:start;gap:10px;margin-top:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;text-align:left;padding:2px 0 8px}
  .certs::-webkit-scrollbar{display:none}
  .certs figure{width:auto;margin:0;background:#fff;border:1px solid #EEEAE2;border-radius:18px;padding:14px;scroll-snap-align:start}
  .certs img{width:100%;height:142px;max-width:none;border:0;box-shadow:none;border-radius:10px}
  .certs figcaption{font-size:12px;line-height:1.5;margin-top:9px;text-align:left}
  .src{text-align:left;margin-top:10px}

  /* 关注区：主卡一行，两个次卡并排 */
  .fgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .fcard-1{grid-column:1/-1;text-align:center}
  .fcard-1 .follow-media{justify-content:center}
  .fcard-2,.fcard-3{align-items:center;text-align:center;padding:15px 8px}
  .fcard-2 .follow-media,.fcard-3 .follow-media{height:94px;margin-bottom:8px;justify-content:center}
  .fcard-2 h3,.fcard-3 h3{font-size:13px;white-space:nowrap}
  .fcard-2 p,.fcard-3 p{display:none}
  .follow-title-pc{display:none}
  .follow-title-mobile{display:inline}

  /* Footer：品牌占满首行，联系入口在底部横排 */
  footer .cols{grid-template-columns:1fr 1fr;gap:24px 20px;padding:38px 24px 30px}
  footer .footer-brand-col{grid-column:1/-1;padding-bottom:18px;border-bottom:1px solid rgba(244,251,255,.18)}
  footer .footer-col-3{grid-column:1/-1;padding-top:16px;border-top:1px solid rgba(244,251,255,.18)}
  footer .footer-col-3 a{display:inline-block;margin:0 16px 6px 0}
  footer .brand img{height:42px;max-width:210px}
  footer .desc{max-width:none;line-height:1.8}
}

/* ---------- 2026-08-03 手机端细节修订 ---------- */
@media(max-width:640px){
  .hero-teachers-mobile{display:block;margin:-10px 0 18px;font-size:13px;font-weight:800;color:var(--blue-deep)}
  .nums{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .num{min-height:72px;padding:10px 4px;border-radius:14px}
  .num:nth-child(3){grid-column:auto;width:auto;justify-self:stretch}
  .num .v{font-size:22px;white-space:nowrap}
  .num .l{font-size:9.5px;white-space:nowrap}
  .certs{grid-auto-columns:68%}
  .certs figure{padding:12px;border-radius:16px;text-align:center}
  .certs img{height:122px}
  .certs figcaption{text-align:center;font-size:11.5px}
  .src{text-align:center}
  .news-rail{grid-auto-columns:calc((100% - 12px)/2);gap:12px}
  .news-rail .ncard{padding:16px;border-radius:16px;gap:8px}
  .news-rail .ncard h3{font-size:13px;line-height:1.55}
  .news-rail .mlogo{height:40px}
  .news-rail .mlogo img{max-height:28px;max-width:78%}
  .news-rail .nfoot{gap:5px}
  .news-rail .nd,.news-rail .go{font-size:10px;white-space:nowrap}
}