:root{--blue:#0a4da1;--bright:#126fc4;--ink:#142d46;--muted:#728398;--line:#e2eaf2;--soft:#f5f8fc;--navy:#071d34}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#f6f8fc;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}button{font:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin:0}a:focus-visible{outline:3px solid #26a5e9;outline-offset:5px;border-radius:5px}.container{width:min(1240px,calc(100% - 64px));margin:auto}
/* 顶栏：与首页、大模型页一致 */
.header{height:74px;position:sticky;top:0;z-index:100;background:rgba(255,255,255,.95);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(217,228,238,.9)}
.header-in{height:100%;width:min(1440px,95vw);margin:auto;display:flex;align-items:center;gap:24px}
.brand{display:flex;align-items:center;gap:12px;min-width:480px;white-space:nowrap}
.brand img{width:46px;height:46px;object-fit:contain;flex:0 0 auto}
.brand strong{display:block;font-size:17px;line-height:1.2;color:#11243c}
.brand small{display:block;margin-top:4px;font-size:9px;letter-spacing:.13em;color:#8393a7}
.nav{display:flex;gap:22px;margin-left:auto;font-size:13px;font-weight:700;white-space:nowrap}
.nav a{padding:26px 0 22px;position:relative;color:#4c637a;transition:color .2s}
.nav a:hover{color:var(--blue)}
.nav a.active{color:var(--blue);font-weight:800}
.nav a:after{content:"";position:absolute;height:2px;left:50%;right:50%;bottom:9px;background:var(--bright);transition:.25s}
.nav a:hover:after,.nav a.active:after{left:0;right:0}
.role-switch{display:flex;flex-shrink:0;gap:3px;padding:3px;border:1px solid #d9e4ee;border-radius:999px;background:#f4f8fb}
.role-switch button{border:0;background:transparent;padding:7px 14px;white-space:nowrap;border-radius:999px;font-size:12px;color:#687d92;cursor:pointer;transition:.2s}
.role-switch button.active{background:#fff;color:var(--blue);font-weight:800;box-shadow:0 3px 12px rgba(15,58,99,.1)}
/* 首屏：左侧文案，右侧露出科研背景图 */
.hero{color:#fff;background:linear-gradient(90deg,#071c32 0%,#071c32f2 36%,#08213ba6 68%,#08213b59 100%),url('uestc_ai_research_bg.png') right 40%/cover}
.hero-in{min-height:330px;display:flex;align-items:center;padding-top:44px;padding-bottom:50px}
.hero-copy{max-width:640px}
.eyebrow{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:2.4px;font-weight:700;color:#91cde7}
.eyebrow>span{width:6px;height:6px;background:#55c9ef;border-radius:50%;box-shadow:0 0 0 4px #55c9ef26}
.eyebrow.blue{color:var(--bright)}
.hero h1{font-size:46px;letter-spacing:2px;line-height:1.25;margin:14px 0 16px}
.hero h1 span{display:block;margin-top:8px;font-size:23px;letter-spacing:1px;font-weight:450;color:#cfe2f3}
.hero-copy>p{font-size:14px;line-height:1.9;color:#a9c0d4}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:13px 22px;border-radius:12px;font-size:13px;font-weight:650;white-space:nowrap;transition:transform .2s,background .2s,border-color .2s}
.button:hover{transform:translateY(-2px)}
.primary{background:#1777cd;color:#fff;box-shadow:0 8px 20px #1777cd40}.primary:hover{background:#248cde}
.ghost{border:1px solid #93c7eb4d;color:#d6e8f6;background:#ffffff08}.ghost:hover{background:#ffffff14;border-color:#93c7eb80}
.light{background:#fff;color:#0a4da1}.light:hover{background:#edf6ff}

/* 科研资源：五张入口卡片，整卡跳转闻道 */
main{padding-bottom:64px}
.resource-section{padding:44px 0 40px}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}
.section-heading h2{font-size:28px;line-height:1.4;letter-spacing:.5px;margin-top:10px}
.section-note{color:var(--muted);font-size:12px;padding-bottom:6px}
.resource-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.resource-entry{--c:#126fc4;--c-soft:#eaf3ff;position:relative;min-width:0;display:flex;flex-direction:column;padding:22px 22px 24px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 6px 22px #19375a08;overflow:hidden;scroll-margin-top:100px;transition:transform .25s,box-shadow .25s,border-color .25s}
.resource-entry:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--c),transparent 85%);opacity:.5;transition:opacity .25s}
.resource-entry:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--c) 35%,#fff);box-shadow:0 18px 40px #123d6b14}
.resource-entry:hover:before{opacity:1}
.theme-cyan{--c:#0891b2;--c-soft:#e4f6fa}
.theme-amber{--c:#c07c12;--c-soft:#fff4e2}
.theme-teal{--c:#138a7e;--c-soft:#e5f6f2}
.theme-violet{--c:#7650c4;--c-soft:#f1ecfc}
.entry-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}
.entry-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--c-soft);color:var(--c)}
.entry-arrow{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--line);color:#8ea3b8;transition:background .25s,border-color .25s,color .25s}
.resource-entry:hover .entry-arrow{background:var(--c);border-color:var(--c);color:#fff}
.entry-index{font-size:10px;font-weight:700;letter-spacing:1.6px;color:var(--c)}
.resource-entry h3{font-size:19px;line-height:1.45;margin:6px 0 8px}
.resource-entry>p{font-size:12.5px;line-height:1.85;color:var(--muted)}
.entry-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:16px}
.entry-tags span{font-size:11px;line-height:1;padding:6px 9px;border-radius:999px;background:var(--c-soft);color:var(--c)}

/* 闻道横幅 */
.wendao-banner{position:relative;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:36px 40px;border-radius:22px;overflow:hidden;color:#fff;background:radial-gradient(circle at 86% 18%,#2a8bd466,transparent 45%),linear-gradient(110deg,#092746,#0d4168)}
.wendao-banner:after{content:"";position:absolute;right:-70px;top:-90px;width:280px;height:280px;border-radius:50%;border:1px solid #ffffff17;box-shadow:0 0 0 42px #ffffff06,0 0 0 84px #ffffff04;pointer-events:none}
.wendao-banner>*{position:relative;z-index:1}
.wendao-banner h2{font-size:24px;margin:12px 0 10px}
.wendao-banner p{font-size:13px;color:#adc5da;line-height:1.7}

@media(max-width:1250px){.resource-grid{gap:14px}.resource-entry{padding:20px 18px 22px}}
@media(max-width:1100px){.header-in{gap:18px}.brand small{display:none}.brand strong{font-size:15px}.nav{gap:14px}.resource-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.resource-entry{grid-column:span 2}.resource-entry:nth-last-child(-n+2){grid-column:span 3}}
@media(max-width:1080px){.brand{min-width:360px}.nav{display:none}.role-switch{margin-left:auto}}
@media(max-width:1050px){.hero h1{font-size:40px}.hero h1 span{font-size:21px}}
/* 矮屏（如 1280×720 投影）：压缩首屏与卡片间距，让五张卡片完整留在第一屏 */
@media(min-width:1101px) and (max-height:820px){.hero-in{min-height:0;padding-top:30px;padding-bottom:34px}.hero h1{font-size:40px;margin:10px 0 12px}.hero h1 span{font-size:20px}.hero-actions{margin-top:20px}.resource-section{padding-top:28px}.section-heading{margin-bottom:18px}.section-heading h2{font-size:24px}.entry-top{margin-bottom:14px}.entry-tags{padding-top:12px}}
@media(max-width:720px){.brand{min-width:0;white-space:normal}.brand strong{font-size:14px;line-height:1.35}.role-switch button{padding:7px 9px}}
@media(max-width:680px){
  html{scroll-padding-top:84px}.container{width:calc(100% - 36px)}
  .hero{background-position:72% 40%}.hero-in{min-height:0;padding-top:38px;padding-bottom:44px}.hero h1{font-size:34px}.hero h1 span{font-size:19px}.hero-copy>p{font-size:12.5px}.hero-actions{margin-top:22px;gap:10px}.button{padding:12px 16px;font-size:12px;gap:14px}
  main{padding-bottom:40px}.resource-section{padding:34px 0 28px}.section-heading{align-items:flex-start}.section-heading h2{font-size:22px}.section-note{display:none}
  .resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.resource-entry,.resource-entry:nth-last-child(-n+2){grid-column:auto;padding:18px 16px 20px}.resource-entry:last-child{grid-column:span 2}.entry-icon{width:40px;height:40px;border-radius:12px}.entry-arrow{width:28px;height:28px}.resource-entry h3{font-size:16px}
  .wendao-banner{flex-direction:column;align-items:flex-start;padding:26px;gap:20px}.wendao-banner h2{font-size:20px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}