/* 阅读 App · 读完页 and 读后感 (一起阅读 8a). js/apps/reading-finish.js. Under .rd-root. The 「合书」 animation uses 2D transforms only (scaleX / scaleY / translate, opacity): no 3D flip.
   It plays once (.rf-play, about 1.3 s); a redraw of the page has .rf-done = the last frame; 「减少动态效果」 = the last frame too. */
.rd-root .rf-page{padding:calc(var(--sat,0px) + 56px) 18px 40px}
.rd-root .rf-top{display:flex;flex-direction:column;align-items:center;text-align:center}
.rd-root .rf-book{position:relative;width:132px;margin:6px 0 22px;transform-origin:0 50%}
.rd-root .rf-book .rd-cover{width:100%;box-shadow:0 18px 36px -18px rgba(0,0,0,.45)}
.rd-root .rf-rib{position:absolute;bottom:-14px;width:7px;height:26px;border-radius:0 0 3px 3px;background:var(--acc);transform-origin:50% 0}
.rd-root .rf-r1{left:30%}
.rd-root .rf-r2{left:30%;margin-left:15px;background:var(--accd)}
.rd-root .rf-h{margin:0 0 6px;font-size:26px;font-weight:700;letter-spacing:.06em}
.rd-root .rf-t b{display:block;font-size:17px}
.rd-root .rf-t small{display:block;margin-top:3px;font-size:12.5px;color:var(--ink2)}
.rd-root .rf-d{margin-top:10px;font-size:12.5px;color:var(--ink2)}
.rd-root .rf-nums{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;width:100%;margin-top:20px;padding:14px 4px;border-radius:18px;background:color-mix(in srgb,var(--ink2) 7%,transparent)}
.rd-root .rf-nums b{display:block;font-size:15px}
.rd-root .rf-nums b small{font-size:10.5px;color:var(--ink2);margin-left:1px}
.rd-root .rf-nums span{display:block;margin-top:3px;font-size:10.5px;color:var(--ink2)}
.rd-root .rf-write{margin-top:22px}
.rd-root .rf-write .rd-ta{min-height:120px}
.rd-root .rf-play .rf-book{animation:rfOpen .5s cubic-bezier(.2,.7,.2,1) both}
.rd-root .rf-play .rf-rib{animation:rfRib .3s ease-out .5s both}
.rd-root .rf-play .rf-h{animation:rfUp .35s ease-out .5s both}
.rd-root .rf-play .rf-t{animation:rfUp .35s ease-out .65s both}
.rd-root .rf-play .rf-d{animation:rfUp .35s ease-out .8s both}
.rd-root .rf-play .rf-nums{animation:rfUp .35s ease-out .95s both}
.rd-root .rf-play .rf-write{animation:rfUp .35s ease-out 1.3s both}
@keyframes rfOpen{from{transform:scaleX(.06);opacity:.4}to{transform:scaleX(1);opacity:1}}
@keyframes rfRib{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes rfUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.rd-root .rf-play .rf-book,.rd-root .rf-play .rf-rib,.rd-root .rf-play .rf-h,.rd-root .rf-play .rf-t,.rd-root .rf-play .rf-d,.rd-root .rf-play .rf-nums,.rd-root .rf-play .rf-write{animation:none}}
/* the 读后感 column of 共读详情, the lists */
.rd-root .rf-revs{padding:4px 14px}
.rd-root .rf-pr{padding:12px 0;border-bottom:.5px solid var(--line)}
.rd-root .rf-pr:last-child{border-bottom:0}
.rd-root .rf-who{margin-bottom:4px;font-size:13px}
.rd-root .rf-pr small{display:block;margin-top:4px;font-size:11.5px;color:var(--ink2)}
.rd-root .rf-pr .rd-btn{margin-top:4px;padding:7px 14px;font-size:13px}
.rd-root .rf-rv{margin:2px 0 0;font-size:14px;line-height:1.75;white-space:pre-wrap;word-break:break-word}
.rd-root .rf-it{align-items:flex-start;cursor:pointer}
.rd-root .rf-it>div{min-width:0;flex:1}