/* ===== magazine-editorial · 杂志多栏排版 ===== */
:root{
  --paper:#f4efe4; --card:#fbf8f0; --ink:#1c1814; --sub:#5a5248; --dim:#938a78;
  --rule:#1c1814; --hair:rgba(28,24,20,.16); --red:#b3261e;
  --serif:Georgia,"Times New Roman","Songti SC","Noto Serif SC",serif;
  --sans:"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;
  --mono:ui-monospace,"SF Mono",Consolas,monospace;
  --maxw:1080px;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root{
    --paper:#16140f; --card:#1e1b15; --ink:#f0ead9; --sub:#b3a994; --dim:#7d735f;
    --rule:#f0ead9; --hair:rgba(240,234,217,.16); --red:#e8736a;
    color-scheme:dark;
  }
}

*{box-sizing:border-box;margin:0;padding:0;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{font-family:var(--serif);background:var(--paper);color:var(--ink);line-height:1.6;min-height:100vh;}
a{color:inherit;text-decoration:none;}
::selection{background:var(--red);color:var(--paper);}
kbd{font-family:var(--mono);font-size:11px;border:1px solid var(--hair);border-radius:3px;padding:1px 6px;color:var(--ink);background:var(--card);}

.paper{max-width:var(--maxw);margin:0 auto;
  padding:0 clamp(16px,4vw,44px) calc(40px + env(safe-area-inset-bottom));}

/* strap / announcement */
.strap{display:flex;align-items:center;gap:14px;padding:calc(11px + env(safe-area-inset-top)) 0 11px;border-bottom:1px solid var(--hair);font-family:var(--sans);}
.strap-l{background:var(--red);color:var(--paper);font-size:11px;font-weight:700;letter-spacing:.08em;padding:3px 9px;flex:none;}
.strap p{flex:1;font-size:12px;color:var(--sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.strap-r{font-family:var(--mono);font-size:12.5px;color:var(--ink);flex:none;}

/* masthead */
.masthead{text-align:center;padding:clamp(26px,5vw,46px) 0;border-bottom:3px double var(--rule);}
.mh-meta{font-family:var(--sans);font-size:11.5px;letter-spacing:.2em;color:var(--dim);text-transform:uppercase;display:flex;justify-content:center;gap:12px;}
.mh-sep{color:var(--red);}
.logotype{display:block;font-family:var(--serif);font-weight:700;font-size:clamp(46px,13vw,112px);line-height:1;letter-spacing:-.02em;margin:14px 0;word-break:break-word;}
.mh-tools{display:flex;align-items:center;justify-content:center;gap:16px;font-family:var(--sans);}
.mh-tag{font-size:11px;letter-spacing:.18em;color:var(--dim);}
.reading{font-family:var(--sans);font-size:12px;background:transparent;border:1px solid var(--rule);color:var(--ink);padding:7px 14px;cursor:pointer;transition:.18s;}
.reading:hover{background:var(--rule);color:var(--paper);}

/* main */
main{padding-top:clamp(30px,5vw,50px);}

.feature{text-align:center;max-width:760px;margin:0 auto;}
.rubric{font-family:var(--sans);font-size:12px;letter-spacing:.2em;color:var(--red);text-transform:uppercase;margin-bottom:16px;}
.feature h1{font-family:var(--serif);font-weight:700;font-size:clamp(38px,9vw,76px);line-height:1.02;letter-spacing:-.02em;word-break:break-word;}
.standfirst{margin-top:22px;font-size:clamp(16px,2.8vw,20px);line-height:1.7;text-align:left;}
.dropcap{float:left;font-family:var(--serif);font-weight:700;font-size:4.4em;line-height:.78;padding:6px 12px 0 0;color:var(--red);}

/* feature box (main domain) */
.feature-box{margin:clamp(34px,6vw,56px) 0;background:var(--card);border-top:3px solid var(--rule);border-bottom:3px solid var(--rule);padding:clamp(22px,4vw,34px) clamp(18px,3vw,28px);}
.fb-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;font-family:var(--sans);}
.fb-kicker{font-size:12px;letter-spacing:.14em;color:var(--dim);text-transform:uppercase;}
.fb-live{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--red);}
.fb-live i{width:7px;height:7px;border-radius:999px;background:var(--red);}
.fb-domain{font-family:var(--serif);font-weight:700;font-size:clamp(28px,7vw,56px);letter-spacing:-.01em;margin:14px 0 22px;word-break:break-all;}
.fb-act{display:flex;flex-wrap:wrap;align-items:center;gap:14px;font-family:var(--sans);}
.ink{font-family:var(--sans);font-size:14px;font-weight:600;padding:12px 24px;cursor:pointer;border:1px solid var(--rule);transition:.18s;}
.ink-fill{background:var(--rule);color:var(--paper);}
.ink-fill:hover{background:var(--red);border-color:var(--red);}
.ink-line{background:transparent;color:var(--ink);}
.ink-line:hover{background:var(--rule);color:var(--paper);}
.fb-save{font-family:var(--sans);font-size:12.5px;color:var(--sub);cursor:pointer;border-bottom:1px solid var(--red);padding-bottom:2px;}
.fb-save:hover{color:var(--red);}

/* column blocks */
.column-block{padding:clamp(30px,5vw,50px) 0;border-top:1px solid var(--hair);}
.head-rule{font-family:var(--serif);font-weight:700;font-size:clamp(22px,5vw,34px);letter-spacing:-.01em;margin-bottom:24px;padding-bottom:10px;border-bottom:1px solid var(--hair);}
.hr-no{font-family:var(--sans);font-size:.6em;color:var(--red);margin-right:8px;letter-spacing:.05em;}

/* routes in columns */
.route-cols{list-style:none;columns:2;column-gap:36px;}
@media (max-width:680px){.route-cols{columns:1;}}
.route{break-inside:avoid;display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--hair);font-family:var(--sans);}
.route-no{font-family:var(--mono);font-size:13px;color:var(--red);}
.route-host{flex:1;font-size:clamp(14px,3.2vw,16px);word-break:break-all;}
.route-cp{font-family:var(--sans);font-size:12px;background:transparent;border:1px solid var(--hair);color:var(--ink);padding:6px 12px;cursor:pointer;transition:.18s;}
.route-cp:hover{background:var(--rule);color:var(--paper);border-color:var(--rule);}

