:root{--ink:#090a0b;--paper:#e8e2d8;--paper2:#cfc7ba;--red:#a91f1f;--red2:#e54336;--line:rgba(232,226,216,.18);--muted:#98938b;--max:1500px;--serif:"Songti SC","Noto Serif SC",serif;--sans:Inter,"PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x: clip;background:var(--ink);color:var(--paper);font-family:var(--sans);font-size:16px}img{display:block;width:100%;height:100%;object-fit:cover}figure,h1,h2,h3,p{margin:0}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line);background:#070809}.site-header>p{font-size:9px;letter-spacing:.28em;color:var(--muted)}.brand{display:flex;align-items:center;gap:10px}.brand strong{font-size:19px;letter-spacing:.08em}.brand-mark{width:34px;height:34px;border:2px solid var(--red2);border-radius:50%;display:grid;place-items:center;position:relative}.brand-mark:before,.brand-mark:after{content:"";position:absolute;background:var(--red2)}.brand-mark:before{width:22px;height:2px;transform:rotate(-38deg)}.brand-mark:after{height:22px;width:2px;transform:rotate(38deg)}.brand-mark i{width:5px;height:5px;background:var(--paper);border-radius:50%}
.hero{min-height:740px;position:relative;display:grid;grid-template-rows:auto 1fr;padding:35px 18px 75px;overflow:hidden;background:radial-gradient(circle at 82% 25%,rgba(169,31,31,.22),transparent 30%),linear-gradient(140deg,#111314 0%,#08090a 58%,#15100f 100%)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(232,226,216,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(232,226,216,.035) 1px,transparent 1px);background-size:90px 90px;pointer-events:none}.hero-copy{position:relative;z-index:4;align-self:end;padding-top:410px}.eyebrow{font-size:10px;letter-spacing:.2em;color:var(--red2);font-weight:700}.hero h1{font:600 clamp(42px,13vw,74px)/1.05 var(--serif);letter-spacing:-.04em;max-width:690px;margin:18px 0 20px}.hero-lead{font:16px/1.8 var(--serif);color:var(--paper2)}.evidence-line{display:flex;align-items:center;gap:9px;margin-top:27px;font-size:8px;letter-spacing:.18em;color:var(--muted)}.evidence-line i{width:38px;height:1px;background:var(--red);position:relative}.evidence-line i:after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;border-radius:50%;background:var(--red2)}.hero-posters{position:absolute;z-index:2;top:72px;left:16px;right:16px;height:325px}.hero-poster{position:absolute;width:33%;height:76%;border:1px solid rgba(232,226,216,.22);box-shadow:0 18px 45px #000;filter:saturate(.72) contrast(1.06)}.hero-poster:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.45))}.hero-poster.p1{left:0;top:42px;transform:rotate(-5deg)}.hero-poster.p2{left:17%;top:6px;transform:rotate(3deg);z-index:2}.hero-poster.p3{left:36%;top:31px;transform:rotate(-2deg);z-index:3}.hero-poster.p4{right:15%;top:2px;transform:rotate(5deg);z-index:2}.hero-poster.p5{right:0;top:48px;transform:rotate(-3deg)}.case-stamp{position:absolute;right:20px;bottom:28px;transform:rotate(-4deg);border:3px double var(--red);color:var(--red2);padding:9px 12px;text-align:center;z-index:3;opacity:.8}.case-stamp b{display:block;font-size:12px;letter-spacing:.13em}.case-stamp span{font-size:8px;letter-spacing:.1em}.coordinate{position:absolute;left:18px;top:31px;font-size:8px;letter-spacing:.24em;color:var(--muted)}
.section-shell{max-width:var(--max);margin:0 auto;padding:80px 18px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:40px;border-top:1px solid var(--line);padding-top:22px}.section-heading p{font-size:10px;letter-spacing:.25em;color:var(--red2);margin-bottom:15px}.section-heading h2{font:600 clamp(36px,9vw,64px)/1.15 var(--serif);letter-spacing:-.035em}.section-heading>span{font-size:9px;line-height:1.7;letter-spacing:.19em;text-align:right;color:var(--muted)}
.ranking{background:#111314}.ranking-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:34px 10px}.rank-card{min-width:0}.poster{aspect-ratio:3/4.35;position:relative;background:#17191a;overflow:hidden;border:1px solid var(--line)}.poster:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(0,0,0,.72))}.poster b{position:absolute;z-index:2;left:10px;bottom:9px;font:700 30px/1 var(--serif);color:var(--paper)}.poster i{position:absolute;z-index:2;right:8px;bottom:11px;font:8px/1 var(--sans);letter-spacing:.12em;color:var(--red2)}.tag-row{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0 8px}.tag-row span{font-size:9px;letter-spacing:.08em;color:var(--red2);border:1px solid rgba(229,67,54,.35);padding:4px 6px}.rank-card h3{font:600 18px/1.35 var(--serif)}.rank-card p{margin-top:7px;font-size:12px;line-height:1.65;color:var(--muted)}
.features{background:var(--paper);color:#161514;max-width:none}.features>.section-heading,.features>.feature-grid{max-width:var(--max);margin-left:auto;margin-right:auto}.features .section-heading{border-color:rgba(9,10,11,.16)}.features .section-heading>span{color:#706a62}.feature-grid{display:grid;gap:12px}.feature-card{height:425px;position:relative;overflow:hidden;background:#222}.feature-card img{filter:saturate(.65) contrast(1.08)}.feature-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 28%,rgba(0,0,0,.88))}.feature-copy{position:absolute;left:20px;right:20px;bottom:20px;color:var(--paper)}.feature-copy small{font-size:9px;letter-spacing:.2em;color:var(--red2)}.feature-copy h3{font:600 32px/1.1 var(--serif);margin:9px 0 11px}.feature-copy strong{font:600 17px/1.35 var(--serif)}.feature-copy p{margin-top:8px;font-size:12px;line-height:1.65;color:#bcb6ad}
.poster-wall{background:#0b0c0d}.wall-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:9px}.wall-card{aspect-ratio:3/4.2;position:relative;overflow:hidden;border:1px solid var(--line);background:#151718}.wall-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.9))}.wall-card>div{position:absolute;z-index:2;left:12px;right:8px;bottom:11px}.wall-card small{font-size:8px;letter-spacing:.17em;color:var(--red2)}.wall-card h3{font:600 16px/1.25 var(--serif);margin-top:5px}
.closing{min-height:480px;display:grid;place-items:center;align-content:center;text-align:center;padding:80px 18px;position:relative;overflow:hidden;background:linear-gradient(rgba(9,10,11,.84),rgba(9,10,11,.96)),repeating-linear-gradient(90deg,transparent 0 70px,rgba(232,226,216,.05) 71px)}.closing-mark{position:absolute;font:700 430px/1 var(--serif);color:rgba(169,31,31,.12);top:0}.closing h2{font:600 clamp(55px,17vw,110px)/1 var(--serif);margin:13px 0 25px;position:relative}.closing-words{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;position:relative}.closing-words span{border:1px solid rgba(232,226,216,.28);padding:8px 11px;font-size:10px;letter-spacing:.1em}.closing>p:last-child{font-size:12px;color:var(--muted);margin-top:22px;position:relative}footer{min-height:130px;padding:35px 18px;display:flex;flex-direction:column;gap:9px;border-top:1px solid var(--line);background:#070809;color:var(--muted);font-size:11px}footer strong{font-size:17px;color:var(--paper)}
@media (min-width:720px){.site-header{height:90px;padding:0 40px}.site-header>p{font-size:10px}.hero{min-height:760px;padding:55px 40px 85px;grid-template-columns:43% 57%;align-items:center}.hero-copy{padding-top:0;align-self:center}.hero h1{font-size:64px}.hero-posters{left:auto;right:35px;top:120px;width:54%;height:500px}.hero-poster{width:34%;height:72%}.coordinate{left:40px;top:42px}.case-stamp{right:45px}.section-shell{padding:105px 40px}.ranking-grid{grid-template-columns:repeat(5, minmax(0, 1fr));gap:48px 13px}.rank-card h3{font-size:17px}.feature-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}.feature-card{height:520px}.wall-grid{grid-template-columns:repeat(5, minmax(0, 1fr));gap:12px}.wall-card h3{font-size:15px}footer{padding:40px;flex-direction:row;align-items:center;justify-content:space-between}}
@media (min-width:1120px){.site-header{padding:0 max(55px,calc((100vw - var(--max))/2))}.hero{min-height:830px;padding-left:max(55px,calc((100vw - var(--max))/2));padding-right:max(55px,calc((100vw - var(--max))/2))}.hero h1{font-size:82px}.hero-posters{right:max(55px,calc((100vw - var(--max))/2));width:min(55%,820px);height:620px}.hero-copy{max-width:610px}.coordinate{left:max(55px,calc((100vw - var(--max))/2))}.case-stamp{right:max(55px,calc((100vw - var(--max))/2))}.section-heading h2{font-size:68px}.feature-grid{grid-template-columns:repeat(4, minmax(0, 1fr))}.feature-card{height:590px}.feature-copy h3{font-size:38px}.section-shell{padding-top:130px;padding-bottom:130px}footer{padding-left:max(55px,calc((100vw - var(--max))/2));padding-right:max(55px,calc((100vw - var(--max))/2))}}
.section-note{font-size:13px;line-height:1.75;color:var(--muted);margin:-24px 0 30px;max-width:52em}
.genre-intro .intro-lead{font:400 clamp(17px,4.4vw,24px)/1.85 var(--serif);color:var(--paper);max-width:34em;margin-bottom:44px}
.genre-compare{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:0;border-top:1px solid var(--line)}
.genre-compare>div{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;padding:22px 0;border-bottom:1px solid var(--line);min-width:0}
.genre-compare dt{font:600 18px/1.3 var(--serif);color:var(--red2);letter-spacing:.02em}
.genre-compare dd{margin:0;font-size:14px;line-height:1.85;color:var(--muted);min-width:0}
.glossary{background:var(--paper);color:#161514;max-width:none}
.glossary .section-heading{border-color:rgba(9,10,11,.16)}
.glossary .section-heading h2,.glossary .section-heading span{color:#161514}
.glossary-list{list-style:none;counter-reset:g;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:0;border-top:1px solid var(--line)}
.glossary-list li{counter-increment:g;display:grid;grid-template-columns:44px minmax(0,1fr);gap:4px 14px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--line);min-width:0}
.glossary-list li::before{content:counter(g,decimal-leading-zero);grid-row:1/3;font:600 12px/1 var(--sans);letter-spacing:.06em;color:var(--red2);border:1px solid rgba(229,67,54,.4);padding:6px 0;text-align:center}
.glossary-list h3{font:600 17px/1.35 var(--serif);color:var(--paper);min-width:0}
.glossary-list p{font-size:13.5px;line-height:1.8;color:var(--muted);margin:0;min-width:0}
.picks-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.pick-card{min-width:0;border:1px solid var(--line);background:#121415;padding:22px 20px 20px;display:grid;gap:9px;align-content:start}
.pick-card small{font:600 11px/1 var(--sans);letter-spacing:.2em;color:var(--red2)}
.pick-card h3{font:600 clamp(19px,5vw,23px)/1.3 var(--serif);color:var(--paper)}
.pick-card p{font-size:13.5px;line-height:1.8;color:var(--muted);margin:0}
.pick-titles{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;min-width:0}
.pick-titles span{font-size:11.5px;line-height:1.5;color:var(--paper2);border:1px solid var(--line);padding:5px 8px;overflow-wrap:anywhere}
.faq{background:var(--paper);color:#161514;max-width:none}
.faq .section-heading{border-color:rgba(9,10,11,.16)}
.faq .section-heading h2,.faq .section-heading span{color:#161514}
.faq-list{display:grid;grid-template-columns:minmax(0,1fr);gap:0;border-top:1px solid var(--line)}
.faq-item{min-width:0;padding:24px 0;border-bottom:1px solid var(--line);display:grid;gap:10px}
.faq-item h3{font:600 clamp(17px,4.6vw,21px)/1.4 var(--serif);color:#161514;min-width:0}
.faq-item p{font-size:14px;line-height:1.9;color:#5d574f;margin:0;max-width:46em;min-width:0}
@media (min-width:720px){
.section-note{margin:-30px 0 38px;font-size:14px}
.genre-compare{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px}
.genre-compare>div{grid-template-columns:130px minmax(0,1fr);gap:0 20px;align-items:baseline}
.genre-compare dt{font-size:19px}
.glossary-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px}
.picks-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.faq-item{grid-template-columns:minmax(0,20em) minmax(0,1fr);gap:0 40px;align-items:baseline;padding:28px 0}
}
@media (min-width:1120px){
.glossary-list{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:54px}
.picks-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.pick-card{padding:28px 24px 24px}
}
/* ─── 悬疑专属：办案时间线 + 线索可信度（别站没有对应结构） ─── */
.case-line{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:0;border-top:1px solid var(--line);counter-reset:cs}
.case-step{counter-increment:cs;position:relative;min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:6px;padding:20px 0 20px 34px;border-bottom:1px solid var(--line)}
.case-step::before{content:counter(cs);position:absolute;left:0;top:22px;width:22px;height:22px;display:grid;place-items:center;border:1px solid rgba(229,67,54,.45);border-radius:50%;color:var(--red2);font:700 10px/1 var(--sans)}
.case-ep{color:var(--red2);font-size:10px;letter-spacing:.14em;font-weight:700}
.case-step h3{margin:0;min-width:0;font:600 18px/1.35 var(--serif);color:var(--paper)}
.case-step p{margin:0;min-width:0;color:var(--muted);font-size:13.5px;line-height:1.85}
.clue-list{display:grid;grid-template-columns:minmax(0,1fr);gap:0;border-top:1px solid var(--line)}
.clue-row{min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:18px 0;border-bottom:1px solid var(--line)}
.clue-row h3{margin:0;min-width:0;font:600 17px/1.3 var(--serif);color:var(--paper)}
.clue-meter{display:flex;gap:4px;align-items:center}
.clue-meter i{width:26px;height:4px;border-radius:2px}
.clue-meter i.on{background:var(--red2)}
.clue-meter i.off{background:rgba(232,226,216,.16)}
.clue-row p{margin:0;min-width:0;color:var(--muted);font-size:13.5px;line-height:1.85}
@media (min-width:720px){
.case-line{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px}
.clue-row{grid-template-columns:150px 150px minmax(0,1fr);align-items:center;gap:0 28px}
}
@media (min-width:1120px){
.case-line{grid-template-columns:repeat(5,minmax(0,1fr));column-gap:16px;align-items:start}
.case-step{padding:26px 0 0;border-bottom:0;border-top:2px solid rgba(229,67,54,.3)}
.case-step::before{top:-12px;left:0;background:var(--ink)}
.case-step p{font-size:12.5px}
}

/* ═══ 主页骨架：顶部导航 / 长尾问题 / 关于本站 / 公共页脚 ═══ */
.site-header{flex-wrap:wrap;gap:8px 20px;height:auto;min-height:66px;padding-top:12px;padding-bottom:12px}
.site-nav ul{display:flex;flex-wrap:wrap;gap:4px 16px;margin:0;padding:0;list-style:none;min-width:0}
.site-nav a{display:inline-block;padding:3px 0;color:var(--muted);font-size:12.5px;text-decoration:none;border-bottom:1px solid transparent}
.site-nav a:hover,.site-nav a:focus-visible{color:var(--red2);border-bottom-color:var(--red2)}

.lt-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0;border-top:1px solid var(--line)}
.lt-item{min-width:0;display:grid;gap:5px;padding:15px 0;border-bottom:1px solid var(--line)}
.lt-item h3{margin:0;min-width:0;font-size:14.5px;font-weight:700;color:var(--red2)}
.lt-item p{margin:0;min-width:0;font-size:13px;line-height:1.8;opacity:.78}

.about-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:26px}
.about-main p{margin:0 0 13px;max-width:38em;font-size:14px;line-height:1.9;opacity:.82}
.about-facts{display:grid;grid-template-columns:minmax(0,1fr);margin:0;border-top:1px solid var(--line)}
.about-facts>div{display:grid;min-width:0;grid-template-columns:minmax(0,1fr);gap:4px;padding:12px 0;border-bottom:1px solid var(--line)}
.about-facts dt{font-size:12.5px;font-weight:700;color:var(--red2)}
.about-facts dd{margin:0;min-width:0;font-size:13px;line-height:1.75;opacity:.78}

.site-footer{border-top:1px solid var(--line)}
.footer-inner{display:grid;grid-template-columns:minmax(0,1fr);gap:26px;padding-top:42px;padding-bottom:26px;text-align:left}
.footer-brand strong{display:block;font-size:17px;font-weight:700;color:var(--red2)}
.footer-brand p{margin:6px 0 0;font-size:13px;line-height:1.8;opacity:.72}
.footer-desc{max-width:26em}
.footer-heading{margin:0 0 9px;font-size:12.5px;font-weight:700;letter-spacing:.08em;opacity:.95}
.footer-nav ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 16px;margin:0;padding:0;list-style:none}
.footer-nav a{color:var(--muted);font-size:13px;text-decoration:none}
.footer-nav a:hover,.footer-nav a:focus-visible{color:var(--red2);text-decoration:underline}
.footer-meta p{margin:0 0 5px;font-size:12.5px;line-height:1.75;opacity:.72}
.footer-bottom{padding-top:14px;padding-bottom:24px;border-top:1px solid var(--line)}
.footer-bottom p{margin:0;font-size:12px;opacity:.6}

@media (min-width:720px){
.lt-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:44px}
.about-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:44px}
.about-facts>div{grid-template-columns:88px minmax(0,1fr);gap:0 16px;align-items:baseline}
.footer-inner{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1.1fr);gap:40px}
}

/* ═══ 导航与品牌标识加重：主页该有的分量 ═══ */
.site-header{position:sticky;top:0;z-index:50;min-height:74px;padding-top:14px;padding-bottom:14px;
  background:rgba(9,10,11,.93);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.site-nav ul{gap:6px 26px}
.site-nav a{font-size:15px;font-weight:600;letter-spacing:.01em;color:#c3bcb2;padding:6px 0;border-bottom:2px solid transparent}
.site-nav a:hover,.site-nav a:focus-visible{color:var(--red2);border-bottom-color:var(--red2)}

/* 品牌标识放大到与导航同一量级 */
.brand,.brand-lockup{gap:12px}
.brand strong,.brand-name{font-size:22px;font-weight:800;letter-spacing:.06em;color:var(--red2)}
.brand-mark{width:38px;height:38px;flex:0 0 38px}

@media (max-width:719px){
  .site-header{position:static;min-height:0}
  .site-nav ul{gap:4px 16px}
  .site-nav a{font-size:13.5px}
  .brand strong,.brand-name{font-size:19px}
  .brand-mark{width:32px;height:32px;flex:0 0 32px}
}
@media (min-width:1120px){
  .site-nav a{font-size:16px}
  .site-nav ul{gap:6px 32px}
  .brand strong,.brand-name{font-size:24px}
  .brand-mark{width:42px;height:42px;flex:0 0 42px}
}

/* ═══ 共享品牌标识（来自 sites/_shared/brand.css，五站一致） ═══ */
/* 旧的 .brand-mark 是 span 画的圆环，规则会污染新的 SVG，逐项中和 */
.brand-mark{border:0 !important;border-radius:0 !important;background:none !important;
  box-shadow:none !important;transform:none !important;position:static !important}
.brand-mark::before,.brand-mark::after{content:none !important}
.brand-mark i,.brand-mark b{display:none !important}

/* 品牌标识：五站共用，结构与尺寸完全一致。
   品牌黄只出现在标识、favicon、页脚竖条三处；其余强调色仍用各站主色。 */
:root{
  --brand-1:#FFC53D;
  --brand-2:#F5901E;
  --brand-ink:#1a1a1a;
}
.brand-mark{width:42px;height:42px;flex:0 0 42px;display:block}
.brand-mark.is-compact .mark-leaf{display:none}
.brand-lockup{display:inline-flex;align-items:center;gap:12px;min-width:0}
.brand-lockup .brand-name{font-size:24px;font-weight:800;letter-spacing:.06em;line-height:1.1}
.brand-lockup .brand-en{display:block;margin-top:3px;font-size:11px;letter-spacing:.22em;opacity:.55}
.site-footer .brand-mark{width:34px;height:34px;flex:0 0 34px}
.footer-bottom{border-left:3px solid var(--brand-2);padding-left:14px}
@media (max-width:719px){
  .brand-mark{width:32px;height:32px;flex:0 0 32px}
  .brand-lockup .brand-name{font-size:19px}
  .brand-lockup .brand-en{display:none}
  .site-footer .brand-mark{width:30px;height:30px;flex:0 0 30px}
}

/* ═══ 案件档案目录：四类卷宗，每类六份 ═══ */
/* 6 能被 2 与 3 整除，各断点末行都不留空格 */
.case-catalog{display:grid;gap:0}
.cf-folder{padding:26px 0 30px}
.cf-folder+.cf-folder{border-top:1px solid var(--line)}
.cf-head{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.cf-code{padding:3px 9px;border:1px solid rgba(229,67,54,.45);border-radius:2px;
  color:var(--red2);font:700 10px/1.4 var(--sans);letter-spacing:.12em}
.cf-name{margin:0;font:600 20px/1.3 var(--serif);color:var(--paper)}
.cf-count{margin-left:auto;color:var(--muted);font-size:11px;letter-spacing:.08em}
.cf-note{margin:8px 0 18px;max-width:44em;color:var(--muted);font-size:13px;line-height:1.8}
.cf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}
.cf-card{min-width:0}
.cf-cover{position:relative;overflow:hidden;border:1px solid var(--line);background:#151718;aspect-ratio:2/3}
.cf-cover img{width:100%;height:100%;object-fit:cover}
.cf-no{position:absolute;left:0;top:0;padding:3px 7px;background:rgba(9,10,11,.86);
  color:var(--red2);font:700 9px/1.4 var(--sans);letter-spacing:.08em}
.cf-card h3{margin:8px 0 3px;min-width:0;font:600 13px/1.4 var(--serif);color:var(--paper);
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.cf-tag{margin:0;color:var(--muted);font-size:10.5px}
@media (min-width:720px){
  .cf-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 14px}
  .cf-name{font-size:23px}
  .cf-folder{padding:34px 0 38px}
}
@media (min-width:1120px){
  .cf-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:22px 16px}
}
.ency-sub{margin:42px 0 16px;padding-top:24px;border-top:1px solid var(--line)}
.ency-sub h3{margin:0 0 5px;font:600 19px/1.3 var(--serif);color:var(--paper)}
.ency-sub p{margin:0;color:var(--muted);font-size:13px}
.about-site .section-heading h2{font-size:clamp(22px,3.4vw,30px)}
.about-site{padding-top:46px;padding-bottom:46px}


/* ── 品牌简介：左侧品牌陈述 + 右侧品牌词条（结构五站一致，配色各站自有）── */
.brand-about{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;margin-bottom:56px}
.ba-tagline{color:var(--red2);font-size:19px;line-height:1.5;letter-spacing:.02em;margin-bottom:18px}
.ba-body{color:var(--muted);font-size:14px;line-height:2.05;max-width:44em}
.ba-body + .ba-body{margin-top:14px}
.ba-queries{display:grid;grid-template-columns:minmax(0,1fr);border-top:1px solid var(--line)}
.ba-queries > div{padding:14px 2px;border-bottom:1px solid var(--line);min-width:0}
.ba-queries dt{color:var(--paper);font-size:14px;font-weight:600;line-height:1.4}
.ba-queries dd{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.8}
@media (min-width:720px){
.brand-about{gap:38px}
.ba-queries{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:26px}
.ba-tagline{font-size:21px}
}
@media (min-width:1120px){
.brand-about{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:start}
.ba-tagline{font-size:23px}
}