:root {
  --ink: #eaf5f2;
  --muted: #8ca6a2;
  --line: #284341;
  --accent: #4fd1c5;
  --bg: #0b1518;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background:
    radial-gradient(60% 45% at 80% 0%, rgba(79,209,197,.09), transparent 60%),
    radial-gradient(40% 30% at 0% 30%, rgba(70,100,130,.12), transparent 65%),
    var(--bg);
  color: var(--ink);
  font-family: "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
}
a { color: inherit; text-decoration: none; }
.test-top {
  display: flex; align-items: center; justify-content: space-between;
  max-width: 1200px; margin: 0 auto; padding: 25px 32px;
  border-bottom: 1px solid rgba(40,67,65,.7);
}
.test-brand { font-size: 13px; font-weight: 800; letter-spacing: .16em; }
.test-brand span { color: var(--muted); font-weight: 500; letter-spacing: .04em; }
.test-nav { display: flex; gap: 24px; color: var(--muted); font-size: 12px; }
.test-nav a:hover { color: var(--accent); }
.test-main { max-width: 1200px; margin: 0 auto; padding: 0 32px 80px; }
.test-eyebrow { margin: 0 0 18px; color: var(--accent); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 10px; letter-spacing: .18em; }
.test-main h1 { margin: 0; max-width: 900px; font-family: Georgia, "Songti SC", serif; font-size: clamp(40px, 6vw, 76px); line-height: 1.05; font-weight: 500; letter-spacing: -.03em; }
.test-main h1 em { color: var(--accent); font-style: normal; }
.test-lede { max-width: 720px; margin: 26px 0 0; color: #b6c9c5; font-size: 14px; line-height: 1.8; }
.test-panel { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 54px; }
.test-panel > div { min-height: 170px; border: 1px solid var(--line); border-radius: 14px; background: linear-gradient(155deg, #14262a, #101c21); padding: 19px; }
.test-label { color: var(--muted); font-family: ui-monospace, monospace; font-size: 9px; letter-spacing: .14em; }
.test-panel strong { display: block; margin-top: 34px; font-size: 16px; font-weight: 600; }
.test-panel p { margin: 10px 0 0; color: var(--muted); font-size: 12px; line-height: 1.65; }
.test-link { display: inline-block; margin-top: 14px; color: var(--accent); font-size: 11px; }
.test-note { margin-top: 58px; padding-top: 24px; border-top: 1px solid var(--line); max-width: 720px; }
.test-note p:last-child { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.8; }
.test-foot { display: flex; justify-content: space-between; gap: 20px; max-width: 1200px; margin: 0 auto; padding: 16px 32px 26px; color: #627b78; font-size: 10px; border-top: 1px solid rgba(40,67,65,.55); }
@media (max-width: 800px) {
  .test-top { padding: 20px; }
  .test-main { padding: 0 20px 70px; }
  .test-main h1 { font-size: 42px; }
  .test-panel { grid-template-columns: 1fr; margin-top: 34px; }
  .test-panel > div { min-height: 140px; }
  .test-foot { padding: 14px 20px 22px; flex-direction: column; }
}