/* 文笔塔统一视觉 v1 —— 扁平极简：细边框、单一蓝、无投影、正文优先
   只做「加法」：统一正文排版与卡片/按钮质感，不改各页布局骨架。
   2026-10-25 */

:root{
  --wb-pri:#2563eb;
  --wb-pri-d:#1d4ed8;
  --wb-pri-l:#eff4ff;
  --wb-pri-b:#bfd3f9;
  --wb-ink:#0f172a;
  --wb-ink2:#34425a;
  --wb-sub:#55627a;
  --wb-mute:#8b97a8;
  --wb-line:#e5e9f0;
  --wb-line2:#eef1f6;
  --wb-bg2:#f7f9fc;
  --wb-r-sm:4px;
  --wb-r-md:8px;
  --wb-r-lg:10px;
}

/* ---------- 正文：阅读优先 ---------- */
.article-content{
  font-size:16.5px;
  line-height:1.95;
  color:#1f2937;
  letter-spacing:.2px;
}
.article-content p{margin:0 0 1.15em}
.article-content h2{
  font-size:20px;line-height:1.5;font-weight:750;color:var(--wb-ink);
  margin:1.9em 0 .7em;padding-left:12px;border-left:4px solid var(--wb-pri);
}
.article-content h3{font-size:17px;line-height:1.55;font-weight:700;color:var(--wb-ink);margin:1.6em 0 .6em}
.article-content h4{font-size:16px;font-weight:700;color:var(--wb-ink2);margin:1.4em 0 .5em}
.article-content img{border-radius:var(--wb-r-md);max-width:100%;height:auto}
.article-content blockquote{
  margin:1.3em 0;padding:12px 16px;background:var(--wb-bg2);
  border-left:3px solid var(--wb-pri-b);border-radius:var(--wb-r-md);color:var(--wb-ink2);
}
.article-content blockquote p:last-child{margin-bottom:0}
.article-content a{color:var(--wb-pri);text-decoration:none;border-bottom:1px solid var(--wb-pri-b)}
.article-content a:hover{color:var(--wb-pri-d)}
.article-content ul,.article-content ol{padding-left:1.35em;margin:0 0 1.1em}
.article-content li{margin:.3em 0}
.article-content table{width:100%;border-collapse:collapse;font-size:14.5px;margin:1.2em 0}
.article-content th,.article-content td{border:1px solid var(--wb-line);padding:8px 10px;text-align:left}
.article-content th{background:var(--wb-bg2);font-weight:700}
.article-content hr{border:0;border-top:1px solid var(--wb-line);margin:2em 0}
.article-content code{background:var(--wb-bg2);border:1px solid var(--wb-line);border-radius:var(--wb-r-sm);padding:1px 5px;font-size:.92em}

/* 桌面端正文窄一点更好读 */
@media (min-width:900px){
  .article-content{max-width:820px;margin-left:auto;margin-right:auto}
  .article-content p{font-size:16.5px}
}

/* ---------- 标题/元信息 ---------- */
.article-header h1{letter-spacing:.3px;line-height:1.35}
.article-meta{color:var(--wb-mute);font-size:12.5px}

/* ---------- 卡片与按钮：去投影、统一描边 ---------- */
.post-card,.news-card,.topic-card,.doc-card,.card{
  border:1px solid var(--wb-line) !important;
  border-radius:var(--wb-r-lg) !important;
  box-shadow:none !important;
}
.post-card:hover,.news-card:hover,.topic-card:hover,.doc-card:hover,.card:hover{
  border-color:var(--wb-pri-b) !important;
}
button.primary,.btn-primary,.primary-btn{
  background:var(--wb-pri) !important;
  border-color:var(--wb-pri) !important;
  border-radius:var(--wb-r-md) !important;
  box-shadow:none !important;
}

/* ---------- 标签/徽标 ---------- */
.tag,.badge,.chip-tag{
  border-radius:var(--wb-r-sm) !important;
  background:var(--wb-pri-l) !important;
  color:var(--wb-pri) !important;
  border:0 !important;
  font-weight:700;
}

