/* 天津昭博品牌策划有限公司 — 编辑杂志风格 */
:root{
  --ink:#1c1a17;
  --ink-soft:#4c463f;
  --paper:#f6f2ea;
  --paper-deep:#ece5d8;
  --vermilion:#a8502f;   /* 印刷朱，取自传统印刷朱墨 */
  --hairline:#d8d0c0;
  --fs-xs:12px; --fs-s:14px; --fs-m:16px; --fs-l:22px; --fs-xl:34px; --fs-xxl:56px;
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px; --sp-7:48px; --sp-8:64px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:Georgia,"Songti SC","SimSun",serif;
  color:var(--ink);background:var(--paper);
  font-size:var(--fs-m);line-height:1.8;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3{font-weight:700;line-height:1.3;letter-spacing:.02em}
p,li,dd{max-width:65ch}
a{color:var(--vermilion);text-decoration:none;border-bottom:1px solid var(--hairline)}
a:hover{border-bottom-color:var(--vermilion)}
a:focus-visible{outline:2px solid var(--vermilion);outline-offset:2px}
img{max-width:100%;height:auto}
.container{max-width:1200px;margin:0 auto;padding:0 var(--sp-5)}
/* header */
.site-header{border-bottom:2px solid var(--ink);background:var(--paper)}
.header-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-3);padding-top:var(--sp-4);padding-bottom:var(--sp-4)}
.site-header nav{display:flex;gap:var(--sp-5);flex-wrap:wrap;font-size:var(--fs-s);letter-spacing:.08em}
.site-header nav a{color:var(--ink);border-bottom:none;padding:var(--sp-1) 0}
.site-header nav a:hover{color:var(--vermilion)}
.site-header nav a[aria-current="page"]{border-bottom:2px solid var(--vermilion)}
/* breadcrumb */
.breadcrumb{font-size:var(--fs-xs);letter-spacing:.12em;color:var(--ink-soft);padding:var(--sp-5) 0 var(--sp-2)}
.breadcrumb a{color:var(--ink-soft);border-bottom:none}
.breadcrumb a:hover{color:var(--vermilion)}
.breadcrumb span{margin:0 var(--sp-2)}
/* heroes — 每页不同结构 */
.hero{padding:var(--sp-8) 0}
.hero h1{font-size:var(--fs-xxl);line-height:1.2}
.hero-copy p,.hero-line p,.hero-band p,.hero-toc p{margin-top:var(--sp-5);font-size:var(--fs-m)}
.hero-split{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--sp-7);align-items:center}
.hero-visual{border:1px solid var(--hairline);padding:var(--sp-4);background:#fff}
.hero-visual figcaption{font-size:var(--fs-xs);color:var(--ink-soft);margin-top:var(--sp-2);letter-spacing:.06em}
.hero-actions{margin-top:var(--sp-5)}
.hero-band{background:var(--ink);color:var(--paper);margin:0 calc(-1 * var(--sp-5));padding:var(--sp-8) var(--sp-6)}
.hero-band h1{color:var(--paper)}
.hero-band p{color:#cfc7b8;max-width:70ch}
.hero-toc h1{font-size:var(--fs-xxl);border-bottom:4px double var(--vermilion);display:inline-block;padding-bottom:var(--sp-3)}
.toc-list{margin-top:var(--sp-6);columns:2;column-gap:var(--sp-7);list-style:none;counter-reset:toc}
.toc-list li{counter-increment:toc;padding:var(--sp-2) 0;border-bottom:1px solid var(--hairline);font-size:var(--fs-l)}
.toc-list a{color:var(--ink);border-bottom:none}
.toc-list a:hover{color:var(--vermilion)}
.toc-list a::before{content:counter(toc,decimal-leading-zero) "  ";color:var(--vermilion);font-size:var(--fs-s);letter-spacing:.1em}
.btn{display:inline-block;background:var(--ink);color:var(--paper);border:none;padding:var(--sp-3) var(--sp-5);font-size:var(--fs-s);letter-spacing:.12em;font-family:inherit;cursor:pointer}
.btn:hover{background:var(--vermilion)}
.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--ink)}
.btn-ghost:hover{background:transparent;color:var(--vermilion);border-color:var(--vermilion)}
/* sections */
section{margin-bottom:var(--sp-8)}
section h2{font-size:var(--fs-xl);margin-bottom:var(--sp-5)}
.section-note{font-size:var(--fs-s);color:var(--ink-soft);margin-bottom:var(--sp-5)}
/* capabilities */
.cap-lead{border-left:4px solid var(--vermilion);padding-left:var(--sp-5);margin-bottom:var(--sp-6)}
.cap-lead h3{font-size:var(--fs-l);margin-bottom:var(--sp-3)}
.cap-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-6)}
.cap-row h3{font-size:var(--fs-l);margin-bottom:var(--sp-2)}
/* nine-item grid（契约结构） */
.items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.item img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block;filter:grayscale(15%)}
.item h2,.item h3{font-size:var(--fs-l);margin:var(--sp-3) 0 var(--sp-2)}
.item h3 a{color:var(--ink);border-bottom:none}
.item h3 a:hover{color:var(--vermilion)}
.item p{font-size:var(--fs-s);color:var(--ink-soft)}
.item ul{list-style:none;margin-top:var(--sp-2)}
.item li{font-size:var(--fs-s);color:var(--ink-soft);padding:var(--sp-1) 0;border-top:1px dotted var(--hairline)}
.item li::before{content:"— ";color:var(--vermilion)}
/* process */
.steps{list-style:none;counter-reset:step;border-top:2px solid var(--ink)}
.steps li{counter-increment:step;padding:var(--sp-5) 0;border-bottom:1px solid var(--hairline);display:grid;grid-template-columns:120px 1fr;gap:var(--sp-5)}
.steps li::before{content:"0" counter(step);font-size:var(--fs-xl);color:var(--vermilion);font-weight:700}
.steps h3{font-size:var(--fs-l)}
.steps p{font-size:var(--fs-s);color:var(--ink-soft);margin-top:var(--sp-2)}
/* faq */
.faq-block dl dt{font-size:var(--fs-l);margin-top:var(--sp-5);padding-left:var(--sp-4);border-left:3px solid var(--hairline)}
.faq-block dl dd{margin-top:var(--sp-2);color:var(--ink-soft);font-size:var(--fs-s)}
.faq-list h2{border-top:2px solid var(--ink);padding-top:var(--sp-5);margin-top:var(--sp-7)}
.faq-list h3{font-size:var(--fs-l);margin-top:var(--sp-6)}
.faq-list p{color:var(--ink-soft);font-size:var(--fs-m);margin-top:var(--sp-3)}
/* about */
.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:var(--sp-7);align-items:start}
.about-fig{border:1px solid var(--hairline);padding:var(--sp-4);background:#fff;position:sticky;top:var(--sp-5)}
.about-fig figcaption{font-size:var(--fs-xs);color:var(--ink-soft);margin-top:var(--sp-2)}
.about-text h2{font-size:var(--fs-l);margin:var(--sp-6) 0 var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--hairline)}
.about-text h2:first-of-type{margin-top:0}
.about-text p{font-size:var(--fs-m)}
/* article */
.article h1{font-size:var(--fs-xxl);line-height:1.2}
.article-meta{font-size:var(--fs-xs);letter-spacing:.12em;color:var(--ink-soft);margin-top:var(--sp-3)}
.article h2{font-size:var(--fs-xl);margin:var(--sp-7) 0 var(--sp-4);border-bottom:2px solid var(--ink);padding-bottom:var(--sp-2)}
.article p{margin-top:var(--sp-4)}
.table-wrap{overflow-x:auto;margin:var(--sp-5) 0}
table{border-collapse:collapse;width:100%;font-size:var(--fs-s)}
caption{text-align:left;font-size:var(--fs-xs);letter-spacing:.1em;color:var(--ink-soft);padding-bottom:var(--sp-2)}
th,td{border:1px solid var(--hairline);padding:var(--sp-2) var(--sp-3);text-align:left;vertical-align:top}
th{background:var(--paper-deep);font-weight:700}
/* cta */
.cta{border-top:4px double var(--ink);border-bottom:4px double var(--ink);padding:var(--sp-7) 0;text-align:center}
.cta h2{font-size:var(--fs-xl)}
.cta p{margin:var(--sp-3) auto 0}
.cta .btn{margin-top:var(--sp-4)}
/* footer */
.site-footer{border-top:2px solid var(--ink);margin-top:var(--sp-8)}
.footer-inner{padding:var(--sp-6) var(--sp-5);display:flex;flex-wrap:wrap;gap:var(--sp-5);justify-content:space-between;font-size:var(--fs-s);color:var(--ink-soft)}
.footer-inner nav{display:flex;gap:var(--sp-4);flex-wrap:wrap}
.footer-inner a{color:var(--ink-soft);border-bottom:none}
.footer-inner a:hover{color:var(--vermilion)}
/* responsive */
@media(max-width:900px){
  .hero-split,.about-grid,.cap-row{grid-template-columns:1fr}
  .hero h1,.hero-toc h1{font-size:var(--fs-xl)}
  .toc-list{columns:1}
  :root{--fs-xxl:40px}
}
@media(max-width:760px){
  .items{grid-template-columns:minmax(0,1fr)}
  .steps li{grid-template-columns:1fr;gap:var(--sp-2)}
  .steps li::before{font-size:var(--fs-l)}
}