/* ENTAK 首页：视频首屏 / 新闻背景 / 合作伙伴（对齐静态站版式） */

/* 首屏视频铺满 + 压暗 */
.hero .hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;background:#05080d}
.hero::after{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(90deg,rgba(5,10,18,.62) 0%,rgba(5,10,18,.18) 42%,rgba(5,10,18,.5) 100%);
}
.hero .wrap{position:relative;z-index:3}
.hero h1{color:#fff}
.hero h1 em{color:#ff5a5f}
.hero p.sub{color:rgba(255,255,255,.86)}
.hero .side-nav a{color:rgba(255,255,255,.92);text-shadow:0 1px 6px rgba(0,0,0,.45)}
.hero .side-nav a::before{background:rgba(255,255,255,.65)}

/* 新闻区：整幅背景图 + 左侧导航 */
.news{position:relative;padding:86px 0 96px;background-color:#f6f7f9;background-position:center center;
  background-size:cover;background-repeat:no-repeat}
.news::before{content:"";position:absolute;inset:0;background:rgba(246,247,249,.72);z-index:0}
.news .wrap{position:relative;z-index:2;padding-left:150px}
.news .side-nav{position:absolute;left:46px;top:120px;transform:none;z-index:3}
.news .side-nav a{color:#5a6878;text-shadow:none}
.news .side-nav a::before{background:#5a6878}
.news-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:44px}
.news-head h2{font-size:34px;font-weight:800;letter-spacing:1px;color:#16222f}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding-left:120px}
.news-card{background:#fff;border:1px solid rgba(0,0,0,.04);border-radius:10px;overflow:hidden;
  box-shadow:0 8px 26px rgba(20,35,55,.07);transition:box-shadow .28s ease,transform .28s ease;text-decoration:none;color:inherit}
.news-card:hover{box-shadow:0 16px 36px rgba(20,35,55,.13);transform:translateY(-4px)}
.news-thumb{aspect-ratio:16/10;overflow:hidden;background:#eef1f5}
.news-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.news-body{padding:22px 24px 28px}
.news-body time{font-size:12.5px;color:#8b98a6}
.news-body h3{font-size:15px;line-height:1.65;margin-top:10px;font-weight:600;color:#222}
.news-card:hover h3{color:#c8161d}
.btn-more{background:#0a7d3f;color:#fff;padding:10px 22px;border-radius:6px;font-size:13.5px;text-decoration:none}
.btn-more:hover{background:#086330}

/* 合作伙伴 */
.partners{padding:72px 0 86px;background:#fff}
.partners h2{font-size:34px;font-weight:700;text-align:center;color:#16222f;margin:0 0 46px}
.plogo-page{display:none}
.plogo-page.is-on{display:block}
.plogo-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px 20px;max-width:1240px;margin:0 auto}
.plogo{height:86px;border:1px solid #e8eaee;border-radius:6px;background:#fff;display:flex;
  align-items:center;justify-content:center;padding:10px 14px;transition:box-shadow .25s ease,border-color .25s ease}
.plogo:hover{box-shadow:0 8px 22px rgba(20,35,55,.08);border-color:#dfe3e8}
.plogo img{max-width:100%;max-height:56px;object-fit:contain;display:block}
.pdots{display:flex;justify-content:center;gap:12px;margin-top:30px}
.pdots button{width:9px;height:9px;border-radius:50%;border:0;background:#d6dae0;cursor:pointer;padding:0;transition:background .25s ease,transform .25s ease}
.pdots button.on{background:#1c4fd8;transform:scale(1.15)}

/* 页脚二维码 */
.foot-qr{display:flex;gap:22px;align-items:flex-start;justify-content:flex-end}
.foot-qr .fq{text-align:center}
.foot-qr .fq img{width:100px;height:100px;background:#fff;padding:5px;border-radius:6px;display:block}
.foot-qr .fq span{display:block;margin-top:8px;font-size:12px;color:#9aa0a8;white-space:nowrap}
.foot-top{grid-template-columns:1.5fr 1fr 1fr 1fr 1fr auto}

@media (max-width:1200px){
  .news .wrap{padding-left:40px}
  .news .side-nav{display:none}
  .news-grid{padding-left:0;grid-template-columns:repeat(2,1fr)}
  .plogo-grid{grid-template-columns:repeat(3,1fr)}
  .foot-top{grid-template-columns:repeat(2,1fr)}
  .foot-qr{justify-content:flex-start}
}
@media (max-width:760px){
  .news-grid{grid-template-columns:1fr}
  .plogo-grid{grid-template-columns:repeat(2,1fr)}
}

/* 首屏按视频比例，避免左右裁切（视频末帧带品牌字幕） */
.hero{height:auto;aspect-ratio:16/9;max-height:900px;min-height:420px}
@media (max-width:760px){
  .hero{aspect-ratio:auto;height:560px}
}

/* ---------- 手机端页脚与合作伙伴（与静态站一致） ---------- */
@media (max-width:760px){
  .foot-top{grid-template-columns:1fr 1fr;gap:30px 18px;padding-bottom:6px}
  .foot-brand{grid-column:1/-1}
  .foot-brand .logo img{height:34px;width:auto}
  .foot-contact{font-size:13px;line-height:1.95;margin-top:10px}
  .foot-col h4{font-size:14px;margin:0 0 8px}
  .foot-col h4.sub{margin-top:18px}
  .foot-col a{display:block;font-size:13.5px;padding:6px 0}
  .foot-qr{grid-column:1/-1;justify-content:center;gap:34px;margin-top:10px}
  .foot-qr .fq img{width:108px;height:108px}
  .foot-bottom{flex-direction:column;align-items:flex-start;gap:2px;margin-top:12px;padding-top:18px;font-size:12.5px}
  .plogo-page{display:block !important}
  .plogo-page + .plogo-page{margin-top:12px}
  .plogo-grid{grid-template-columns:repeat(3,1fr);gap:12px;max-width:none}
  .plogo{height:62px;padding:6px 8px}
  .plogo img{max-height:40px}
  .pdots{display:none}
  .partners h2{font-size:24px;margin-bottom:26px}
  .partners{padding:52px 0 60px}
}

/* ---------- 开场动画 ---------- */
.intro{position:fixed;inset:0;z-index:9998;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(circle at 50% 46%, rgba(10,17,28,.55) 0%, rgba(6,10,16,.86) 72%);
  -webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);
  transition:opacity .55s ease, visibility .55s ease}
.intro.is-done{opacity:0;visibility:hidden;pointer-events:none}
.intro-inner{display:flex;flex-direction:column;align-items:center;gap:20px;transition:transform .45s ease, opacity .45s ease}
.intro.is-done .intro-inner{transform:translateY(-16px);opacity:0}
.intro-logo{width:180px;height:auto;display:block;opacity:0;transform:scale(.94);
  animation:introLogo .85s cubic-bezier(.22,.7,.2,1) .08s forwards}
.intro-line{display:block;width:0;height:2px;background:#d7000f;border-radius:2px;
  animation:introLine .75s cubic-bezier(.22,.7,.2,1) .5s forwards}
@keyframes introLogo{to{opacity:1;transform:scale(1)}}
@keyframes introLine{to{width:190px}}
.hero .side-nav{opacity:0;animation:fadeUp .9s cubic-bezier(.22,.7,.2,1) 1.15s forwards}
@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media (prefers-reduced-motion: reduce){
  .intro{display:none !important}
  .hero .side-nav{opacity:1 !important;animation:none !important}
}
@media (max-width:760px){.intro-logo{width:132px}}

/* 首屏底色改成深色，避免视频首帧前闪一下浅色 */
.hero{background:#0a111c !important}