@font-face{font-family:'Noto Sans';font-style:normal;font-weight:400 900;font-display:swap;src:url('fonts/noto-sans-r.woff2') format('woff2');}
@font-face{font-family:'Noto Sans Mono';font-style:normal;font-weight:400 700;font-display:swap;src:url('fonts/noto-mono-r.woff2') format('woff2');}
@font-face{font-family:'Noto Serif';font-style:italic;font-weight:400 500;font-display:swap;src:url('fonts/noto-serif-i.woff2') format('woff2');}

/* 内容工厂 · 前台杂志化版式（高端工业风）
   原则：navy/gold 克制配色、大留白、金线标题、首字下沉、引文、插图带框与阴影。
   仅作用于 .cf-article（买家单页正文容器），不污染主题其它页面。 */

.cf-article {
  max-width: 760px;
  margin: 0 auto;
  padding-top: 8px;
  font-family: 'Inter', -apple-system, "Helvetica Neue", "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  color: #25303D;
  font-size: 17px;
  line-height: 1.82;
  -webkit-font-smoothing: antialiased;
}
/* 杂志风题图：正文最上方的开场大图 */
.cf-hero {
  margin: 0 0 2.2em; padding: 0;
  border-radius: 12px; overflow: hidden;
  box-shadow: 0 4px 18px rgba(13,27,42,.10);
}
.cf-hero img.cf-hero-img {
  display: block; width: 100%; height: auto;
  aspect-ratio: 16 / 9; object-fit: cover;
}

