/* 朱笔圈点引擎 · 样式(依赖 juan.css 的调色板/基座) */
.lede{text-wrap:wrap}   /* 覆盖 juan.css 的 balance:正常铺满换行,不留参差空条 */

/* 卷端题:著者与第几缀在篇名之后,同行不同号——古书卷端之制,省下原眉题那一行 */
h1 .byline{font-size:.72rem;letter-spacing:.36em;color:var(--ink-faint);
  font-weight:400;margin-left:1.1em;white-space:nowrap}

/* 案卷:判词(你此刻的判断,横排)+ 最新朱批,一起钉屏幕顶端常驻。
   形制=天头:批注地带与正文以一道界栏相隔,不装卡片框
   (灰框+圆角+投影是现代组件语汇,已随 toast/反白块一并退役);
   底色同纸且不透明——诗轴从底下卷过时仍被天头盖住,sticky 之用不减 */
/* 上边距 1.2rem → .4rem:lede 到判词原为视觉间隔 46px,是「题→lede」15px 的
   三倍,而那才是页上真正的层次分界。46 由三处构成——上下边距合并后的 19.2
   (lede 的 4.8 被它吃掉,相邻边距合并)、下面的上内边距 11.2、两边的行高余量 15。
   收到 33px 仍是 15 的两倍:换气还在,不再像排松了。
   曾一路收到 26px(两处边距全清),但 26 与 lede 的行距 30 相当,两块读起来
   变成连着的两段、层次全靠颜色扛,liang 看过实机后定回 33。33 是有意的落点,
   不是没走到底。上内边距 .85rem 不动:天头钉住时它是判词与屏顶之间仅有的余地。 */
.book{position:sticky;top:0;z-index:5;background:var(--paper);
  padding:.85rem 0 .9rem;margin:.4rem 0 .5rem;
  border-bottom:1px solid transparent;transition:border-color .3s}
.book.pinned{border-bottom-color:var(--line-strong)}   /* 界栏钉住才现:平放无线,裁切时有边 */
/* 转语在场时天头让位:留白的时刻不该顶着一块板;淡出而非硬切——钉着的板直接改静态会弹 */
.book{transition:border-color .3s,opacity .45s}
.book.yield{opacity:0;pointer-events:none}

/* 篇成之印:与目录/诗史/年表的「讫」同一副样子,落在判词末尾 */
.sentence .qi{display:inline-block;margin-left:.5em;font-size:.62em;color:var(--zhu);
  border:1px solid var(--zhu);border-radius:2px;padding:0 .22em;vertical-align:.22em;
  letter-spacing:0;animation:stamp .45s ease}
.sentence{font-size:1rem;line-height:2.3;color:var(--ink);margin:0}
/* 阙字之位=排印空围「□」(刻本之制,引擎置入;印刷层记号须排印,手绘笔留给朱批层)。
   色取墨淡一档(--ink-soft,对纸 5.1:1)而非极淡:阙字标着「这里还没答」,是判词里
   最该被看见的记号,--ink-faint 的 2.26:1 在日光下会消失。极淡留给有意要退后的
   东西(诗题/款),不该让同一个变量替两件不同的事作决定。 */
.slot3{display:inline-block;min-width:1.6em;text-align:center;position:relative;
  color:var(--ink-soft);padding:.05rem .28rem;margin:0 .06rem;transition:color .5s}
.slot3.side{color:var(--zhu)}
/* 半信中间态曾被当成"没点准"(玩家反馈):问号上标改为一枚小印「存疑」,状态自明 */
.slot3.side::after{content:"存疑";font-size:.55em;color:var(--zhu-soft);border:1px solid var(--zhu-soft);
  border-radius:2px;padding:0 .18em;margin-left:.3em;vertical-align:.45em;letter-spacing:.08em}
