/* 首页 v2 */
.hx{overflow-x:clip}
.hx-section{padding-top:96px}

/* 主视觉 */
.hx-hero{position:relative;padding:56px 0 24px;background:radial-gradient(900px 480px at 82% 10%,#e4edf8 0%,rgba(228,237,248,0) 70%),radial-gradient(600px 360px at 6% 100%,#fff1e7 0%,rgba(255,241,231,0) 70%)}
.hx-hero__grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:56px;align-items:center}
.hx-hero h1{display:grid;gap:18px;margin:0}
.hx-hero__kicker{justify-self:start;display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 10px;border-radius:999px;background:#fff;border:1px solid var(--c-line);box-shadow:var(--sh-xs);font-size:14px;font-weight:600;letter-spacing:.02em;color:var(--c-brand)}
.hx-hero__kicker::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c-accent);box-shadow:0 0 0 4px rgba(242,118,56,.18)}
.hx-hero__title{font-size:54px;line-height:1.18;font-weight:800;letter-spacing:-.02em;color:var(--c-ink)}
.hx-hero__lead{max-width:520px;margin-top:20px;font-size:17px;line-height:1.85;color:var(--c-muted)}
.hx-search{position:relative;display:flex;align-items:center;max-width:540px;height:58px;margin-top:30px;padding:0 6px 0 50px;border-radius:999px;background:#fff;border:1px solid var(--c-line);box-shadow:var(--sh-md);transition:box-shadow .2s var(--ease),border-color .2s var(--ease)}
.hx-search:focus-within{border-color:var(--c-brand-2);box-shadow:0 0 0 4px rgba(36,80,137,.12),var(--sh-md)}
.hx-search>.icon{position:absolute;left:20px;width:20px;height:20px;color:var(--c-faint)}
.hx-search input{flex:1;min-width:0;height:100%;border:0;background:transparent;font-size:16px;color:var(--c-ink);outline:0}
.hx-search input::placeholder{color:var(--c-faint)}
.hx-search button{height:46px;padding:0 26px;border:0;border-radius:999px;background:var(--c-brand);color:#fff;font-size:15px;font-weight:600}
.hx-search button:hover{background:var(--c-brand-deep)}
.hx-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.hx-hero__facts{display:flex;gap:40px;margin:36px 0 0;padding-top:26px;border-top:1px solid var(--c-line)}
.hx-hero__facts div{display:flex;flex-direction:column-reverse;gap:2px}
.hx-hero__facts dt{font-size:13px;color:var(--c-muted)}
.hx-hero__facts dd{margin:0;font-family:var(--f-num);font-size:34px;line-height:1.1;font-weight:700;letter-spacing:-.02em;color:var(--c-ink)}
.hx-hero__facts dd small{margin-left:3px;font-family:var(--f-sans);font-size:14px;font-weight:500;color:var(--c-muted)}
.hx-hero__visual{position:relative;padding:20px 8px 34px 26px}
.hx-hero__frame{position:relative;margin:0;border-radius:32px;overflow:hidden;aspect-ratio:7/5.4;background:#e9eef4;box-shadow:var(--sh-lg)}
.hx-hero__frame::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.4);background:linear-gradient(180deg,rgba(13,36,64,0) 55%,rgba(13,36,64,.18) 100%)}
.hx-hero__frame picture{display:block;height:100%}
.hx-hero__frame img{width:100%;height:100%;object-fit:cover}
.hx-float{position:absolute;display:flex;align-items:center;gap:12px;padding:14px 18px 14px 14px;border-radius:18px;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--sh-md);border:1px solid rgba(255,255,255,.7)}
.hx-float b{display:block;font-size:15px;color:var(--c-ink)}
.hx-float small{display:block;font-size:12px;color:var(--c-muted)}
.hx-float__icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--c-brand-soft);color:var(--c-brand)}
.hx-float__icon .icon{width:20px;height:20px}
.hx-float__icon--accent{background:var(--c-accent-soft);color:var(--c-accent-strong)}
.hx-float--a{left:-6px;top:52px}
.hx-float--b{right:-12px;bottom:6px}

