/* 灵泉 V2.1 双站大图首页样式（仅作用于 .h21 首页 main 区块，不影响 base 头尾与其他页面） */
.h21{
  --ink:#142b3b; --muted:#526673; --line:#dce5e6; --paper:#f7f8f5; --mint:#b7f0db;
  --blue:#0d5779; --teal:#1d6573; --teal2:#28aaa0;
  font-family:"PingFang SC","Microsoft YaHei","Hiragino Sans GB",system-ui,-apple-system,sans-serif;
  color:var(--ink);
}
.h21 *{box-sizing:border-box}
.h21 p{line-height:1.85;margin:0}
.h21 h1,.h21 h2,.h21 h3{margin:0;letter-spacing:-.02em}
.h21 h2{font-size:clamp(1.5rem,2.6vw,2.3rem);line-height:1.3}
.h21 h3{font-size:1.18rem;line-height:1.5}
.h21 section{scroll-margin-top:18px}
.h21 .wrap{width:min(1180px,calc(100% - 48px));margin:auto}
.h21 .eyebrow{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.h21 a{color:inherit;text-decoration:none}
.h21 img{max-width:100%}
.h21 [hidden]{display:none!important}
.h21 .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}

/* 通用按钮 */
.h21 .action{border:1px solid transparent;display:inline-flex;gap:10px;align-items:center;justify-content:center;
  min-height:46px;padding:11px 22px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;touch-action:manipulation}
