/* ============================================================ 网络数据安全合规实验室 · 官网共享样式 设计语言：深蓝 #0a2a66 + 青色 #0fb4c9 双色体系 中英双语标签 · 卡片化版块 · 克制强调色 · 全档响应式 ============================================================ */ /* 嵌入字体：PT Root UI（来源 /Users/liwentao/Library/Fonts/PT-Root-UI-Medium-2.otf） */ @font-face{ font-family:"PT Root UI"; src:url("fonts/PT-Root-UI-Medium-2.otf") format("opentype"); font-style:normal; font-display:swap; } :root{ --navy:#08234f; --blue-900:#0a2a66; --blue-700:#0e4da4; --blue-500:#1e6fe0; --blue-400:#4f9bf2; --cyan:#0fb4c9; --cyan-soft:#e6f7fa; --ink:#0f1b2d; --gray-700:#334155; --gray-500:#64748b; --gray-400:#94a3b8; --gray-200:#e2e8f0; --gray-100:#f1f5f9; --bg-soft:#f5f8fc; --white:#ffffff; --red:#d4342c; --radius:4px; --radius-lg:4px; --shadow-sm:0 1px 2px rgba(8,35,79,.06),0 1px 3px rgba(8,35,79,.05); --shadow-md:0 10px 30px rgba(8,35,79,.10); --shadow-lg:0 24px 60px rgba(8,35,79,.16); --maxw:1200px; --font-sans:"PT Root UI",PingFang SC,Hiragino Sans GB,Tahoma,Arial,Lantinghei SC,Microsoft YaHei,sans-serif; --font-disp:var(--font-sans); } *{box-sizing:border-box;margin:0;padding:0} html{scroll-behavior:smooth} body{font-family:var(--font-sans);color:var(--ink);background:var(--white);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden} a{color:inherit;text-decoration:none} img{max-width:100%;display:block} .wrap{max-width:var(--maxw);margin:0 auto} .en{font-family:var(--font-disp);letter-spacing:.5px} /* ===== Topbar (blue) ===== */ .topbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:transparent;color:#cfe0f5;font-size:12.5px;transition:background-color .3s ease} .topbar .wrap{display:flex;justify-content:space-between;align-items:center;height:40px} .topbar a{color:#cfe0f5;opacity:.85} .topbar a:hover{opacity:1} .topbar .right .topbar-entry{position:relative;color:#cfe0f5;opacity:.85;font-size:12.5px;cursor:pointer;transition:opacity .2s} .topbar .right .topbar-entry:hover{opacity:1} .topbar-entry .qr-pop{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%) scale(.95);opacity:0;visibility:hidden;transition:.2s;z-index:100;background:#fff;padding:10px;border-radius:var(--radius);box-shadow:var(--shadow-lg);pointer-events:none} .topbar-entry:hover .qr-pop{opacity:1;visibility:visible;transform:translateX(-50%) scale(1);pointer-events:auto} .topbar-entry .qr-pop img{width:120px;max-width:max-content;height:auto;display:block} .topbar-entry .qr-pop::before{content:"";position:absolute;top:-6px;left:50%;transform:translateX(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff} .topbar .right{display:flex;gap:18px;align-items:center} /* 顶部语言切换：简体 / EN 文字按钮，hover 交互与全站文字按钮一致（1px 下划线 + 变色） */ .topbar .lang{display:inline-flex;align-items:center;gap:16px} .topbar .lang span{position:relative;cursor:pointer;color:#cfe0f5;font-size:14px;line-height:1;padding:0;background:none;border:none;transition:color .25s} .topbar .lang span::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left center;transition:transform .3s ease} .topbar .lang span:hover{color:#fff} .topbar .lang span:hover::after{transform:scaleX(1)} .topbar .lang span.on{color:#fff;font-weight:600} .topbar.scrolled{background:var(--blue-900)} /* ===== Header / Nav ===== */ header.site{position:fixed;top:40px;left:0;right:0;z-index:900;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;transition:background-color .3s ease,backdrop-filter .3s ease,box-shadow .3s ease} header.site.scrolled{background:rgba(255,255,255,.95);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:var(--shadow-sm)} .nav{display:flex;align-items:center;justify-content:space-between;gap:16px;height:80px} .brand{display:flex;align-items:center;gap:12px;max-width:460px} .brand .logo-img{width:420px;height:auto;display:block;max-height:48px;object-fit:contain} .menu{display:flex;align-items:center;gap:0;margin-left:auto} /* 每个顶层菜单项左侧固定 56px 外间距（含 .has-drop 容器，保证二级菜单与触发项整体位移、间距不变） */ .menu > a, .menu > .has-drop{margin-left:56px} /* 顶层菜单项：文字按钮，hover 交互与全站文字按钮完全一致（1px 下划线 + 变色，无背景高亮） */ .menu > a, .menu .has-drop > a{position:relative;padding:0;font-size:17px;font-weight:700;color:#fff;transition:color .25s;white-space:nowrap} .menu > a .e, .menu .has-drop > a .e{display:none} .menu > a::after, .menu .has-drop > a::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left center;transition:transform .3s ease} .menu > a:hover, .menu .has-drop > a:hover{color:#fff;background:none} .menu > a:hover::after, .menu .has-drop > a:hover::after{transform:scaleX(1)} .menu > a.active, .menu .has-drop > a.active{color:#fff;font-weight:700} /* 滚动后 / 实色导航：灰字 → hover/active 蓝字 + 下划线 */ header.site.scrolled .menu > a, header.site.scrolled .menu .has-drop > a{color:var(--gray-700)} header.site.scrolled .menu > a:hover, header.site.scrolled .menu .has-drop > a:hover{color:var(--blue-700);background:none} header.site.scrolled .menu > a:hover::after, header.site.scrolled .menu .has-drop > a:hover::after{transform:scaleX(1)} header.site.scrolled .menu > a.active, header.site.scrolled .menu .has-drop > a.active{color:var(--blue-700)} /* 导航抽屉底部“关注实验室”块：PC 端顶部导航中不显示，仅在移动端抽屉展开时显示（显示逻辑，不影响 PC 布局与结构） */ .menu-foot{display:none} /* 顶部蓝色信息栏：与其他模块一致使用居中 .wrap，左右对齐 */ .topbar > .wrap{position:relative;z-index:2} /* 详情页（招聘公告「查看详情」）：去除 hero，顶部导航与蓝色信息栏强制为实色（非初始透明态） */ body.detail{padding-top:120px} body.detail .topbar{background:var(--blue-900);color:#cfe0f5} body.detail header.site{background:rgba(255,255,255,.95);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:var(--shadow-sm)} body.detail header.site .menu > a, body.detail header.site .menu .has-drop > a{color:var(--gray-700)} body.detail header.site .menu > a:hover, body.detail header.site .menu .has-drop > a:hover{color:var(--blue-700);background:none} body.detail header.site .menu > a:hover::after, body.detail header.site .menu .has-drop > a:hover::after{transform:scaleX(1)} body.detail header.site .menu > a.active, body.detail header.site .menu .has-drop > a.active{color:var(--blue-700)} /* 系统详情页 hero：白底 + 深色文字（与白底导航协调一致） */ body.detail .page-hero.hero-fixed.research-hero{background:var(--white);color:var(--navy);border-bottom:1px solid var(--gray-200)} body.detail .page-hero.hero-fixed.research-hero h1{color:var(--navy)} body.detail .page-hero.hero-fixed.research-hero .sub-en{color:var(--gray-500)} body.detail .page-hero.hero-fixed.research-hero p.lead{color:var(--gray-700)} body.detail .page-hero.hero-fixed.research-hero .breadcrumb{color:var(--gray-500)} body.detail .page-hero.hero-fixed.research-hero .breadcrumb a{color:var(--gray-500)} body.detail .page-hero.hero-fixed.research-hero .breadcrumb a:hover{color:var(--blue-700)} body.detail .page-hero.hero-fixed.research-hero .breadcrumb .sep{color:var(--gray-400)} /* 详情页 hero：左侧标题文案 + 右侧 16:9 视频，两栏布局（仅作用于本详情页） */ body.detail .page-hero.hero-fixed.research-hero .wrap{ display:grid; grid-template-columns:1.05fr .95fr; gap:48px; align-items:center; min-height:508px; } body.detail .page-hero.hero-fixed.research-hero .hero-copy{max-width:none;align-self:auto} body.detail .page-hero.hero-fixed.research-hero .breadcrumb{position:static;margin:0 0 18px} body.detail .page-hero.hero-fixed.research-hero h1{margin-bottom:14px} body.detail .page-hero.hero-fixed.research-hero .hero-media{ width:100%; aspect-ratio:16/9; border-radius:var(--radius-lg); overflow:hidden; background:var(--gray-100); box-shadow:var(--shadow-md); } body.detail .page-hero.hero-fixed.research-hero .hero-media video{ width:100%; height:100%; object-fit:cover; display:block; } @media(max-width:860px){ body.detail .page-hero.hero-fixed.research-hero .wrap{grid-template-columns:1fr;gap:28px;min-height:0;padding:56px 0 40px} body.detail .page-hero.hero-fixed.research-hero .hero-media{order:2} body.detail .page-hero.hero-fixed.research-hero .hero-copy{order:1} } body.detail section{padding-top:48px;padding-bottom:64px} .btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:.2s;border:1px solid transparent;font-family:var(--font-sans)} .btn-primary{background:var(--blue-700);color:#fff} .btn-primary:hover{background:var(--blue-500);box-shadow:0 8px 20px rgba(30,111,224,.3)} .btn-ghost{background:transparent;border-color:var(--gray-200);color:var(--navy)} .btn-ghost:hover{border-color:var(--blue-500);color:var(--blue-500)} .btn-cyan{background:var(--blue-700);color:#fff} .btn-cyan:hover{filter:brightness(1.05);box-shadow:0 8px 20px rgba(14,77,164,.3)} .btn-outline-light{border-color:rgba(255,255,255,.5);color:#fff;background:transparent} .btn-outline-light:hover{background:rgba(255,255,255,.12);border-color:#fff} .btn-red{background:var(--red);color:#fff} .btn-red:hover{filter:brightness(1.05);box-shadow:0 8px 20px rgba(212,52,44,.25)} /* dropdown nav */ .menu .has-drop{position:relative} .menu .has-drop > a .caret{display:none} /* 二级导航：左浅灰图标 + 右标题/简介；hover 延迟隐藏 + 透明桥扩大触发范围，提升容错 */ .menu .drop{position:absolute;top:40px;left:0;background:#fff;border:1px solid var(--gray-200);box-shadow:var(--shadow-md);border-radius:12px;width:320px;padding:8px;z-index:60;display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .18s ease,transform .18s ease,visibility 0s linear .22s} /* 仅依据 .open（由 JS 按垂直方向/滚动判定）展开，移除对水平方向的 :hover 依赖 */ .menu .has-drop.open > .drop{opacity:1;visibility:visible;transform:translateY(0);transition-delay:0s} /* 悬停展开由 JS 按垂直方向精确判定（触发项顶边→面板底边），不再额外向上延伸触发区 */ .menu .drop a{display:flex;align-items:flex-start;gap:12px;padding:11px 14px;border-radius:8px;font-size:17px;color:var(--gray-700);transition:background .18s,color .18s} /* 二级导航图标：统一采用企业服务卡片 .svc-icon 风格（圆角浅蓝底 + 蓝色描边图标） */ .menu .drop a .di{width:38px;height:38px;flex:none;margin-top:2px;border-radius:10px;background:rgba(14,77,164,.08);display:grid;place-items:center;color:var(--blue-700)} .menu .drop a .di svg{width:22px;height:22px;stroke:var(--blue-700);fill:none;stroke-width:1.7} .menu .drop a .dc{display:flex;flex-direction:column;gap:3px;min-width:0} .menu .drop a .dt{font-size:15px;font-weight:700;color:var(--gray-700);line-height:1.3} .menu .drop a .dd{font-size:12.5px;color:var(--gray-500);line-height:1.5} .menu .drop a:hover{background:var(--bg-soft)} .menu .drop a:hover .dt, .menu .drop a:hover .dd{color:var(--blue-700)} .menu .drop a .e{display:none} .hamburger{display:none;width:42px;height:42px;border:1px solid var(--gray-200);border-radius:10px;background:#fff;cursor:pointer;align-items:center;justify-content:center} .hamburger span{display:block;width:20px;height:2px;background:var(--blue-900);position:relative} .hamburger span::before,.hamburger span::after{content:"";position:absolute;left:0;width:20px;height:2px;background:var(--blue-900)} .hamburger span::before{top:-6px}.hamburger span::after{top:6px} header.site.scrolled .hamburger{background:var(--blue-900);border-color:var(--navy)} header.site.scrolled .hamburger span,header.site.scrolled .hamburger span::before,header.site.scrolled .hamburger span::after{background:#fff} /* ===== Section base ===== */ section{padding:100px 0} .sec-head{max-width:760px;margin:0 auto 48px;text-align:center} .sec-head .kicker{font-family:var(--font-disp);font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#64748b;font-weight:600} .sec-head h2{font-family:var(--font-disp);font-size:clamp(24px,3.2vw,34px);font-weight:700;color:var(--navy);margin:10px 0 0;letter-spacing:.5px} .sec-head p{color:var(--gray-500);font-size:15.5px} /* 模块标题行：标题居左，右侧文字按钮 */ .sec-head--row{max-width:none;margin:0 0 48px;display:flex;align-items:center;justify-content:space-between;text-align:left} .sec-head--row .sec-head__title{text-align:left} .soft{background:var(--bg-soft)} .org-section{background:url("images/pic_about_bg@2x.png") center/cover no-repeat} /* ===== Home Hero ===== */ .hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#08234f 0%,#0a2a66 45%,#0e4da4 100%);color:#fff;min-height:100vh;min-height:100svh;margin-top:0;padding-top:120px;display:flex;align-items:center} .hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0} .hero .glow{position:absolute;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(15,180,201,.32),transparent 70%);top:-180px;right:-140px;filter:blur(8px);pointer-events:none} .hero-inner{position:relative;z-index:2;display:block;width:100%;margin:0 auto} .hero-copy{text-align:left;align-self:start;max-width:820px} .hero-copy > *{margin-left:0;opacity:0;transform:translateY(26px);animation:heroRise .9s cubic-bezier(.22,.61,.36,1) forwards} .hero-copy > *:nth-child(1){animation-delay:.12s} .hero-copy > *:nth-child(2){animation-delay:.26s} .hero-copy > *:nth-child(3){animation-delay:.40s} .hero-copy > *:nth-child(4){animation-delay:.54s} @keyframes heroRise{to{opacity:1;transform:translateY(0)}} @media (prefers-reduced-motion:reduce){.hero-copy>*{animation:none;opacity:1;transform:none}} .hero .eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-disp);font-size:13px;letter-spacing:1px;color:#7fd6e6;background:rgba(15,180,201,.12);border:1px solid rgba(15,180,201,.3);padding:6px 14px;border-radius:999px;margin-bottom:20px} .hero h1{font-family:var(--font-disp);font-weight:700;font-size:clamp(34px,5.2vw,52px);line-height:1.22;letter-spacing:.5px;margin-bottom:8px;white-space:nowrap} .hero-br{display:none} /* 仅移动端媒体查询中显示，PC 端标题保持单行不变 */ .hero .sub-en{font-family:var(--font-disp);font-size:15px;letter-spacing:1.5px;color:#9cc4f0;margin-bottom:20px} .hero p.lead{font-size:16px;color:#cdddf2;max-width:540px;margin-bottom:30px} .hero .cta{display:flex;gap:14px;flex-wrap:wrap} .hero .cta .btn-ghost{color:#fff;border-color:rgba(255,255,255,.35)} .hero .cta .btn-ghost:hover{border-color:#fff;color:#fff;background:rgba(255,255,255,.08)} /* hero 侧栏/背书/数据块已移至首页数据驾驶舱（stats-band） */ /* ===== Page Hero (inner pages) ===== */ .page-hero{position:relative;overflow:hidden;min-height:440px;margin-top:0;padding-top:120px;background:linear-gradient(135deg,rgba(8,35,79,.88) 0%,rgba(10,42,102,.86) 50%,rgba(14,77,164,.84) 100%),url("images/contact_banner.jpg") center/cover no-repeat;color:#fff;text-align:left} .page-hero .glow{position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(15,180,201,.28),transparent 70%);top:-160px;right:-100px;filter:blur(8px)} .page-hero .wrap{position:relative;z-index:2;margin:0 auto} .breadcrumb{display:flex;gap:8px;align-items:center;font-size:13px;color:#9cc4f0;margin-bottom:18px} .breadcrumb a:hover{color:#fff} .breadcrumb .sep{opacity:.5} .page-hero h1{font-family:var(--font-disp);font-weight:700;font-size:clamp(28px,3.6vw,40px);letter-spacing:.5px;margin-bottom:10px} .page-hero .sub-en{font-family:var(--font-disp);font-size:14px;letter-spacing:1.5px;color:#8fb8ec;margin-bottom:14px} .page-hero p.lead{font-size:15.5px;color:#cdddf2;max-width:680px} /* 指定内页 hero：固定高度 468px，面包屑贴底(距底20px)，中英文标题垂直居中 */ .page-hero.hero-fixed{min-height:508px;padding:0} .page-hero.hero-fixed .wrap{min-height:508px;display:flex;flex-direction:column;justify-content:center} .page-hero.hero-fixed .breadcrumb{position:absolute;left:0;right:0;bottom:20px;margin:0} .page-hero.about-hero{background:url("images/about.jpg") center/cover no-repeat} .page-hero.contact-hero{background:url("images/contact.jpg") center/cover no-repeat} .page-hero.news-hero{background:url("images/news.jpg") center/cover no-repeat} .page-hero.research-hero{background:url("images/research.jpg") center/cover no-repeat} .page-hero.services-hero{background:url("images/fx.jpg") center/cover no-repeat} .page-hero.ecosystem-hero{background:url("images/wp.jpg") center/cover no-repeat} .page-hero.innovation-hero{background:url("images/cg.jpg") center/cover no-repeat} /* ===== Cards & grids ===== */ .pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:20px} .pillar{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);padding:24px;transition:.25s} .pillar:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:#cfe1f6} .pillar .ic{width:46px;height:46px;border-radius:12px;background:var(--cyan-soft);display:grid;place-items:center;margin-bottom:14px} .pillar .ic svg{width:24px;height:24px;stroke:var(--blue-700)} .pillar h4{font-size:16.5px;color:var(--navy);margin-bottom:6px} .pillar h4 .e{display:block;font-family:var(--font-disp);font-size:11px;letter-spacing:.5px;color:var(--gray-400);font-weight:500} .pillar p{font-size:13.5px;color:var(--gray-500)} .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px} .card{position:relative;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);padding:26px;transition:.25s;overflow:hidden} .card::before{content:"";position:absolute;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,var(--blue-700),var(--cyan));transition:.3s} .card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:#cfe1f6} .card:hover::before{width:100%} .card .ic{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#eaf1fb,#e6f7fa);display:grid;place-items:center;margin-bottom:16px} .card .ic svg{width:26px;height:26px;stroke:var(--blue-700);fill:none;stroke-width:1.7} .card h4{font-size:17px;color:var(--navy);margin-bottom:4px} .card h4 .e{display:block;font-family:var(--font-disp);font-size:11px;letter-spacing:.5px;color:var(--gray-400);font-weight:500;margin-top:2px} .card p{font-size:13.5px;color:var(--gray-500);margin-top:8px} .card .tag{position:absolute;top:22px;right:22px;font-size:11px;color:var(--cyan);background:var(--cyan-soft);padding:3px 10px;border-radius:999px;font-family:var(--font-disp);font-weight:600} .card a.more{display:inline-block;margin-top:14px;font-size:13px;color:var(--blue-700);font-weight:600} /* ===== Certs ===== */ .certs{display:flex;flex-wrap:wrap;gap:14px;justify-content:center} .cert{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--gray-200);border-radius:999px;padding:10px 18px;font-size:14px;color:var(--gray-700);transition:.2s} .cert:hover{border-color:var(--blue-500);color:var(--blue-700);box-shadow:var(--shadow-sm)} .cert .seal{width:22px;height:22px;flex:0 0 22px} .cert .seal svg{width:22px;height:22px;stroke:var(--blue-700);fill:none;stroke-width:1.6} /* ===== Stats band ===== */ .stats-band{background:linear-gradient(135deg,#08234f,#0e4da4);color:#fff;border-radius:var(--radius-lg);padding:46px 40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:32px 24px;text-align:center} .stats-band .s b{font-family:var(--font-disp);font-size:52px;font-weight:700;display:block;line-height:1} .stats-band .s b .u{font-size:20px;color:#7fd6e6;font-weight:700} .stats-band .s span{font-size:14px;color:#bcd6f5;margin-top:8px;display:block} /* ===== News ===== */ .news{display:grid;grid-template-columns:repeat(3,1fr);gap:22px} .news .item{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);overflow:hidden;transition:.25s;display:flex;flex-direction:column} .news .item:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)} .news .thumb{aspect-ratio:16/9;background:linear-gradient(135deg,#0a2a66,#1e6fe0);position:relative;overflow:hidden;border-radius:4px} .news .thumb svg{position:absolute;inset:0;width:100%;height:100%;opacity:.4} .news .body{padding:20px 22px;flex:1;display:flex;flex-direction:column} .news .meta{display:flex;gap:10px;align-items:center;font-size:12px;color:var(--gray-400);margin-bottom:10px} .news .cat{color:var(--cyan);background:var(--cyan-soft);padding:2px 9px;border-radius:999px;font-weight:600;font-family:var(--font-disp)} .news h4{font-size:15.5px;color:var(--navy);line-height:1.5;margin-bottom:auto} .news .more{margin-top:14px;font-size:13px;color:var(--blue-700);font-weight:600} /* ===== News category tabs ===== */ .news-tab-sec{padding:6px 0 48px} .news-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:40px;margin:16px 0 40px} .news-search{margin-left:auto;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--gray-200);border-radius:4px;padding:0 16px;height:42px;min-width:240px;transition:.2s} .news-search:focus-within{border-color:var(--blue-500);box-shadow:0 0 0 3px rgba(14,77,164,.12)} .news-search input{border:0;outline:0;font-size:14px;color:var(--gray-700);background:transparent;width:100%} .news-search svg{width:16px;height:16px;color:var(--gray-400);flex:none} .news-home .news-tabs{justify-content:center;max-width:1200px;margin:16px auto 40px} .ntab{appearance:none;background:none;border:none;cursor:pointer;font-family:var(--font-sans);font-size:16px;font-weight:600;color:var(--gray-500);padding:16px 0px;border-bottom:3px solid transparent;transition:.2s} .ntab:hover{color:var(--blue-700)} .ntab.is-active{color:var(--navy);border-bottom-color:var(--blue-700)} /* 仅作用于新闻资讯页的导航（body.news-page），不影响首页及其他页面 */ .news-page .news-tabs{gap:48px} .news-page .ntab{font-size:20px} .news-panel{display:none} .news-panel.is-active{display:block;animation:newsFade .3s ease} @keyframes newsFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}} /* 翻页器 */ .pager{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:48px;flex-wrap:wrap} .pager .pg{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 14px;border:1px solid var(--gray-200);border-radius:8px;font-size:14px;font-weight:600;color:var(--gray-700);background:#fff;transition:.2s} .pager .pg:hover{border-color:var(--blue-500);color:var(--blue-500)} .pager .pg.is-active{background:var(--blue-700);border-color:var(--blue-700);color:#fff} .pager .pg:disabled{opacity:.45;cursor:not-allowed} .pager .pg:disabled:hover{border-color:var(--gray-200);color:var(--gray-700)} /* ===== CTA band ===== */ .cta-band{position:relative;overflow:hidden;background:linear-gradient(120deg,#08234f,#0e4da4 60%,#0fb4c9);color:#fff;border-radius:var(--radius-lg);padding:72px 56px;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap} .cta-band h2{font-family:var(--font-disp);font-size:28px;font-weight:700;margin-bottom:8px} .cta-band p{color:#dbeafe;max-width:560px} .cta-band .deco2{position:absolute;right:-40px;bottom:-40px;width:240px;height:240px;opacity:.25;pointer-events:none} .cta-band .deco2 svg{width:100%;height:100%} .cta-row{display:flex;gap:14px;flex-wrap:wrap} /* ===== Logo wall (共建标识区) ===== */ .logo-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:22px} .logo-wall .unit{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);padding:28px;text-align:center;transition:.25s} .logo-wall .unit:hover{box-shadow:var(--shadow-md);border-color:#cfe1f6} .logo-wall .unit .emblem{width:72px;height:72px;margin:0 auto 14px;border-radius:16px;background:linear-gradient(135deg,#0a2a66,#0e4da4);display:grid;place-items:center;color:#fff} .logo-wall .unit .emblem svg{width:36px;height:36px;stroke:#fff;fill:none;stroke-width:1.6} .logo-wall .unit h4{font-size:16px;color:var(--navy)} .logo-wall .unit p{font-size:13px;color:var(--gray-500);margin-top:6px} /* ===== Chain map (产业链位置图) ===== */ .chain{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:0} .chain .node{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);padding:22px;text-align:center} .chain .node .ic{width:46px;height:46px;border-radius:12px;background:var(--cyan-soft);display:grid;place-items:center;margin:0 auto 12px} .chain .node .ic svg{width:24px;height:24px;stroke:var(--blue-700)} .chain .node h4{font-size:15px;color:var(--navy);margin-bottom:6px} .chain .node p{font-size:12.5px;color:var(--gray-500)} .chain .arrow{width:60px;display:grid;place-items:center;color:var(--cyan)} .chain .arrow svg{width:34px;height:34px;stroke:var(--cyan);fill:none;stroke-width:2} .chain .lab-core{background:linear-gradient(135deg,#0a2a66,#0e4da4);color:#fff;border-color:transparent} .chain .lab-core .ic{background:rgba(255,255,255,.14)} .chain .lab-core .ic svg{stroke:#7fd6e6} .chain .lab-core p{color:#cdddf2} /* ===== Industry / capability accordion (手风琴) ===== */ .industry-accordion{display:flex;gap:24px;height:480px} .ind-card{position:relative;flex:23;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;min-width:0;transition:flex .3s ease, transform .3s ease} .ind-card:hover{transform:translateY(-2px)} .ind-card.active{flex:44} @keyframes indRise{from{opacity:.35;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}} @keyframes indFade{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}} @keyframes indPop{from{opacity:.4;transform:scale(.85)}to{opacity:1;transform:scale(1)}} .ind-bg{position:absolute;inset:0;background:linear-gradient(135deg,#0a2a66,#0e4da4);background-size:cover;background-position:center;transition:filter .3s ease, transform .6s cubic-bezier(.2,.7,.2,1)} .ind-card:not(.active) .ind-bg{filter:grayscale(25%) brightness(1.08)} .ind-card.active .ind-bg{transform:scale(1.08)} .ind-cover{position:absolute;inset:0;transition:background .3s ease} .ind-card.active .ind-cover{background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.78) 100%)} .ind-card:not(.active) .ind-cover{background:linear-gradient(0deg, rgb(10 42 102), rgb(14 77 164 / 10%), rgb(14 77 164 / 10%))} .ind-content{position:absolute;inset:0;padding:40px;display:flex;flex-direction:column;justify-content:flex-end;z-index:2} .ind-card.active .ind-content{color:#fff} .ind-card:not(.active) .ind-content{color:#fff} .ind-tag{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;color:inherit;border:none;border-radius:12px;background:rgba(255,255,255,.16);align-self:flex-start;margin-bottom:24px} .ind-tag svg{width:55%;height:55%} .ind-card:not(.active) .ind-tag{background:rgba(255,255,255,.2);color:#fff} .ind-title{font-family:var(--font-disp);font-size:24px;font-weight:700;margin-bottom:12px;line-height:1.25} .ind-intro{font-size:14px;line-height:1.6;margin-bottom:24px;opacity:.95} .ind-card:not(.active) .ind-intro{color:rgba(255,255,255,.85)} .ind-features{display:none;grid-template-columns:1fr 1fr;gap:16px;border-top:1px solid rgba(255,255,255,.28);padding-top:24px;margin-bottom:24px;max-width:520px} .ind-card.active .ind-features{display:grid;animation:indFade .5s ease .12s both} .ind-feat-title{font-size:22px;font-weight:700;line-height:1.3;margin-bottom:4px} .ind-features p{font-size:14px;line-height:1.55;opacity:.85;margin:0} .ind-btn{display:inline-flex;align-self:flex-start;align-items:center;gap:8px;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;border:1px solid rgba(255,255,255,.75);color:#fff;background:transparent;transition:background .2s,border-color .2s,color .2s,transform .3s ease} .ind-card.active .ind-btn{animation:indFade .5s ease .2s both;border-color:#fff} .ind-card.active .ind-title{animation:indRise .45s ease both} .ind-card.active .ind-intro{animation:indRise .45s ease .06s both} .ind-card.active .ind-tag{animation:indPop .45s ease both} .ind-btn:hover{border-color:#fff;background:rgba(255,255,255,.14)} .industry-more{text-align:center;margin-top:36px} /* ===== Timeline (发展历程) ===== */ .timeline{position:relative;max-width:1000px;margin:0 auto;padding-left:0} .timeline::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(var(--blue-700),var(--cyan));transform:translateX(-50%)} .timeline-foot{text-align:center;margin-top:34px} .tl-item{position:relative;width:50%;padding:14px 30px} .tl-item:nth-child(odd){left:0;text-align:right} .tl-item:nth-child(even){left:50%} .tl-item .dot{position:absolute;top:22px;width:16px;height:16px;border-radius:50%;background:var(--cyan);border:3px solid #fff;box-shadow:0 0 0 3px rgba(15,180,201,.25)} .tl-item:nth-child(odd) .dot{right:-8px} .tl-item:nth-child(even) .dot{left:-8px} .tl-item .yr{font-family:var(--font-disp);font-weight:700;color:var(--blue-700);font-size:18px} .tl-item .card{text-align:left;width:440px;max-width:100%;margin-top:8px;padding:18px 20px;transition:background .25s,border-color .25s,box-shadow .25s} .tl-item .card h4{font-size:18px;color:var(--navy)} .tl-item .card p{font-size:13px;color:var(--gray-500)} .tl-item .tl-img-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(.2,.7,.3,1)} .tl-item.is-hover .tl-img-wrap{grid-template-rows:1fr} .tl-item .tl-img-inner{overflow:hidden;min-height:0;opacity:0;transform:translateY(10px);transition:opacity .45s cubic-bezier(.2,.7,.3,1),transform .45s cubic-bezier(.2,.7,.3,1)} .tl-item.is-hover .tl-img-inner{opacity:1;transform:translateY(0)} .tl-item .tl-img{display:block;width:400px;max-width:100%;height:auto;margin:14px auto 0;border-radius:4px;pointer-events:none} .tl-item .dot::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--cyan);opacity:0;transform:scale(.6)} .tl-item.is-hover .dot::after{animation:tlRipple .7s cubic-bezier(.2,.7,.3,1) both} @keyframes tlRipple{0%{transform:scale(.6);opacity:.65}100%{transform:scale(2.6);opacity:0}} /* ===== Generic table ===== */ .tbl-wrap{overflow-x:auto;border:1px solid var(--gray-200);border-radius:var(--radius);background:#fff} table.doc-tbl{width:100%;border-collapse:collapse;font-size:14px;min-width:560px} table.doc-tbl th,table.doc-tbl td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--gray-200);vertical-align:top} table.doc-tbl th{background:var(--bg-soft);color:var(--navy);font-family:var(--font-disp);font-weight:600;font-size:13.5px;white-space:nowrap} table.doc-tbl tr:last-child td{border-bottom:none} table.doc-tbl tbody tr:hover{background:var(--cyan-soft)} table.doc-tbl td .pill{display:inline-block;font-size:12px;padding:2px 10px;border-radius:999px;background:var(--cyan-soft);color:var(--blue-700);font-weight:600;font-family:var(--font-disp)} /* 服务页：企业服务表格 */ table.service-tbl th{background:var(--blue-900);color:#fff;font-weight:600;letter-spacing:.3px} table.service-tbl td:first-child{color:var(--navy);font-weight:600;white-space:nowrap} table.service-tbl td:last-child{color:var(--gray-600)} /* 服务页：公共服务卡片（两个一行） */ .public-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:40px} .public-cards .card{display:flex;flex-direction:column;gap:4px;border:none;aspect-ratio:21/9;justify-content:flex-end;color:#fff;background-size:cover;background-position:center;overflow:hidden;padding:28px 40px} .public-cards .card::before{content:"";position:absolute;inset:0;width:100%;height:100%;z-index:0;background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform .5s cubic-bezier(.2,.7,.3,1)} .public-cards .card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgb(8 35 79 / 50%),rgb(8 35 79 / 0%) 60%,transparent);z-index:1;pointer-events:none} .public-cards .card>*{position:relative;z-index:2} .public-cards .card .ic{width:48px;height:48px;border-radius:12px;background:rgba(255,255,255,.18);backdrop-filter:blur(4px);display:grid;place-items:center;color:#fff} .public-cards .card .ic svg{width:24px;height:24px;stroke:#fff} .public-cards .card h4{font-size:22px;color:#fff;font-weight:700;margin:0} .public-cards .card p{font-size:16px;color:rgba(255,255,255,.85);line-height:1.8;margin:0} .public-cards .card p.note{font-size:14px;color:rgba(255,255,255,.7);max-height:0;opacity:0;overflow:hidden;margin-top:0;transform:translateY(8px);transition:max-height .45s ease,opacity .35s ease,transform .35s ease} .public-cards .card .note .note-tag{display:inline-block;font-size:14px;line-height:1.4;padding:6px 12px;margin:12px 16px 0px 0;border-radius:4px;background:rgba(255,255,255,.18);color:#fff} .public-cards .card:hover{transform:translateY(-8px);box-shadow:var(--shadow-md);border-color:transparent} .public-cards .card:hover::before{transform:scale(1.06)} .public-cards .card:hover p.note{max-height:120px;opacity:1;transform:translateY(0)} .card--pub-bg1::before{background-image:url("images/pub-service-1.jpg")} .card--pub-bg2::before{background-image:url("images/pub-service-2.jpg")} /* 企业服务：卡片网格（第一行 50/25/25，第二行 25/25/50） */ .svc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px} .svc-card{position:relative;overflow:hidden;background:#fff;border-radius:var(--radius-lg);padding:26px 28px 24px;display:flex;flex-direction:column;min-height:240px;transition:box-shadow .28s ease,background-color .28s ease} .svc-card.span2{grid-column:span 2} .svc-icon{width:46px;height:46px;border-radius:12px;background:rgba(14,77,164,.08);display:grid;place-items:center;color:var(--blue-700);transition:transform .4s cubic-bezier(.2,.7,.3,1),opacity .3s ease} .svc-icon svg{width:24px;height:24px;stroke:var(--blue-700);fill:none;stroke-width:1.7} .svc-text{margin-top:16px;transition:transform .4s cubic-bezier(.2,.7,.3,1)} .svc-text h3{font-size:22px;color:var(--navy);margin:0 0 8px} .svc-desc{font-size:14px;color:var(--gray-600);line-height:1.75;margin:0} .svc-cta{position:absolute;left:28px;bottom:26px;display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:700;color:#fff;text-decoration:none;opacity:0;transform:translateY(135%);transition:transform .4s cubic-bezier(.2,.7,.3,1),opacity .3s ease} .svc-cta:hover{color:#ffffff} #enterprise .svc-card:hover{background-color:var(--blue-700);box-shadow:var(--shadow-md)} .svc-card:hover .svc-text h3{color:#fff} .svc-card:hover .svc-desc{color:rgba(255,255,255,.82)} .svc-card:hover .svc-icon{transform:translateY(-220%);opacity:0} .svc-card:hover .svc-text{transform:translateY(-62px)} .svc-card:hover .svc-cta{transform:translateY(0);opacity:1} .svc-card--consult{background-image:url("images/zx.png");background-position:right center;background-size:contain;background-repeat:no-repeat} .svc-card--sme{background-image:url("images/zxqy.png");background-position:right center;background-size:contain;background-repeat:no-repeat} /* 合作意向表单：必填标记与提交提示 */ .req{color:#e23b3b;margin-left:2px;font-weight:700} .form-msg{} #collab{position:relative} #collab::before{content:"";position:absolute;inset:0;background:url("images/ecosystem-collab-bg.png") center/cover no-repeat;opacity:.5;z-index:0;pointer-events:none} #collab .wrap{position:relative;z-index:1} /* 科研方向：核心攻关方向（图文卡片，左图右文 / 左文右图 交替） */ .dir-list{display:flex;flex-direction:column;gap:32px} .dir-row{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center} .dir-row.reverse .dir-media{order:2} .dir-media{aspect-ratio:16/9;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-soft);box-shadow:var(--shadow-sm)} .dir-media img{width:100%;height:100%;object-fit:cover;display:block} .dir-text .kicker{margin-bottom:10px} .dir-text h3{font-family:var(--font-disp);font-size:26px;font-weight:700;color:var(--navy);margin:0 0 14px;letter-spacing:.5px} .dir-text p{font-size:15px;color:var(--gray-600);line-height:1.9;margin:0} /* 核心研究方向：模块背景图（cover、不重复、居中），叠白色半透明遮罩保证文字可读 */ .core-rd-sec{position:relative;background:transparent;z-index:0} .core-rd-sec::before{content:"";position:absolute;inset:0;background:url("images/homabtbag1.jpg") center/cover no-repeat;z-index:-2} /* 科研方向：核心研究方向（一行四块 · 背景图 · 2:3 · 悬停上移露出正文） */ .dir-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px} .dir-card{position:relative;overflow:hidden;border-radius:var(--radius-lg);aspect-ratio:2/3;background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;display:flex;align-items:flex-end;isolation:isolate;box-shadow:var(--shadow-sm);transition:box-shadow .3s ease,transform .3s ease} .dir-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,35,79,.22) 0%,rgba(8,35,79,.82) 100%);transition:background .3s ease} .dir-card::before{content:"";position:absolute;inset:0;z-index:-2;background-image:inherit;background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform .5s cubic-bezier(.2,.7,.3,1)} .dir-card:hover::before{transform:scale(1.08)} .dir-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)} .dir-card:hover::after{background:linear-gradient(180deg,rgba(8,35,79,.5) 0%,rgba(8,35,79,.93) 100%)} .dir-card__content{position:absolute;top:auto;left:0;right:0;bottom:0;padding:0 26px 20% 26px;z-index:2} .dir-card__head{transition:transform .45s cubic-bezier(.2,.7,.3,1)} .dir-card__icon{width:52px;height:52px;border-radius:13px;background:rgba(255,255,255,.16);display:grid;place-items:center;color:#fff;margin-bottom:16px;transition:transform .45s cubic-bezier(.2,.7,.3,1),opacity .3s ease} .dir-card__icon svg{width:26px;height:26px;stroke:#fff;fill:none;stroke-width:1.7} .dir-card__title{font-family:var(--font-disp);font-size:21px;font-weight:700;letter-spacing:.5px;margin:0;transition:transform .45s cubic-bezier(.2,.7,.3,1)} .dir-card__desc{font-size:13.5px;line-height:1.7;color:rgba(255,255,255,.92);margin-top:12px} .dir-card__body{position:absolute;left:26px;bottom:40px;opacity:0;transform:translateY(28px);transition:transform .4s cubic-bezier(.2,.7,.3,1),opacity .3s ease} .dir-card:hover .dir-card__head{transform:translateY(-60px)} .dir-card:hover .dir-card__body{opacity:1;transform:translateY(0)} /* 长标题卡片：初始单行省略，hover 恢复完整显示 */ .dir-card--truncate-title .dir-card__title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .dir-card--truncate-title:hover .dir-card__title{white-space:normal;overflow:visible} @media(max-width:980px){ .dir-cards{grid-template-columns:repeat(2,1fr);gap:18px} .dir-card{aspect-ratio:3/4} } /* 科研方向卡片：了解更多 文字按钮（深色卡片背景上保持可读，纵向排列于简介下方） */ .dir-card .more-text{display:flex;align-items:center;color:#fff;margin-top:18px} .dir-card .more-text:hover{color:var(--blue-400)} /* 在研课题：卡片化排版 */ .proj-list{display:flex;flex-direction:column;gap:20px} .proj-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:30px 32px;transition:box-shadow .25s ease,border-color .25s ease} .proj-card:hover{box-shadow:var(--shadow-md);border-color:#cfe1f6} .proj-head{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px} .proj-card h3{font-family:var(--font-disp);font-size:21px;font-weight:700;color:var(--navy);margin:0 0 12px;letter-spacing:.5px} .proj-card h3 a{transition:color .2s ease} .proj-card h3 a:hover{color:var(--blue-500)} .proj-card p{font-size:14.5px;color:var(--gray-600);line-height:1.9;margin:0} .pill{display:inline-block;font-size:12.5px;padding:3px 12px;border-radius:999px;background:var(--cyan-soft);color:var(--blue-700);font-weight:600;font-family:var(--font-disp)} .pill--blue{background:var(--blue-900);color:#fff} /* 生态建设：产学研合作模式（手风琴 + 右侧面板） */ /* 产学研合作模式：左侧导航（选中蓝底 #0e4da4、未选中 #f5f8fc，各 8px 边距），右侧卡片（流程图 + 文字描述） */ .collab-split{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px;align-items:stretch} .collab-tabs{display:flex;flex-direction:column;gap:10px;background:#ffffff;padding:12px 0 0} .ctab-item{display:flex;flex-direction:column;background:#f5f8fc;border-radius:var(--radius);overflow:hidden;transition:.2s;position:relative;margin:0 10px} .ctab-item::before{content:"";position:absolute;inset:0;background:#0e4da4;z-index:0;transform:scaleX(0);transform-origin:left center;transition:transform .42s cubic-bezier(.4,0,.2,1)} .ctab-item.active::before{transform:scaleX(1)} .collab-tab{display:flex;align-items:center;justify-content:flex-start;gap:14px;width:100%;text-align:left;padding:20px 22px;background:transparent;border:none;border-radius:0;font-size:16px;font-weight:600;color:var(--navy);cursor:pointer;transition:.2s;position:relative;z-index:1} .ctab-item:not(.active) .collab-tab:hover{color:var(--blue-700)} .ctab-item.active{background:transparent;border:none;color:#fff} .ctab-item.active .collab-tab{color:#fff} .collab-tab .caret{width:18px;height:18px;transition:.25s;opacity:.6;flex:none;margin-left:auto;transform:rotate(-90deg)} .ctab-item.active .collab-tab .caret{opacity:1;transform:rotate(0);color:#fff} .ctab-item.active .collab-tab .svc-icon{background:rgba(255,255,255,.16);color:#fff} .ctab-item.active .collab-tab .svc-icon svg{stroke:#fff} .ctab-icon{position:absolute;right:16px;bottom:16px;width:44px;height:44px;object-fit:contain;pointer-events:none} .collab-panel{background:rgb(255 255 255 / 90%);border-radius:var(--radius-lg);padding:36px;min-height:360px;display:flex;flex-direction:column;height:100%} .collab-item{display:none;flex-direction:column;gap:20px;animation:fadeIn .35s ease} .collab-item.active{display:flex} .collab-body{display:block} .collab-main{flex:1;min-width:0;display:flex;flex-direction:column} .collab-item h3{font-size:24px;color:var(--navy);margin:0} .flow-chart{display:flex;align-items:center;gap:8px;flex-wrap:wrap} .flow-node{flex:1;min-width:72px;display:flex;flex-direction:column;align-items:center;gap:12px;background:var(--bg-soft);border-radius:8px;padding:16px 10px;text-align:center;font-size:14px;font-weight:600;color:var(--navy)} .flow-node .fn-ic{width:34px;height:34px;border-radius:9px;background:rgba(14,77,164,.08);display:grid;place-items:center;color:var(--blue-700)} .flow-node .fn-ic svg{width:20px;height:20px;stroke:var(--blue-700);fill:none;stroke-width:1.7} .flow-arrow{color:var(--blue-700);flex:none} .flow-arrow svg{width:20px;height:20px} .collab-main .collab-intro{font-size:16px;color:var(--gray-600);line-height:1.8;margin:24px 0 32px 0} .collab-main .btn, .collab-main .collab-cta{align-self:flex-start;margin-top:auto} .collab-cta{position:relative;display:inline-flex;align-items:center;gap:6px;font-size:15px;font-weight:700;color:var(--blue-700);text-decoration:none} .collab-cta:hover{color:var(--blue-700)} @keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}} /* 生态建设：合作伙伴模块 */ #partners{background:linear-gradient(180deg,rgb(255 255 255),#f5f8fc)} /* 生态建设：合作伙伴 logo 横屏滚动 */ .logo-marquee{position:relative;overflow:hidden;padding-left:72px;margin-top:28px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)} .logo-track{display:flex;width:max-content;animation:logoScroll 80s linear infinite} .logo-track + .logo-track{margin-top:24px;margin-left:80px} .logo-card{position:relative;flex:0 0 auto;width:220px;aspect-ratio:18/8;margin-right:24px;background:#fff;border:none;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden} .logo-card img{width:100%;height:100%;object-fit:contain;display:block;padding:6px} @keyframes logoScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}} @media (prefers-reduced-motion:reduce){.logo-track{animation:none}} /* ===== Service steps (流程) ===== */ .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:step} .step{position:relative;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);padding:24px} .step .num{counter-increment:step;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--blue-700),var(--cyan));color:#fff;display:grid;place-items:center;font-family:var(--font-disp);font-weight:700;font-size:16px;margin-bottom:12px} .step .num::before{content:counter(step)} .step h4{font-size:15.5px;color:var(--navy);margin-bottom:6px} .step p{font-size:13px;color:var(--gray-500)} /* ===== Talent (人才队伍) ===== */ .talent-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px} .talent{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);overflow:hidden;transition:.25s} .talent:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:#cfe1f6} .talent .avatar{height:150px;background:linear-gradient(135deg,#0a2a66,#1e6fe0);display:grid;place-items:center;color:rgba(255,255,255,.85)} .talent .avatar svg{width:54px;height:54px;stroke:#fff;fill:none;stroke-width:1.4} .talent .body{padding:18px 20px} .talent .body h4{font-size:15.5px;color:var(--navy)} .talent .body .role{font-size:12.5px;color:var(--cyan);font-family:var(--font-disp);font-weight:600;margin:4px 0 8px} .talent .body p{font-size:12.5px;color:var(--gray-500)} /* ===== Jobs (人才招引) ===== */ .job-list{display:grid;gap:14px} .job{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);padding:20px 24px;transition:.2s;flex-wrap:wrap} .job:hover{border-color:var(--blue-500);box-shadow:var(--shadow-sm)} .job .jt{font-size:16px;color:var(--navy);font-weight:600} .job .meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px} .job .meta .pill{font-size:12px;padding:3px 11px;border-radius:999px;background:var(--bg-soft);color:var(--gray-700);border:1px solid var(--gray-200)} /* ===== Contact ===== */ .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start} /* 仅作用于服务中心页「立即咨询」与联系我们页「联系我们」模块的左右卡片间距（join.html 申请方式模块保持 36px 不变） */ .services-page .contact-grid,.contact-page .contact-grid{gap:80px} /* 仅作用于服务中心页「立即咨询」表单的「提交意向」按钮 */ #coopForm .btn{margin-top:8px} .contact-info .row{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--gray-200)} /* 联系我们 / 立即咨询 模块图标：与企业服务卡片 .svc-icon 风格与颜色一致（圆角浅蓝底 + 蓝色描边图标） */ .contact-info .row .ic{width:42px;height:42px;flex:0 0 42px;border-radius:12px;background:rgba(14,77,164,.08);display:grid;place-items:center;color:var(--blue-700)} .contact-info .row .ic svg{width:22px;height:22px;stroke:var(--blue-700);fill:none;stroke-width:1.7} .contact-info .row .t{font-size:13px;color:var(--gray-400)} .contact-info .row .v{font-size:15px;color:var(--navy);font-weight:600} /* 仅作用于「联系我们 / 立即咨询」模块内的电话与邮箱区域：字号 18px、图标与文本垂直居中、图标间距 20px、整体内边距 20px */ .contact-info--pem .row{display:flex;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid var(--gray-200)} .contact-info--pem .row .v{font-size:18px} .form-box{background:#fff;border-radius:var(--radius-lg);padding:32px} .form-box h3{font-size:18px;color:var(--navy);margin-bottom:18px} .field{margin-bottom:16px} .field label{display:block;font-size:13px;color:var(--gray-700);margin-bottom:6px} .field input,.field textarea,.field select{width:100%;padding:12px;border:1px solid var(--gray-200);border-radius:6px;font-family:var(--font-sans);font-size:14px;color:var(--ink);background:#fff;transition:.2s} .field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--blue-500);box-shadow:0 0 0 3px rgba(30,111,224,.12)} .field textarea{min-height:110px;resize:vertical} .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px} .field--full{grid-column:1 / -1} .social-row{display:flex;gap:12px;flex-wrap:wrap} .social-row a{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--gray-200);border-radius:999px;padding:9px 16px;font-size:13px;color:var(--gray-700);transition:.2s} .social-row a:hover{border-color:var(--blue-500);color:var(--blue-700)} .contact-info .row.gov{position:relative;padding-left:16px} .contact-info .row.gov::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:2px;background:var(--red)} .contact-info .row.gov .v{color:var(--red)} .route-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:stretch} .map-box{position:relative;border:1px solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden;background:#eaf1fb;min-height:340px} .map-box .map-iframe{width:100%;height:100%;min-height:340px;border:0;display:block} .map-box .map-caption{position:absolute;left:16px;bottom:16px;display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.94);border:1px solid var(--gray-200);border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600;color:var(--navy);box-shadow:var(--shadow-sm);max-width:calc(100% - 32px)} .map-box .map-caption svg{width:18px;height:18px;stroke:var(--red);flex:none} .map-box .map-caption a{margin-left:4px;color:var(--blue-700);text-decoration:none;white-space:nowrap} /* 来访路线图：未配置有效地图密钥时的降级占位 */ .map-box .map-iframe.map-fallback{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eef3fb,#e3ebf7)} .map-fallback__inner{text-align:center;padding:24px} .map-fallback__title{margin:0 0 6px;font-size:16px;font-weight:600;color:var(--navy)} .map-fallback__desc{margin:0 0 12px;font-size:13px;color:var(--gray-600)} .map-fallback__link{color:var(--blue-700);font-weight:600;text-decoration:none} .map-fallback__link:hover{text-decoration:underline} .route-steps{display:grid;gap:14px} .route-step{display:flex;gap:14px;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius);padding:16px 18px;cursor:pointer;position:relative;align-items:center;transition:.25s} .route-step--drive{cursor:pointer;flex-direction:column;align-items:flex-start;gap:8px} .route-step--drive .text{flex:0 0 auto;width:100%} .route-step .n{width:30px;height:30px;flex:0 0 30px;border-radius:9px;background:var(--blue-700);color:#fff;display:grid;place-items:center;font-family:var(--font-disp);font-weight:700;font-size:14px;transition:.25s} .route-step h4{font-size:18px;color:var(--navy);margin-bottom:3px;transition:.25s} .route-step p{font-size:15px;color:var(--gray-600);margin:0;transition:.25s} .route-step .text{flex:1;min-width:0} .route-step--drive .rs-more{margin-left:0;color:var(--blue-700);font-size:13px;font-weight:600;opacity:1;transition:.2s;white-space:nowrap;display:flex;align-items:center;gap:4px;flex:none} .route-step--drive .rs-more:hover{color:var(--blue-700)} .route-step--metro{background:#fff url("images/ditie.jpg") right 0px center/auto 75% no-repeat} .route-step--drive{background:#fff url("images/car.jpg") right 0px center/auto 75% no-repeat} .route-step--bus{background:#fff url("images/bus.jpg") right 0px center/auto 75% no-repeat} /* ===== Footer ===== */ footer.site{background:#f0f3f9;color:var(--gray-700);padding:32px 0 20px 0;font-size:14px} .foot-highlights{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;padding-bottom:32px;margin-bottom:32px;border-bottom:1px solid var(--gray-200)} .fh-item{display:flex;align-items:center;gap:24px} .fh-icon{width:40px;height:40px;border:1.5px solid var(--gray-300);border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none;color:var(--navy)} .fh-icon svg{width:40px;height:40px} .fh-text h4{font-size:16px;font-weight:700;color:var(--navy);margin-bottom:6px;font-family:var(--font-sans)} .fh-text p{font-size:13px;color:var(--gray-500);line-height:1.5} .foot-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1.5fr 1fr;gap:48px;margin-bottom:40px} .foot-brand{display:flex;gap:28px;align-items:flex-start} .foot-brand-main{flex:1;min-width:0} footer.site .brand{max-width:200px;margin-bottom:8px;display:block} footer.site .brand .logo-img{width:40%;height:auto;max-height:none;filter:none} footer.site p.desc{margin-top:14px;color:var(--gray-500);max-width:280px} .foot-qr{display:flex;flex-direction:column;align-items:center;gap:8px} .foot-qr img{width:96px;height:96px;border-radius:8px;background:#fff;padding:4px;border:1px solid var(--gray-200)} .foot-qr span{font-size:12px;color:var(--gray-500)} .foot-col h5{color:var(--navy);font-size:16px;margin-bottom:16px;font-family:var(--font-disp);letter-spacing:.5px} .foot-col a{display:block;color:var(--gray-600);font-size:14px;line-height:1.5;padding:0 0 16px 0;transition:.2s} .foot-col a:hover{color:var(--blue-700)} .foot-phone{display:block;font-size:14px;color:var(--navy);padding:0 0 16px 0;line-height:1.5;letter-spacing:.5px;font-family:var(--font-disp)} .foot-line{display:block;color:var(--gray-600);padding:0 0 16px 0;line-height:1;font-size:13.5px;transition:.2s} .foot-plain{display:block;color:var(--gray-600);font-size:14px;line-height:1.5;padding:0 0 16px 0} .foot-line:hover{color:var(--blue-700)} .foot-links{border-top:1px solid var(--gray-200);padding:16px 0;display:flex;align-items:center;flex-wrap:wrap;gap:12px 30px} .foot-links .fl-label{color:var(--navy);font-size:16px;font-family:var(--font-disp);letter-spacing:.5px;font-weight:700;flex:none;padding-right:2px} .foot-links a{color:var(--gray-600);font-size:14px;transition:.2s;white-space:nowrap} .foot-links a:hover{color:var(--blue-700)} .foot-links a.qr-link{cursor:pointer} .qr-modal-overlay{position:fixed;inset:0;background:rgba(2,13,36,.6);display:none;align-items:center;justify-content:center;z-index:9999;padding:20px} .qr-modal-overlay.show{display:flex} .qr-modal{background:#fff;padding:20px;border-radius:var(--radius);box-shadow:var(--shadow-lg);position:relative;max-width:90vw;max-height:90vh} .qr-modal img{width:260px;height:auto;display:block} .qr-close{position:absolute;top:-12px;right:-12px;width:32px;height:32px;border-radius:50%;border:none;background:var(--navy);color:#fff;font-size:20px;line-height:32px;cursor:pointer;display:grid;place-items:center} .foot-qr-col{display:block} .foot-qr-col img{display:block;width:100px;height:100px;border-radius:8px;background:#fff;padding:4px;border:1px solid var(--gray-200);margin:8px 0} .foot-qr-col span{font-size:12px;color:var(--gray-500);line-height:1.5;display:block;text-align:center;width:100px} .foot-qr-col h5{color:var(--navy);font-size:16px;margin-bottom:16px;font-family:var(--font-disp);letter-spacing:.5px} .foot-qr-col p.qr-desc{font-size:14px;color:var(--gray-500);margin:0 0 10px;line-height:1.5;max-width:210px} .foot-qr{display:none} .wechat-hover{position:relative;display:inline-flex;margin-top:12px} .wechat-trigger{display:inline-flex;align-items:center;gap:6px;color:var(--gray-600);font-size:14px;cursor:pointer;transition:.2s} .wechat-trigger:hover{color:var(--blue-700)} .wechat-trigger svg{width:18px;height:18px;color:var(--blue-700);flex:none} .wechat-pop{position:absolute;bottom:calc(100% + 12px);left:0;background:#fff;border:1px solid var(--gray-200);border-radius:12px;box-shadow:var(--shadow-md);padding:12px;display:none;flex-direction:column;align-items:center;gap:6px;width:150px;z-index:30} .wechat-hover:hover .wechat-pop{display:flex} .wechat-pop img{width:124px;height:124px;background:#fff;border-radius:6px} .wechat-pop span{font-size:12px;color:var(--gray-500)} .foot-bottom{border-top:1px solid var(--gray-200);padding-top:22px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;color:var(--gray-500);font-size:12.5px} .foot-bottom a{color:var(--gray-500);text-decoration:underline;text-underline-offset:3px;transition:color .2s} .foot-bottom a:hover{color:var(--blue-700)} /* ===== Reveal ===== */ .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease} .reveal.in{opacity:1;transform:none} /* ===== Responsive ===== */ @media(max-width:1100px){:root{--maxw:960px}} @media(max-width:980px){ .pillars{grid-template-columns:repeat(2,1fr)} .grid,.news,.talent-grid{grid-template-columns:repeat(2,1fr)} .logo-wall{grid-template-columns:1fr} .chain{grid-template-columns:1fr;gap:14px} .chain .arrow{transform:rotate(90deg);width:auto;padding:4px 0} .steps{grid-template-columns:repeat(2,1fr)} .stats-band{gap:30px 20px} .foot-grid{grid-template-columns:1fr} .foot-highlights{grid-template-columns:repeat(2,1fr)} .foot-brand{gap:24px} .foot-qr{align-items:flex-start} .contact-grid{grid-template-columns:1fr} .route-grid{grid-template-columns:1fr} .brand{max-width:260px} .menu > a, .menu .has-drop > a{font-size:14px;padding:0} .ind-title{font-size:18px} .ind-intro{font-size:13px} .collab-split{grid-template-columns:1fr} .collab-panel{min-height:auto} .svc-grid{grid-template-columns:repeat(2,1fr)} .svc-card.span2{grid-column:span 2} } /* 超宽屏：容器随宽度分级展开，并放大标题与节奏 */ @media(min-width:1280px){:root{--maxw:1200px}} @media(min-width:1440px){ :root{--maxw:1360px} section{padding:100px 0} .grid,.news,.pillars,.talent-grid,.logo-wall{gap:28px} .stats-band{padding:54px 56px} .hero h1{font-size:clamp(34px,3.4vw,54px)} .sec-head h2{font-size:clamp(28px,2.6vw,40px)} } @media(min-width:1680px){ :root{--maxw:1560px} .grid,.news,.pillars,.talent-grid,.logo-wall,.steps{gap:32px} .stats-band{padding:60px 64px} } @media(min-width:1920px){ :root{--maxw:1760px} .hero h1{font-size:clamp(38px,3vw,60px)} .sec-head h2{font-size:clamp(30px,2.2vw,44px)} } /* ===== Home modules refresh (2026-08-10) ===== */ .hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px} .hero-tags span{font-size:12px;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:5px 14px} .hero .lead-bold{font-size:18px;font-weight:500;color:#fff;opacity:.95;max-width:600px} .policy-guide{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:stretch} /* 政策导读头部：标题左 + 查看更多右 */ .sec-head--row{max-width:none;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;text-align:left;margin:0 0 40px} .sec-head--row .sh-more{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--blue-700);text-decoration:none;white-space:nowrap;padding-bottom:6px;transition:.2s} .sec-head--row .sh-more:hover{color:var(--cyan)} .policy-section{position:relative;background:#fff} .policy-section::before{display:none} .policy-section .wrap{position:relative;z-index:1} /* .policy-more 已弃用：政策导读不再显示查看更多按钮 */ /* ===== 政策导读：左侧大图 + 右侧列表（50/50，间距 48px） ===== */ /* 模块标题：仅本区域左对齐（不影响其他 .sec-head） */ .policy-section .sec-head{text-align:left;margin:0 0 40px} /* 左侧：16:9 大图（圆角 4px）+ 时间/标题文字块（背景 #f5f8fc，内边距 28px） */ .pg-left{position:relative;display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit} .pg-left::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--blue-700);transform:scaleX(0);transform-origin:left center;transition:transform .45s cubic-bezier(.2,.7,.3,1)} .pg-left:hover::after{transform:scaleX(1)} .pg-left .pg-media{width:100%;height:360px;border-radius:4px 4px 0 0;overflow:hidden;background:var(--bg-soft)} .pg-left .pg-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s cubic-bezier(.2,.7,.3,1)} .pg-left .pg-info{border:1px solid var(--gray-100);padding:28px;margin-top:0;border-radius:0 0 4px 4px;flex:1;min-height:0} .pg-left .pg-date{font-family:var(--font-disp);font-weight:600;font-size:14px;color:var(--gray-500);margin-bottom:12px;transition:color .3s ease} .pg-left:hover .pg-media img{transform:scale(1.05)} .pg-left:hover .pg-title{color:var(--blue-700)} /* 右侧：3 条政策，每条 [文字块 | 40px | 16:9 右图]，顶部对齐，条目间浅色分割线 */ .pg-right{display:flex;flex-direction:column} .pg-item{position:relative;display:flex;align-items:flex-start;gap:40px;padding:28px 0;text-decoration:none;color:inherit} .pg-item:first-child{padding-top:0} .pg-item:not(:last-child)::before{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--gray-100)} .pg-item:not(:last-child)::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--blue-700);transform:scaleX(0);transform-origin:left center;transition:transform .45s cubic-bezier(.2,.7,.3,1)} .pg-item:not(:last-child):hover::after{transform:scaleX(1)} .pg-item:last-child::before{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--gray-100)} .pg-item:last-child::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--blue-700);transform:scaleX(0);transform-origin:left center;transition:transform .45s cubic-bezier(.2,.7,.3,1)} .pg-item:last-child:hover::after{transform:scaleX(1)} .pg-item-body{flex:1;min-width:0} .pg-item .pg-media{width:200px;flex:none;aspect-ratio:16/9;border-radius:4px;overflow:hidden;background:var(--bg-soft)} .pg-item .pg-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s cubic-bezier(.2,.7,.3,1)} .pg-item .pg-date{font-family:var(--font-disp);font-weight:600;font-size:14px;color:var(--gray-500);margin-bottom:12px} .pg-item:hover .pg-media img{transform:scale(1.05)} .pg-item:hover .pg-title{color:var(--blue-700)} /* 标题：20px / 加粗 / 最多两行（超出 …） */ .policy-guide .pg-title{font-family:var(--font-sans);font-size:20px;font-weight:700;color:var(--navy);line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis} /* 政策导读：标题间距归零，不影响其他模块 */ .policy-section .pg-title{margin:0;padding:0} .expert-section{position:relative;overflow:hidden;background:transparent;color:#fff} .expert-section .section-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0} .expert-section .section-video-overlay{position:absolute;inset:0;background:linear-gradient(135deg, rgb(2 40 111 / 90%), rgb(14 77 164 / 50%));z-index:1;pointer-events:none} .expert-section .wrap{position:relative;z-index:2} .expert-section .sec-head h2{color:#fff} .expert-section .sec-head .kicker{color:rgba(255,255,255,.72)} .expert-board{display:flex;flex-direction:column;align-items:center;gap:26px;max-width:900px;margin:0 auto} .expert-intro{text-align:center} .expert-intro .stat-row{display:flex;gap:148px;margin-bottom:40px;justify-content:center} .expert-intro .stat{text-align:center} .expert-intro .stat b{display:block;font-family:var(--font-disp);font-size:64px;color:#fff;line-height:1} .expert-intro .stat span{font-size:13px;color:rgba(255,255,255,.72)} .expert-intro p{font-size:16px;color:rgba(255,255,255,.85);line-height:1.8;margin:0 auto 40px;max-width:680px} .expert-section .btn-primary{background:#fff;color:var(--navy);border-color:#fff} .expert-section .btn-primary:hover{background:#e6f0fb;box-shadow:0 8px 20px rgba(0,0,0,.22)} /* 最新动态：左侧标题 + 右侧三卡片（沿用全站 .wrap 容器宽度，与其他模块对齐） */ .news-panels{min-width:0} .news-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:60px;align-items:start} .news-side{position:sticky;top:100px} .news-side-ic{width:46px;height:46px;border-radius:12px;background:var(--cyan-soft);color:var(--blue-700);display:grid;place-items:center;margin-bottom:18px} .news-side-ic svg{width:24px;height:24px} .news-side .kicker{font-family:var(--font-disp);font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#64748b;font-weight:600;margin:0} .news-side h2{font-family:var(--font-disp);font-size:clamp(24px,3.2vw,34px);font-weight:700;color:var(--navy);letter-spacing:.5px;margin:10px 0 0} .news-more-bottom{text-align:center;margin-top:80px} .more-text{display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:var(--blue-700);background:none;border:none;padding:0;cursor:pointer;transition:.2s;font-family:var(--font-sans)} .more-text:hover{color:var(--blue-500);gap:12px} .news-more{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--red);transition:.2s} .news-more:hover{opacity:.8} .news-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:80px;column-gap:40px} .news-card{display:flex;flex-direction:column;gap:0;transition:.25s} .news-thumb{aspect-ratio:16/9;width:100%;border-radius:4px;overflow:hidden;margin-bottom:20px;background:var(--gray-100)} .news-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:.3s} .news-card:hover .news-thumb img{transform:scale(1.04)} .news-card:hover h4{color:var(--blue-700)} .nc-date{margin-bottom:16px;font-size:14px;font-weight:600;color:var(--gray-400);line-height:1} .news-card h4{font-size:20px;font-weight:600;color:var(--navy);line-height:1.45;margin:0 0 16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .news-card p{font-size:14px;color:var(--gray-500);line-height:1.7;margin:0 0 32px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1} .nc-more{display:inline-flex;align-self:flex-start;align-items:center;gap:6px;border:1px solid var(--gray-200);border-radius:4px;padding:8px 20px;font-size:13px;font-weight:600;color:var(--navy);background:transparent;transition:.2s} .nc-more:hover{border-color:var(--blue-500);color:var(--blue-500)} /* 通知公告：纯标题 + 时间列表（左标题 / 右时间，一行两个） */ .notice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px} .notice-item{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 2px;border-bottom:1px solid var(--gray-200);transition:.2s} .notice-item:hover{background:var(--cyan-soft)} .notice-item .t{font-size:16px;font-weight:700;color:var(--navy);line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:.2s} .notice-item:hover .t{color:var(--blue-700)} .notice-item .d{flex:none;font-size:13px;color:var(--gray-400);font-family:var(--font-disp);letter-spacing:.5px;white-space:nowrap} /* 首页底部 CTA：卡片 .home-cta-band 承载背景图 home_cta_bg.jpg（恢复修改前版本） */ .home-cta-band{background:linear-gradient(120deg, rgba(8, 35, 79, .92), rgb(14 77 164 / 0%) 60%, rgb(15 180 201 / 0%)), url(images/home_cta_bg.jpg) center / cover no-repeat} /* 仅研究方向页 CTA：移除顶部内边距，使与上方内容间距归零 */ .research-cta-sec{padding-top:0} .home-cta-band h2{color:#fff;margin-bottom:8px} .home-cta-band p{color:#dbeafe;max-width:560px} /* 新闻落地页（文章详情） */ .article-sec{background:#fff;padding:40px 0 76px} .article-head{max-width:820px;margin:0 auto 30px;text-align:left} .article-cat{display:inline-block;font-size:13px;font-weight:600;color:var(--gray-600);background:var(--gray-100);padding:5px 14px;border-radius:4px;letter-spacing:.5px} .article-head h1{font-family:var(--font-disp);font-size:clamp(26px,3.4vw,38px);font-weight:700;color:var(--navy);line-height:1.5;margin:0 0 20px;text-align:left} .article-meta{display:flex;align-items:center;justify-content:flex-start;gap:10px;font-size:14px;color:var(--gray-400);margin:0 0 20px} .article-sec .breadcrumb{color:var(--gray-500);margin-bottom:14px} .article-sec .breadcrumb a{color:var(--gray-500)} .article-sec .breadcrumb a:hover{color:var(--blue-700)} .article-sec .breadcrumb .sep{color:var(--gray-300)} .article-meta .dot{opacity:.45} .article-cover{max-width:820px;margin:0 auto 34px;aspect-ratio:16/9;border-radius:4px;overflow:hidden;background:var(--gray-100)} .article-cover img{width:100%;height:100%;object-fit:cover;display:block} .article-body{max-width:820px;margin:0 auto;font-size:16px;line-height:1.95;color:var(--gray-700)} .article-body p{margin:0 0 22px} .article-body p:last-child{margin-bottom:0} .article-foot{display:flex;justify-content:space-between;align-items:center;max-width:820px;margin:42px auto 0;padding-top:24px;border-top:1px solid var(--gray-200)} .article-foot .article-source{margin:0;padding:0;border:none} .article-source{margin-top:32px;padding-top:20px;border-top:1px dashed var(--gray-200)} .article-source a{display:inline-flex;align-items:center;gap:6px;color:var(--blue-700);font-weight:600;text-decoration:none} .article-source a:hover{color:var(--navy)} @media(max-width:1100px){ .expert-intro .stat-row{gap:80px} .expert-intro .stat b{font-size:52px} } @media(max-width:980px){ .policy-guide,.expert-board{grid-template-columns:1fr} .expert-board{gap:28px} .news-layout{grid-template-columns:1fr;gap:36px} .news-side{position:static} .news-cards{grid-template-columns:repeat(2,minmax(0,1fr))} } /* ===== About Us refresh (2026-08-11) ===== */ .lab-intro{display:grid;grid-template-columns:1fr minmax(300px,0.82fr);gap:80px;align-items:stretch} .lab-intro .kicker{font-size:13px;font-weight:600;color:#64748b;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:10px} .lab-intro .intro-h2{font-family:var(--font-disp);font-size:clamp(28px,3vw,36px);font-weight:700;color:var(--navy);line-height:1.2;margin:0 0 14px} .lab-intro .intro-subtitle{font-size:16px;color:var(--navy);font-weight:600;line-height:1.6;margin-bottom:0} .lab-intro .intro-subtitle b{color:var(--blue-700);font-weight:700} .intro-text p{font-size:15px;color:var(--gray-600);line-height:1.9;margin-bottom:16px} .intro-text p:last-child{margin-bottom:0} .intro-video{display:flex;align-items:center;min-width:0} .lab-video{width:100%;height:100%;border-radius:var(--radius-lg);background:#0a2a66;box-shadow:var(--shadow-md);display:block;object-fit:cover} /* 真实视频元素，位于 about.html .intro-video 内的