/* qq1229.com — 第十三套界面：报纸 / 杂志衬线风
   奶油纸 #faf6ef + 深赤 #9e2b25 + 墨黑 #1b1a17。
   前九套全部是无衬线 + 卡片/色块，此处换字体轴：衬线大标题、栏目双细线、
   多栏文字、首字下沉、报纸数据表。骨架与配色均不与已建站重叠。 */

:root{
  --paper:#faf6ef; --ink:#1b1a17; --red:#9e2b25; --gold:#b8934a;
  --grey:#6b6459; --rule:#d8cfbf; --panel:#f3ece0;
  --serif:Georgia,"Times New Roman","Songti SC","Noto Serif CJK SC","Source Han Serif SC",serif;
  --sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  --w:1140px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font:16px/1.95 var(--serif);
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--w);margin:0 auto;padding:0 26px}

/* ── 报头 ── */
.masthead{border-bottom:3px double var(--ink);background:var(--paper)}
.masthead .wrap{padding-top:20px;padding-bottom:14px;text-align:center}
.mh-line{
  display:flex;justify-content:space-between;align-items:center;
  font:11.5px/1 var(--sans);letter-spacing:2.6px;color:var(--grey);
  padding-bottom:12px;border-bottom:1px solid var(--rule);
}
.mh-title{
  display:block;margin:16px 0 8px;font-family:var(--serif);
  font-size:clamp(28px,4.4vw,44px);font-weight:700;letter-spacing:3px;
}
.mh-sub{margin:0 0 16px;font:12.5px/1 var(--sans);letter-spacing:3.4px;color:var(--red)}
.mh-nav{
  display:flex;justify-content:center;flex-wrap:wrap;gap:0;
  border-top:1px solid var(--rule);padding-top:12px;
}
.mh-nav a{
  font:13px/1 var(--sans);letter-spacing:1.6px;color:var(--ink);
  padding:5px 16px;border-right:1px solid var(--rule);
}
.mh-nav a:last-child{border-right:0}
.mh-nav a:hover{color:var(--red)}
.mh-nav a.on{color:var(--red);font-weight:700}

/* ── 头版 ── */
.lede{border-bottom:1px solid var(--rule);padding:40px 0 34px}
.lede .wrap{display:grid;grid-template-columns:1.25fr .95fr;gap:44px;align-items:start}
/* grid item 自动最小尺寸=min-content，带 width 属性的图会撑爆整列 */
.lede .wrap > *{min-width:0}
.plate img{width:100%}
.lede h1{
  margin:0 0 16px;font-size:clamp(32px,4.8vw,52px);line-height:1.16;
  font-weight:700;letter-spacing:1px;
}
.lede .stand{
  margin:0 0 20px;padding-bottom:16px;border-bottom:1px solid var(--rule);
  font-size:18px;line-height:1.85;color:#3d382f;font-style:italic;
}
.lede .body2{columns:2;column-gap:32px;column-rule:1px solid var(--rule);font-size:15.5px;line-height:1.95}
.lede .body2 p{margin:0 0 13px}
.lede .body2 p:first-child::first-letter{
  float:left;font-size:52px;line-height:.86;padding:4px 9px 0 0;color:var(--red);font-weight:700;
}
.plate figure{margin:0}
.plate img{border:1px solid var(--ink)}
.plate figcaption{
  margin-top:9px;padding-top:8px;border-top:1px solid var(--rule);
  font:12.5px/1.7 var(--sans);color:var(--grey);
}
.byline{margin-top:18px;font:11.5px/1.9 var(--sans);letter-spacing:1.4px;color:var(--grey)}

/* 数据条（报纸「今日数字」栏） */
.figs{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);margin-top:22px}
.figs div{display:flex;justify-content:space-between;align-items:baseline;padding:9px 0;border-bottom:1px dotted var(--rule)}
.figs div:last-child{border-bottom:0}
.figs b{font-size:22px;font-weight:700;color:var(--red)}
.figs span{font:12.5px/1 var(--sans);letter-spacing:1.2px;color:var(--grey)}

