/* 首页原“真实记录”位置：真正可操作的共读小屋书本入口。 */
.reading-nook-card{position:relative;isolation:isolate;overflow:hidden;text-decoration:none;color:var(--ink);background:linear-gradient(145deg,rgba(252,246,238,.8),rgba(233,242,249,.72));transition:transform .16s ease,filter .16s ease}
.reading-nook-card:active{transform:translateY(2px) scale(.985);filter:saturate(.92)}
.reading-nook-card .card-label,.reading-nook-card>strong,.reading-nook-card>small{position:relative;z-index:2}
.reading-nook-card>strong{margin-top:8px}
.reading-nook-card>small{line-height:1.45}
.reading-book{position:relative;display:block;width:76px;height:64px;margin:9px auto 0;transform:rotate(-4deg);filter:drop-shadow(0 7px 8px rgba(76,92,106,.18))}
.reading-book-cover{position:absolute;z-index:3;inset:0 7px 6px 6px;display:grid;place-content:center;text-align:center;border:1px solid rgba(96,113,128,.38);border-radius:3px 8px 8px 3px;background:linear-gradient(145deg,#9bc8e2 0 15%,#f0aec0 15% 22%,#e8f1f6 22% 100%);box-shadow:inset 3px 0 rgba(255,255,255,.42);font-style:normal}
.reading-book-cover b{font:700 14px/1.1 Georgia,"Songti SC",serif;letter-spacing:.15em;color:#425568}
.reading-book-cover small{margin-top:4px;font:700 6px/1 monospace;letter-spacing:.16em;color:#80909d}
.reading-book-spine{position:absolute;z-index:4;left:5px;top:1px;bottom:8px;width:8px;border-right:1px solid rgba(79,97,112,.22);background:linear-gradient(90deg,#efa5bb,#f8c9d4 55%,#d68fa5);border-radius:3px 0 0 3px}
.reading-book-pages{position:absolute;z-index:1;left:11px;right:2px;bottom:1px;height:11px;border:1px solid #c3ccd2;border-top:0;border-radius:0 0 8px 3px;background:repeating-linear-gradient(0deg,#fff 0 1px,#dfe6e9 1px 2px);transform:skewX(-10deg)}

/* 手账主题里是一册夹在情绪档案旁的旧书。 */
.app-shell[data-style="journal"] .reading-nook-card{color:var(--paper-ink);text-decoration:none;overflow:visible;background:#d5c5aa!important}
.app-shell[data-style="journal"] .reading-nook-card .reading-book{width:82px;height:70px;margin:8px auto 2px;filter:drop-shadow(3px 5px 3px rgba(54,45,31,.2))}
.app-shell[data-style="journal"] .reading-nook-card .reading-book-cover{border-color:#736954;border-radius:1px 5px 5px 1px;background:linear-gradient(145deg,#b56f68 0 14%,#dac9ac 14% 100%);box-shadow:inset 3px 0 rgba(255,251,239,.32)}
.app-shell[data-style="journal"] .reading-nook-card .reading-book-spine{background:linear-gradient(90deg,#7d4e49,#a96860 60%,#69423e)}
.app-shell[data-style="journal"] .reading-nook-card .reading-book-cover b{color:#403a30}
.app-shell[data-style="journal"] .reading-nook-card::after{content:"READING NOOK / 001"!important}
.app-shell[data-style="journal"][data-mode="dark"] .reading-nook-card{background:#38342e!important}

@media(max-width:370px){.reading-book{width:68px;height:58px}.reading-nook-card{padding-left:14px;padding-right:14px}}
@media(prefers-reduced-motion:reduce){.reading-nook-card{transition:none}}

/* 共读小屋在 Lumière 内部展开，始终保留可触摸的返回栏。 */
html.reading-nook-open,body.reading-nook-open{overflow:hidden!important;overscroll-behavior:none}
.reading-nook-layer{position:fixed;inset:0;z-index:100000;display:flex;flex-direction:column;width:100%;height:100dvh;overflow:hidden;color:#44382d;background:
radial-gradient(circle at 14% 18%,rgba(117,79,53,.08) 0 1px,transparent 1.5px),
repeating-linear-gradient(0deg,rgba(92,66,44,.025) 0 1px,transparent 1px 5px),
#d8c8ae;opacity:0;transform:translateY(10px);transition:opacity .16s ease,transform .16s ease}
.reading-nook-layer[hidden]{display:none!important}
.reading-nook-layer.is-open{opacity:1;transform:none}
.reading-nook-toolbar{position:relative;z-index:3;flex:0 0 auto;min-height:calc(58px + env(safe-area-inset-top));padding:calc(8px + env(safe-area-inset-top)) 12px 8px;display:grid;grid-template-columns:74px 1fr 54px;align-items:center;border-bottom:1px solid #7c6b55;background:
linear-gradient(90deg,transparent 0 8%,rgba(91,65,44,.06) 8% 8.5%,transparent 8.5% 100%),
#eee3cf;box-shadow:inset 0 -3px rgba(103,79,57,.08)}
.reading-nook-toolbar::after{content:"";position:absolute;left:12px;right:12px;bottom:3px;border-bottom:1px dashed rgba(112,85,59,.28);pointer-events:none}
.reading-nook-back{min-width:64px;min-height:44px;display:flex;align-items:center;justify-content:flex-start;gap:2px;padding:0 8px;border:1px solid #8d765d;border-radius:2px;background:#e4d4b8;color:#49392d;box-shadow:2px 2px 0 rgba(83,61,43,.14);font-family:"Songti SC","STSong",serif}
.reading-nook-back:active{transform:translate(2px,2px);box-shadow:none}
.reading-nook-back span{font:32px/1 Georgia,serif;margin-top:-3px}.reading-nook-back b{font-size:14px;font-weight:600}
.reading-nook-toolbar-title{text-align:center;min-width:0}.reading-nook-toolbar-title small,.reading-nook-toolbar-title strong{display:block}.reading-nook-toolbar-title small{font:8px/1.2 ui-monospace,monospace;letter-spacing:.18em;color:#8b6c55}.reading-nook-toolbar-title strong{margin-top:3px;font:600 18px/1.2 "Songti SC","STSong",serif;letter-spacing:.16em}
.reading-nook-stamp{justify-self:end;width:45px;padding:4px 2px;border:1px solid rgba(126,66,55,.58);color:#8e4c43;text-align:center;font:8px/1.15 ui-monospace,monospace;letter-spacing:.08em;transform:rotate(3deg);opacity:.78}
.reading-nook-frame{position:relative;z-index:1;display:block;flex:1 1 auto;width:100%;min-height:0;border:0;background:#efe5d2;opacity:0;transition:opacity .18s ease}
.reading-nook-layer.is-ready .reading-nook-frame{opacity:1}
.reading-nook-loading{position:absolute;z-index:2;inset:calc(58px + env(safe-area-inset-top)) 0 0;display:grid;place-content:center;justify-items:center;gap:8px;background:#e8dbc4;color:#564536;transition:opacity .16s ease}
.reading-nook-layer.is-ready .reading-nook-loading{opacity:0;pointer-events:none}
.reading-nook-loading-book{font:40px/1 Georgia,serif;color:#9b5c55}.reading-nook-loading strong{font:600 16px/1.4 "Songti SC","STSong",serif;letter-spacing:.12em}.reading-nook-loading small{font:9px/1 ui-monospace,monospace;color:#917762;letter-spacing:.16em}
@media(min-width:700px){.reading-nook-layer{left:50%;right:auto;width:min(100%,430px);transform:translate(-50%,10px);border-left:1px solid #8b765e;border-right:1px solid #8b765e}.reading-nook-layer.is-open{transform:translate(-50%,0)}}
@media(prefers-reduced-motion:reduce){.reading-nook-layer,.reading-nook-frame,.reading-nook-loading{transition:none}}