body {
  margin: 0;
  background: #0b1220;
  color: #e8e6dc;
  font-family: "Georgia", "Times New Roman", "Noto Serif SC", "Songti SC", serif;
  font-size: 16px;
  line-height: 1.8;
}

.stick {
  position: sticky;
  top: 0;
  z-index: 5;
  background: #070d18;
  border-bottom: 1px solid #3f2f0f;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 32px;
  height: 60px;
}
.sign {
  color: #c9a227;
  text-decoration: none;
  font-size: 22px;
  letter-spacing: 0.16em;
  font-weight: 700;
}
.links { display: flex; gap: 26px; }
.links a { color: #c9c4b3; text-decoration: none; font-size: 14px; letter-spacing: 0.06em; }
.links a.cur { color: #c9a227; border-bottom: 1px solid #c9a227; padding-bottom: 2px; }

.dark-hero {
  padding: 72px 32px 48px;
  max-width: 960px;
  margin: 0 auto;
}
.dark-hero h1 {
  font-size: 36px;
  line-height: 1.3;
  margin: 0 0 18px;
  color: #f6f1de;
}
.gold-rule { width: 72px; height: 2px; background: #c9a227; margin: 0 0 22px; border: 0; }
.dark-hero p { color: #b7b29f; margin: 0 0 26px; }
.gold-btn, .ghost-btn {
  display: inline-block;
  padding: 12px 24px;
  text-decoration: none;
  margin-right: 10px;
  margin-bottom: 8px;
}
.gold-btn { background: #c9a227; color: #1a1403; font-weight: 700; }
.ghost-btn { color: #c9a227; border: 1px solid #c9a227; }

.lane { max-width: 1180px; margin: 0 auto; padding: 8px 32px 40px; }
.lane h2 { color: #c9a227; font-size: 24px; margin: 36px 0 16px; font-weight: 600; }
.versus {
  width: 100%;
  border-collapse: collapse;
}
.versus th, .versus td {
  border: 1px solid #3f2f0f;
  padding: 12px 14px;
  text-align: left;
  vertical-align: top;
}
.versus th { background: #16110a; color: #c9a227; font-weight: 600; }
.versus td { background: #10182a; }
.pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}
.pair article {
  border: 1px solid #3f2f0f;
  padding: 20px 22px;
  background: #10182a;
}
.pair h3 { margin: 0 0 10px; color: #f6f1de; font-size: 18px; }
.pair p { margin: 0; color: #b7b29f; }

.ask { border-top: 1px solid #3f2f0f; padding: 16px 0; }
.ask h3 { margin: 0 0 8px; font-size: 17px; color: #f6f1de; }
.ask p { margin: 0; color: #b7b29f; }

.bottom {
  border-top: 1px solid #3f2f0f;
  padding: 28px 32px 36px;
  color: #8c8774;
  font-size: 13px;
  font-family: "Segoe UI", "Microsoft YaHei", sans-serif;
}
.bottom a { color: #c9a227; }
.pass { color: #b7e4c7; }

@media (max-width: 800px) {
  .pair { grid-template-columns: 1fr; }
  .stick { padding: 0 16px; }
  .dark-hero, .lane { padding-left: 16px; padding-right: 16px; }
}