/* ── 栏目 ── */
.col{padding:46px 0;border-bottom:1px solid var(--rule)}
.col.shade{background:var(--panel)}
.col-head{margin-bottom:30px;border-bottom:3px double var(--ink);padding-bottom:10px}
.col-head .tag{
  display:inline-block;background:var(--ink);color:var(--paper);
  font:11.5px/1 var(--sans);letter-spacing:2.6px;padding:5px 11px;margin-bottom:12px;
}
.col-head h2{margin:0 0 8px;font-size:clamp(23px,3vw,31px);font-weight:700;letter-spacing:.6px;line-height:1.3}
.col-head h3{margin:0 0 8px;font-size:22px;font-weight:700;letter-spacing:.5px}
.col-head p{margin:0;font:15px/1.9 var(--sans);color:var(--grey);max-width:48em}

/* 平台特色：六栏「小新闻」 */
.briefs{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.briefs > div{padding:0 24px 22px;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.briefs > div:nth-child(3n){border-right:0;padding-right:0}
.briefs > div:nth-child(3n+1){padding-left:0}
.briefs > div:nth-last-child(-n+3){border-bottom:0;padding-bottom:0}
.briefs > div{padding-top:22px}
.briefs > div:nth-child(-n+3){padding-top:0}
.briefs h4{margin:0 0 8px;font-size:17px;font-weight:700;letter-spacing:.4px}
.briefs h4 em{font-style:normal;color:var(--red);margin-right:7px}
.briefs p{margin:0;font:14.5px/1.9 var(--sans);color:#4a4438}

/* 规则：左流程右牌型表 */
.split{display:grid;grid-template-columns:.92fr 1.08fr;gap:40px}
.subhd{margin:0 0 14px;font:12px/1 var(--sans);letter-spacing:2.6px;color:var(--red);text-transform:uppercase}
.steps{list-style:none;margin:0;padding:0;counter-reset:s}
.steps li{counter-increment:s;padding:13px 0 13px 42px;border-bottom:1px dotted var(--rule);position:relative;font-size:15px;line-height:1.9}
.steps li::before{
  content:counter(s);position:absolute;left:0;top:13px;
  width:26px;height:26px;border:1px solid var(--ink);border-radius:50%;
  display:grid;place-items:center;font:12px/1 var(--sans);font-weight:700;
}
.steps b{color:var(--red)}
.tbl{width:100%;border-collapse:collapse;font-size:14.5px}
.tbl th{
  text-align:left;font:11.5px/1 var(--sans);letter-spacing:2px;color:var(--grey);
  padding:0 8px 9px 0;border-bottom:1px solid var(--ink);font-weight:400;
}
.tbl td{padding:9px 8px 9px 0;border-bottom:1px dotted var(--rule);vertical-align:top}
.tbl td:first-child{width:34px;color:var(--red);font-weight:700}
.tbl td:nth-child(2){width:120px;font-weight:700;white-space:nowrap}
.tbl td:last-child{color:#4a4438;font:14px/1.8 var(--sans)}

/* 策略：四条 + 数据表 */
.advice{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-bottom:32px}
.advice > div{padding:22px 26px;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.advice > div:nth-child(2n){border-right:0;padding-right:0}
.advice > div:nth-child(2n+1){padding-left:0}
.advice > div:nth-last-child(-n+2){border-bottom:0;padding-bottom:0}
.advice h4{margin:0 0 9px;font-size:17px;font-weight:700}
.advice p{margin:0 0 9px;font:14.5px/1.92 var(--sans);color:#4a4438}
.advice p:last-child{margin-bottom:0}
.advice b{color:var(--red)}
.rates{width:100%;border-collapse:collapse;font-size:14.5px;margin-bottom:30px}
.rates th{text-align:left;font:11.5px/1 var(--sans);letter-spacing:2px;color:var(--grey);padding:0 10px 9px 0;border-bottom:1px solid var(--ink);font-weight:400}
.rates th:last-child,.rates td:last-child{text-align:right}
.rates td{padding:10px 10px 10px 0;border-bottom:1px dotted var(--rule)}
.rates td:last-child{font-weight:700;color:var(--red);white-space:nowrap}
.rates td.bar{width:190px}
.rates i{display:block;height:8px;background:#e6ddcd;font-style:normal}
.rates i > s{display:block;height:100%;background:var(--red);text-decoration:none;opacity:.85}
.pull{
  margin:0;padding:22px 28px;border-top:3px double var(--ink);border-bottom:3px double var(--ink);
  font-size:18px;line-height:1.9;font-style:italic;color:#3d382f;
}
.pull b{font-style:normal;color:var(--red)}

/* 场次分级：四联票券 */
.tickets{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--ink)}
.tickets > div{padding:22px 20px;border-right:1px dashed var(--ink)}
.tickets > div:last-child{border-right:0}
.tickets .lv{font:11.5px/1 var(--sans);letter-spacing:2.4px;color:var(--grey);margin-bottom:10px}
.tickets h4{margin:0 0 10px;font-size:19px;font-weight:700;color:var(--red)}
.tickets p{margin:0;font:14px/1.9 var(--sans);color:#4a4438}

/* FAQ */
.qa{border-bottom:1px dotted var(--rule);padding:4px 0}
.qa summary{
  list-style:none;cursor:pointer;padding:14px 30px 14px 26px;position:relative;
  font-size:17px;font-weight:700;letter-spacing:.3px;
}
.qa summary::-webkit-details-marker{display:none}
.qa summary::before{content:"問";position:absolute;left:0;top:15px;color:var(--red);font-size:15px}
.qa summary::after{content:"＋";position:absolute;right:2px;top:15px;color:var(--grey);font:14px/1 var(--sans)}
.qa[open] summary::after{content:"－"}
.qa .a{
  padding:0 0 18px 26px;font:14.8px/2 var(--sans);color:#4a4438;max-width:60em;
  border-left:2px solid var(--rule);margin-left:6px;
}

/* 结尾号召 */
.closing{border:1px solid var(--ink);padding:30px 32px;display:grid;grid-template-columns:1.3fr 1fr;gap:34px;align-items:center;background:var(--paper)}
.closing h4{margin:0 0 10px;font-size:22px;font-weight:700;color:var(--red)}
.closing p{margin:0;font:15px/1.95 var(--sans);color:#4a4438}
.closing ol{margin:0;padding-left:1.25em;font:14.5px/2 var(--sans);color:#4a4438}
.closing li{margin-bottom:6px}
.closing li b{color:var(--ink)}

/* 术语表 */
.gloss{columns:2;column-gap:40px;column-rule:1px solid var(--rule)}
.gloss div{break-inside:avoid;padding:9px 0;border-bottom:1px dotted var(--rule)}
.gloss dt{margin:0 0 2px;font-size:15px;font-weight:700}
.gloss dd{margin:0;font:14px/1.85 var(--sans);color:#4a4438}

/* 文章 */
.stories{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.post-card{padding:0 22px 24px;border-right:1px solid var(--rule)}
.stories .post-card:nth-child(3n){border-right:0;padding-right:0}
.stories .post-card:nth-child(3n+1){padding-left:0}
.post-card .sg-auto-thumb{display:block;margin-bottom:13px}
.post-card .sg-auto-thumb img{width:100%;aspect-ratio:16/10;object-fit:cover;border:1px solid var(--ink)}
.post-cat{display:inline-block;font:11px/1 var(--sans);letter-spacing:2px;color:var(--red);margin-bottom:7px}
.post-title{font-size:17px;font-weight:700;line-height:1.5;margin-bottom:8px}
.post-title a:hover{color:var(--red)}
.post-excerpt{font:13.8px/1.9 var(--sans);color:#4a4438;margin-bottom:9px}
.post-meta{font:11.5px/1 var(--sans);letter-spacing:1.4px;color:var(--grey)}
.pagination{margin-top:32px;display:flex;gap:8px;flex-wrap:wrap}
.pagination .page-numbers{
  border:1px solid var(--rule);padding:8px 15px;font:14px/1 var(--sans);background:var(--paper);
}
.pagination .page-numbers.current{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.pagination .page-numbers:hover{border-color:var(--red);color:var(--red)}

/* 内页 */
.page-head{border-bottom:3px double var(--ink);padding:42px 0 26px}
.page-head h1{margin:0 0 12px;font-size:clamp(26px,3.6vw,40px);font-weight:700;line-height:1.28;letter-spacing:.6px}
.single-wrap{padding:38px 0 60px}
.post-content{font-size:16.5px;line-height:2.05;max-width:42em}
.post-content h2{font-size:23px;font-weight:700;margin:32px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--rule)}
.post-content h3{font-size:19px;font-weight:700;margin:24px 0 10px}
.post-content p{margin:0 0 16px}
.post-content img{border:1px solid var(--ink);margin:20px 0}
.post-content ul,.post-content ol{padding-left:1.35em;margin:0 0 16px}
.post-content li{margin-bottom:7px}
.post-content blockquote{margin:20px 0;padding:14px 22px;border-left:3px solid var(--red);background:var(--panel);font-style:italic}
.post-content a{color:var(--red);border-bottom:1px solid var(--rule)}

/* 报尾 */
.colophon{background:var(--ink);color:#cfc7b8;padding:44px 0 22px;font:14px/1.95 var(--sans)}
.colophon .cols{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:34px}
.colophon .cname{font-family:var(--serif);color:var(--paper);font-size:20px;font-weight:700;letter-spacing:2px;margin-bottom:12px}
.colophon h4{margin:0 0 13px;color:var(--gold);font:11.5px/1 var(--sans);letter-spacing:2.4px}
.colophon p{margin:0;color:#a49b8c;font-size:13.5px}
.colophon ul{list-style:none;margin:0;padding:0}
.colophon li{margin-bottom:9px}
.colophon li a{color:#cfc7b8;font-size:13.5px}
.colophon li a:hover{color:var(--gold)}
.colophon .bot{margin-top:34px;padding-top:18px;border-top:1px solid #35322b;font-size:12.5px;color:#8b8375;letter-spacing:.6px}

@media(max-width:960px){
  .lede .wrap,.split,.closing,.colophon .cols{grid-template-columns:1fr}
  .lede .body2,.gloss{columns:1;column-rule:0}
  .briefs,.advice,.tickets,.stories{grid-template-columns:1fr}
  .briefs > div,.advice > div,.stories .post-card{
    border-right:0;padding-left:0;padding-right:0;border-bottom:1px solid var(--rule);
  }
  .tickets > div{border-right:0;border-bottom:1px dashed var(--ink)}
  .tickets > div:last-child{border-bottom:0}
  .rates td.bar{display:none}
  .mh-line{flex-direction:column;gap:6px}
}

.cta-top{display:inline-flex;vertical-align:middle;margin-left:14px;align-items:center;gap:.38em;
 padding:.5em 1.15em;border:1.5px solid currentColor;border-radius:999px;
 font-size:.85rem;font-weight:700;line-height:1.15;white-space:nowrap;
 text-decoration:none;color:var(--red);opacity:.92;transition:opacity .2s,transform .2s}
.cta-top:hover{opacity:1;transform:translateY(-1px)}
.cta-top .dot{width:.42em;height:.42em;border-radius:50%;background:currentColor;
 display:inline-block;flex:none}
@media(max-width:820px){.cta-top{padding:.44em .9em;font-size:.8rem}}
@media(max-width:560px){.cta-top{padding:.4em .78em;font-size:.75rem;gap:.3em}
 .cta-top .dot{width:.36em;height:.36em}}
@media(max-width:380px){.cta-top{padding:.36em .66em;font-size:.72rem}}