twentytwentyfive

/* ============================================================
BlueHole · 欧美信任型主题 CSS
用途：WordPress 后台 外观→自定义→附加CSS 粘贴；
或放进子主题 style.css。配合轻量主题(GeneratePress/Astra)。
设计令牌：系统字体 + 65ch 阅读宽 + 单一水色强调 + 大留白。
============================================================ */

:root{
–ink:#16242e; /* 主文字 深墨蓝 */
–muted:#5b6b75; /* 次要文字 */
–accent:#0e8a8e; /* 水色 teal 强调 */
–accent-soft:#e6f4f5; /* 浅水色底 */
–line:#e4eaed; /* 边框线 */
–bg:#ffffff;
–paper:#fbfcfc;
–radius:10px;
}

/* 阅读容器：65ch 黄金阅读宽 + 居中 */
.entry-content,
.prose{
max-width:68ch;
margin:0 auto;
font-family:-apple-system,BlinkMacSystemFont,”Segoe UI”,Roboto,Helvetica,Arial,sans-serif;
font-size:17px;
line-height:1.72;
color:var(–ink);
}

/* 标题层级 */
.entry-content h1,
.prose h1{font-size:2.1rem;line-height:1.2;letter-spacing:-.02em;margin:.2em 0 .5em;}
.entry-content h2,
.prose h2{font-size:1.5rem;line-height:1.3;margin:2em 0 .6em;padding-bottom:.3em;border-bottom:2px solid var(–accent);}
.entry-content h3,
.prose h3{font-size:1.18rem;margin:1.5em 0 .4em;color:var(–ink);}

/* 段落与链接 */
.entry-content p,
.prose p{margin:0 0 1.1em;}
.entry-content a,
.prose a{color:var(–accent);text-decoration:none;border-bottom:1px solid var(–accent-soft);}
.entry-content a:hover,
.prose a:hover{border-bottom-color:var(–accent);}

/* 引导段 */
.entry-content .lead,
.prose .lead{font-size:1.12rem;color:var(–muted);}

/* 表格 */
.entry-content table,
.prose table{width:100%;border-collapse:collapse;margin:1.4em 0;font-size:.95rem;}
.entry-content th,
.prose th{background:var(–accent-soft);color:var(–ink);text-align:left;padding:.7em .8em;border:1px solid var(–line);}
.entry-content td,
.prose td{padding:.65em .8em;border:1px solid var(–line);}
.entry-content tr:nth-child(even) td,
.prose tr:nth-child(even) td{background:var(–paper);}
.entry-content td.yes,
.prose td.yes{color:#0a7d2c;font-weight:600;}
.entry-content td.no,
.prose td.no{color:#c0392b;font-weight:600;}

/* 信任条 / 披露条 */
.trustbar,.disclosure{
background:var(–accent-soft);
border-left:4px solid var(–accent);
padding:.9em 1.1em;margin:1.4em 0;border-radius:var(–radius);
font-size:.92rem;color:var(–ink);
}
.disclosure{background:#fff8e6;border-left-color:#e0a800;}

/* 速选框 */
.pickbox{
background:var(–paper);border:1px solid var(–line);
border-radius:var(–radius);padding:1.1em 1.3em;margin:1.6em 0;
}
.pickbox h3{margin-top:0;color:var(–accent);}
.pickbox table{margin:0;}
.pickbox td:first-child{font-weight:600;width:34%;color:var(–ink);}

/* 联盟 CTA 块 */
.aff-cta{
display:flex;align-items:center;gap:1em;flex-wrap:wrap;
background:var(–accent);color:#fff;border-radius:var(–radius);
padding:1em 1.3em;margin:1.8em 0;
}
.aff-cta .t{font-weight:700;font-size:1.05rem;}
.aff-cta .s{font-size:.9rem;opacity:.92;flex:1;min-width:200px;}
.aff-cta .btn{
background:#fff;color:var(–accent);font-weight:700;
padding:.6em 1.1em;border-radius:8px;text-decoration:none;border:none;
white-space:nowrap;
}
.aff-cta .btn:hover{background:var(–accent-soft);}

/* 作者框 */
.authorbox{
display:flex;gap:1em;align-items:flex-start;
border-top:1px solid var(–line);border-bottom:1px solid var(–line);
padding:1.3em 0;margin:2em 0;
}
.authorbox img{width:64px;height:64px;border-radius:50%;flex:none;}
.authorbox h4{margin:0 0 .3em;color:var(–accent);}
.authorbox p{margin:0;font-size:.92rem;color:var(–muted);}

/* 面包屑 */
.crumb{font-size:.85rem;color:var(–muted);margin-bottom:1em;}
.crumb a{color:var(–muted);border:none;}

/* 作者署名行 */
.byline{display:flex;align-items:center;gap:.7em;margin:1em 0 1.4em;font-size:.9rem;color:var(–muted);}
.byline img{width:42px;height:42px;border-radius:50%;}
.byline b{color:var(–ink);}

/* 广告占位（Ezoic 审批后替换） */
.ad{
background:repeating-linear-gradient(45deg,#f4f7f8,#f4f7f8 12px,#eef3f4 12px,#eef3f4 24px);
border:1px dashed var(–line);border-radius:var(–radius);
padding:1.4em;text-align:center;color:var(–muted);font-size:.88rem;margin:1.8em 0;
}

/* 全局：正文区留白 */
.entry-content{padding:2.5em 1.2em 1em;}