/* 闪流科技门户首页 */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap');

:root {
  --text: #fff;
  --muted: #6b7280;
  --faint: #3f4650;
  --line: #1c1c1c;
  --accent: #38bdf8;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI',
               'PingFang SC', 'Microsoft YaHei', Roboto, sans-serif;
  background: #000;
  color: var(--text);
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
  display: flex;
  flex-direction: column;
}

.wrap {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 72px 24px 40px;
  background:
    radial-gradient(900px 460px at 50% -12%, rgba(56, 189, 248, 0.10), transparent 62%);
}

/* ---------- 品牌区 ---------- */
.hero { text-align: center; margin-bottom: 54px; }

.brandmark {
  display: inline-grid; place-items: center;
  width: 50px; height: 50px; margin-bottom: 22px;
  border-radius: 13px; color: var(--accent);
  background: rgba(56, 189, 248, 0.08);
  border: 1px solid rgba(56, 189, 248, 0.22);
}
.brandmark svg { width: 30px; height: 30px; }

h1 {
  font-size: clamp(2.6rem, 8vw, 4.6rem);
  font-weight: 700;
  letter-spacing: -0.035em;
  line-height: 1.05;
  background: linear-gradient(135deg, #fff 0%, #8b8b8b 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.en-name {
  font-size: clamp(0.82rem, 2vw, 1rem);
  color: #555;
  font-weight: 400;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  margin-top: 10px;
}

.slogan {
  font-size: clamp(0.95rem, 2.4vw, 1.25rem);
  color: #666;
  font-weight: 300;
  letter-spacing: 0.14em;
  margin-top: 18px;
}

/* ---------- 入口卡 ---------- */
.links {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(268px, 1fr));
  gap: 16px;
  width: 100%;
  max-width: 940px;
}

.link-card {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 20px 20px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: linear-gradient(180deg, #0a0a0a 0%, #050505 100%);
  color: var(--text);
  text-decoration: none;
  transition: border-color .2s, transform .2s, background .2s;
}
.link-card:hover {
  border-color: rgba(56, 189, 248, 0.42);
  background: linear-gradient(180deg, #0d1117 0%, #07090c 100%);
  transform: translateY(-2px);
}

.lc-icon {
  flex: none;
  display: grid; place-items: center;
  width: 40px; height: 40px;
  border-radius: 10px;
  color: var(--accent);
  background: rgba(56, 189, 248, 0.08);
  border: 1px solid rgba(56, 189, 248, 0.18);
}
.lc-icon svg {
  width: 21px; height: 21px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.lc-body { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.lc-body b { font-size: 15px; font-weight: 600; letter-spacing: -0.01em; }
.lc-body small { font-size: 12px; color: var(--muted); line-height: 1.45; }

.lc-arrow {
  flex: none;
  margin-left: auto;
  color: var(--faint);
  font-size: 17px;
  transition: color .2s, transform .2s;
}
.link-card:hover .lc-arrow { color: var(--accent); transform: translateX(3px); }

/* ---------- 页脚 ---------- */
.foot {
  text-align: center;
  padding: 26px;
  color: #444;
  border-top: 1px solid #161616;
  font-size: 12.5px;
}

@media (max-width: 640px) {
  .wrap { padding: 52px 16px 30px; }
  .links { grid-template-columns: 1fr; }
}