/* ---------- 活动中心 ---------- */
.section-title{font-size:19px;font-weight:800;color:var(--wb-ink);letter-spacing:.2px}
.card{background:#fff}
.card-cover-wrap,.cover-wrap{border-radius:var(--wb-r-lg) var(--wb-r-lg) 0 0;overflow:hidden}
.card-title{color:var(--wb-ink)}
.card-past .card-title{color:var(--wb-ink2)}
.tag{border-radius:var(--wb-r-sm);font-weight:700}
.empty{color:var(--wb-mute)}

/* ---------- 专题中心 ---------- */
.toolbar{border-color:var(--wb-line)}
.badge{border-radius:var(--wb-r-sm);background:var(--wb-pri-l);color:var(--wb-pri)}
.stat{border:1px solid var(--wb-line);border-radius:var(--wb-r-lg);background:#fff}
/* 收音机等深色页头内的统计条：保持透明，避免白底白字 */
.hd .stat,.hero .stat,.page-head .stat{background:transparent !important;border:0 !important}
.hd .stat b,.hero .stat b{color:#fff !important}
.hd .stat span,.hero .stat span{color:rgba(255,255,255,.72) !important}

/* ---------- 知识库 ---------- */
.md-kb-card{border:1px solid var(--wb-line) !important;border-radius:var(--wb-r-lg) !important;box-shadow:none !important;background:#fff}
.md-title{color:var(--wb-ink)}
.md-time,.md-foot-meta{color:var(--wb-mute)}
.md-title-badge{border-radius:var(--wb-r-sm) !important;background:var(--wb-pri-l) !important;color:var(--wb-pri) !important}
.md-like-btn{border-radius:var(--wb-r-md) !important}

/* ---------- 活动中心：卡片统一（报名中/往期同一视觉语言） ---------- */
.card{border-radius:var(--wb-r-lg) !important;border:1px solid var(--wb-line) !important;box-shadow:none !important;background:#fff;transition:border-color .18s,transform .18s}
.card:hover{transform:translateY(-2px) !important;box-shadow:none !important;border-color:var(--wb-pri-b) !important}
.card-past{border-radius:var(--wb-r-lg) !important;box-shadow:none !important;border:1px solid var(--wb-line) !important}
.card-cover-wrap{background:#eef2f8}
.card-past .card-title{color:#334155}
.section-title{display:flex;align-items:center;gap:8px;padding-left:10px;border-left:3px solid var(--wb-pri)}
@media (min-width:1000px){
  .grid-live{grid-template-columns:repeat(auto-fit,minmax(330px,1fr)) !important;gap:18px !important}
  .grid-live .card-title{font-size:17px !important}
  .grid-past{grid-template-columns:repeat(auto-fit,minmax(240px,1fr)) !important;gap:16px !important}
}

/* ---------- 活动详情：深蓝渐变横幅 → 扁平白底左对齐 ---------- */
#actd-hero{background:#fff !important;color:var(--wb-ink) !important;text-align:left !important;
  max-width:980px;margin:0 auto;padding:26px 0 10px !important;border-bottom:1px solid var(--wb-line)}
#actd-hero h1{font-size:24px !important;font-weight:800 !important;color:var(--wb-ink) !important;letter-spacing:.2px;line-height:1.4}
#actd-hero p{font-size:13px !important;color:var(--wb-mute) !important;margin-top:6px}
/* 详情页「导航」等小按钮统一为主蓝色系 */
.nav-mini{background:var(--wb-pri-l) !important;color:var(--wb-pri) !important;border:1px solid var(--wb-pri-b) !important;border-radius:6px !important;padding:2px 9px !important;font-size:12px !important;text-decoration:none !important}

/* ---------- 视频专区 ---------- */
#vid-hero{background:#fff !important;color:var(--wb-ink) !important;text-align:left !important;
  max-width:1180px;margin:0 auto;padding:26px 0 10px !important}
#vid-hero h1,#vid-hero h2{font-size:24px !important;font-weight:800 !important;color:var(--wb-ink) !important;letter-spacing:.2px}
#vid-hero p{color:var(--wb-mute) !important;font-size:13px !important;margin-top:6px}
.quick-bar{background:var(--wb-pri-l) !important;color:var(--wb-pri) !important;border-bottom:1px solid var(--wb-pri-b) !important}
.vcard{border-radius:var(--wb-r-lg) !important;border:1px solid var(--wb-line) !important;box-shadow:none !important;background:#fff}
.vcard:hover{box-shadow:none !important;border-color:var(--wb-pri-b) !important;transform:translateY(-2px) !important}
.btn{background:var(--wb-pri) !important;border-radius:var(--wb-r-md) !important;box-shadow:none !important;border:none !important}
.vchip{border-radius:var(--wb-r-md) !important}
.vchip.on,.vchip.active{background:var(--wb-pri) !important;border-color:var(--wb-pri) !important;color:#fff !important}
.tag{border-radius:var(--wb-r-sm) !important}
.quick-bar{background:#fff !important;color:var(--wb-mute) !important;text-align:left !important;
  border-bottom:1px solid var(--wb-line) !important;padding:10px 0 !important;font-size:12.5px !important;
  max-width:1180px;margin:0 auto}
.quick-bar a{color:var(--wb-pri) !important;font-weight:600 !important}

/* ---------- 同城商城：几何统一（商城保留橙色作为购买色，不做蓝色重刷） ---------- */
.panel,.order-card,.cart-group,.shop-card{border-radius:var(--wb-r-lg) !important;border:1px solid var(--wb-line) !important;box-shadow:none !important}
.shop-head{background:#fff !important;border:1px solid var(--wb-line) !important;border-radius:var(--wb-r-lg) !important}
.pd-voice{background:#fff !important;border:1px solid var(--wb-line) !important}
.btn-primary{box-shadow:none !important;background:#ff4d2e !important;background-image:none !important}
.kefu-fab,.fav-btn{box-shadow:0 2px 8px rgba(15,23,42,.10) !important}

/* ---------- 收口：骨架卡 / 明净墙暖色头 ---------- */
.sk-card{border-radius:var(--wb-r-lg) !important;box-shadow:none !important;border:1px solid var(--wb-line) !important}
.wbx34-hero{border-radius:var(--wb-r-lg) !important;box-shadow:none !important}

/* ---------- 收口 2：知识库统计/侧栏卡、会员名录卡、专题搜索框 ---------- */
.md-stat,.sb-card,.pcard{border-radius:var(--wb-r-lg) !important;box-shadow:none !important;border:1px solid var(--wb-line) !important}
.btn-join{border-radius:var(--wb-r-md) !important;box-shadow:none !important;background:var(--wb-pri) !important;color:#fff !important;border:0 !important}
.searchbox{border-radius:var(--wb-r-md) !important;box-shadow:none !important}

/* ---------- 收口 3：会员名录步骤卡/幽灵按钮 ---------- */
.jstep{border-radius:var(--wb-r-lg) !important;box-shadow:none !important}
.btn-join-ghost{border-radius:var(--wb-r-md) !important;box-shadow:none !important}

/* ---------- 收口 4：筛选 chip、明净墙顶部 ---------- */
.chip{border-radius:var(--wb-r-md) !important}
.top-tabs{max-width:100% !important;box-sizing:border-box;border-radius:var(--wb-r-lg) !important;box-shadow:none !important}
.wbx40-top{border-radius:var(--wb-r-lg) !important;box-shadow:none !important}
.input-bar{border-radius:var(--wb-r-lg) !important;box-shadow:none !important}

/* ---------- 收口 5：文章详情页与首页内容卡去投影 ---------- */
.article-panel,.wbx-card,.post-navigation>*,.related-posts *,.project-card,.policy-card,.activity-card,.news-archive-item{
  box-shadow:none !important;
}
.article-panel,.wbx-card{border:1px solid var(--wb-line) !important;border-radius:var(--wb-r-lg) !important}