/* 三种方式 */
.hx-modes__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.hx-mode{--mode:var(--c-brand);--mode-soft:var(--c-brand-soft);position:relative;display:flex;flex-direction:column;padding:0;border-radius:var(--r-lg);background:#fff;border:1px solid var(--c-line);box-shadow:var(--sh-xs);overflow:hidden;transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s var(--ease)}
.hx-mode::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--mode);z-index:2}
.hx-mode--ck{--mode:var(--c-ck);--mode-soft:#e2f5f1}
.hx-mode--zk{--mode:var(--c-zk);--mode-soft:#e8effc}
.hx-mode--gk{--mode:var(--c-gk);--mode-soft:#efeafc}.hx-mode--zk{--mode:var(--c-zk)}.hx-mode--gk{--mode:var(--c-gk)}
.hx-mode:hover{transform:translateY(-4px);box-shadow:var(--sh-md);border-color:transparent;color:inherit}
/* 顶部创意区：品牌渐变 + 柔光装饰，让卡片一眼区分、有层次 */
.hx-mode__head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 24px 24px;overflow:hidden;background:linear-gradient(135deg,var(--mode-soft) 0%,rgba(255,255,255,0) 78%)}
.hx-mode__head::before{content:"";position:absolute;right:-34px;top:-52px;width:134px;height:134px;border-radius:50%;background:var(--mode);opacity:.09}
.hx-mode__head::after{content:"";position:absolute;right:22px;bottom:-58px;width:96px;height:96px;border-radius:50%;border:16px solid var(--mode);opacity:.07}
.hx-mode__icon{position:relative;z-index:1;display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:#fff;color:var(--mode);box-shadow:0 10px 22px -12px color-mix(in srgb,var(--mode) 70%,transparent),0 0 0 1px color-mix(in srgb,var(--mode) 14%,transparent)}
.hx-mode__icon .icon{width:24px;height:24px}
.hx-mode__tag{position:relative;z-index:1;padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.82);font-size:12px;font-weight:600;color:var(--mode);box-shadow:0 0 0 1px color-mix(in srgb,var(--mode) 16%,transparent)}
.hx-mode h3{margin:22px 24px 0;font-size:24px;font-weight:700}
.hx-mode>p{margin:6px 24px 0;font-size:15px;color:var(--c-muted)}
.hx-mode dl{display:grid;gap:12px;margin:22px 24px 0;padding:18px 0 0;border-top:1px dashed var(--c-line-strong)}
.hx-mode dl div{display:grid;grid-template-columns:64px 1fr;gap:12px;font-size:14px;line-height:1.6}
.hx-mode dt{color:var(--c-faint)}
.hx-mode dd{margin:0;color:var(--c-text)}
.hx-mode__more{display:inline-flex;align-items:center;gap:6px;margin:auto 24px 0;padding:20px 0 22px;font-size:14px;font-weight:600;color:var(--mode)}
.hx-mode__more .icon{width:16px;height:16px;transition:transform .2s var(--ease)}
.hx-mode:hover .hx-mode__more .icon{transform:translateX(4px)}

/* 意向选项卡 */
.hx-band{margin-top:96px;padding-bottom:96px;background:linear-gradient(180deg,#fff 0%,#fbfcfd 100%);border-block:1px solid var(--c-line)}
.hx-band>.hx-section{padding-top:80px}
.hx-intent{display:grid;grid-template-columns:280px 1fr;gap:28px;align-items:stretch}
.hx-intent__tabs{display:flex;flex-direction:column;gap:8px}
.hx-intent__tabs a{display:flex;align-items:center;gap:12px;padding:16px 18px;border-radius:var(--r-md);border:1px solid var(--c-line);background:#fff;font-size:16px;font-weight:600;color:var(--c-text);transition:all .2s var(--ease)}
.hx-intent__tabs a:hover{border-color:var(--c-line-strong);color:var(--c-brand)}
.hx-intent__tabs a[aria-selected="true"]{background:var(--c-brand);border-color:var(--c-brand);color:#fff;box-shadow:0 14px 30px -16px rgba(23,54,92,.7)}
.hx-intent__tab-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--c-brand-tint);color:var(--c-brand)}
.hx-intent__tab-icon .icon{width:18px;height:18px}
.hx-intent__tabs a[aria-selected="true"] .hx-intent__tab-icon{background:rgba(255,255,255,.14);color:#ffb48c}
.hx-intent__panels{min-width:0}
.hx-intent__panel[hidden]{display:none}
.hx-intent__panel{display:grid;grid-template-columns:1.2fr 1fr;min-height:100%;border-radius:var(--r-lg);background:#fff;border:1px solid var(--c-line);box-shadow:var(--sh-sm);overflow:hidden}
.hx-intent:not(.intent-enhanced) .hx-intent__panel+.hx-intent__panel{margin-top:16px}
.hx-intent__copy{display:flex;flex-direction:column;justify-content:center;padding:36px 40px}
.hx-intent__copy h3{font-size:26px;line-height:1.35}
.hx-intent__copy p{margin-top:12px;font-size:16px;line-height:1.85;color:var(--c-muted)}
.hx-intent__actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:26px}
.hx-intent__list{padding:40px 36px;background:var(--c-brand-tint);border-left:1px solid var(--c-line)}
.hx-intent__list>span{font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--c-muted)}
.hx-intent__list ol{display:grid;gap:14px;margin:18px 0 0;padding:0;list-style:none}
.hx-intent__list li{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--r-sm);background:#fff;border:1px solid var(--c-line);font-size:15px;color:var(--c-ink)}
.hx-intent__list li b{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:var(--c-accent-soft);color:var(--c-accent-strong);font-family:var(--f-num);font-size:14px}

/* 院校 */
.hx-schools__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.hx-school{display:flex;flex-direction:column;border-radius:var(--r-lg);background:#fff;border:1px solid var(--c-line);overflow:hidden;box-shadow:var(--sh-xs);transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.hx-school:hover{transform:translateY(-4px);box-shadow:var(--sh-md);color:inherit}
.hx-school__media{position:relative;display:block;aspect-ratio:16/8;background:radial-gradient(150px 110px at 74% 8%,rgba(255,255,255,.85) 0%,rgba(255,255,255,0) 72%),linear-gradient(140deg,#edf3fa 0%,#f6f2ec 100%)}
.hx-school__media>img{border-radius:0}
.hx-school__media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 18%;filter:saturate(.92)}
.hx-school__media--logo{overflow:hidden;aspect-ratio:auto;height:112px}
.hx-school__media--logo::before{content:"";position:absolute;left:50%;top:50%;width:186px;height:186px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(23,54,92,.07) 0%,rgba(23,54,92,0) 68%)}
/* 顶部品牌细线：与「三种方式」卡片的色条同一套语言 */
.hx-school__media--logo::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--c-brand) 0%,var(--c-brand-2) 55%,var(--c-accent) 100%)}
.hx-school__logo{position:absolute;left:20px;bottom:-26px;z-index:1;display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:#fff;box-shadow:0 6px 18px -6px rgba(14,32,54,.3);overflow:hidden}
.hx-school__media--logo .hx-school__logo{left:50%;top:50%;bottom:auto;width:68px;height:68px;transform:translate(-50%,-50%);box-shadow:0 10px 24px -12px rgba(14,32,54,.4),0 0 0 6px rgba(255,255,255,.6)}
.hx-school__logo .school-logo,.hx-school__logo img{width:100%;height:100%;object-fit:contain;padding:4px;border-radius:50%}
.hx-school__logo .school-monogram{display:grid;place-items:center;width:100%;height:100%;color:var(--c-brand)}
.hx-school__body{display:flex;flex-direction:column;flex:1;padding:22px 22px 18px}
.hx-school__media:not(.hx-school__media--logo)+.hx-school__body{padding-top:34px}
.hx-school__place{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--c-faint)}
.hx-school__place .icon{width:14px;height:14px}
.hx-school h3{margin-top:6px;font-size:19px;line-height:1.4}
.hx-school__college{margin-top:2px;font-size:13px;color:var(--c-muted)}
.hx-school__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:18px}
.hx-school__tags{display:flex;gap:6px}
.hx-school__tags i{padding:3px 9px;border-radius:999px;font-size:12px;font-style:normal;font-weight:600;background:var(--c-brand-tint);color:var(--c-brand)}
.hx-school__tags i.is-ck{background:#e7f6f3;color:var(--c-ck)}
.hx-school__tags i.is-zk{background:#eaf0fd;color:var(--c-zk)}
.hx-school__tags i.is-gk{background:#f0ecfd;color:var(--c-gk)}
.hx-school__count{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:var(--c-brand)}
.hx-school__count .icon{width:15px;height:15px}

/* 专业方向 */
.hx-directions__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.hx-direction{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:20px 20px 22px;border-radius:var(--r-md);background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%);border:1px solid var(--c-line);box-shadow:var(--sh-xs);overflow:hidden;transition:border-color .2s var(--ease),box-shadow .2s var(--ease),transform .2s var(--ease)}
/* 左侧品牌细线：悬停时点亮，作为板块内的统一细节 */
.hx-direction::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--c-brand) 0%,var(--c-brand-2) 100%);opacity:0;transform:scaleY(.4);transform-origin:center;transition:opacity .22s var(--ease),transform .22s var(--ease)}
.hx-direction:hover::before,.hx-direction:focus-visible::before{opacity:1;transform:none}
.hx-direction:hover{border-color:transparent;box-shadow:var(--sh-md);transform:translateY(-2px);color:inherit}
/* 每个方向一个色调：白底 + 饱和图标，让板块不显单调 */
.hx-direction{--tone:var(--c-brand);--tone-soft:var(--c-brand-soft)}
.hx-direction--education{--tone:#2f6fb5;--tone-soft:#e8f1fb}
.hx-direction--business{--tone:#0d8f7f;--tone-soft:#e3f5f2}
.hx-direction--computing{--tone:#4b5bd6;--tone-soft:#eceffd}
.hx-direction--health{--tone:#d1595f;--tone-soft:#fdeced}
.hx-direction--construction{--tone:#c6821f;--tone-soft:#fbf1df}
.hx-direction--art{--tone:#8a54c4;--tone-soft:#f3ecfb}
.hx-direction--engineering{--tone:#5b7186;--tone-soft:#eef2f6}
.hx-direction--public{--tone:#1f7a8c;--tone-soft:#e5f3f6}
.hx-direction::before{background:linear-gradient(180deg,var(--tone) 0%,var(--tone) 100%)}
.hx-direction__icon{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:12px;background:linear-gradient(145deg,var(--tone-soft) 0%,#fff 100%);color:var(--tone);box-shadow:inset 0 0 0 1px rgba(23,54,92,.07);transition:background-color .2s var(--ease),color .2s var(--ease),box-shadow .2s var(--ease)}
.hx-direction:hover .hx-direction__icon{background:linear-gradient(145deg,var(--tone) 0%,var(--tone) 100%);color:#fff;box-shadow:0 8px 18px -10px rgba(23,54,92,.6)}
.hx-direction__icon .icon{width:22px;height:22px}
.hx-direction__text{width:100%;min-width:0}
/* 方向下的代表专业：让人一眼看到具体是哪些专业 */
.hx-direction__samples{display:-webkit-box;margin-top:7px;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.7;color:var(--c-faint)}
.hx-direction:hover .hx-direction__samples{color:var(--c-muted)}
.hx-direction h3{font-size:16px;line-height:1.4}
.hx-direction small{font-size:13px;color:var(--c-muted)}
.hx-direction>.icon{position:absolute;right:18px;bottom:20px;width:16px;height:16px;color:var(--c-faint);transition:transform .22s var(--ease),color .22s var(--ease)}
.hx-direction:hover>.icon{transform:translateX(3px);color:var(--tone)}

/* 资料 */
.hx-reading__grid{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:20px}
.hx-story{display:flex;flex-direction:column;border-radius:var(--r-lg);background:#fff;border:1px solid var(--c-line);overflow:hidden;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.hx-story:hover{transform:translateY(-4px);box-shadow:var(--sh-md);color:inherit}
.hx-story__media{display:block;aspect-ratio:16/10;overflow:hidden;background:#eef1f5}
.hx-story__media img{width:100%;height:100%;object-fit:cover}
.hx-story__body{display:flex;flex-direction:column;flex:1;padding:20px 22px 22px}
.hx-story__go{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:18px;font-size:14px;font-weight:600;color:var(--c-brand)}
.hx-story__go .icon{width:16px;height:16px;transition:transform .2s var(--ease)}
.hx-story:hover .hx-story__go .icon{transform:translateX(4px)}
.hx-story small{font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--c-accent-strong)}
.hx-story h3{margin-top:6px;font-size:19px;line-height:1.45}
.hx-story p{margin-top:6px;font-size:14px;color:var(--c-muted)}
.hx-docs{display:flex;flex-direction:column;border-radius:var(--r-lg);background:#fff;border:1px solid var(--c-line);overflow:hidden}
.hx-doc{display:block;padding:20px 22px;border-bottom:1px solid var(--c-line);transition:background-color .2s var(--ease)}
.hx-doc:last-child{border-bottom:0}
.hx-doc:hover{background:var(--c-brand-tint);color:inherit}
.hx-doc__meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--c-faint)}
.hx-doc__meta i{padding:2px 8px;border-radius:6px;background:#e7f6f3;color:var(--c-ck);font-style:normal;font-weight:600}
.hx-doc h3{margin-top:8px;font-size:16px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hx-doc__pub{display:flex;align-items:center;justify-content:space-between;margin-top:8px;font-size:13px;color:var(--c-muted)}
.hx-doc__pub .icon{width:15px;height:15px;color:var(--c-faint)}

/* 城市 */
.hx-local{display:grid;grid-template-columns:340px 1fr;gap:48px;align-items:start}
.hx-local__intro h2{margin-top:10px;font-size:32px}
.hx-local__intro p{margin-top:10px;font-size:15px;color:var(--c-muted)}
.hx-local__regions{display:inline-flex;gap:4px;margin-top:22px;padding:4px;border-radius:999px;background:#fff;border:1px solid var(--c-line)}
.hx-local__regions a{padding:7px 16px;border-radius:999px;font-size:14px;color:var(--c-text)}
.hx-local__regions a[aria-current]{background:var(--c-brand);color:#fff}
.hx-local__cities{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.hx-local__cities a{display:grid;place-items:center;height:52px;border-radius:var(--r-sm);background:#fff;border:1px solid var(--c-line);font-size:15px;font-weight:500;color:var(--c-ink);transition:all .2s var(--ease)}
.hx-local__cities a:hover{border-color:var(--c-brand);background:var(--c-brand);color:#fff}

.hx-notice{display:flex;align-items:center;gap:16px;margin-top:64px;padding:20px 24px;border-radius:var(--r-lg);background:var(--c-accent-soft);border:1px solid #fbdcc9}
.hx-notice:hover{color:inherit;border-color:#f6c3a5}
.hx-notice__icon{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:12px;background:#fff;color:var(--c-accent-strong)}
.hx-notice b{display:block;font-size:16px;color:var(--c-ink)}
.hx-notice small{font-size:13px;color:var(--c-muted)}
.hx-notice__go{display:inline-flex;align-items:center;gap:6px;margin-left:auto;font-size:14px;font-weight:600;color:var(--c-accent-strong);white-space:nowrap}
.hx-notice__go .icon{width:16px;height:16px}

@media(max-width:1180px){
  .hx-hero__title{font-size:46px}
  .hx-hero__grid{gap:36px}
  .hx-reading__grid{grid-template-columns:1fr 1fr}
  .hx-docs{grid-column:1/-1}
  .hx-local__cities{grid-template-columns:repeat(5,1fr)}
}
@media(max-width:1023px){
  .hx-hero__grid{grid-template-columns:minmax(0,1fr)}
  .hx-hero__visual{max-width:640px}
  .hx-intent{grid-template-columns:minmax(0,1fr)}
  .hx-intent__tabs{flex-direction:row;overflow-x:auto}
  .hx-intent__tabs a{flex:none}
  .hx-schools__grid{grid-template-columns:repeat(2,1fr)}
  .hx-directions__grid{grid-template-columns:repeat(2,1fr)}
  .hx-local{grid-template-columns:minmax(0,1fr);gap:24px}
}
@media(max-width:760px){
  .hx-section{padding-top:18px}
  /* 板块小标题：胶囊标签，给每个栏目一个清晰的视觉锚点 */
  main .hx-section .section-heading .eyebrow{display:inline-flex;align-items:center;gap:6px;padding:3px 9px 3px 7px;border-radius:999px;background:var(--tone-soft,var(--c-accent-soft));color:var(--tone,var(--c-accent-strong));font-size:11px;font-weight:600;letter-spacing:.02em;margin-bottom:6px}
  /* 各板块一个色调，让栏目之间彼此可辨 */
  .hx-section.hx-modes{--tone:#2f6fb5;--tone-soft:#e8f1fb}
  .hx-section.hx-band,.hx-band .hx-section{--tone:#c2601f;--tone-soft:#fdeee0}
  .hx-section.hx-schools{--tone:#0d8f7f;--tone-soft:#e3f5f2}
  .hx-section.hx-directions{--tone:#4b5bd6;--tone-soft:#eceffd}
  .hx-section.hx-reading{--tone:#8a54c4;--tone-soft:#f3ecfb}
  .hx-section.hx-local{--tone:#c6821f;--tone-soft:#fbf1df}
  main .hx-section .section-heading .eyebrow::before{width:5px;height:5px;border-radius:50%;background:currentColor}
  main .hx-section .section-heading{margin-bottom:11px}
  main .hx-section .section-heading h2{font-size:21px;line-height:1.3}
  .hx-hero{padding:24px 0 8px}
  .hx-hero__grid{gap:20px}
  .hx-hero h1{gap:14px}
  .hx-hero__kicker{font-size:12px;padding:6px 12px 6px 9px}
  .hx-hero__title{font-size:32px;line-height:1.25}
  .hx-hero__lead{margin-top:12px;font-size:15px;line-height:1.8}
  .hx-search{height:52px;margin-top:20px;padding-left:44px}
  .hx-search>.icon{left:16px}
  .hx-search button{height:42px;padding:0 18px}
  .hx-hero__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
  .hx-hero__actions .btn{padding:0 12px;font-size:14px}
  .hx-hero__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:24px;padding-top:18px}
  .hx-hero__facts dd{font-size:23px}
  .hx-hero__facts dt{font-size:12px}
  .hx-hero__visual{display:block;max-width:none;padding:0;margin-top:22px}
  .hx-hero__frame{border-radius:var(--r-lg);aspect-ratio:16/9;box-shadow:var(--sh-sm)}
  .hx-hero__frame img{object-position:50% 55%}
  .hx-float{display:none}
  .hx-modes__grid{grid-template-columns:1fr;gap:12px}
  .hx-mode{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;column-gap:12px;padding:18px 18px 16px}
  .hx-mode__head{display:contents}
 .hx-mode__head::before, .hx-mode__head::after { display:none }
 .hx-mode>h3, .hx-mode>p, .hx-mode>dl, .hx-mode__more { margin-inline:0 }
 .hx-mode>h3 { margin-top:0 }
 .hx-mode>p { margin-top:10px }
 .hx-mode dl { margin-top:14px;padding-top:14px }
 .hx-mode__more { margin-top:14px;padding:0 }
 .hx-mode__icon { box-shadow:0 6px 14px -8px color-mix(in srgb,var(--mode) 70%,transparent),0 0 0 1px color-mix(in srgb,var(--mode) 14%,transparent) }
  .hx-mode__icon{grid-area:1/1;width:40px;height:40px;border-radius:12px}
  .hx-mode__icon .icon{width:20px;height:20px}
  .hx-mode__tag{grid-area:1/3}
  .hx-mode>h3{grid-area:1/2;margin:0}
  .hx-mode>p,.hx-mode>dl,.hx-mode>.hx-mode__more{grid-column:1/-1}
  .hx-mode h3{font-size:20px}
  .hx-mode>p{margin-top:10px}
  .hx-mode>p{font-size:14px}
  .hx-mode dl{gap:8px;margin-top:14px;padding-top:14px}
  .hx-mode dl div{grid-template-columns:58px 1fr;font-size:13px}
  .hx-mode__more{padding-top:14px}
  .hx-band{margin-top:18px;padding-bottom:18px}
  .hx-band>.hx-section{padding-top:18px}
  .hx-intent{gap:14px}
  /* 两列网格铺满，不再横滑漏出半截 */
  .hx-intent__tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-inline:0;padding:0;overflow:visible}
  .hx-intent__tabs a{width:100%;min-width:0;justify-content:flex-start;gap:10px;padding:11px 13px 11px 11px;font-size:14px;border-radius:var(--r-md);box-shadow:var(--sh-xs)}
  /* 每个入口一个色调，与方向卡、方式卡同一套语言 */
  .hx-intent__tabs a:nth-child(1){--tone:#2f6fb5}
  .hx-intent__tabs a:nth-child(2){--tone:#0d8f7f}
  .hx-intent__tabs a:nth-child(3){--tone:#c6821f}
  .hx-intent__tabs a:nth-child(4){--tone:#8a54c4}
  .hx-intent__tabs a .hx-intent__tab-icon{color:var(--tone,var(--c-brand));background:color-mix(in srgb,var(--tone,var(--c-brand)) 10%,#fff)}
  .hx-intent__tabs a:hover{border-color:color-mix(in srgb,var(--tone,var(--c-line)) 45%,var(--c-line));color:var(--tone,var(--c-brand))}
  .hx-intent__tabs a[aria-selected="true"]{background:var(--c-brand);border-color:var(--c-brand);color:#fff;box-shadow:0 12px 26px -16px rgba(23,54,92,.7)}
  .hx-intent__tabs a[aria-selected="true"] .hx-intent__tab-icon{background:rgba(255,255,255,.16);color:#fff}
  .hx-intent__tab-icon{width:30px;height:30px;border-radius:10px}
  .hx-intent__panel{grid-template-columns:1fr}
  .hx-intent__copy{padding:24px 20px}
  .hx-intent__copy h3{font-size:20px}
  .hx-intent__copy p{font-size:14px}
  .hx-intent__actions{gap:14px;padding-top:20px}
  .hx-intent__list{padding:20px;border-left:0;border-top:1px solid var(--c-line)}
  .hx-intent__list ol{gap:8px;margin-top:12px}
  .hx-intent__list li{padding:11px 12px;font-size:14px}
  /* 仿金诚手机端：两列网格的紧凑卡，不再横滑 */
 .hx-schools__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-inline:0;padding:0;overflow:visible}
  .hx-schools__grid::-webkit-scrollbar{display:none}
  .hx-schools__grid{align-items:stretch}
  .hx-school{border-radius:var(--r-md);display:grid;grid-template-columns:46px minmax(0,1fr);column-gap:12px;align-items:start;padding:15px 16px}
  .hx-school__media--logo{grid-area:1/1/2/2;height:auto;aspect-ratio:auto;padding:0;background:none;border:0}
 .hx-school__media--logo::before,.hx-school__media--logo::after{display:none}
 .hx-school__media--logo .hx-school__logo{position:static;width:46px;height:46px;transform:none;border-radius:12px;box-shadow:0 3px 10px -5px rgba(14,32,54,.35)}
 .hx-school__media--logo .hx-school__logo .school-logo,.hx-school__media--logo .hx-school__logo img{padding:3px;border-radius:9px}
  .hx-school__body{grid-area:1/2/2/3;display:grid;grid-template-columns:max-content minmax(0,1fr);column-gap:6px;align-items:baseline;padding:0;min-width:0}
 .hx-school h3{grid-area:1/1;font-size:17px;margin:0;line-height:1.45}
 .hx-school__college{grid-area:1/2;font-size:12px;color:var(--c-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .hx-school__college::before{content:"·";margin-right:5px;color:var(--c-faint)}
 .hx-school__place{grid-area:2/1/3/3;margin-top:5px;font-size:12px}
 .hx-school__foot{grid-area:3/1/4/3;display:flex;align-items:center;justify-content:flex-start;gap:10px;margin-top:9px;padding-top:9px;border-top:1px solid var(--c-line)}
 .hx-school__place{font-size:11px}

 .hx-school__tags{flex-wrap:wrap;gap:4px}
 .hx-school__tags i{padding:2px 7px;font-size:11px}
  .hx-school h3{font-size:16px;margin-top:4px;line-height:1.4}
  .hx-directions__grid{gap:10px}
  .hx-direction{gap:10px;padding:12px}
  .hx-direction__icon{width:38px;height:38px;border-radius:10px}
  .hx-direction__icon .icon{width:19px;height:19px}
  .hx-direction>.icon{display:none}
  .hx-direction h3{font-size:15px}
  .hx-direction small{font-size:12px}
  .hx-reading__grid{grid-template-columns:1fr;gap:12px}
  .hx-story{flex-direction:row}
  .hx-story__media{flex:0 0 38%;aspect-ratio:auto}
  .hx-story__media img{object-position:0 50%}
  .hx-story__body{padding:14px 16px}
  .hx-story h3{font-size:16px}
  .hx-story p{display:none}
  .hx-doc{padding:16px 18px}
  .hx-doc h3{font-size:15px}
  .hx-local__intro h2{font-size:23px}
  .hx-local__regions{display:flex;margin-top:16px}
  .hx-local__regions a{flex:1;text-align:center;padding:7px 0}
  .hx-local__cities{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .hx-local__cities a{height:44px;font-size:14px}
  .hx-notice{margin-top:40px;padding:16px;flex-wrap:wrap}
  .hx-notice__go{margin-left:60px}
}
@media(max-width:350px){
  .hx-mode__tag{display:none}
  .hx-search input::placeholder{font-size:14px}
  .hx-hero__kicker{font-size:11px;letter-spacing:0}
  .hx-hero__facts{gap:8px}
  .hx-hero__facts dd small{font-size:12px}
  .hx-hero__title{font-size:28px}
  .hx-hero__actions{grid-template-columns:1fr}
  .hx-hero__facts dd{font-size:22px}
  .hx-local__cities{grid-template-columns:repeat(3,1fr)}
}