/* 锁定=朱笔的字落在纸上(反白色块是 UI chip 语汇——退役):字色即朱、墨围隐即定 */
.slot3.lock{color:var(--zhu);font-weight:600}
.slot3.lock::before,.slot3.lock::after{content:""}
/* 两步槽坐实:印「坐实」,与「存疑」构成清晰的阶段跃迁(实朱对淡朱) */
.slot3.star.lock::after{content:"坐實";font-size:.55em;font-weight:400;color:var(--zhu);
  border:1px solid var(--zhu);border-radius:2px;padding:0 .18em;margin-left:.3em;
  vertical-align:.3em;letter-spacing:.08em;opacity:.9}
/* 锁定一瞬的"落印"顿感 */
.slot3.lock.stamp{animation:stamp .4s ease}
@keyframes stamp{0%{transform:scale(1.22)}55%{transform:scale(.97)}100%{transform:scale(1)}}
@media (prefers-reduced-motion: reduce){.slot3.lock.stamp{animation:none}}
/* 朱批不用虚线顶隔(现代组件味,玩家反馈):左置一道朱侧线,如批按落在正文之侧(朱丝栏为实线之传统) */
/* 朱批钉在屏幕左侧不动(不在手卷内:在手卷里的话,手卷一卷它就跟着跑了)。
   竖排 + 定高 = 长批顺次往左另起一列,故再长也不截断(横排小框曾切掉 18% 的批,
   最长一条 181 字只露一半,被切的正是落点句)。宽由 budget() 载入预留,诗一列不动。 */
.anyu{writing-mode:vertical-rl;text-orientation:mixed;
  font-family:"PiSub","HuiwenSub",serif;   /* 先生的手:批用文楷,与炼字朱批同声 */
  font-size:.62em;line-height:1.6;letter-spacing:.06em;color:var(--zhu);
  flex:0 0 auto;transition:opacity .3s}
.anyu.dim{color:var(--ink-faint)}
@media (max-width:480px){
  .book{padding:.7rem 0 .75rem}
  .sentence{font-size:.92rem;line-height:2.05}
}

/* 证据:诗连成一条手卷,右起(第一首在右)、往左卷;去框、只用 gap 分首(仿 serendip 曾遇手卷) */
/* 纸面:左边一条批栏钉住不动,右边手卷自卷。高度由 budget() 载入定死。
   字号基准与诗同(1.5rem):批栏搬出手卷后若不重设,.62em 会以 body 的 16px 为基,
   14.9px 悄悄掉成 9.92px(实机量出) */
.stage{display:flex;align-items:flex-start;gap:.5rem;margin:.6rem 0 1.1rem;font-size:1.5rem}
/* 批栏预留位:宽由 budget() 定死;批块贴左缘,往右生长——
   竖排从右往左排,若让批块占满预留位,短批会落在右侧、最左空着(liang 指出) */
.anyubox{flex:0 0 auto;display:flex;justify-content:flex-start;overflow:hidden}
/* 诗贴右端(卷首);居中之改已撤——左边归了朱笔 */
/* 只许左右卷,不许上下拖:overflow-x:auto 会把另一轴也算成 auto,而朱圈画在字外、
   比字大一圈,落在末字上就探出列底约 7px,那 7px 就成了能上下拖的空间(liang 在望洞庭撞见)。
   故纵轴锁死,并在上下各留一分给圈:圈探出去有地方,不至于被裁 */
.poemrow{flex:1;min-width:0;display:flex;flex-direction:row-reverse;justify-content:flex-start;
  gap:1.5em;overflow-x:auto;overflow-y:hidden;padding:.55rem .3rem;-webkit-overflow-scrolling:touch;
  scrollbar-width:none}   /* 滚动条退役:"往左还有"改由露半列示意(budget 末尾)——
                             半列字被裁在左缘是手卷自己的语言;灰圆角条是现代组件语汇 */
.poemrow::-webkit-scrollbar{display:none}
/* 诗字号全书一号:五绝七绝七律一屏放得下;词与散文的长列往下卷——
   手卷本就是要卷的,而一本书中途换字号是印坏了(见 quan.js 取舍注) */
.poemrow{font-size:1.5rem}
.poemrow .poem{flex:0 0 auto;font-size:1em;line-height:1.5;letter-spacing:.1em;
  max-height:none;max-width:none;overflow:visible;margin:0;
  writing-mode:vertical-rl;text-orientation:upright}   /* 竖排自持,不再寄生 juan.css 的 .poem */
