/* 胜源便利 · 行业资讯 共用样式 */
:root{
  --bg:#0c0c0e; --surface:#141416; --surface2:#1a1a1d;
  --border:rgba(255,255,255,.07);
  --red:#d0192b; --red-glow:rgba(208,25,43,.25);
  --gold:#d4a94e; --white:#fff; --gray1:#e8e8e8; --gray2:#a0a0a6; --gray3:#606066;
  --radius-sm:10px; --radius:18px; --radius-lg:26px;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{
  background:var(--bg); color:var(--gray1);
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  line-height:1.75; -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}

/* ── 顶栏 ── */
.nav{
  position:sticky; top:0; z-index:50;
  display:flex; align-items:center; justify-content:space-between;
  padding:12px 20px; background:rgba(12,12,14,.92);
  backdrop-filter:blur(14px); border-bottom:1px solid var(--border);
}
.nav-logo{display:flex;align-items:center;gap:9px;font-weight:700;font-size:16px;color:var(--white);}
.nav-logo img{height:28px;width:auto;}
.nav-links{display:flex;align-items:center;gap:16px;font-size:14px;color:var(--gray2);}
.nav-links a:hover{color:var(--white);}
.nav-cta{
  font-size:13.5px;font-weight:600;color:var(--white);
  background:linear-gradient(135deg,var(--red),#a01220);
  padding:8px 15px;border-radius:999px;box-shadow:0 4px 16px var(--red-glow);
  white-space:nowrap;
}

/* ── 容器 ── */
.wrap{max-width:820px;margin:0 auto;padding:0 20px;}
.crumbs{font-size:12.5px;color:var(--gray3);margin:22px 0 14px;}
.crumbs a:hover{color:var(--gray2);}

/* ── 文章 ── */
article{padding:6px 0 40px;}
article h1{
  font-size:26px;line-height:1.45;color:var(--white);font-weight:800;letter-spacing:.2px;
  margin-bottom:12px;
}
.meta{font-size:12.5px;color:var(--gray3);display:flex;gap:14px;flex-wrap:wrap;
  padding-bottom:18px;border-bottom:1px solid var(--border);margin-bottom:26px;}
.lead{
  font-size:16px;color:var(--gray1);background:var(--surface);
  border-left:3px solid var(--red);border-radius:0 var(--radius-sm) var(--radius-sm) 0;
  padding:14px 18px;margin-bottom:28px;
}
article h2{
  font-size:19px;color:var(--white);font-weight:700;margin:34px 0 14px;
  padding-left:12px;border-left:3px solid var(--red);line-height:1.4;
}
article h3{font-size:16.5px;color:var(--white);font-weight:700;margin:22px 0 10px;}
article p{margin-bottom:15px;font-size:15.5px;color:#d8d8dc;}
article ul,article ol{margin:0 0 16px 22px;font-size:15.5px;color:#d8d8dc;}
article li{margin-bottom:8px;}
article strong{color:var(--white);}
article a{color:var(--gray1);border-bottom:1px dashed rgba(255,255,255,0.35);}
article a:hover{color:var(--white);border-bottom-color:var(--white);}
.tbl{width:100%;border-collapse:collapse;margin:8px 0 20px;font-size:14.5px;}
.tbl th,.tbl td{border:1px solid var(--border);padding:10px 12px;text-align:left;vertical-align:top;}
.tbl th{background:var(--surface2);color:var(--white);font-weight:700;}
.tbl td{color:#cfcfd4;}

/* ── CTA ── */
.cta-box{
  background:linear-gradient(135deg,var(--surface2),var(--surface));
  border:1px solid var(--border);border-radius:var(--radius);
  padding:22px 20px;margin:34px 0 30px;text-align:center;
}
.cta-box h3{color:var(--white);font-size:17px;margin:0 0 8px;border:none;padding:0;}
.cta-box p{color:var(--gray2);font-size:14px;margin-bottom:16px;}
.btn{
  display:inline-block;padding:12px 26px;border-radius:999px;font-weight:700;font-size:15px;
  background:linear-gradient(135deg,var(--red),#a01220);color:#fff!important;
  box-shadow:0 6px 22px var(--red-glow);border:none!important;
}
.btn-ghost{
  display:inline-block;padding:12px 24px;border-radius:999px;font-weight:600;font-size:15px;
  border:1px solid var(--border)!important;color:var(--gray1)!important;margin-left:10px;
}

/* ── 相关阅读 ── */
.related{margin:8px 0 10px;}
.related h4{font-size:14px;color:var(--gray3);font-weight:600;margin-bottom:12px;letter-spacing:1px;}
.related-list{list-style:none;margin:0;}
.related-list li{margin-bottom:10px;font-size:15px;}

/* ── 栏目页头部 ── */
.page-head{padding:34px 0 24px;}
.page-head h1{font-size:27px;color:var(--white);font-weight:800;margin-bottom:10px;}
.page-head p{color:var(--gray2);font-size:15px;line-height:1.8;}

/* ── 文章封面图 ── */
.cover{
  width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:var(--radius);
  border:1px solid var(--border);margin-bottom:26px;background:var(--surface2);
}
.cover img{width:100%;height:100%;object-fit:cover;}

/* ── 文章列表页：缩略图卡片 ── */
.cards{display:grid;gap:18px;padding-bottom:30px;}
.card{
  display:grid;grid-template-columns:236px 1fr;gap:22px;align-items:center;
  background:var(--surface);border:1px solid var(--border);
  border-radius:var(--radius);padding:18px;overflow:hidden;
  transition:transform .32s cubic-bezier(.2,.7,.3,1),border-color .32s ease,box-shadow .32s ease;
}
.card:hover{
  transform:translateY(-3px);
  border-color:rgba(255,255,255,.16);
  box-shadow:0 14px 34px rgba(0,0,0,.45);
}
.card-thumb{
  display:block;width:100%;aspect-ratio:16/10;overflow:hidden;
  border-radius:var(--radius-sm);background:var(--surface2);
}
.card-thumb img{
  width:100%;height:100%;object-fit:cover;
  transition:transform .5s cubic-bezier(.2,.7,.3,1);
}
.card:hover .card-thumb img{transform:scale(1.04);}
.card-body h2{font-size:17.5px;color:var(--white);font-weight:700;margin-bottom:8px;line-height:1.5;}
.card-body p{font-size:14.5px;color:var(--gray2);margin-bottom:12px;line-height:1.7;}
.card .tag{
  display:inline-block;font-size:12px;color:var(--gray2);
  border:1px solid var(--border);background:rgba(255,255,255,.04);
  border-radius:999px;padding:2px 10px;margin-right:8px;
}
.card .date{font-size:12px;color:var(--gray3);}
@media(max-width:620px){
  .card{grid-template-columns:1fr;gap:14px;}
  .card-thumb{aspect-ratio:16/9;}
}

/* ── 页脚 ── */
footer{
  border-top:1px solid var(--border);margin-top:20px;padding:26px 20px 90px;
  text-align:center;font-size:12.5px;color:var(--gray3);line-height:1.9;
}
footer a{color:var(--gray2);}
.fixed-cta{
  position:fixed;left:0;right:0;bottom:0;z-index:60;
  display:flex;gap:10px;justify-content:center;padding:10px 14px;
  background:rgba(12,12,14,.94);backdrop-filter:blur(14px);border-top:1px solid var(--border);
}
.fixed-cta a{flex:1;max-width:340px;text-align:center;padding:11px 0;border-radius:999px;font-size:14.5px;font-weight:700;}
.fixed-cta .primary{background:linear-gradient(135deg,var(--red),#a01220);color:#fff;box-shadow:0 4px 16px var(--red-glow);}
.fixed-cta .secondary{background:var(--surface2);color:var(--gray1);border:1px solid var(--border);}

@media(max-width:520px){
  article h1{font-size:22px;}
  .page-head h1{font-size:22px;}
  .nav-links{display:none;}
  article h2{font-size:17.5px;}
}