/* 光环网 v6 · 高级浅色 · LOGO 同源配色（藏蓝 #1a2b5e / 蓝 #2b6be4 / 鎏金 #f6a609） */
:root{
  --ink:#16234a;
  --sub:#5a6a8f;
  --mut:#8b97b5;
  --line:#e5eaf5;
  --blue:#2b6be4;
  --blue-bright:#5b95ff;
  --gold:#f6a609;
  --gold-soft:#fdf3dd;
  --blue-soft:#eef4ff;
  --card-shadow:0 12px 36px rgba(22,35,74,.08);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:-apple-system,"PingFang SC","Microsoft YaHei","Segoe UI",sans-serif;
  background:#fff;color:var(--ink);
  -webkit-font-smoothing:antialiased;
}
::selection{background:var(--blue);color:#fff}
a{color:inherit;text-decoration:none}
img{display:block}
.wrap{max-width:1000px;margin:0 auto;padding:0 24px}

/* 顶部氛围光 */
.glow{position:fixed;pointer-events:none;z-index:0;border-radius:50%;filter:blur(90px)}
.glow.g1{width:560px;height:560px;top:-260px;right:-160px;background:rgba(91,149,255,.18)}
.glow.g2{width:460px;height:460px;top:30%;left:-220px;background:rgba(246,166,9,.10)}

/* 导航 */
.topnav{
  position:sticky;top:0;z-index:20;
  background:rgba(255,255,255,.82);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
}
.topnav .in{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:11px}
.brand img{height:34px;width:auto}
.brand b{font-size:18px;letter-spacing:3px;font-weight:800;color:var(--ink)}
.topnav nav{display:flex;gap:4px}
.topnav nav a{
  font-size:14px;color:var(--sub);letter-spacing:1px;
  padding:8px 14px;border-radius:10px;transition:.2s;
}
.topnav nav a:hover{color:var(--blue);background:var(--blue-soft)}
.topnav nav a.on{color:var(--blue);background:var(--blue-soft);font-weight:600}
.topnav nav a.enter{
  background:linear-gradient(135deg,var(--blue-bright),var(--blue));
  color:#fff;font-weight:700;
}
.topnav nav a.enter:hover{
  color:#fff;background:linear-gradient(135deg,var(--blue),var(--blue-bright));
}

/* Hero */
.hero{position:relative;z-index:1;text-align:center;padding:64px 0 50px}
.hero .logo-big{width:min(440px,78vw);margin:0 auto;filter:drop-shadow(0 24px 50px rgba(43,107,228,.18))}
.hero .slogan{
  margin-top:26px;font-size:14px;letter-spacing:.6em;text-indent:.6em;
  color:var(--ink);font-weight:600;
}
.hero .slogan i{font-style:normal;color:var(--gold);margin:0 .2em}
.hero .intro{
  margin:22px auto 0;max-width:36em;
  color:var(--sub);font-size:15.5px;line-height:2.1;
}
.hero .intro b{color:var(--blue);font-weight:700}
.hero .cta{margin-top:32px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.btn{
  display:inline-flex;align-items:center;gap:8px;height:52px;padding:0 32px;
  border-radius:14px;font-size:15.5px;font-weight:700;letter-spacing:1px;
  transition:transform .15s ease,box-shadow .15s ease;
}
.btn:active{transform:scale(.97)}
.btn-blue{
  background:linear-gradient(135deg,var(--blue-bright),var(--blue));color:#fff;
  box-shadow:0 12px 28px rgba(43,107,228,.35);
}
.btn-blue:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(43,107,228,.45)}
.btn-gold{
  background:linear-gradient(135deg,#ffc94d,var(--gold));color:#5b3d00;
  box-shadow:0 12px 28px rgba(246,166,9,.3);
}
.btn-gold:hover{transform:translateY(-2px)}
.btn-ghost{background:#fff;color:var(--ink);border:1.5px solid var(--line)}
.btn-ghost:hover{border-color:var(--blue);color:var(--blue)}

/* 区块 */
.sec{position:relative;z-index:1;padding:34px 0}
.sec-alt{background:linear-gradient(180deg,#f8faff 0%,#fff 100%)}
.sec-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:20px}
.sec-head h2{font-size:21px;font-weight:800;letter-spacing:2px}
.sec-head h2 em{font-style:normal;color:var(--gold);margin-right:2px}
.sec-head a{font-size:13.5px;color:var(--sub)}
.sec-head a:hover{color:var(--blue)}

/* 站点卡 */
.entries{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.site-card{
  position:relative;overflow:hidden;
  background:#fff;border:1px solid var(--line);border-radius:18px;
  padding:24px;display:flex;gap:18px;align-items:flex-start;
  box-shadow:var(--card-shadow);transition:.22s;
}
.site-card::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:4px;
  background:linear-gradient(180deg,var(--blue-bright),var(--blue));
  opacity:0;transition:.22s;
}
.site-card:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(43,107,228,.14)}
.site-card:hover::before{opacity:1}
.site-card.gold::before{background:linear-gradient(180deg,#ffd257,var(--gold))}
.site-card .ico{
  width:50px;height:50px;border-radius:14px;flex:none;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--blue-soft),#fff);
  border:1px solid var(--line);
}
.site-card.gold .ico{background:linear-gradient(135deg,var(--gold-soft),#fff)}
.site-card .ico svg{width:24px;height:24px;stroke:var(--blue);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.site-card.gold .ico svg{stroke:var(--gold)}
.site-card h3{font-size:17px;font-weight:800;letter-spacing:1px}
.site-card p{margin-top:7px;font-size:13.5px;color:var(--sub);line-height:1.85}
.site-card .domain{
  display:inline-block;margin-top:10px;font-size:11.5px;letter-spacing:.5px;
  color:var(--blue);background:var(--blue-soft);border-radius:999px;padding:3px 12px;font-weight:600;
}
.site-card.gold .domain{color:#b07708;background:var(--gold-soft)}

/* 动态卡片流 */
.news-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.news-card{
  position:relative;display:flex;flex-direction:column;gap:10px;
  background:#fff;border:1px solid var(--line);border-radius:18px;
  padding:24px;box-shadow:var(--card-shadow);transition:.22s;overflow:hidden;
}
.news-card::after{
  content:"→";position:absolute;right:22px;top:22px;
  color:var(--mut);font-size:16px;transition:.22s;
}
.news-card:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(43,107,228,.14);border-color:rgba(43,107,228,.35)}
.news-card:hover::after{color:var(--blue);transform:translateX(4px)}
.news-card .meta{display:flex;align-items:center;gap:10px;padding-right:26px}
.chip{
  font-size:11.5px;letter-spacing:1px;font-weight:700;
  color:var(--blue);background:var(--blue-soft);
  border-radius:999px;padding:3px 12px;
}
.chip.gold{color:#b07708;background:var(--gold-soft)}
.news-card .date{font-size:12px;color:var(--mut);letter-spacing:.5px}
.news-card h3{
  font-size:17px;font-weight:700;line-height:1.65;letter-spacing:.2px;
  color:var(--ink);transition:.2s;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.news-card:hover h3{color:var(--blue)}
.news-card .sum{
  font-size:13.5px;color:var(--sub);line-height:1.9;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.news-card .foot{margin-top:auto;display:flex;align-items:center;gap:9px;padding-top:10px;border-top:1px dashed var(--line)}
.news-card .foot img{width:24px;height:24px;border-radius:50%;object-fit:cover;border:1px solid var(--line)}
.news-card .foot .nick{font-size:12.5px;color:var(--sub);font-weight:600}
.news-card .foot .nums{margin-left:auto;font-size:12px;color:var(--mut)}
.news-card .foot .nums i{font-style:normal;margin-left:12px}
.state{grid-column:1/-1;text-align:center;color:var(--mut);font-size:13.5px;padding:40px 0;letter-spacing:1px}

/* 时间线 */
.tl{position:relative;padding-left:30px}
.tl::before{content:"";position:absolute;left:9px;top:6px;bottom:6px;width:2px;background:linear-gradient(180deg,var(--gold),rgba(246,166,9,.08))}
.tl-item{position:relative;padding:0 0 28px 24px}
.tl-item:last-child{padding-bottom:0}
.tl-item::before{
  content:"";position:absolute;left:-27px;top:7px;width:12px;height:12px;border-radius:50%;
  background:#fff;border:3px solid var(--gold);box-shadow:0 0 0 4px rgba(246,166,9,.12);
}
.tl-y{font-size:21px;font-weight:900;color:var(--blue);letter-spacing:1px}
.tl-t{margin-top:6px;font-size:14px;color:var(--sub);line-height:2}
.tl-t b{color:var(--ink);font-weight:700}
.about-cols{display:grid;grid-template-columns:1.05fr 1fr;gap:26px;align-items:start}
.panel{
  background:#fff;border:1px solid var(--line);border-radius:20px;
  padding:30px;box-shadow:var(--card-shadow);
}
.panel h3{font-size:18px;font-weight:800;letter-spacing:1px}
.panel p{margin-top:12px;font-size:14.5px;color:var(--sub);line-height:2.1}
.panel b{color:var(--blue);font-weight:700}
.brands{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px}
.brands span{
  font-size:12.5px;letter-spacing:1px;color:var(--blue);font-weight:600;
  background:var(--blue-soft);border-radius:999px;padding:6px 16px;
}

/* 页脚 */
footer{border-top:1px solid var(--line);margin-top:56px;background:linear-gradient(180deg,#fff,#f6f9ff)}
footer .in{
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;
  padding:26px 0 40px;font-size:12.5px;color:var(--mut);letter-spacing:1px;
}
footer a{color:var(--sub)}
footer a:hover{color:var(--blue)}

@media (max-width:760px){
  .entries,.news-grid,.about-cols{grid-template-columns:1fr}
  .news-card::after{display:none}
  .topnav nav a{padding:7px 9px}
  .brand b{display:none}
}