/* 复盘镜 售前 · 档案节选（WO-OPUS-019 三 · 定稿）
   形：一页从卷宗里抽出来，右边一排十枚索引签（书口索引），你的那一枚是朱色、伸得最长；
   页上前后各留几行灰条＝它在一页正文的中间（看得见位置，看不见别的段）；
   朱笔：页边一道括号圈住这一段，正文里 ①②③ 落点，旁边三句批注——瞄准镜。
   不用试读的翻面、quiz 的卡片盒、付费段的线装。颜色字体全用 site.css token。 */
#evidence .ev-who{margin:8px 0 0;font:500 12px/1.5 var(--mono);letter-spacing:.12em;color:var(--muted)}
.ev-stage{position:relative;margin-top:22px}
.ev-file{position:relative;display:flex;align-items:stretch;max-width:560px}
.ev-page{position:relative;flex:1;min-width:0;background:var(--paper);border:1px solid var(--rule);padding:18px 18px 16px 30px;
  box-shadow:0 22px 34px -24px var(--shadow),0 2px 0 var(--paper-2)}
.ev-page::before{content:"";position:absolute;inset:0 auto 0 18px;border-left:1px solid color-mix(in srgb,var(--cin) 22%,transparent)}
.ev-loc{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding-bottom:9px;border-bottom:1.5px solid var(--ink)}
.ev-loc .ev-p{font:500 10.5px/1 var(--mono);letter-spacing:.14em;color:var(--muted)}
.ev-loc b{font:900 15px/1.2 var(--serif);letter-spacing:.08em}
.ev-bar{display:block;height:8px;margin-top:12px;border-radius:2px;background:color-mix(in srgb,var(--ink) 8%,transparent)}
.ev-bar.w92{width:92%}.ev-bar.w88{width:88%}.ev-bar.w78{width:78%}.ev-bar.w62{width:62%}.ev-bar.w40{width:40%}
.ev-rule{margin:20px 0 0;font:900 18px/1.4 var(--serif);letter-spacing:.04em}
.ev-text{position:relative;margin:10px 0 6px;padding:2px 0 2px 2px}
/* 朱笔括号 */
.ev-text::before{content:"";position:absolute;left:-14px;top:2px;bottom:2px;width:7px;border:2px solid var(--cin);border-right:0;border-radius:3px 0 0 3px;opacity:.85;transform-origin:50% 0}
.ev-text p{margin:0;font:var(--w-read,500) 16.5px/1.95 var(--serif);color:var(--ink)}
.ev-text b{font-weight:800}
.ev-m{display:inline-grid;place-items:center;width:17px;height:17px;margin:0 1px 0 3px;vertical-align:.5em;border:1.5px solid var(--cin);border-radius:50%;
  font:700 10px/1 var(--type);color:var(--cin);background:var(--paper)}
.ev-src{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 12px;margin:16px 0 0;font:500 10.5px/1.6 var(--mono);letter-spacing:.1em;color:var(--muted)}
/* 书口索引：十枚签，你的那一枚朱色、伸出来 */
.ev-tabs{list-style:none;margin:10px 0;padding:0;width:24px;display:flex;flex-direction:column;gap:3px;flex:none}
.ev-tabs li{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:var(--kraft);border:1px solid var(--kraft-edge);border-left:0;border-radius:0 4px 4px 0;
  color:var(--kraft-ink);font:600 9.5px/1.05 var(--serif);writing-mode:vertical-rl;letter-spacing:.06em;overflow:hidden;transform-origin:0 50%}
.ev-tabs li.me{background:var(--cin);border-color:var(--cin);color:var(--seal-in);width:34px;font-size:11px;font-weight:900;box-shadow:4px 4px 10px -6px var(--shadow)}
/* 批注 */
.ev-notes{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:14px;max-width:560px}
.ev-notes li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:start}
.ev-n{display:grid;place-items:center;width:22px;height:22px;border:1.5px solid var(--cin);border-radius:50%;font:700 11px/1 var(--type);color:var(--cin);margin-top:2px}
.ev-q{margin:0;font:600 12.5px/1.5 var(--sans);letter-spacing:.08em;color:var(--cin)}
.ev-a{margin:3px 0 0;font:600 16px/1.75 var(--serif);color:var(--ink-2)}
.ev-leads{position:absolute;inset:0;pointer-events:none}
.ev-leads i{position:absolute;height:0;border-top:1.2px dashed var(--cin);opacity:.7;transform-origin:0 50%;transform:rotate(var(--a,0deg))}
.ev-go{max-width:360px;margin:26px 0 0}

/* 动作（只一次）：页被抽到眼前 → 括号划下 → ①②③ 依次落点、批注依次写上 */
.motion #evidence:not(.ev-on) .ev-file{transform:translateX(18px);opacity:.0}
.motion #evidence .ev-file{transition:transform .7s var(--e-out),opacity .5s}
.motion #evidence:not(.ev-on) .ev-tabs li.me{transform:scaleX(.6)}
.motion #evidence .ev-tabs li.me{transition:transform .5s var(--e-out) .5s}
.motion #evidence:not(.ev-on) .ev-text::before{transform:scaleY(0)}
.motion #evidence .ev-text::before{transition:transform .7s var(--e-out) .9s}
.motion #evidence:not(.ev-on) .ev-m,.motion #evidence:not(.ev-on) .ev-notes li,.motion #evidence:not(.ev-on) .ev-leads i{opacity:0}
.motion #evidence:not(.ev-on) .ev-m{transform:scale(1.8)}
.motion #evidence .ev-m{transition:opacity .25s,transform .35s var(--e-stamp)}
.motion #evidence .ev-notes li{transition:opacity .5s,transform .5s var(--e-out)}
.motion #evidence:not(.ev-on) .ev-notes li{transform:translateY(8px)}
.motion #evidence .ev-leads i{transition:opacity .4s}
.motion #evidence .ev-m[data-n="1"],.motion #evidence .ev-notes li[data-n="1"],.motion #evidence .ev-leads i[data-n="1"]{transition-delay:1.5s}
.motion #evidence .ev-m[data-n="2"],.motion #evidence .ev-notes li[data-n="2"],.motion #evidence .ev-leads i[data-n="2"]{transition-delay:2.2s}
.motion #evidence .ev-m[data-n="3"],.motion #evidence .ev-notes li[data-n="3"],.motion #evidence .ev-leads i[data-n="3"]{transition-delay:2.9s}

@media (min-width:900px){
  .ev-stage{display:grid;grid-template-columns:minmax(0,560px) 1fr;column-gap:64px}
  .ev-notes{position:relative;margin:0;display:block;max-width:none}
  .ev-notes li{position:absolute;left:0;right:0}
  .ev-page{padding:28px 30px 22px 44px}.ev-page::before{left:28px}
  .ev-text p{font-size:18px}
  .ev-tabs{width:30px}.ev-tabs li{font-size:11px}.ev-tabs li.me{width:42px;font-size:12.5px}
}
@media (max-width:899px){.ev-leads{display:none}}