.h21 .action.primary{background:var(--mint);color:#102f36}
.h21 .action.ghost{background:transparent;color:#edf9fa;border-color:#557385}
.h21 .action.dark{background:#124e62;color:#fff}
.h21 .action.light{background:#fff;border-color:#cedfdf;color:#214f60}
.h21 .action:hover{filter:brightness(.96)}
.h21 .text-link{border:0;background:transparent;color:#145d6b;font-size:14px;padding:10px 0;white-space:nowrap;cursor:pointer;font-weight:600}

/* ============ HERO ============ */
.h21 .hero{overflow:hidden;position:relative;padding:0}
.h21 .hero-ent{background:#071d30;color:#fff}
.h21 .hero.hero-youth{background:#e8f3f1;color:#143c49}
.h21 .hero-grid{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;min-height:560px;gap:20px}
.h21 .hero-copy{position:relative;z-index:1;padding:64px 0}
.h21 .hero-ent .eyebrow{color:#87cdbc}
.h21 .hero-youth .eyebrow{color:#49756c}
.h21 .hero-copy h1{font-size:clamp(2.2rem,4.6vw,3.5rem);font-weight:700;line-height:1.28;margin:22px 0}
.h21 .hero-copy h1 em{font-style:normal}
.h21 .hero-ent h1 em{color:var(--mint)}
.h21 .hero-youth h1 em{color:#247e76}
.h21 .hero-copy .lede{font-size:16px;max-width:440px}
.h21 .hero-ent .lede{color:#bbced8}
.h21 .hero-youth .lede{color:#4f7076}
.h21 .actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.h21 .hero-note{margin-top:26px;font-size:12px;letter-spacing:.06em}
.h21 .hero-ent .hero-note{color:#95b1c1}
.h21 .hero-youth .hero-note{color:#567c7b}
.h21 .hero-art{position:relative;min-width:0}
.h21 .hero-ent .hero-art::before{content:"";position:absolute;width:85%;height:70%;border-radius:50%;
  background:radial-gradient(ellipse,rgba(68,196,188,.15),transparent 66%);left:15%;top:10%}
.h21 .hero-youth .hero-art::before{content:"";position:absolute;width:80%;height:75%;border-radius:50%;
  background:radial-gradient(ellipse,#d5ece1,transparent 70%);left:12%;top:8%}
.h21 .hero-art img{position:relative;width:100%;height:auto}
.h21 .art-cap{font-size:10px;letter-spacing:.2em;text-align:right;margin-top:6px}
.h21 .hero-ent .art-cap{color:#92aebc}
.h21 .hero-youth .art-cap{color:#567a79}
.h21 .mini-tag{display:inline-flex;gap:7px;align-items:center;font-size:12px;background:#ffffff99;
  border:1px solid #d2e4df;border-radius:100px;padding:7px 12px;margin-top:24px;color:#466b67}
.h21 .mini-tag::before{content:"";width:6px;height:6px;background:#338b78;border-radius:50%}

/* 搜索条 */
.h21 .quick-search{padding:26px 0;background:#fff;border-bottom:1px solid var(--line)}
.h21 .search-layout{display:flex;gap:24px;align-items:center}
.h21 .search-layout>strong{font-size:15px;white-space:nowrap}
.h21 .search-form{display:flex;gap:10px;flex:1;min-width:0}
.h21 .search-form input{width:100%;min-width:0;border:0;background:#f0f4f2;border-radius:5px;padding:13px 16px;font-size:15px;color:var(--ink)}
.h21 .search-form button{border:0;border-radius:5px;padding:12px 26px;background:#154f60;color:#fff;white-space:nowrap;cursor:pointer;font-size:15px}
.h21 .keywords{font-size:12px;color:var(--muted);white-space:nowrap}

/* 通用 band */
.h21 .band{padding:68px 0}
.h21 .band.white{background:#fff}
.h21 .band.tint{background:#e8f2ed}
.h21 .section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}
.h21 .section-head .eyebrow{color:#5a7c7f;margin-bottom:10px;display:block}
.h21 .section-head p{font-size:14px;color:var(--muted);max-width:400px}

/* 奖项卡片 */
.h21 .award-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.h21 .award{overflow:hidden;position:relative;min-height:270px;border-radius:12px;background:#e8efed;
  padding:32px;display:flex;flex-direction:column;align-items:flex-start}
.h21 .award.patent{background:#e5edf5}
.h21 .award>*{position:relative;z-index:1;max-width:78%}
.h21 .award .kicker{font-size:11px;letter-spacing:.12em;color:#52726e;margin-bottom:22px}
.h21 .award h3{font-size:25px;margin-bottom:12px}
.h21 .award p{font-size:13px;color:#4c686c;max-width:78%}
.h21 .award .text-link{margin-top:auto;padding-top:22px}
.h21 .award-art{position:absolute!important;right:-42px;bottom:-58px;width:220px;height:220px;max-width:none;
  transform:rotate(-23deg);border:1px solid #aac6c0;border-radius:48px;z-index:0}
.h21 .award-art::before,.h21 .award-art::after{content:"";position:absolute;inset:24px;border:1px solid #aac6c0;border-radius:36px}
.h21 .award-art::after{inset:48px;border-radius:26px}
.h21 .award.patent .award-art{border-radius:50%;border-color:#aabfd7}
.h21 .award.patent .award-art::before,.h21 .award.patent .award-art::after{border-radius:50%;border-color:#aabfd7}
.h21 .pill{display:inline-block;background:#ffffffaa;padding:5px 10px;border-radius:5px;font-size:11px;color:#335d68;margin-top:14px}

/* 筛选 chips */
.h21 .filter-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.h21 .filter{border:1px solid #d6e2e1;border-radius:50px;background:transparent;padding:8px 18px;font-size:13px;color:var(--ink)}
.h21 .filter:hover{background:#174f60;border-color:#174f60;color:#fff}

/* 真实机会行式列表 */
.h21 .opp-list{display:grid;gap:12px}
.h21 .opp-item{display:flex;align-items:center;gap:16px;justify-content:space-between;padding:16px 20px;
  background:#fff;border:1px solid var(--line);border-radius:10px}
.h21 .opp-item:hover{border-color:#9fc4c0}
.h21 .opp-item .ot{font-size:15px;font-weight:600;color:#163f4d}
.h21 .opp-item .om{font-size:12px;color:var(--muted);white-space:nowrap;display:flex;gap:10px;align-items:center}
.h21 .badge{display:inline-block;padding:3px 9px;border-radius:4px;font-size:11px}
.h21 .badge.new{background:#dff1ea;color:#1d6b58}
.h21 .badge.soon{background:#fdeee0;color:#a5531f}
.h21 .empty-note{padding:18px 4px;color:#546d78;font-size:14px}

/* 方法指南卡 */
.h21 .guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.h21 .guide-grid.four{grid-template-columns:repeat(4,1fr)}
.h21 .guide{border-top:1px solid #bacdce;padding:22px 4px 12px}
.h21 .guide small{font-size:11px;letter-spacing:.08em;color:#5c797f;display:block;margin-bottom:16px}
.h21 .guide h3{font-size:18px}
.h21 .guide p{font-size:13px;color:var(--muted);margin:12px 0 14px}
.h21 .guide .text-link{font-size:13px}
.h21 .method{display:grid;grid-template-columns:.85fr 1.3fr;gap:64px}
.h21 .method-copy p{margin-top:16px;color:var(--muted);font-size:14px}
.h21 .steps{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.h21 .step{border-top:1px solid #becfcf;padding-top:18px}
.h21 .step-num{font-size:12px;color:#55797e;letter-spacing:.12em;display:block;margin-bottom:12px}
.h21 .step p{font-size:13px;color:var(--muted);margin-top:9px}

/* CTA 服务条 */
.h21 .service{background:#173f50;color:#fff;padding:46px 0}
.h21 .service.youth{background:#dcebe4;color:#193f46}
.h21 .service-inner{display:flex;gap:32px;justify-content:space-between;align-items:center}
.h21 .service h2{font-size:26px}
.h21 .service p{font-size:14px;color:#bed0d8;margin-top:10px}
.h21 .service.youth p{color:#45696a}

/* 青少年三条件快速入口 */
.h21 .match-band{background:#fff;padding:42px 0;border-bottom:1px solid var(--line)}
.h21 .match-head{display:flex;gap:28px;justify-content:space-between;align-items:center;margin-bottom:24px}
.h21 .match-head h2{font-size:24px}
.h21 .match-head p{font-size:13px;color:#627980;max-width:400px}
.h21 .match-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:18px}
.h21 .field label{display:block;font-size:12px;color:#56727a;margin-bottom:8px}
.h21 .field select{font-size:15px;min-height:48px;width:100%;padding:10px 12px;border:1px solid #d4e0dc;
  background:#f7f9f6;border-radius:5px;color:#183f4d}
.h21 .match-note{font-size:12px;color:#5a7670;margin-top:16px}

/* 探索方向 */
.h21 .explore-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.h21 .explore{border-radius:10px;overflow:hidden;background:#fff;border:1px solid var(--line)}
.h21 .explore-art{height:160px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#e1eee8}
.h21 .explore:nth-child(2) .explore-art{background:#e9e8f2}
.h21 .explore:nth-child(3) .explore-art{background:#f8e9d9}
.h21 .shape-robot{width:95px;height:75px;background:#fbfffc;border:2px solid #83b3ac;border-radius:21px;
  position:relative;box-shadow:12px 13px 0 #b5d1c6;transform:rotate(-8deg)}
.h21 .shape-robot::before{content:"";position:absolute;width:11px;height:14px;border-radius:100%;background:#2e6669;left:24px;top:23px;box-shadow:30px 0 #2e6669}
.h21 .shape-robot::after{content:"";position:absolute;width:32px;height:8px;border-bottom:2px solid #2e6669;border-radius:50%;left:29px;top:46px}
.h21 .shape-orbit{width:115px;height:85px;border:2px solid #9690b5;border-radius:50%;transform:rotate(-30deg);position:relative}
.h21 .shape-orbit::before{content:"";position:absolute;inset:-16px 32px;border:2px solid #9690b5;border-radius:50%;transform:rotate(-5deg)}
.h21 .shape-orbit::after{content:"";position:absolute;left:39px;top:25px;width:34px;height:34px;background:#777ea3;border-radius:50%;box-shadow:54px -25px 0 -12px #edab79}
.h21 .shape-pencil{width:29px;height:118px;background:linear-gradient(90deg,#d28650 0 22%,#f4c277 22% 78%,#d99c5b 78%);
  transform:rotate(38deg);border-radius:8px 8px 0 0;position:relative}
.h21 .shape-pencil::after{content:"";position:absolute;bottom:-25px;width:29px;height:27px;background:#6e6559;clip-path:polygon(0 0,100% 0,50% 100%)}
.h21 .explore-body{padding:24px}
.h21 .explore-body .eyebrow{font-size:10px;color:#67817c;margin-bottom:8px;display:block}
.h21 .explore-body p{font-size:13px;color:var(--muted);margin-top:10px}
.h21 .explore-body .text-link{margin-top:12px;display:inline-block}

/* 白名单入口卡 */
.h21 .wl-card{display:block;border-radius:12px;background:linear-gradient(120deg,#124e62,#1d6573);color:#fff;
  padding:28px 32px;margin-bottom:30px}
.h21 .wl-card .wt{font-size:19px;font-weight:700}
.h21 .wl-card .ws{font-size:13px;color:#cfe1e2;margin-top:8px}
.h21 .wl-card .wg{display:inline-block;margin-top:16px;font-size:13px;color:var(--mint);font-weight:600}

/* FAQ */
.h21 .question-list{border-top:1px solid #c5d7d0}
.h21 .question-list details{border-bottom:1px solid #c5d7d0;padding:18px 0}
.h21 .question-list summary{cursor:pointer;font-size:15px;font-weight:500;line-height:1.7;list-style:pointer}
.h21 .question-list p{font-size:13px;color:#4f6f72;padding:12px 0 0;max-width:920px}

/* 响应式 */
@media (min-width:1450px){.h21 .hero-grid{min-height:620px}}
@media (max-width:1000px){
  .h21 .hero-grid{min-height:0;gap:8px}
  .h21 .method{gap:36px}
  .h21 .match-form{grid-template-columns:1fr 1fr 1fr}
  .h21 .match-form .go{grid-column:1/-1}
  .h21 .guide-grid.four{grid-template-columns:1fr 1fr}
  .h21 .keywords{display:none}
}
@media (max-width:720px){
  .h21 .wrap{width:calc(100% - 32px)}
  .h21 .hero-grid{display:flex;flex-direction:column;align-items:stretch}
  .h21 .hero-copy{padding:44px 0 6px}
  .h21 .hero-copy h1{font-size:clamp(2.1rem,8vw,3rem);margin:18px 0}
  .h21 .hero-copy .lede{font-size:14px}
  .h21 .hero-art{max-width:520px;width:100%;margin:0 auto}
  .h21 .actions{margin-top:22px;gap:10px}
  .h21 .action{font-size:13px;padding:11px 18px}
  .h21 .band{padding:44px 0}
  .h21 .section-head{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:22px}
  .h21 .award-grid,.h21 .guide-grid,.h21 .guide-grid.four,.h21 .explore-grid,.h21 .steps,.h21 .method{grid-template-columns:1fr}
  .h21 .award{min-height:240px;padding:26px}
  .h21 .award>*,.h21 .award p{max-width:88%}
  .h21 .search-layout{display:block}
  .h21 .search-layout>strong{display:block;margin-bottom:12px}
  .h21 .search-form button{padding:12px 20px}
  .h21 .match-head{flex-direction:column;align-items:flex-start;gap:12px}
  .h21 .match-form{grid-template-columns:1fr 1fr;gap:14px 12px}
  .h21 .match-form .field.go{grid-column:1/-1}
  .h21 .field select{font-size:16px}
  .h21 .explore{display:grid;grid-template-columns:120px 1fr}
  .h21 .explore-art{height:100%;min-height:150px}
  .h21 .explore-body{padding:18px}
  .h21 .service-inner{flex-direction:column;align-items:flex-start;gap:20px}
  .h21 .opp-item{flex-direction:column;align-items:flex-start;gap:8px}
  .h21 .opp-item .om{white-space:normal}
}
@media (prefers-reduced-motion:no-preference){.h21 html{scroll-behavior:smooth}.h21 .action,.h21 .filter{transition:background .18s,filter .18s}}