/* =============================================================
   壹下排行 · 专业 / 权威 / 信任 视觉升级 (yxia-pro.css)
   设计基调：深海军蓝 + 暖金点缀 = 权威、可信、稳重
   仅做增强与覆盖，不改动原 theme.min.css / style.css
   ============================================================= */
@charset "utf-8";

:root{
  /* 主色 */
  --yx-navy:#122340;
  --yx-navy-2:#0c1a30;
  --yx-primary:#1c4f8f;
  --yx-primary-600:#163f73;
  --yx-primary-soft:#eaf1f9;
  /* 权威金 */
  --yx-gold:#c89b3c;
  --yx-gold-deep:#a87f25;
  --yx-gold-soft:#f7efda;
  /* 中性 */
  --yx-ink:#1b2733;
  --yx-muted:#5b6b7d;
  --yx-border:#e6ebf1;
  --yx-soft:#f4f7fb;
  --yx-white:#ffffff;
  /* 勋章 */
  --yx-medal-gold-1:#f4c430;
  --yx-medal-gold-2:#d99a17;
  --yx-medal-silver-1:#cfd8e3;
  --yx-medal-silver-2:#9fadc0;
  --yx-medal-bronze-1:#d98a52;
  --yx-medal-bronze-2:#b5663a;
  --yx-radius:14px;
  --yx-shadow-sm:0 .25rem .75rem rgba(18,35,64,.06);
  --yx-shadow:0 .6rem 1.8rem rgba(18,35,64,.10);
  --yx-shadow-lg:0 1.2rem 3rem rgba(18,35,64,.16);
}

/* ---------- 全局排版细节 ---------- */
body{ color:var(--yx-ink); -webkit-font-smoothing:antialiased; }
a{ color:var(--yx-primary); }
a:hover{ color:var(--yx-primary-600); }

/* 标题统一更“稳” */
.h1,.h2,.h3,.h4,.h5{ letter-spacing:-.01em; }

/* ============================================================
   1. 顶部信任条 (权威感第一印象)
   ============================================================ */
.yx-topbar{
  background:linear-gradient(90deg,var(--yx-navy) 0%,var(--yx-primary-600) 100%);
  color:#dfe8f4;
  font-size:13px;
  line-height:1;
  position:relative;
  z-index:1041;
}
.yx-topbar .yx-topbar-inner{
  display:flex; align-items:center; justify-content:center; gap:1.4rem;
  flex-wrap:wrap; padding:.5rem 1rem; text-align:center;
}
.yx-topbar .yx-tb-item{ display:inline-flex; align-items:center; gap:.4rem; }
.yx-topbar .yx-tb-item i{ color:var(--yx-gold); font-size:14px; }
.yx-topbar .yx-tb-sep{ width:1px; height:14px; background:rgba(255,255,255,.22); }
@media (max-width:575.98px){
  .yx-topbar .yx-tb-sep{ display:none; }
  .yx-topbar .yx-topbar-inner{ gap:.6rem 1rem; }
}

/* ============================================================
   2. 导航 / Logo 权威徽章
   ============================================================ */
.navbar.navbar-light{
  background-color:#fff !important;
  box-shadow:0 .125rem 1rem rgba(18,35,64,.10);
  border-bottom:1px solid var(--yx-border);
}
.navbar-brand-logo{ position:relative; }
/* Logo 旁“独立评测”盾牌徽章 */
.yx-authority-badge{
  display:inline-flex; align-items:center; gap:.3rem;
  margin-left:.7rem; padding:.22rem .55rem;
  background:var(--yx-gold-soft); color:var(--yx-gold-deep);
  border:1px solid #ecd9a6; border-radius:999px;
  font-size:11px; font-weight:700; letter-spacing:.02em; white-space:nowrap;
  transform:translateY(-2px);
}
.yx-authority-badge i{ font-size:12px; }
@media (max-width:575.98px){
  .yx-authority-badge{ display:none; }
}
/* 导航链接：更稳的下划线激活态 */
.navbar .nav-link{
  font-weight:500; color:#39465a !important;
  position:relative; padding-left:.2rem !important; padding-right:.2rem !important;
}
.navbar .nav-link:hover{ color:var(--yx-primary) !important; }
.navbar .nav-link.active{ color:var(--yx-primary) !important; }
.navbar .nav-link.active::after{
  content:""; position:absolute; left:.2rem; right:.2rem; bottom:.35rem;
  height:2px; border-radius:2px;
  background:linear-gradient(90deg,var(--yx-primary),var(--yx-gold));
}