.cf-article p { margin: 0 0 1.35em; }
.cf-article h2 {
  font-size: 27px; line-height: 1.35; color: #0D1B2A; font-weight: 700;
  margin: 2.2em 0 .7em; padding-bottom: .35em;
  border-bottom: 2px solid #D4A853;
}
.cf-article h3 {
  font-size: 21px; line-height: 1.4; color: #0D1B2A; font-weight: 700;
  margin: 1.8em 0 .6em;
}
.cf-article ul, .cf-article ol { margin: 0 0 1.3em; padding-left: 1.4em; }
.cf-article li { margin: .4em 0; }
.cf-article a {
  color: #0D1B2A; text-decoration: underline; text-underline-offset: 2px;
  text-decoration-color: #D4A853;
}
.cf-article strong { color: #0D1B2A; }

/* 首字下沉：正文第一段 */
.cf-article > p:first-of-type::first-letter {
  float: left; font-size: 3.4em; line-height: .82; font-weight: 700;
  color: #0D1B2A; padding: .04em .12em 0 0;
}

/* 引文（quote 块） */
.cf-quote, .cf-article blockquote, .the-content blockquote {
  margin: 2em 0; padding: 1.1em 1.4em; border-left: 4px solid #D4A853;
  background: #FBF7EE; color: #3A4654; font-size: 19px; line-height: 1.7;
  border-radius: 0 8px 8px 0; font-style: italic;
}

/* 要点卡（Key Takeaways） */
.cf-takeaways {
  border: 1px solid #E3E6EA; border-left: 4px solid #D4A853;
  background: #FCFCFD; border-radius: 12px; padding: 22px 26px; margin: 2em 0;
  box-shadow: 0 1px 3px rgba(13,27,42,.06);
}
.cf-takeaways h2 {
  font-size: 15px; letter-spacing: .06em; text-transform: uppercase;
  color: #0D1B2A; margin: 0 0 12px; border: 0; padding: 0;
}
.cf-takeaways ul { margin: 0; padding-left: 20px; }
.cf-takeaways li { margin: .5em 0; line-height: 1.6; }

/* 兜底：任何图片都不许撑破容器（含主题 .the-content 里的插图） */
.the-content img, .cf-article img, .entry-content img { max-width: 100%; height: auto; }

/* 插图（信息图） */
.cf-fig {
  display: block; width: 100%; box-sizing: border-box;
  margin: 2.4em 0; padding: 0; background: #fff;
  border: 1px solid #E3E6EA; border-radius: 12px; overflow: hidden;
  box-shadow: 0 1px 4px rgba(13,27,42,.06);
}
.cf-fig img { display: block; width: 100%; max-width: 100%; height: auto; }
.cf-fig figcaption {
  padding: 13px 18px; font-size: 14px; color: #5B6673;
  background: #F8F9FA; border-top: 1px solid #E3E6EA; line-height: 1.5;
}
.cf-fig figcaption strong { color: #0D1B2A; font-size: 15px; }
.cf-fig-tag {
  display: inline-block; margin-left: 8px; padding: 1px 8px;
  font-size: 11px; letter-spacing: .4px; text-transform: uppercase;
  color: #8A6A22; background: #FBF3DF; border: 1px solid #EFDFB8; border-radius: 999px;
}
.cf-fig--wide { max-width: 100%; }
.cf-fig--right { float: right; width: 44%; max-width: 420px; margin: .4em 0 1.6em 1.8em; box-sizing: border-box; }
.cf-fig--full { max-width: 100%; }

/* 表格 */
.cf-table-wrap { overflow-x: auto; margin: 2em 0; }
.cf-table { width: 100%; border-collapse: collapse; font-size: 15px; }
.cf-table caption {
  caption-side: top; text-align: left; font-weight: 700;
  color: #0D1B2A; padding-bottom: 8px; font-size: 16px;
}
.cf-table th, .cf-table td {
  border: 1px solid #E3E6EA; padding: 11px 13px;
  text-align: left; vertical-align: top;
}
.cf-table thead th { background: #0D1B2A; color: #fff; font-weight: 700; }
.cf-table tbody tr:nth-child(even) td { background: #F8F9FA; }

/* FAQ */
.cf-faq { margin: 2.4em 0; }
.cf-faq h2 { font-size: 24px; color: #0D1B2A; margin: 0 0 16px; }
.cf-faq-item { border-top: 1px solid #E3E6EA; padding: 16px 0; }
.cf-faq-item h3 { font-size: 17px; margin: 0 0 6px; color: #0D1B2A; }
.cf-faq-item p { margin: 0; color: #374151; line-height: 1.65; }

/* 相关阅读 */
.cf-related { margin: 2.6em 0; padding: 26px 28px; background: #FFFFFF; border: 1px solid rgba(13,27,42,.10); border-radius: 14px; box-shadow: 0 10px 30px rgba(13,27,42,.10); }
.cf-related h2 { font-size: 16px; color: #0D1B2A; font-weight: 700; margin: 0 0 16px; letter-spacing: -.01em; }
.cf-related ul { list-style: none; margin: 0; padding: 0; }
.cf-related li { margin: 0; }
.cf-related li a { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 12px 0; border-bottom: 1px solid rgba(13,27,42,.10); font-size: 14.5px; font-weight: 600; color: #0D1B2A; line-height: 1.4; text-decoration: none; transition: color .18s ease; }
.cf-related li:last-child a { border-bottom: 0; }
.cf-related li a::after { content: ""; flex: 0 0 auto; width: 7px; height: 7px; margin-right: 3px; border-top: 2px solid #D4A853; border-right: 2px solid #D4A853; transform: rotate(45deg); opacity: .55; transition: opacity .18s ease, transform .18s ease; }
.cf-related li a:hover { color: #B8923F; }
.cf-related li a:hover::after { opacity: 1; transform: rotate(45deg) translate(2px,-2px); }
@media (max-width: 600px) { .cf-related { padding: 20px; } }

/* CTA */
.cf-cta {
  margin: 2.4em 0 1em; padding: 28px 30px; background: #0D1B2A; color: #fff;
  border-radius: 14px; box-shadow: 0 6px 20px rgba(13,27,42,.18);
}
.cf-cta h2, .cf-cta h3 { color: #fff; margin: 0 0 8px; font-size: 21px; }
.cf-cta p { margin: 0 0 14px; color: #D8DEE6; line-height: 1.6; }
.cf-cta a.cf-cta-btn, .cf-cta a.button {
  display: inline-block; padding: 11px 22px; background: #D4A853;
  color: #0D1B2A; font-weight: 700; border-radius: 8px; text-decoration: none;
}
.cf-cta a.cf-cta-btn:hover { background: #E2BE72; }

/* 长文目录 */
.cf-toc {
  margin: 0 0 2.2em; padding: 16px 22px; border: 1px solid #E3E6EA;
  border-left: 4px solid #D4A853; background: #FBF9F4; border-radius: 0 10px 10px 0;
}
.cf-toc-title {
  font-size: 13px; letter-spacing: .08em; text-transform: uppercase;
  color: #8A6A22; font-weight: 700; margin-bottom: 8px;
}
.cf-toc ol { margin: 0; padding-left: 20px; }
.cf-toc li { margin: .3em 0; font-size: 15px; line-height: 1.55; }
.cf-toc a { color: #25303D; text-decoration: none; }
.cf-toc a:hover { color: #0D1B2A; text-decoration: underline; text-decoration-color: #D4A853; }

/* 双语对照行（编辑预览） */
.cf-zh-line { color: #5B6673; font-size: .92em; }

@media (max-width: 782px) {
  .cf-article { font-size: 16px; padding: 0 4px; }
  .cf-article > p:first-of-type::first-letter { font-size: 2.8em; }
  .cf-fig--right { float: none; width: 100%; max-width: 100%; margin: 1.6em 0; }
  .cf-toc { padding: 14px 16px; }
  .cf-cta { padding: 20px; }
}

/* ========== 杂志画布层 V4：白卡+柔影 · 仅作用于 .cf-article.cf-mag ========== */
.cf-article.cf-mag{
  background:#FFFFFF; color:#4B5563;
  padding:40px 52px 0; border-radius:6px;
  
  box-shadow:0 14px 44px rgba(13,27,42,.10);
  font-family:'Noto Sans',-apple-system,"Segoe UI",sans-serif;
  font-size:17px; line-height:1.82;
}
.cf-article.cf-mag .mag-run{
  display:flex; justify-content:space-between; gap:12px;
  padding:0 0 16px; margin-bottom:26px;
  border-bottom:1px solid rgba(13,27,42,.12);
  font-family:'Noto Sans Mono',ui-monospace,monospace; font-size:11px;
  letter-spacing:.22em; text-transform:uppercase; color:#6B7280;
}
.cf-article.cf-mag .mag-run .mr-l{font-family:'Noto Sans',sans-serif;font-weight:900;font-size:12px;letter-spacing:.12em;color:#0D1B2A;text-transform:none;}
.cf-article.cf-mag .cf-hero{margin:0 -52px 22px;border-radius:0;box-shadow:none;}
.cf-article.cf-mag .cf-hero img{border-radius:0;aspect-ratio:16/9;}
.cf-article.cf-mag p{margin:0 0 1.35em;}
.cf-article.cf-mag strong{color:#0D1B2A;font-weight:700;}
.cf-article.cf-mag a{color:#0D1B2A;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#D4A853;}
.cf-article.cf-mag ul{list-style:none;padding-left:0;}
.cf-article.cf-mag ul li{position:relative;padding-left:20px;}
.cf-article.cf-mag ul li::before{content:"";position:absolute;left:2px;top:.85em;width:6px;height:6px;background:#D4A853;}
/* 章节 */
.cf-article.cf-mag .cf-sec-h{margin:3em 0 1.1em;padding-top:24px;border-top:1px solid rgba(13,27,42,.12);}
.cf-article.cf-mag .cf-sec-kick{display:block;margin-bottom:10px;font-family:'Noto Sans Mono',ui-monospace,monospace;font-size:11.5px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:#B8923F;}
.cf-article.cf-mag .cf-sec-kick::before{content:attr(data-n);}
.cf-article.cf-mag .cf-sec-h h2{
  margin:0;border:0;padding:0;color:#0D1B2A;font-weight:800;
  font-size:31px;line-height:1.2;letter-spacing:-.01em;
}
/* 章节大数字叠在 kick 行左侧 */
.cf-article.cf-mag .cf-sec-h{position:relative;padding-left:74px;}
.cf-article.cf-mag .cf-sec-h::before{
  content:attr(data-no);position:absolute;left:0;top:14px;
  font-weight:900;font-size:42px;line-height:1;color:#D4A853;letter-spacing:-.02em;
}
.cf-article.cf-mag h3{color:#0D1B2A;font-weight:700;font-size:20px;margin:1.9em 0 .55em;}
/* 引文 */
.cf-article.cf-mag blockquote,.cf-article.cf-mag .cf-quote{
  margin:2.3em 0;padding:1.3em 0;border:0;border-top:1px solid rgba(13,27,42,.12);border-bottom:1px solid rgba(13,27,42,.12);
  background:transparent;border-radius:0;font-family:'Noto Serif',Georgia,serif;font-style:italic;font-weight:500;
  font-size:22px;line-height:1.55;color:#0D1B2A;
}
/* 插图 */
.cf-article.cf-mag .cf-fig{background:transparent;border:0;border-radius:0;box-shadow:none;margin:2.5em 0;}
.cf-article.cf-mag .cf-fig img{border:1px solid rgba(13,27,42,.10);border-radius:0;}
.cf-article.cf-mag .cf-fig:not(.cf-fig--photo) img{background:#F8FAFC;padding:16px;}
.cf-article.cf-mag .cf-fig figcaption{background:transparent;border:0;padding:10px 2px 0;font-family:'Noto Sans Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#6B7280;}
.cf-article.cf-mag .cf-fig figcaption strong{font-family:'Noto Sans',sans-serif;font-size:13px;letter-spacing:.01em;text-transform:none;color:#0D1B2A;}
.cf-article.cf-mag .cf-fig-tag{background:transparent;border:0;border-radius:0;padding:0;color:#B8923F;font-weight:700;}
/* 表格 */
.cf-article.cf-mag .cf-table-wrap{margin:2.3em 0;}
.cf-article.cf-mag .cf-table thead th{background:transparent;color:#0D1B2A;font-family:'Noto Sans Mono',ui-monospace,monospace;font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;border-bottom:2px solid #0D1B2A;}
.cf-article.cf-mag .cf-table td{border-bottom:1px solid rgba(13,27,42,.10);color:#4B5563;}
.cf-article.cf-mag .cf-table tbody tr:last-child td{border-bottom:2px solid #0D1B2A;}
.cf-article.cf-mag .cf-table tbody tr:nth-child(even) td{background:transparent;}
/* takeaways / faq */
.cf-article.cf-mag .cf-takeaways{background:#F4F7FB;border:1px solid rgba(13,27,42,.12);border-radius:0;box-shadow:none;padding:22px 26px;}
.cf-article.cf-mag .cf-takeaways h2{border:0;padding:0;margin:0 0 12px;color:#B8923F;font-family:'Noto Sans Mono',ui-monospace,monospace;font-size:11.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;}
.cf-article.cf-mag .cf-faq h2{color:#B8923F;font-family:'Noto Sans Mono',ui-monospace,monospace;font-size:11.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;}
.cf-article.cf-mag .cf-faq-item{border-top:1px solid rgba(13,27,42,.10);}
.cf-article.cf-mag .cf-faq-item:last-child{border-bottom:1px solid rgba(13,27,42,.10);}
.cf-article.cf-mag .cf-faq-item h3{font-size:17px;margin:0 0 6px;}
.cf-article.cf-mag .cf-related{background:transparent;border:0;border-top:2px solid #0D1B2A;border-radius:0;box-shadow:none;padding-top:6px;}
.cf-article.cf-mag .cf-related h2{color:#B8923F;font-family:'Noto Sans Mono',ui-monospace,monospace;font-size:11.5px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;}
.cf-article.cf-mag .cf-related li a{border-bottom:1px solid rgba(13,27,42,.10);}
/* CTA 画布内出血 */
.cf-article.cf-mag .cf-cta{
  margin:3em -52px 0;border-radius:0;background:#0D1B2A;box-shadow:none;
  padding:60px 52px 64px;
}
.cf-article.cf-mag .cf-cta h2{color:#fff;font-weight:900;font-size:30px;letter-spacing:-.01em;}
.cf-article.cf-mag .cf-cta p{color:rgba(255,255,255,.78);}
.cf-article.cf-mag .cf-cta a.cf-btn{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.55);border-radius:0;font-family:'Noto Sans Mono',ui-monospace,monospace;font-size:12.5px;letter-spacing:.2em;padding:14px 30px;}
.cf-article.cf-mag .cf-cta a.cf-btn:hover{background:#D4A853;border-color:#D4A853;color:#0D1B2A;}
@media (max-width:760px){
  .cf-article.cf-mag{padding:28px 22px 0;}
  .cf-article.cf-mag .cf-hero{margin:0 -22px 20px;}
  .cf-article.cf-mag .cf-cta{margin:2.4em -22px 0;padding:44px 22px 48px;}
  .cf-article.cf-mag .cf-sec-h{padding-left:56px;}
  .cf-article.cf-mag .cf-sec-h::before{font-size:34px;}
}