/* ===== 灵镜测算 neon 主题扩展样式 ===== */



/* ============================================================
   测算结果页 · 多样化精美排版
   ============================================================ */

/* ---------- 等级配色 ---------- */
.lv-top { color: #f5c34d; }
.lv-good { color: #4ade80; }
.lv-mid { color: #22d3ee; }
.lv-low { color: #94a3b8; }

/* ---------- 结果头：等级徽章 ---------- */
.rh-badge {
  margin-left: auto; flex-shrink: 0; font-size: 13px; font-weight: 800;
  padding: 6px 14px; border-radius: 999px; letter-spacing: .08em;
  background: rgba(255,255,255,.06); border: 1px solid currentColor;
  text-shadow: 0 0 12px rgba(255,255,255,.2);
}

/* ---------- 动态评分环 ---------- */
.score-ring {
  position: relative; width: 88px; height: 88px; border-radius: 50%;
  background: conic-gradient(var(--ring, #a855f7) calc(var(--p, 60%)), rgba(255,255,255,.07) 0);
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 0 24px color-mix(in srgb, var(--ring, #a855f7) 45%, transparent);
}
.score-ring::before {
  content: ""; position: absolute; inset: 7px; border-radius: 50%;
  background: linear-gradient(160deg, rgba(32,20,68,.98), rgba(21,13,43,.98));
  box-shadow: inset 0 0 12px rgba(0,0,0,.45);
}
.sr-inner { position: relative; z-index: 1; text-align: center; }
.sr-inner b { font-size: 24px; line-height: 1; display: block; color: var(--ring, #fff); text-shadow: 0 0 10px color-mix(in srgb, var(--ring) 60%, transparent); }
.sr-inner span { font-size: 10.5px; color: #e7dcff; margin-top: 3px; display: block; }
.ss-text h3 em { font-style: normal; font-weight: 800; }

/* ---------- 区块通用：编号 + 类型强调 ---------- */
.rs-num {
  width: 24px; height: 24px; flex-shrink: 0; border-radius: 8px;
  display: flex; align-items: center; justify-content: center;
  font-size: 11px; font-weight: 800; letter-spacing: .02em;
  background: var(--c-primary-soft); border: 1px solid var(--c-border-2); color: #c4b5fd;
}
.result-section { overflow: hidden; }
.result-section .rs-head { position: relative; }
.result-section .rs-head::after {
  content: ""; position: absolute; left: 14px; right: 14px; bottom: 0; height: 1px;
  background: linear-gradient(90deg, rgba(139,92,246,.5), rgba(139,92,246,.05));
}
.rs-score.chip {
  font-size: 11px; font-weight: 800; padding: 3px 10px; border-radius: 999px;
  background: rgba(255,255,255,.05); border: 1px solid currentColor;
}
.rs-type-bazi .rs-icon, .rs-type-bazi .rs-num { background: rgba(139,92,246,.16); color: #c4b5fd; }
.rs-type-bars .rs-icon, .rs-type-bars .rs-num { background: rgba(34,211,238,.14); color: #67e8f9; }
.rs-type-gauge .rs-icon, .rs-type-gauge .rs-num { background: rgba(245,195,77,.14); color: #f5c34d; }
.rs-type-timeline .rs-icon, .rs-type-timeline .rs-num { background: rgba(74,222,128,.14); color: #4ade80; }
.rs-type-trend .rs-icon, .rs-type-trend .rs-num { background: rgba(251,146,60,.14); color: #fb923c; }
.rs-type-tarot .rs-icon, .rs-type-tarot .rs-num { background: rgba(232,121,249,.14); color: #e879f9; }
.rs-type-grid .rs-icon, .rs-type-grid .rs-num { background: rgba(96,165,250,.14); color: #60a5fa; }
.rs-type-zw .rs-icon, .rs-type-zw .rs-num { background: rgba(167,139,250,.16); color: #a78bfa; }
.rs-type-table .rs-icon, .rs-type-table .rs-num { background: rgba(148,163,184,.14); color: #cbd5e1; }
.rs-type-duo .rs-icon, .rs-type-duo .rs-num { background: rgba(74,222,128,.14); color: #4ade80; }

/* ---------- 八字四柱宫格（暗夜霓虹） ---------- */
.bazi-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin: 10px 0 14px; }
.bazi-col {
  border: 1px solid var(--c-border-2); border-radius: 14px; text-align: center; padding: 12px 4px;
  background: linear-gradient(170deg, rgba(139,92,246,.12), rgba(255,255,255,.02));
  box-shadow: inset 0 0 18px rgba(139,92,246,.06);
}
.bz-label { font-size: 11.5px; color: var(--c-muted); letter-spacing: .1em; margin-bottom: 6px; }
.bz-gan { font-size: 23px; font-weight: 800; color: #c4b5fd; text-shadow: 0 0 12px rgba(139,92,246,.5); }
.bz-zhi { font-size: 23px; font-weight: 800; color: #f5c34d; text-shadow: 0 0 12px rgba(245,195,77,.35); }
.bz-shishen { font-size: 11px; color: #8b83ab; margin-top: 5px; }
.bz-nayin { font-size: 11px; color: #7dd3fc; margin-top: 2px; }

/* ---------- 五行强弱进度条 ---------- */
.wx-bars { display: flex; flex-direction: column; gap: 9px; margin: 10px 0; }
.wx-row { display: flex; align-items: center; gap: 10px; }
.wx-name { width: 26px; font-weight: 800; text-align: center; }
.wx-木 { color: #34d399; } .wx-火 { color: #f87171; } .wx-土 { color: #fbbf24; } .wx-金 { color: #e5c97b; } .wx-水 { color: #60a5fa; }
.wx-track { flex: 1; height: 11px; background: rgba(255,255,255,.07); border-radius: 999px; overflow: hidden; }
.wx-fill { height: 100%; border-radius: 999px; background: linear-gradient(90deg, #7c3aed, #a855f7, #e879f9); box-shadow: 0 0 10px rgba(168,85,247,.5); }
.wx-pct { width: 46px; text-align: right; font-size: 12.5px; color: var(--c-muted); font-weight: 700; }

/* ---------- 幸运信息 / 统计格 ---------- */
.lucky-grid, .stat-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin: 10px 0; }
.lucky-item, .stat-cell {
  background: rgba(255,255,255,.045); border: 1px solid rgba(255,255,255,.06);
  border-radius: 12px; text-align: center; padding: 12px 6px;
}
.lucky-item span, .stat-cell span { display: block; font-size: 11.5px; color: var(--c-muted); margin-bottom: 5px; }
.lucky-item b, .stat-cell b { color: #c4b5fd; font-size: 13.5px; }
@media (max-width: 560px) { .lucky-grid, .stat-grid { grid-template-columns: repeat(2, 1fr); } }

/* ---------- 塔罗牌阵 ---------- */
.tarot-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin: 10px 0; }
.tarot-card {
  background: linear-gradient(165deg, #4c1d95, #7c3aed 55%, #a855f7);
  color: #fff; border-radius: 14px; text-align: center; padding: 16px 8px;
  border: 1px solid rgba(232,121,249,.4); box-shadow: 0 8px 20px rgba(124,58,237,.3);
}
.tc-name { font-weight: 800; font-size: 14.5px; text-shadow: 0 0 10px rgba(255,255,255,.3); }
.tc-pos { font-size: 11.5px; opacity: .9; margin-top: 5px; color: #f5d0fe; }
.tc-arc { font-size: 11px; opacity: .75; margin-top: 2px; }
@media (max-width: 560px) { .tarot-cards { grid-template-columns: repeat(2, 1fr); } }

/* ---------- 紫微命盘 ---------- */
.zw-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin: 10px 0; }
.zw-cell {
  background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.07);
  border-radius: 12px; padding: 9px 6px; text-align: center;
}
.zw-cell.is-ming { background: rgba(139,92,246,.18); border-color: rgba(196,181,253,.45); }
.zw-cell.is-shen { border-color: rgba(245,195,77,.4); }
.zw-name { font-size: 12px; font-weight: 800; color: #e9e2ff; }
.zw-branch { font-size: 10.5px; color: var(--c-muted); margin: 2px 0; }
.zw-stars { font-size: 10.5px; color: #c4b5fd; line-height: 1.5; }
.zw-stars em { color: #f5c34d; font-style: normal; }
@media (max-width: 560px) { .zw-grid { grid-template-columns: repeat(3, 1fr); } }

/* ---------- 双人命盘 ---------- */
.duo { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 10px 0; }
.duo .bazi-grid { margin: 0 0 8px; }
@media (max-width: 560px) { .duo { grid-template-columns: 1fr; } }

/* ---------- 评分仪表盘（环形） ---------- */
.gauge-block {
  display: flex; align-items: center; gap: 16px; margin: 8px 0 12px;
  background: rgba(255,255,255,.035); border: 1px solid rgba(255,255,255,.06);
  border-radius: 16px; padding: 16px;
}
.gauge-ring {
  width: 86px; height: 86px; border-radius: 50%; flex-shrink: 0;
  background: conic-gradient(currentColor calc(var(--p) * 1%), rgba(255,255,255,.07) 0);
  display: flex; align-items: center; justify-content: center; position: relative;
}
.gauge-ring::before {
  content: ""; position: absolute; inset: 8px; border-radius: 50%;
  background: linear-gradient(160deg, rgba(32,20,68,.97), rgba(21,13,43,.97));
}
.gauge-inner { position: relative; z-index: 1; text-align: center; }
.gauge-inner b { font-size: 23px; line-height: 1; display: block; }
.gauge-inner span { font-size: 10.5px; opacity: .75; }
.gauge-text { flex: 1; min-width: 0; }
.gauge-text b { font-size: 14px; color: var(--c-text); }
.gauge-text p { font-size: 12.5px; color: var(--c-muted); margin-top: 5px; line-height: 1.7; }

/* ---------- 星级评分 ---------- */
.stars-row { display: flex; align-items: center; gap: 3px; margin: 4px 0 8px; }
.stars-row .star { font-size: 18px; color: rgba(255,255,255,.15); }
.stars-row .star.on { color: #f5c34d; text-shadow: 0 0 10px rgba(245,195,77,.5); }
.stars-row em { font-style: normal; font-size: 11.5px; color: var(--c-muted); margin-left: 6px; }

/* ---------- 大运时间轴 ---------- */
.dayun-timeline { margin: 10px 0; }
.dt-item {
  position: relative; padding: 10px 12px 10px 116px; margin-bottom: 8px;
  background: rgba(255,255,255,.035); border: 1px solid rgba(255,255,255,.06);
  border-radius: 12px; border-left: 3px solid #64748b;
}
.dt-item.dt-good { border-left-color: #4ade80; background: linear-gradient(90deg, rgba(74,222,128,.08), rgba(255,255,255,.02)); }
.dt-item.dt-flat { border-left-color: #94a3b8; }
.dt-age { position: absolute; left: 12px; top: 10px; font-size: 13px; font-weight: 800; color: var(--c-text); }
.dt-gz { position: absolute; left: 12px; top: 30px; font-size: 11.5px; color: #c4b5fd; }
.dt-bar { height: 6px; border-radius: 999px; background: rgba(255,255,255,.07); overflow: hidden; margin-bottom: 6px; }
.dt-bar span { display: block; height: 100%; border-radius: 999px; background: linear-gradient(90deg, #34d399, #4ade80); }
.dt-flat .dt-bar span { background: linear-gradient(90deg, #64748b, #94a3b8); }
.dt-score { position: absolute; right: 12px; top: 10px; font-size: 13px; font-weight: 800; color: #4ade80; }
.dt-flat .dt-score { color: #94a3b8; }
.dt-text { font-size: 12px; color: var(--c-muted); line-height: 1.7; }
.dt-year { font-size: 10.5px; color: #8b83ab; margin-top: 4px; }
@media (max-width: 560px) {
  .dt-item { padding-left: 10px; }
  .dt-age, .dt-gz { position: static; display: inline-block; margin-right: 8px; }
  .dt-score { position: static; float: right; }
}

/* ---------- 大运走势柱状趋势 ---------- */
.trend-bars {
  display: flex; align-items: flex-end; gap: 8px; height: 130px;
  padding: 10px 6px 0; margin: 10px 0; border-radius: 12px;
  background: rgba(255,255,255,.03);
}
.tb-col { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 6px; height: 100%; }
.tb-bar {
  flex: 1; width: 100%; max-width: 34px; border-radius: 8px 8px 4px 4px;
  background: rgba(255,255,255,.05); display: flex; align-items: flex-end; overflow: hidden;
}
.tb-bar span { display: block; width: 100%; border-radius: 8px 8px 4px 4px; }
.tb-bar .tb-good { background: linear-gradient(180deg, #4ade80, #22d3ee); box-shadow: 0 0 12px rgba(74,222,128,.4); }
.tb-bar .tb-flat { background: linear-gradient(180deg, #94a3b8, #64748b); }
.tb-label { font-size: 10.5px; color: var(--c-muted); white-space: nowrap; }

/* ---------- 数字五行标签 ---------- */
.chip-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 8px 0 10px; }
.chip {
  font-size: 12px; padding: 6px 12px; border-radius: 999px;
  background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.08); color: var(--c-text);
}
.chip b { color: #c4b5fd; margin-right: 5px; }

/* ---------- 结果页表格 ---------- */
.rs-body table {
  width: 100%; border-collapse: separate; border-spacing: 0; margin: 8px 0;
  font-size: 12.5px; border: 1px solid var(--c-border); border-radius: 12px; overflow: hidden;
}
.rs-body th, .rs-body td { border-bottom: 1px solid var(--c-border); padding: 8px 10px; text-align: center; }
.rs-body th { background: rgba(139,92,246,.12); color: #e9e2ff; font-weight: 700; }
.rs-body tr:last-child td { border-bottom: none; }
.rs-body tr:nth-child(even) td { background: rgba(255,255,255,.025); }

/* ---------- 入场动画 ---------- */
.result-section { animation: rsIn .38s ease both; }
@keyframes rsIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.score-summary, .tip-box, .result-hero { animation: rsIn .4s ease both; }


/* ============================================================
   文章详情页 · 测算推荐 CTA
   ============================================================ */
.article-cta {
  position: relative; overflow: hidden; margin: 18px 0 6px;
  border-radius: 18px; padding: 20px 18px;
  background: linear-gradient(135deg, rgba(139,92,246,.24), rgba(34,211,238,.10) 55%, rgba(244,63,94,.12));
  border: 1px solid rgba(139,92,246,.35);
  box-shadow: 0 10px 30px rgba(139,92,246,.18), inset 0 1px 0 rgba(255,255,255,.08);
}
.article-cta .acx-deco { position: absolute; border-radius: 50%; pointer-events: none; }
.acx-deco-1 { width: 170px; height: 170px; right: -55px; top: -65px; background: radial-gradient(circle, rgba(139,92,246,.35), transparent 65%); }
.acx-deco-2 { width: 130px; height: 130px; left: -45px; bottom: -60px; background: radial-gradient(circle, rgba(34,211,238,.26), transparent 65%); }
.acx-head { display: flex; align-items: center; gap: 14px; position: relative; z-index: 1; }
.acx-img { width: 76px; height: 76px; border-radius: 16px; object-fit: cover; flex-shrink: 0; border: 1px solid rgba(139,92,246,.45); box-shadow: 0 6px 18px rgba(139,92,246,.3); }
.acx-tag { display: inline-flex; align-items: center; font-size: 11px; font-weight: 800; letter-spacing: .1em; padding: 4px 11px; border-radius: 999px; margin-bottom: 6px; color: #0d0718; background: linear-gradient(90deg, #f5c34d, #f97316); box-shadow: 0 4px 14px rgba(245,195,77,.35); }
.acx-title h3 { font-size: 17px; margin: 0 0 4px; color: var(--c-text); font-weight: 800; }
.acx-title p { font-size: 12.5px; color: var(--c-muted); margin: 0; line-height: 1.6; }
.acx-feats { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0 14px; position: relative; z-index: 1; }
.acx-feats span { font-size: 12px; padding: 5px 12px; border-radius: 999px; color: #e9e2ff; background: rgba(255,255,255,.06); border: 1px solid rgba(139,92,246,.3); }
.acx-foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; position: relative; z-index: 1; }
.acx-price { font-size: 13px; color: #f5c34d; font-weight: 800; }
.acx-price b { font-size: 18px; }
.article-cta .btn-primary { background: linear-gradient(90deg, #8b5cf6, #6366f1); border: none; box-shadow: 0 6px 18px rgba(139,92,246,.4); padding: 10px 22px; font-weight: 800; border-radius: 999px; }
.article-cta .btn-primary:hover { filter: brightness(1.12); transform: translateY(-1px); }

/* ---------- 首页/列表测试图：圆形（历史需求 50px 圆角） ---------- */
.test-img { border-radius: 50px; }


/* ---------- 横向评分条（季度/阶段得分） ---------- */
.h-bars { display: flex; flex-direction: column; gap: 9px; margin: 10px 0; }
.hb-row { display: flex; align-items: center; gap: 10px; }
.hb-label { width: 52px; flex-shrink: 0; font-size: 12px; color: var(--c-muted); text-align: right; }
.hb-track { flex: 1; height: 10px; border-radius: 999px; background: rgba(255,255,255,.06); overflow: hidden; }
.hb-fill { display: block; height: 100%; border-radius: 999px; }
.hb-fill.hb-good { background: linear-gradient(90deg, #4ade80, #22d3ee); box-shadow: 0 0 10px rgba(74,222,128,.45); }
.hb-fill.hb-mid { background: linear-gradient(90deg, #f5c34d, #f97316); }
.hb-fill.hb-low { background: linear-gradient(90deg, #94a3b8, #64748b); }
.hb-val { width: 34px; flex-shrink: 0; font-size: 12.5px; font-weight: 800; color: var(--c-text); text-align: right; }

/* ---------- 12月运势网格 ---------- */
.month-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px; margin: 10px 0; }
.mg-cell { border-radius: 12px; padding: 9px 4px; text-align: center; background: rgba(255,255,255,.04); border: 1px solid var(--c-border); }
.mg-cell span { display: block; font-size: 10.5px; color: var(--c-muted); }
.mg-cell b { display: block; font-size: 15px; margin: 2px 0; color: var(--c-text); }
.mg-cell em { font-style: normal; font-size: 10.5px; }
.mg-good { border-color: rgba(74,222,128,.4); }
.mg-good em { color: #4ade80; }
.mg-mid { border-color: rgba(34,211,238,.35); }
.mg-mid em { color: #22d3ee; }
.mg-flat { border-color: rgba(148,163,184,.25); }
.mg-flat em { color: #94a3b8; }
.mg-low { border-color: rgba(244,63,94,.35); }
.mg-low em { color: #f87171; }
@media (max-width: 560px) { .month-grid { grid-template-columns: repeat(4, 1fr); } }

/* ---------- 文章详情页：文中测算 CTA（图 + 标题） ---------- */
.acx-figure { display: flex; align-items: center; gap: 14px; margin: 0 0 12px; position: relative; z-index: 1; }
.article-cta-mid .acx-img { width: 88px; height: 88px; }

/* ---------- 文章详情页：推荐测算（4 个，按排序序列循环取序） ---------- */
.rec-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-top: 12px; }
@media (min-width: 720px) { .rec-grid { grid-template-columns: repeat(4, 1fr); } }
.rec-card { display: flex; flex-direction: column; border-radius: 14px; padding: 12px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.09); transition: transform .18s ease, box-shadow .18s ease; height: 100%; }
.rec-card:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(139,92,246,.25); }
.rec-img { width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 50px; display: block; background: #1c1138; }
.rec-noimg { display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 1 / 1; border-radius: 10px; background: #1c1138; font-size: 34px; }
.rec-body { display: flex; flex-direction: column; gap: 4px; margin-top: 8px; flex: 1; min-height: 0; }
.rec-body b { font-size: 14px; color: var(--c-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rec-body span { font-size: 12px; color: var(--c-muted); line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 36px; }
.rec-body em { font-style: normal; font-size: 12px; color: #c4b5fd; font-weight: 700; margin-top: auto; padding-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* ---------- 文章详情页：上一篇 / 下一篇 ---------- */
.ad-prevnext { padding: 4px 14px; }
.pn-item { display: flex; align-items: baseline; gap: 10px; padding: 11px 0; }
.pn-item + .pn-item { border-top: 1px dashed rgba(255,255,255,.09); }
.pn-label { flex-shrink: 0; font-size: 12px; font-weight: 800; color: var(--c-primary-2); }
.pn-title { font-size: 13.5px; color: #d3cbec; line-height: 1.6; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.pn-item:hover .pn-title { color: var(--c-cyan); }
/* ---------- 404 页面 ---------- */
.nf-page { position: relative; text-align: center; padding: 54px 20px 46px; overflow: hidden; }
.nf-orb { position: absolute; border-radius: 50%; pointer-events: none; }
.nf-orb-1 { width: 230px; height: 230px; left: -80px; top: -70px; background: radial-gradient(circle, rgba(139,92,246,.22), transparent 65%); }
.nf-orb-2 { width: 260px; height: 260px; right: -90px; bottom: -90px; background: radial-gradient(circle, rgba(34,211,238,.14), transparent 65%); }
.nf-star { position: absolute; width: 18px; height: 18px; color: #a78bfa; opacity: .9; pointer-events: none; animation: nfFloat 3.6s ease-in-out infinite; }
.nf-star-1 { left: 15%; top: 70px; }
.nf-star-2 { right: 16%; top: 104px; width: 12px; height: 12px; animation-delay: .6s; }
@keyframes nfFloat { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-10px) rotate(20deg); } }
.nf-code { display: flex; align-items: center; justify-content: center; gap: 8px; position: relative; z-index: 1; }
.nf-code span { font-size: 96px; font-weight: 900; line-height: 1; letter-spacing: 2px; background: linear-gradient(120deg, #8b5cf6, #22d3ee 60%, #f59e0b); -webkit-background-clip: text; background-clip: text; color: transparent; }
.nf-crystal { width: 52px; height: 52px; color: #a78bfa; margin-top: 8px; }
.nf-sub { position: relative; z-index: 1; margin-top: 16px; font-size: 12.5px; color: var(--c-muted); letter-spacing: .22em; }
.nf-title { position: relative; z-index: 1; margin: 8px 0 0; font-size: 22px; font-weight: 800; color: var(--c-text); }
.nf-desc { position: relative; z-index: 1; margin: 10px auto 0; max-width: 330px; font-size: 13.5px; color: var(--c-muted); line-height: 1.75; }
.nf-actions { position: relative; z-index: 1; display: flex; justify-content: center; gap: 12px; margin-top: 26px; }
.nf-actions .btn { display: inline-flex; align-items: center; justify-content: center; min-width: 118px; padding: 10px 20px; }
.nf-links { position: relative; z-index: 1; display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.nf-links a { font-size: 12.5px; font-weight: 600; color: var(--c-primary-2); background: var(--c-primary-soft); padding: 7px 16px; border-radius: 999px; border: 1px solid var(--c-border); transition: transform .18s ease; }
.nf-links a:active { transform: scale(.96); }
.nf-tip { position: relative; z-index: 1; margin-top: 20px; font-size: 12px; color: #8f86ad; }