/* ============================================================
   3. Hero 区：深色遮罩 + 浅色文字 + 统计数字
   ============================================================ */
/* 导航改为 sticky，结构更稳，顶部信任条自然排列 */
.navbar.navbar-absolute-top{ position:sticky !important; top:0; z-index:1030; }
.bg-img-start{ margin-top:0 !important; }
@media (max-width:575.98px){ .bg-img-start{ margin-top:0 !important; } }

.yx-hero{
  position:relative; overflow:hidden;
  background:radial-gradient(120% 120% at 80% 0%, var(--yx-primary) 0%, var(--yx-navy) 55%, var(--yx-navy-2) 100%);
  padding:5rem 0 4rem;
}
.yx-hero::before{
  content:""; position:absolute; inset:0; z-index:0;
  background:
    linear-gradient(180deg, rgba(12,26,48,.62) 0%, rgba(18,35,64,.72) 100%);
}
.yx-hero--compact{ padding:4rem 0 3.25rem; }
.yx-hero .container{ position:relative; z-index:1; }
.yx-hero-inner{ max-width:760px; }
.yx-hero-title{ color:#fff; font-weight:800; font-size:2.4rem; line-height:1.15; margin:0 0 .9rem; text-shadow:0 2px 18px rgba(0,0,0,.25); }
.yx-hero-sub{ color:rgba(255,255,255,.88); font-size:1.05rem; line-height:1.7; margin:0; }
.yx-hero .yx-eyebrow{
  display:inline-flex; align-items:center; gap:.5rem;
  padding:.35rem .9rem; margin-bottom:1.1rem;
  background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.25);
  color:#f3e6c4; border-radius:999px; font-size:13px; font-weight:600;
  letter-spacing:.06em; backdrop-filter:blur(4px);
}
.yx-hero .yx-eyebrow i{ color:var(--yx-gold); }
.yx-hero h1{ color:#fff; font-weight:800; text-shadow:0 2px 18px rgba(0,0,0,.25); }
.yx-hero .lead{ color:rgba(255,255,255,.88); font-weight:400; }

/* 统计数字条 */
.yx-stats{
  display:grid; grid-template-columns:repeat(4,1fr); gap:1px;
  margin-top:2.4rem; padding:0;
  background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.22);
  border-radius:var(--yx-radius); overflow:hidden; backdrop-filter:blur(3px);
}
.yx-stat{ background:rgba(12,26,48,.42); padding:1.1rem 1rem; text-align:center; }
.yx-stat .yx-stat-num{
  display:block; font-size:30px; font-weight:800; line-height:1.1; color:#fff;
}
.yx-stat .yx-stat-num b{ color:var(--yx-gold); font-weight:800; }
.yx-stat .yx-stat-label{ display:block; margin-top:.35rem; font-size:13px; color:rgba(255,255,255,.82); }
@media (max-width:767.98px){
  .yx-stats{ grid-template-columns:repeat(2,1fr); }
  .yx-stat .yx-stat-num{ font-size:24px; }
}

/* ============================================================
   4. 区块标题
   ============================================================ */