.poemrow .poem .col{display:block;white-space:nowrap;position:relative}
/* 连点不中≥4次:答案所在列背后洇一缕极淡水痕(玩家反馈"地毯式扫雷"的解;不弹手不弹箭头) */
.col.seep::before{content:"";position:absolute;inset:-.15em -.3em;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse 55% 46% at 50% 46%, var(--zhu) 0%, transparent 72%);
  filter:blur(7px);opacity:0;animation:seep 2.6s ease forwards}
@keyframes seep{to{opacity:.08}}
@media (prefers-reduced-motion: reduce){.col.seep::before{animation:none;opacity:.08}}
/* 诗题=书上的字,墨系淡字一档,非先生之朱(三色语法:墨是书,朱是落在书上的笔;炼字题列同此) */
.poem .title{font-size:.76em;color:var(--ink-faint);letter-spacing:.1em;padding-left:.3em;cursor:default}
/* 题下注(「节」「上阕」):小字直书,刻本之制——注靠字号分层,不靠括号(诗身层无标点) */
.poem .title .zhu{font-size:.78em;letter-spacing:.12em;margin-top:.4em;display:inline-block}
/* 列内行界不再是 CSS 垫片:引擎直接拼真全角空格「　」,与行内气口同物(见 quan.js)。 */
/* 光标全诗一律手指:cursor 只挂 tell 会在桌面上把可圈处扫出来(侧信道泄底) */
.poem{cursor:pointer}
.poem .tell{-webkit-tap-highlight-color:transparent;transition:color .25s}
.poem .tell:focus-visible{outline:2px solid var(--zhu);outline-offset:2px;border-radius:4px}
/* 诗身不变色:圈中也好、未圈的旁证也好,字始终是墨——朱是圈,不是字。
   真的批点从不给正文上色,你在字外画一个红圈,字还是那个字(炼字亦然:
   活字按进槽里是墨色,朱圈画在字外)。故 .on 不改色、旁证不染色,
   纸上唯一的朱是你画下的那几个圈。 */
/* 朱圈=抖笔一画(drawRing 生成 SVG,不占布局——圈了字不动、列不错位;
   box-shadow 正椭圆是尺规货,与炼字/诗史的手绘圈不同族,退役) */
.poem .tell.on{}   /* 圈中不改字色——标记是那一圈(见上) */
.poem .col svg.ring{position:absolute;overflow:visible;pointer-events:none;z-index:1}
.poem .col svg.ring path{fill:none;stroke:var(--zhu);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.poem .col svg.ring.go path{animation:ringDraw .6s ease-out .05s forwards}
@keyframes ringDraw{to{stroke-dashoffset:0}}

/* 转:留白 + 下一站 */
.turn{display:none;margin:2.4rem 0 0}
.turn.show{display:block;animation:fadein 1.6s ease}
@keyframes fadein{from{opacity:0}to{opacity:1}}
.turn .rule{height:1px;background:var(--zhu-soft);opacity:.4;margin:0 0 2rem}
.turn .lead{text-align:center;color:var(--ink-soft);font-size:.95rem;letter-spacing:.12em;margin:0 0 1.4rem}
.turn .final{font-size:1.16rem;line-height:2.3;color:var(--ink);text-align:center;text-wrap:balance;margin:0 auto;max-width:22em}
.turn .final b{color:var(--zhu)}
.turn .foot{margin-top:2.6rem;color:var(--ink-faint);font-size:.8rem;line-height:1.7;text-align:center}
.nextwrap{display:flex;justify-content:center;margin:2.4rem 0 .5rem}
/* 下文=素朱字,与炼字落款同制(描边+悬停反白的网页按钮退役) */
.nextlink{font-family:var(--serif);font-size:1.05rem;letter-spacing:.26em;color:var(--zhu);
  text-decoration:none;padding:.7rem .4rem}
.nextlink:active{opacity:.7}
.nextlink:focus-visible{outline:2px solid var(--zhu);outline-offset:2px}