/* prose columns / notice */
.prose-cols{columns:2;column-gap:36px;}
@media (max-width:680px){.prose-cols{columns:1;}}
.prose-cols p{break-inside:avoid;margin-bottom:16px;font-size:15.5px;line-height:1.7;}
.lead-no{font-family:var(--serif);font-weight:700;font-size:1.5em;color:var(--red);margin-right:8px;vertical-align:-2px;}
.prose-cols b{color:var(--ink);}
.editor-note{margin-top:14px;font-family:var(--sans);font-size:13.5px;color:var(--sub);border-left:3px solid var(--red);padding:10px 16px;background:var(--card);}
.editor-note strong{color:var(--red);}

/* contacts / bylines */
.contacts{border-top:1px solid var(--hair);}
.byline{display:flex;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid var(--hair);font-family:var(--sans);cursor:pointer;transition:.18s;}
.byline:hover{padding-left:12px;}
.by-k{width:130px;flex:none;font-size:12px;letter-spacing:.08em;color:var(--dim);text-transform:uppercase;}
.by-v{flex:1;font-family:var(--serif);font-size:clamp(16px,3.6vw,22px);word-break:break-all;}
.by-a{font-size:12.5px;color:var(--red);opacity:0;transition:.18s;}
.byline:hover .by-a{opacity:1;}

/* colophon / footer */
.colophon{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding:24px 0 calc(8px + env(safe-area-inset-bottom));border-top:3px double var(--rule);font-family:var(--sans);}
.col-id{font-family:var(--serif);font-weight:700;font-size:16px;}
.colophon nav{display:flex;flex-wrap:wrap;gap:16px;}
.colophon nav a{color:var(--sub);font-size:13px;transition:.18s;}
.colophon nav a:hover{color:var(--red);}
.colophon small{color:var(--dim);font-size:12px;width:100%;}

/* toast */
.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translate(-50%,16px);z-index:50;opacity:0;pointer-events:none;font-family:var(--sans);font-size:14px;font-weight:600;background:var(--rule);color:var(--paper);padding:12px 22px;transition:.26s cubic-bezier(.2,.8,.2,1);}
.toast.on{opacity:1;transform:translate(-50%,0);pointer-events:auto;}

/* reveal */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.2,1);}
.reveal.on{opacity:1;transform:none;}

@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important;}
  .reveal{opacity:1;transform:none;}
}