:root{
  --bg:#0a0b10;
  --bg2:#0f1118;
  --panel:rgba(255,255,255,.04);
  --panel2:rgba(255,255,255,.06);
  --line:rgba(255,255,255,.10);
  --text:#e8ebf5;
  --muted:rgba(232,235,245,.72);
  --brand:#0f2d9b;
  --brand2:#1a46d9;
  --radius:18px;
  --w:1180px;
}

*{box-sizing:border-box}
html,body{
  margin:0;
  padding:0;
  background:var(--bg);
  color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  line-height:1.6;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.w{width:min(100% - 36px,var(--w));margin:0 auto}

/* ===== 导航 ===== */

.nv{
  border-bottom:1px solid var(--line);
}

.nv-bd{
  width:100%;
  max-width:none;
  margin:0;
  padding-left:clamp(18px,4vw,64px);
  padding-right:clamp(18px,4vw,64px);
}

.nv-logo img{
  width:40px;
  height:40px;
  border-radius:10px;
}

.nv-links{
  margin-left:18px;
}

.nv-right{
  margin-left:auto;
}

.nv-link.is-active::after{
  content:none !important;
  display:none !important;
}

@media (max-width:960px){
  .nv-bd{
    padding-left:18px;
    padding-right:18px;
  }
}

/* ===== 首屏 ===== */
.hr{
  position:relative;
  min-height:calc(100vh - 72px);
  display:flex;
  align-items:center;
  overflow:hidden;
  background:#05060a;
}
.hr-bg{
  position:absolute;
  inset:0;
  background-image:url("https://cdn.wirtron.cn/images/wirtron-a_2000x1125.png");
  background-size:cover;
  background-position:right center;
  background-repeat:no-repeat;
  opacity:1;
}
.hr::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    90deg,
    rgba(6,7,12,.96) 0%,
    rgba(6,7,12,.86) 46%,
    rgba(6,7,12,.16) 70%,
    transparent 100%
  );
}
.hr-inner{position:relative;z-index:2;padding:96px 0 80px}
.hr-text{max-width:560px;transform:translateY(-28px)}
.hr-title{font-size:44px;line-height:1.2;margin:0 0 6px;font-weight:800}
.hr-sub{font-size:26px;margin:0 0 22px;font-weight:700}
.hr-desc{font-size:15.5px;color:var(--muted);max-width:520px}
.hr-ct{margin-top:26px}

/* 按钮 */
.bt{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 20px;
  border-radius:999px;
  font-weight:700;
  font-size:15px;
  border:1px solid rgba(255,255,255,.14);
  transition:.18s ease;
}
.bt-main{
  background:var(--brand);
  box-shadow:0 10px 30px rgba(15,45,155,.38);
}
.bt-main:hover{
  background:var(--brand2);
  transform:translateY(-1px);
}
.bt-ghost{
  background:rgba(255,255,255,.06);
}
.bt-ghost:hover{
  background:rgba(255,255,255,.1);
}

/* ===== 内容区 ===== */
.sc{padding:70px 0;background:var(--bg)}
.h2{font-size:22px;margin:0 0 18px;font-weight:800;letter-spacing:.5px}
.gr{display:grid;gap:18px}
.ly{grid-template-columns:repeat(4,1fr)}
.gi{grid-template-columns:1.2fr .8fr;align-items:start}

.cd{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:18px 18px 16px;
  box-shadow:0 12px 34px rgba(0,0,0,.4);
}
.tg{
  display:inline-block;
  font-size:12px;
  color:#9cc8ff;
  background:rgba(15,45,155,.18);
  border:1px solid rgba(15,45,155,.45);
  padding:4px 8px;
  border-radius:999px;
  margin-bottom:10px;
}
.tt{font-size:17px;font-weight:700;margin-bottom:8px}
.ds{font-size:14px;color:var(--muted);margin:0}

.st{
  background:var(--panel2);
  border:1px dashed var(--line);
  border-radius:var(--radius);
  min-height:340px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.img-ph{
  color:rgba(255,255,255,.55);
  font-size:13px;
  letter-spacing:.6px;
  padding:10px 12px;
  border-radius:10px;
  background:rgba(0,0,0,.35);
}

.news-ph{
  background:var(--panel);
  border:1px dashed var(--line);
  border-radius:var(--radius);
  padding:24px;
  color:var(--muted);
  text-align:center;
}

.more{
  padding:56px 0;
  background:var(--bg2);
  border-top:1px solid var(--line);
}
.more-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.hint{color:var(--muted);font-size:14px}

/* ===== 页脚 ===== */
.ft{
  padding:36px 0;
  background:#05060a;
  border-top:1px solid var(--line);
}
.ft-inner{
  display:flex;
  flex-direction:column;
  gap:6px;
  font-size:13px;
  color:var(--muted);
}
.ft-line{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  align-items:center;
}
.ft-tags{opacity:.9}
.ft-links a{color:#cfe3ff}
.ft-links a:hover{text-decoration:underline}
.ft-icp{color:rgba(232,235,245,.9)}

/* ===== 响应式 ===== */
@media (max-width:980px){
  .ly{grid-template-columns:repeat(2,1fr)}
  .gi{grid-template-columns:1fr}
  .hr-title{font-size:36px}
  .hr-sub{font-size:22px}
}

@media (max-width:720px){
  .hr-inner{padding:80px 0 64px}
  .hr-text{transform:translateY(-18px)}
}

@media (max-width:480px){
  .ly{grid-template-columns:1fr}
  .hr-title{font-size:30px}
  .hr-sub{font-size:20px}
}