/* PAGE · 《似是而非》样式 —— Anthropic 骨架 × Nature 配色（学术纸感·浅色）
 * 设计令牌：纸张奶油底 / 油墨黑 / 期刊深红 / 藏青 / 黄铜金
 * 字号原则：正文 ≥17px，日志 ≥14px，绝不牺牲可读性
 */
:root{
  --paper:#F7F3EA;        /* 纸张奶油底 */
  --paper-deep:#EFE9DB;   /* 深一度纸色（面板） */
  --card:#FFFDF7;         /* 卡片白 */
  --ink:#211F1B;          /* 油墨黑（正文） */
  --ink-soft:#57534A;     /* 次级文字 */
  --ink-faint:#6E695E;    /* 三级文字（对奶油底对比度 ≥4.5:1） */
  --hairline:#E4DECE;     /* 发丝线 */
  --line:#D9D2C0;         /* 结构线 */
  --journal-red:#A6192E;  /* 期刊深红（Nature 式刊头） */
  --navy:#1F3A5F;         /* 藏青（数据/次强调） */
  --coral:#B4553C;        /* 陶红（EP06 III 期） */
  --green:#2E7D5B;        /* 科研绿 */
  --gold:#93701F;         /* 黄铜（鱼获） */
  --amber:#B45309;        /* 琥珀（接近上钩） */
  --fish-bg:#FAF1E7;      /* 鱼获行底色 */
  --tease-bg:#F9F2E2;     /* 诱饵行底色 */
  --mono:Consolas,"JetBrains Mono",monospace;
  --serif:Georgia,"Times New Roman","SimSun",serif;
  --sans:"Segoe UI","Microsoft YaHei UI","Microsoft YaHei",sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--paper);color:var(--ink);font-family:var(--sans);
  font-size:18px;line-height:1.95;
  border-top:4px solid var(--journal-red); /* 期刊刊头红线 */
}
::selection{background:#E9DFC8;color:var(--ink)}

/* ---- 刊头 ---- */
.brand{
  display:flex;align-items:baseline;gap:16px;padding:26px 36px 22px;
  border-bottom:1px solid var(--line);position:sticky;top:0;
  background:rgba(247,243,234,.94);backdrop-filter:blur(8px);z-index:10;
}
.brand-cn{font-family:var(--serif);font-size:22px;letter-spacing:7px;font-weight:700;color:var(--ink)}
.brand-en{font-family:var(--mono);font-size:12px;letter-spacing:3px;color:var(--ink-faint)}
.brand-tag{margin-left:auto;font-size:13.5px;color:var(--ink-soft);letter-spacing:3px}

main{max-width:880px;margin:0 auto;padding:0 30px 100px}

/* ---- 冷开场 ---- */
.cold{padding:16vh 0 13vh}
.cold-line{font-family:var(--serif);font-size:28px;color:var(--ink-soft);margin-bottom:12px}
.cold-line--big{font-size:50px;line-height:1.55;color:var(--ink);font-weight:700;letter-spacing:1px}
.cold-sub{font-size:17.5px;color:var(--ink-soft);line-height:1.9;margin-top:26px}
.scroll-hint{margin-top:7vh;font-family:var(--mono);font-size:14px;color:var(--ink-faint);letter-spacing:3px}

/* ---- 集数头 ---- */
.ep-head{padding:48px 0 30px;border-top:1px solid var(--line)}
.ep-no{font-family:var(--mono);font-size:14px;letter-spacing:5px;color:var(--journal-red);margin-bottom:16px}
.ep-head h1{font-family:var(--serif);font-size:60px;font-weight:800;letter-spacing:4px;line-height:1.25}
.ep-en{font-family:var(--mono);font-size:15px;color:var(--ink-faint);margin-top:12px;letter-spacing:1px}

.sec-title{font-family:var(--serif);font-size:26px;letter-spacing:2px;margin-bottom:22px;color:var(--ink)}
.sec-title.red{color:var(--journal-red)}
.gold-text{color:var(--gold);font-weight:700}
.mono{font-family:var(--mono)}

/* ---- 客户来信 ---- */
.brief{padding:32px 0;border-top:1px solid var(--line)}
.brief-head{font-family:var(--mono);font-size:14px;color:var(--journal-red);margin-bottom:16px;letter-spacing:1px}
.brief-body p{color:var(--ink-soft);font-size:17.5px;margin-bottom:14px;max-width:740px}
.brief-hook{margin-top:22px;font-family:var(--serif);font-size:23px;color:var(--ink)}

/* ---- 尸检：无效试验 ---- */
.overall{padding:32px 0;border-top:1px solid var(--line)}
.overall-card{background:var(--card);border:1px solid var(--line);border-radius:4px;padding:28px}
.ov-title{font-family:var(--mono);font-size:13.5px;letter-spacing:2px;color:var(--ink-faint);margin-bottom:18px}
.ov-arms{display:flex;gap:14px;flex-wrap:wrap}
.ov-arm,.ov-p{flex:1;min-width:160px;background:var(--paper-deep);border:1px solid var(--hairline);border-radius:4px;padding:18px;text-align:center}
.ov-arm span,.ov-p span{display:block;font-size:14px;color:var(--ink-soft)}
.ov-arm b{display:block;font-family:var(--mono);font-size:31px;margin:6px 0;color:var(--ink)}
.ov-arm i,.ov-p i{display:block;font-style:normal;font-size:13.5px;color:var(--ink-faint)}
.ov-p b{display:block;font-family:var(--mono);font-size:31px;color:var(--journal-red);margin:6px 0}
.stage-note{margin-top:22px;font-size:16px;color:var(--ink-soft)}
.stage-note b{color:var(--gold)}

/* ---- 切鱼机 ---- */
.machine{padding:32px 0;border-top:1px solid var(--line)}
.cut-counter{float:right;font-family:var(--mono);font-size:14.5px;color:var(--gold);letter-spacing:1px;font-weight:700}
.knives{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}
.knife{
  appearance:none;background:var(--card);border:1px solid var(--line);color:var(--ink);
  border-radius:4px;padding:18px 12px;font-size:16px;font-family:var(--sans);cursor:pointer;
  transition:transform .15s,border-color .2s,box-shadow .2s;text-align:center;
}
.knife small{display:block;font-size:12.5px;color:var(--ink-faint);margin-top:5px;font-family:var(--mono)}
.knife:hover:not(:disabled){transform:translateY(-2px);border-color:var(--ink);box-shadow:0 3px 12px rgba(33,31,27,.08)}
.knife.done{opacity:.35;cursor:not-allowed}
.knife.big-net{border-color:var(--gold);background:#FBF6E7;color:var(--gold);font-weight:600}
.log-head{font-family:var(--mono);font-size:13px;letter-spacing:3px;color:var(--ink-faint);margin:10px 0 12px}
.log{background:var(--paper-deep);border:1px solid var(--hairline);border-radius:4px;padding:12px 16px;max-height:360px;overflow:auto}
.log-empty{color:var(--ink-faint);font-size:15px;padding:8px 2px}
.log-line{display:flex;justify-content:space-between;gap:16px;font-size:14.5px;color:var(--ink-soft);padding:5px 2px;border-bottom:1px dashed var(--hairline)}
.log-line.p-fish{color:var(--gold);font-weight:700}
.log-line.p-tease{color:var(--amber)}
.cut-result{margin:12px 0}
.cut-label{font-family:var(--mono);font-size:12.5px;letter-spacing:2px;color:var(--ink-faint);margin:8px 0}
.cat-row{
  display:grid;grid-template-columns:150px 1fr 84px 104px 92px;gap:10px;align-items:center;
  padding:9px 12px;border:1px solid var(--hairline);border-radius:4px;margin-bottom:7px;
  font-size:14.5px;background:var(--card);position:relative;
}
.cat-n{font-weight:600}
.cat-nums{color:var(--ink-soft);font-size:13.5px}
.cat-or{color:var(--ink-faint);font-size:13.5px}
.cat-p{font-size:14.5px;color:var(--ink-soft)}
.cat-flag{font-size:13.5px;color:var(--ink-faint)}
.cat-row.p-tease{border-color:var(--amber);background:var(--tease-bg)}
.cat-row.p-tease .cat-p{color:var(--amber);font-weight:700}
.cat-row.p-tease .cat-flag{color:var(--amber)}
.cat-row.p-fish{border-color:var(--gold);border-left:4px solid var(--gold);background:var(--fish-bg)}
.cat-row.p-fish .cat-p{color:var(--gold);font-weight:700;font-size:15.5px}
.cat-row.p-fish .cat-flag{color:var(--gold);font-weight:700}
.cat-row.golden{animation:fishIn .8s ease}
.cat-note{grid-column:1/-1;font-size:13.5px;color:var(--journal-red);padding-top:3px}
@keyframes fishIn{0%{transform:scale(1)}30%{transform:scale(1.03);box-shadow:0 4px 24px rgba(147,112,31,.25)}100%{transform:scale(1)}}

.rod-row{text-align:center;margin-top:24px}
.rod-btn{
  appearance:none;background:var(--ink);color:var(--paper);
  border:none;font-size:19px;font-weight:700;padding:17px 46px;border-radius:4px;cursor:pointer;
  font-family:var(--sans);letter-spacing:3px;transition:transform .15s,box-shadow .2s;
}
.rod-btn:hover{transform:translateY(-2px);box-shadow:0 8px 26px rgba(33,31,27,.25)}

/* ---- 写稿 ---- */
.write{padding:32px 0;border-top:1px solid var(--line)}
.hl-list{display:flex;flex-direction:column;gap:12px}
.hl-card{
  appearance:none;text-align:left;background:var(--card);border:1px solid var(--line);color:var(--ink);
  border-radius:4px;padding:20px 22px;cursor:pointer;font-family:var(--sans);
  display:grid;grid-template-columns:110px 1fr 150px;gap:16px;align-items:center;
  transition:border-color .2s,transform .15s;
}
.hl-card:hover:not(:disabled){border-color:var(--ink);transform:translateX(3px)}
.hl-card:disabled{opacity:.5;cursor:default}
.hl-card.chosen{border-color:var(--journal-red);border-width:2px;opacity:1}
.hl-tag{font-family:var(--mono);font-size:12.5px;color:var(--journal-red);letter-spacing:1px}
.hl-text{font-size:16.5px;line-height:1.75}
.hl-pay{font-family:var(--mono);font-size:14.5px;color:var(--gold);text-align:right;font-weight:700}

/* ---- 发表 ---- */
.publish{padding:32px 0}
.pub-card{background:var(--card);border:1px solid var(--line);border-radius:4px;padding:32px;box-shadow:0 1px 0 var(--hairline)}
.pub-journal{font-family:var(--mono);font-size:13.5px;letter-spacing:2px;color:var(--journal-red);margin-bottom:14px}
.pub-title{font-family:var(--serif);font-size:26px;font-weight:700;line-height:1.6}
.pub-meta{margin-top:12px;font-size:13.5px;color:var(--ink-faint);font-family:var(--mono)}
.pub-pay{margin-top:18px;font-size:16.5px;color:var(--ink-soft)}
.pub-pay b{font-family:var(--mono);color:var(--gold);font-size:22px}
.pub-foot{margin-top:10px;font-size:14.5px;color:var(--journal-red);font-weight:600}

/* 揭示/结算组件样式见 ep.css（八集共用，单一出处） */
.publish.hidden,.write.hidden,.rod-row.hidden{display:none}

@media (max-width:720px){
  .knives{grid-template-columns:1fr 1fr}
  .cat-row{grid-template-columns:100px 1fr 80px 74px}
  .cat-or,.cat-flag{display:none}
  .ep-head h1{font-size:42px}
  .cold-line--big{font-size:34px}
  .hl-card{grid-template-columns:1fr}
  .brand{padding:18px 20px 14px}
  main{padding:0 20px 70px}
}

/* ---- 可访问性与排版 ---- */
:focus-visible{outline:3px solid var(--journal-red);outline-offset:2px;border-radius:2px}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001s!important;animation-iteration-count:1!important;transition-duration:.001s!important}
}