/* ============================================================
   俄罗斯服务器专题样式（special/ru/style.css）
   仅 https://ru.xinkuyun.com/ 使用；随 special/ru 目录一起存在，
   删除专题目录即自动移除，不会影响主站。
   缓存：index.php 以 filemtime 作为版本号，改动即自动失效，无需手动清缓存。
   ============================================================ */

/* ---------- 栏目标题统一：节点概况 / 推荐商家 / 常见问题用同一套标题与分割线 ----------
   全局 .solution-scenarios .section__title 自带 1.2rem !important 和标题下边框，
   会让「节点概况」与其它栏目不一致且多出一条线，这里统一覆盖 */
.section__head {
  margin-bottom: var(--s-5);
  padding-bottom: var(--s-3);
  border-bottom: 1px solid var(--brand-line-soft);
}

.section__title,
.solution-scenarios .section__title {
  font-size: 18px !important;
  line-height: var(--lh-tight);
  border-bottom: none !important;
  width: auto;
}

@media (max-width: 768px) {
  .section__title,
  .solution-scenarios .section__title {
    font-size: 20px !important;
  }
}

/* ---------- 块状区域统一直角（不做圆角卡片） ---------- */
.scenario-card,
.ru-plans,
.ru-faq details,
.solution-group__title,
.solution-note {
  border-radius: 0;
}

/* ---------- 商家信息清单 ---------- */
.ru-specs {
  margin: 0 0 var(--s-4);
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 24px;
}

.ru-specs li {
  position: relative;
  padding-left: 16px;
  font-size: 14px;
  line-height: 2.5rem !important;
  line-height: var(--lh-meta);
  color: var(--brand-ink-2);
}

.ru-specs li::before {
  content: "";
  position: absolute;
  left: 0;
  /* 行高 2.5rem：圆点对齐首行文字垂直中心（40px/2 - 3px） */
  top: calc(1.25rem - 3px);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--brand-brand);
  opacity: .55;
}

.ru-specs li strong {
  color: var(--brand-ink);
  font-weight: var(--fw-medium, 600);
}

/* ---------- JustG 套餐表 ---------- */
.ru-plans {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  background: var(--brand-surface);
  border: 1px solid var(--brand-line);
  overflow: hidden;
}

.ru-plans th,
.ru-plans td {
  padding: 10px 14px;
  border-bottom: 1px solid var(--brand-line);
  text-align: left;
  white-space: nowrap;
}

.ru-plans th {
  font-size: 12px;
  font-weight: var(--fw-medium);
  color: var(--brand-ink-3);
  background: var(--brand-bg);
}

.ru-plans tr:last-child td {
  border-bottom: none;
}

.ru-plans .price {
  color: var(--brand-brand);
  font-weight: var(--fw-strong);
}

.ru-plans__view {
  color: var(--brand-brand);
  font-weight: var(--fw-medium);
  text-decoration: none;
  white-space: nowrap;
}

.ru-plans__view:hover {
  text-decoration: underline;
}

/* ---------- 推荐商家：「进入官网」按钮与描述文字垂直居中（标题不参与） ---------- */
.solution-group__head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas:
    "title ."
    "desc  btn";
  column-gap: 16px;
  align-items: center;
}

.solution-group__head .solution-group__title {
  grid-area: title;
}

.solution-group__head .solution-group__desc {
  grid-area: desc;
}

.solution-group__head .btn {
  grid-area: btn;
  flex-shrink: 0;
}

@media (max-width: 640px) {
  .solution-group__head {
    grid-template-columns: 1fr;
    grid-template-areas:
      "title"
      "desc"
      "btn";
  }

  .solution-group__head .btn {
    justify-self: start;
    margin-top: 12px;
  }
}

/* ---------- 常见问题 ---------- */
.ru-faq details {

  background: var(--brand-surface);
  padding: 14px 0;
  margin-bottom: 10px;
}

.ru-faq summary {
  cursor: pointer;
  font-weight: var(--fw-medium);
  font-size: 14px;
  color: var(--brand-ink);
}

.ru-faq details p {
  margin: 10px 0 0;
  font-size: 13px;
  line-height: var(--lh-base);
  color: var(--brand-ink-2);
}

/* ---------- 免责声明 ---------- */
.ru-disclaimer {
  margin: var(--s-5) 0 0;
  font-size: 12px;
  line-height: var(--lh-meta);
  color: var(--brand-ink-3);
}

/* ---------- Hero 更新时间 ---------- */
.solution-hero__content_time {
  text-align: right;
  font-size: 12px;
  padding-right: 2rem;
  color: var(--brand-ink-3);
}

/* ---------- 整页连续背景（核心） ----------
   光晕不再按栏目分段绘制，而是全部画在 main 这一块完整画布上，
   各栏目背景一律透明——从 Hero 到页脚不存在任何背景交界，彻底杜绝断层。
   光晕纵向位置按整页高度的百分比大致落在各栏目外侧，属氛围装饰。 */
.solution-hero,
.solution-scenarios,
#ru-providers,
.ru-faq-section {
  background: transparent;
}

main#main {
  background:
    radial-gradient(900px 480px at 86% -2%, var(--brand-brand-light), transparent 66%),
    radial-gradient(640px 360px at -6% 16%, rgba(255, 149, 0, .08), transparent 70%),
    radial-gradient(700px 360px at 104% 46%, rgba(255, 149, 0, .06), transparent 70%),
    radial-gradient(560px 300px at -4% 74%, rgba(255, 184, 77, .07), transparent 70%),
    radial-gradient(760px 380px at 50% 97%, rgba(255, 149, 0, .08), transparent 75%),
    var(--brand-surface);
}

/* 页脚融入整页背景（不再另起一块颜色，光晕可以自然延伸到底） */
.footer {
  background: transparent;
}