.yx-section-head{ margin-bottom:2rem; }
.yx-section-head .yx-kicker{
  display:inline-block; color:var(--yx-gold-deep); font-weight:700;
  font-size:13px; letter-spacing:.08em; text-transform:uppercase; margin-bottom:.4rem;
}
.yx-section-head h2,.yx-section-head .h2{
  font-weight:800; color:var(--yx-navy); margin:0;
}
.yx-section-head p{ color:var(--yx-muted); margin:.5rem 0 0; }

/* ============================================================
   5. 卡片统一升级：悬浮抬升 + 更精致边框
   ============================================================ */
.yx-card{
  border:1px solid var(--yx-border) !important;
  border-radius:var(--yx-radius) !important;
  box-shadow:var(--yx-shadow-sm);
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  background:#fff;
}
.yx-card:hover{
  transform:translateY(-4px);
  box-shadow:var(--yx-shadow);
  border-color:#d4e0ef !important;
}
.yx-card .card-body{ padding:1.5rem; }

/* 内部小卡（榜单项） */
.yx-card .yx-subcard{
  border:1px solid var(--yx-border);
  border-radius:12px;
  background:#fff;
  transition:transform .2s ease, box-shadow .2s ease;
}
.yx-card .yx-subcard:hover{ transform:translateY(-3px); box-shadow:var(--yx-shadow-sm); }

/* ============================================================
   6. 名次勋章（金/银/铜）
   ============================================================ */
.yx-medal{
  --m1:#f4c430; --m2:#d99a17; --mc:#7a5800;
  display:inline-flex; align-items:center; justify-content:center; gap:.4rem;
  min-width:74px; padding:.4rem .85rem; border-radius:999px;
  background:linear-gradient(135deg,var(--m1),var(--m2));
  color:var(--mc); font-weight:800; font-size:14px;
  box-shadow:0 .35rem .9rem rgba(168,127,37,.30);
  border:1px solid rgba(255,255,255,.5);
}
.yx-medal i{ font-size:15px; }
.yx-medal.yx-medal--gold{ --m1:var(--yx-medal-gold-1); --m2:var(--yx-medal-gold-2); --mc:#6f4e00; }
.yx-medal.yx-medal--silver{ --m1:var(--yx-medal-silver-1); --m2:var(--yx-medal-silver-2); --mc:#3f4a5a; }
.yx-medal.yx-medal--bronze{ --m1:var(--yx-medal-bronze-1); --m2:var(--yx-medal-bronze-2); --mc:#5a2f15; }

/* 圆形大勋章（用于前三名图片角标 / 列表） */
.yx-rank-circle{
  display:inline-flex; align-items:center; justify-content:center;
  width:40px; height:40px; border-radius:50%;
  font-weight:800; color:#fff; font-size:16px;
  background:linear-gradient(135deg,var(--yx-primary),var(--yx-primary-600));
  box-shadow:var(--yx-shadow-sm);
}
.yx-rank-circle.yx-rank-circle--gold{ background:linear-gradient(135deg,var(--yx-medal-gold-1),var(--yx-medal-gold-2)); color:#6f4e00; }
.yx-rank-circle.yx-rank-circle--silver{ background:linear-gradient(135deg,var(--yx-medal-silver-1),var(--yx-medal-silver-2)); color:#3f4a5a; }
.yx-rank-circle.yx-rank-circle--bronze{ background:linear-gradient(135deg,var(--yx-medal-bronze-1),var(--yx-medal-bronze-2)); color:#fff; }

/* 首页 TOP3 子卡 */
.yx-top3-card .card-body{ padding:1.1rem; }
.yx-top3-card .card-img{ max-height:80px; object-fit:contain; background:#f8fafc; padding:.4rem; border-radius:8px; }
.yx-top3-card .text-truncate{ max-width:130px; }
.yx-score-badge{
  font-size:15px; font-weight:800; color:var(--yx-primary); line-height:1;
  background:var(--yx-soft); padding:.25rem .55rem; border-radius:8px;
}
.yx-score-badge small{ font-size:11px; color:var(--yx-muted); font-weight:600; }
.yx-top3-tags{ margin-top:.2rem; }
.yx-top3-tags .badge{
  font-size:11px; padding:.25rem .45rem; border-radius:6px;
  background:#f8fafc !important; color:var(--yx-primary-600) !important; border-color:#dbe7f3 !important;
  font-weight:500;
}

/* ============================================================
   7. 评分进度条 (score / 10)
   ============================================================ */
.yx-score{ display:flex; align-items:center; gap:.5rem; flex-wrap:nowrap; }
.yx-score-num{ font-weight:800; font-size:18px; color:var(--yx-navy); }
.yx-score-num small{ font-size:12px; color:var(--yx-muted); font-weight:600; }
.yx-score-track{
  flex:0 0 90px; width:90px; height:8px; border-radius:999px; background:#eef2f7; overflow:hidden;
}
.yx-score-fill{
  height:100%; border-radius:999px;
  background:linear-gradient(90deg,var(--yx-primary),var(--yx-gold));
}
.yx-score-tag{
  display:inline-block; flex-shrink:0; white-space:nowrap;
  margin-left:.3rem; padding:.1rem .45rem; border-radius:6px;
  font-size:12px; font-weight:700; color:#fff; background:var(--yx-primary);
}

/* 评分星标与数字对齐 */
.yx-rating-row{ display:flex; align-items:center; flex-wrap:wrap; gap:.35rem; }
.yx-rating-row .yx-rating-words{ color:var(--yx-gold-deep); font-weight:700; letter-spacing:1px; }

/* ============================================================
   8. 评测方法论条 (4 步)

   ============================================================ */
.yx-method{
  background:linear-gradient(135deg,var(--yx-navy) 0%,var(--yx-primary-600) 100%);
  border-radius:var(--yx-radius); padding:1.8rem 1.4rem; color:#fff;
  box-shadow:var(--yx-shadow);
}
.yx-method .yx-method-step{
  text-align:center; padding:0 .6rem; position:relative;
}
.yx-method .yx-method-step:not(:last-child)::after{
  content:""; position:absolute; right:-.3rem; top:34px; width:24px; height:2px;
  background:rgba(255,255,255,.3);
}
.yx-method .yx-method-ico{
  width:56px; height:56px; border-radius:50%; margin:0 auto 1rem;
  display:flex; align-items:center; justify-content:center;
  background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.25);
  color:var(--yx-gold); font-size:24px;
}
.yx-method .yx-method-step h5{ color:#fff; font-weight:700; font-size:16px; margin:0 0 .3rem; }
.yx-method .yx-method-step p{ color:rgba(255,255,255,.78); font-size:13px; margin:0; }
@media (max-width:767.98px){
  .yx-method .yx-method-step::after{ display:none; }
  .yx-method{ display:grid !important; grid-template-columns:repeat(2,1fr); gap:1.4rem 0; }
}

/* ============================================================
   9. 页脚：深色权威 + 信任认证
   ============================================================ */
.yx-footer{ background:var(--yx-navy-2) !important; color:#c7d2e0; border-top:3px solid var(--yx-gold); }
.yx-footer a{ color:#aebfd2; }
.yx-footer a:hover{ color:#fff; }
.yx-footer .yx-footer-title{ color:#fff; font-weight:700; font-size:15px; margin-bottom:.9rem; letter-spacing:.02em; }
.yx-footer .text-muted{ color:#8ea0b6 !important; }
.yx-footer .yx-trust-row{
  display:flex; align-items:center; justify-content:space-between; gap:1.5rem 2rem; flex-wrap:wrap;
  padding:1.1rem 0; border-bottom:1px solid rgba(255,255,255,.10); margin-bottom:1.4rem;
}
.yx-footer .yx-trust-pills{ display:flex; align-items:center; flex-wrap:wrap; gap:.6rem; }
.yx-footer .yx-trust-imgs{ display:flex; align-items:center; flex-wrap:wrap; gap:1rem; }
.yx-footer .yx-trust-imgs img{
  height:38px; width:auto; object-fit:contain; opacity:.95; filter:saturate(1.05);
  border-radius:6px; background:#fff; padding:3px; box-shadow:0 .2rem .6rem rgba(0,0,0,.18);
}
@media (max-width:991.98px){
  .yx-footer .yx-trust-row{ justify-content:flex-start; }
  .yx-footer .yx-trust-pills{ width:100%; }
  .yx-footer .yx-trust-imgs{ width:100%; gap:.8rem; }
  .yx-footer .yx-trust-imgs img{ height:34px; }
}
.yx-footer .yx-trust-pill{
  display:inline-flex; align-items:center; gap:.4rem;
  padding:.45rem .9rem; border-radius:999px;
  background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.14);
  color:#dbe5f1; font-size:13px; font-weight:600;
}
.yx-footer .yx-trust-pill i{ color:var(--yx-gold); }
.yx-footer .yx-links a{ display:inline-block; margin:0 .5rem .4rem 0; }
.yx-footer .yx-beian{ color:#8ea0b6; font-size:12.5px; }
.yx-footer .yx-beian a{ color:#8ea0b6; text-decoration:underline; }

/* ============================================================
   10. 内页：评测维度可视化 / 侧栏
   ============================================================ */
.yx-sidebar-card{
  border:1px solid var(--yx-border); border-radius:var(--yx-radius);
  box-shadow:var(--yx-shadow-sm); overflow:hidden; background:#fff;
}
.yx-sidebar-card .yx-sidebar-head{
  background:linear-gradient(135deg,var(--yx-primary),var(--yx-primary-600));
  color:#fff; padding:1.1rem 1.3rem; font-weight:700;
}
.yx-sidebar-card .yx-sidebar-body{ padding:1.3rem; }

/* 评测维度条 */
.yx-criteria{ list-style:none; margin:0; padding:0; }
.yx-criteria li{ margin-bottom:.7rem; }
.yx-criteria li:last-child{ margin-bottom:0; }
.yx-criteria .yx-c-label{ display:flex; justify-content:space-between; font-size:13px; color:var(--yx-ink); margin-bottom:.3rem; }
.yx-criteria .yx-c-label b{ color:var(--yx-primary); }
.yx-criteria .yx-c-track{ height:7px; border-radius:999px; background:#eef2f7; overflow:hidden; }
.yx-criteria .yx-c-fill{ height:100%; border-radius:999px; background:linear-gradient(90deg,var(--yx-primary),var(--yx-gold)); }

/* 数据来源标签 */
.yx-sources{ display:flex; flex-wrap:wrap; gap:.4rem; margin-top:.6rem; }
.yx-sources span{
  font-size:12px; padding:.2rem .6rem; border-radius:6px;
  background:var(--yx-primary-soft); color:var(--yx-primary-600); border:1px solid #d6e3f2;
}

/* 帮助人数大数字卡 */
.yx-help-card{ text-align:center; padding:1.4rem 1rem; background:var(--yx-soft); border-radius:var(--yx-radius); }
.yx-help-card .yx-help-num{ font-size:34px; font-weight:800; color:var(--yx-primary); line-height:1; }
.yx-help-card .yx-help-num b{ color:var(--yx-gold-deep); }

/* 信任横幅 */
.yx-trust-banner{
  display:flex; align-items:flex-start; gap:.9rem;
  background:var(--yx-gold-soft); border:1px solid #ecd9a6; border-left:4px solid var(--yx-gold);
  border-radius:12px; padding:1.1rem 1.3rem; margin-bottom:1.6rem;
}
.yx-trust-banner i{ color:var(--yx-gold-deep); font-size:22px; margin-top:.1rem; }
.yx-trust-banner h5{ margin:0 0 .3rem; color:var(--yx-navy); font-weight:700; font-size:15px; }
.yx-trust-banner p{ margin:0; color:#6a5a33; font-size:13.5px; }

/* 原则清单 */
.yx-principle{ list-style:none; margin:0; padding:0; }
.yx-principle li{ display:flex; align-items:flex-start; gap:.6rem; padding:.55rem 0; border-bottom:1px dashed var(--yx-border); font-size:14px; color:var(--yx-ink); }
.yx-principle li:last-child{ border-bottom:none; }
.yx-principle i{ color:var(--yx-gold-deep); margin-top:.15rem; }

/* 联系方式清单 */
.yx-contact{ list-style:none; margin:0; padding:0; }
.yx-contact li{ display:flex; align-items:flex-start; gap:.7rem; padding:.65rem 0; border-bottom:1px dashed var(--yx-border); font-size:14px; color:var(--yx-ink); }
.yx-contact li:last-child{ border-bottom:none; }
.yx-contact i{ color:var(--yx-primary); font-size:18px; margin-top:.15rem; flex-shrink:0; }

/* 平台数据条 */
.yx-stats-band{
  background:linear-gradient(135deg,var(--yx-navy) 0%, var(--yx-primary-600) 100%);
  padding:3.2rem 0;
}
.yx-stats-num{ font-size:2.4rem; font-weight:800; color:#fff; line-height:1; letter-spacing:-.01em; }
.yx-stats-num small{ font-size:1.1rem; font-weight:600; color:var(--yx-gold-soft); }
.yx-stats-label{ color:rgba(255,255,255,.78); font-size:14px; margin-top:.55rem; }

/* ============================================================
   11. 内页正文：章节标题更清晰
   ============================================================ */
.yx-prose h3{
  position:relative; padding-left:1rem; color:var(--yx-navy); font-weight:700;
  margin-top:2.2rem; margin-bottom:1rem; font-size:22px;
}
.yx-prose h3::before{
  content:""; position:absolute; left:0; top:.15em; bottom:.15em; width:4px; border-radius:4px;
  background:linear-gradient(180deg,var(--yx-primary),var(--yx-gold));
}
.yx-prose p{ color:#3a4756; line-height:1.95; margin-bottom:1rem; }

/* ============================================================
   12. 按钮
   ============================================================ */
.btn-yx{
  background:linear-gradient(135deg,var(--yx-primary),var(--yx-primary-600));
  color:#fff; border:none; font-weight:600; border-radius:10px;
  box-shadow:0 .4rem 1rem rgba(28,79,143,.28); transition:transform .2s ease, box-shadow .2s ease;
}
.btn-yx:hover{ color:#fff; transform:translateY(-2px); box-shadow:0 .6rem 1.4rem rgba(28,79,143,.34); }
.btn-yx-ghost{
  background:#fff; color:var(--yx-primary); border:1px solid var(--yx-primary); font-weight:600; border-radius:10px;
}
.btn-yx-ghost:hover{ background:var(--yx-primary-soft); color:var(--yx-primary-600); }

/* 覆盖原 secondary 按钮，统一为品牌主色 */
.btn-secondary{
  background:linear-gradient(135deg,var(--yx-primary),var(--yx-primary-600)) !important;
  border-color:transparent !important; color:#fff !important; font-weight:600;
  box-shadow:0 .35rem .9rem rgba(28,79,143,.22);
}
.btn-secondary:hover{ filter:brightness(1.05); color:#fff !important; }

/* ============================================================
   13. 品牌封面页细节
   ============================================================ */
.yx-brand-hero{ background:linear-gradient(135deg,var(--yx-navy),var(--yx-primary-600)); border-radius:var(--yx-radius); padding:1.6rem; box-shadow:var(--yx-shadow); }
.yx-brand-hero h1{ color:#fff; }
.yx-brand-hero .yx-rating-row{ color:#fff; }
.yx-brand-hero .yx-rating-words{ color:var(--yx-gold); }