/* All reader rules are scoped. Shared navigation, accounts and tools remain owned by the site. */
.life-main{--ink:#263d35;--muted:#6c756e;--paper:#fffdf7;--line:#dedfd4;--accent:#246456;--soft:#e2eee7;--serif:Georgia,"Songti SC","STSong",serif;--sans:system-ui,"Microsoft YaHei",sans-serif;--body-size:18px;max-width:1220px!important;margin:auto!important;padding:30px 28px 70px!important;color:var(--ink);min-width:0}
.life-main *{box-sizing:border-box;min-width:0}.life-page [hidden]{display:none!important}.life-main h1,.life-main h2,.life-main h3{font-family:var(--serif);font-weight:500;color:var(--ink);overflow-wrap:anywhere}.life-main p{line-height:1.9}.life-main button,.life-main a,.life-page #sourceDialog button{touch-action:manipulation}.life-main button,.life-page #sourceDialog button{font:inherit;cursor:pointer}.life-main button:disabled{opacity:.5;cursor:default}.life-main button,.life-reader-tools a,.life-chapter-nav a{min-height:44px}.life-main :is(button,a,summary):focus-visible,.life-page #sourceDialog :is(button,a):focus-visible{outline:3px solid #a67c32;outline-offset:3px}.life-main a{color:var(--accent)}.life-main .eyebrow{font:600 11px/1.6 system-ui;letter-spacing:2px;color:var(--accent)}
.life-topic-1{--accent:#985238;--soft:#f4e8de}.life-topic-2{--accent:#315d7a;--soft:#e6edf1}.life-topic-3{--accent:#5c6c36;--soft:#edf0e1}.life-topic-4{--accent:#876525;--soft:#f2ecdb}.life-topic-5{--accent:#217482;--soft:#e0eef0}.life-topic-6{--accent:#aa6147;--soft:#f5e8df}.life-topic-7{--accent:#a13e35;--soft:#f4e3de}.life-topic-8{--accent:#246456;--soft:#e2eee7}
.life-intro{padding:26px 0 35px;max-width:800px}.life-intro h1{font-size:58px;margin:16px 0}.life-main .life-lead{font:23px/1.75 var(--serif);max-width:760px}.life-intro>p:not(.eyebrow):not(.life-lead){max-width:660px;color:var(--muted)}.life-facts{display:flex;flex-wrap:wrap;gap:12px 28px;padding-top:14px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.life-main #life-topics-title{font-size:24px;margin:15px 0 25px}.life-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.life-main .life-card{display:block;text-decoration:none;border-bottom:1px solid var(--line);padding:0 0 22px;background:transparent;color:var(--ink)}.life-photo{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:5px}.life-photo img{display:block;width:100%;height:100%;object-fit:cover}.life-photo>span{position:absolute;top:14px;left:14px;border-radius:50%;background:var(--paper);color:var(--accent);padding:8px;font:17px Georgia}.life-main .life-card-meta{font-size:12px;color:var(--accent);margin:18px 0 10px}.life-main .life-card h3{font-size:25px;line-height:1.6;margin:0 0 10px}.life-card>p:last-child{font-size:14px;color:var(--muted);margin:0}.life-editor-note{margin:35px 0 0;padding:20px;border:1px solid var(--line);font-size:14px}.life-main summary{cursor:pointer;min-height:44px;display:list-item;align-content:center}.life-editor-note p{margin-bottom:0}
.life-reader-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding-bottom:15px}.life-reader-tools>a{display:inline-flex;align-items:center;text-decoration:none;font-size:14px}.life-reader-tools>div{display:flex;gap:8px;flex-wrap:wrap}.life-reader-tools button{border:1px solid var(--line);border-radius:5px;background:var(--paper);padding:8px 12px;font-size:13px}.life-article-hero{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center;padding:36px 0}.life-article-hero h1{font-size:36px;line-height:1.6;margin:15px 0 20px}.life-article-hero .life-lead{font-size:19px;color:var(--muted)}.life-article-hero figure{margin:0}.life-article-hero img{width:100%;aspect-ratio:16/11;object-fit:cover;border-radius:5px;display:block}.life-article-hero figcaption,.life-article-meta{font-size:12px;color:var(--muted);line-height:1.7}.life-article-meta{overflow-wrap:anywhere}.life-article-hero figcaption{margin-top:8px}.life-reading-layout{display:grid;grid-template-columns:205px minmax(0,760px);gap:45px;align-items:start}.life-toc{position:sticky;top:20px;font-size:13px}.life-toc details{border-top:1px solid var(--line)}.life-toc a{display:block;padding:8px 0;text-decoration:none;line-height:1.7;overflow-wrap:anywhere}.life-prose{font:var(--body-size)/2 var(--sans);min-width:0;color:#343d36}.life-prose .life-section{scroll-margin-top:30px;margin:0 0 38px}.life-prose .life-section h2{font-size:25px;line-height:1.7;margin:0 0 18px}.life-prose .life-section p{margin:0 0 21px;line-height:2;overflow-wrap:anywhere}.life-prose blockquote{font:26px/1.8 var(--serif);border-left:3px solid var(--accent);padding:18px 24px;margin:0 0 35px;background:var(--soft);color:var(--accent)}.life-main .scenario{display:block;font:600 12px/1.8 var(--sans);color:var(--accent);margin-bottom:7px}.life-main .cite{display:inline-flex;align-items:center;justify-content:center;vertical-align:baseline;border:1px solid var(--line);background:var(--soft);color:var(--accent);font:12px/1.4 var(--sans);border-radius:5px;min-width:44px;min-height:44px;padding:5px;margin:0 2px}.life-sources{border-top:1px solid var(--line);padding-top:20px;font:13px/1.8 var(--sans)}.life-main .source-row{display:flex;align-items:start;gap:12px;margin:16px 0}.life-main .source-row button{border:1px solid var(--line);background:var(--paper);color:var(--accent);min-width:44px;min-height:44px}.life-main .source-row small{display:block;color:var(--muted);margin:4px 0}.life-main .source-row p{margin:4px 0}.life-chapter-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:30px;font:13px/1.6 var(--sans)}.life-chapter-nav a{display:flex;align-items:center;justify-content:center;padding:10px;border:1px solid var(--line);border-radius:4px;background:var(--soft);text-decoration:none}.life-chapter-nav span{color:var(--muted)}.life-progress{position:fixed;top:0;left:0;width:100%;height:3px;border:0;appearance:none;z-index:80;pointer-events:none}.life-progress::-webkit-progress-bar{background:transparent}.life-progress::-webkit-progress-value{background:#a77c36}.life-progress::-moz-progress-bar{background:#a77c36}.life-large .life-main{--body-size:21px}.life-skip{position:absolute;top:-100px;left:15px;z-index:100}.life-skip:focus{top:12px;background:#fff;padding:12px}.life-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.life-page #sourceDialog{max-width:660px;width:calc(100% - 36px);max-height:85vh;padding:32px;border:1px solid #d7cfb8;border-radius:6px;background:#fffdf7;color:#263d35;overflow:auto}.life-page #sourceDialog::backdrop{background:#172e28aa}.life-page #sourceDialog h2{font:26px/1.6 Georgia,"Songti SC",serif;margin-right:28px}.life-page #sourceDialog p{font:15px/1.9 system-ui;overflow-wrap:anywhere}.life-page #sourceDialog a{color:#246456;text-decoration:underline;display:inline-block;min-height:44px;align-content:center}.life-source-url{font-size:12px!important;background:#f0ede4;padding:12px;user-select:all}.life-page .life-close{position:absolute;right:10px;top:8px;border:0;background:none;font-size:28px;min-width:44px;min-height:44px}.life-page .life-caption{font-size:12px!important;color:#68736a}.life-page.reduced .life-main *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.life-main .animation{font:14px/1.7 var(--sans);border:1px solid color-mix(in srgb,var(--accent) 25%,#ddd);border-radius:7px;background:var(--soft);padding:25px;margin:35px 0 48px;scroll-margin-top:160px}.life-main .animation .eyebrow{font-size:10px}.life-main .animation h3{font:22px/1.6 var(--serif);margin:9px 0 20px}.life-main .anim-visual{height:180px;position:relative;background:#ffffff80;border-radius:4px;overflow:hidden;padding:20px}.life-main .anim-message{min-height:92px;margin-top:18px}.life-main .anim-message strong{display:block;font-size:14px;color:var(--accent);margin-bottom:4px}.life-main .anim-message p{font:13px/1.8 var(--sans);margin:0}.life-main .anim-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:17px}.life-main .anim-controls button{font-size:12px;border:1px solid var(--accent);color:var(--accent);background:transparent;padding:9px 13px;border-radius:25px}.life-main .anim-controls button:first-child{background:var(--accent);color:#fff}.life-main .anim-dots{margin-left:auto;display:flex;gap:6px}.life-main .anim-dots i{width:7px;height:7px;border-radius:50%;background:#b3b7ae}.life-main .anim-dots i.on{background:var(--accent);width:19px}.life-main .time-row{display:flex;height:70px;width:100%;gap:4px;margin-top:12px}.life-main .time-row div{display:flex;align-items:center;justify-content:center;color:white;background:var(--accent);border-radius:4px;width:80%;transition:width .9s,background .9s,opacity .9s;font-size:12px}.life-main .time-row .mine{width:0;background:#45674d;opacity:0;overflow:hidden}.life-main .time-row .reserve{width:20%;background:#9a9e8c}.life-main .time[data-step="1"] .others,.life-main .time[data-step="2"] .others{width:50%}.life-main .time[data-step="1"] .mine,.life-main .time[data-step="2"] .mine{width:30%;opacity:1}.life-main .visual-note{font-size:11px!important;line-height:1.6!important;color:var(--muted);margin:12px 0 0!important}.life-main .loop-ring{position:absolute;left:calc(50% - 66px);top:23px;width:132px;height:132px;border:2px dashed var(--accent);border-radius:50%;transition:all .8s}.life-main .loop-ring b{position:absolute;background:var(--paper);border:1px solid var(--accent);border-radius:20px;padding:7px 12px;font-size:11px;white-space:nowrap;transition:all .8s;top:-13px;left:10px}.life-main .loop-ring b:nth-child(2){top:55px;left:66px}.life-main .loop-ring b:nth-child(3){top:90px;left:-24px}.life-main .loop[data-step="1"] .loop-ring,.life-main .loop[data-step="2"] .loop-ring{width:76%;height:0;left:12%;top:83px;border-radius:0;border-width:1px}.life-main .loop[data-step="1"] .loop-ring b,.life-main .loop[data-step="2"] .loop-ring b{top:-19px;left:-6%}.life-main .loop[data-step="1"] .loop-ring b:nth-child(2),.life-main .loop[data-step="2"] .loop-ring b:nth-child(2){left:35%;top:-19px}.life-main .loop[data-step="1"] .loop-ring b:nth-child(3),.life-main .loop[data-step="2"] .loop-ring b:nth-child(3){left:76%;top:-19px}.life-main .visual-cards{display:flex;align-items:center;height:100%;gap:12px;justify-content:center}.life-main .visual-card{width:30%;min-height:90px;padding:13px 10px;background:var(--paper);border:1px solid var(--line);border-radius:5px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-size:12px;line-height:1.65;transition:transform .65s,opacity .65s,background .65s,border-color .65s}.life-main .visual-card small{font-size:10px;display:block;color:var(--muted);margin-top:5px}.life-main .visual-cards .symbol{font:25px Georgia,serif;margin-bottom:6px}.life-main .path[data-step="0"] .visual-card:not(:first-child),.life-main .scale[data-step="0"] .visual-card:not(:first-child),.life-main .facts[data-step="0"] .visual-card:not(:first-child),.life-main .evidence[data-step="0"] .visual-card:not(:first-child),.life-main .agency[data-step="0"] .visual-card:not(:first-child){transform:translateY(25px);opacity:.2}.life-main .path[data-step="1"] .visual-card:nth-child(2),.life-main .scale[data-step="1"] .visual-card:nth-child(2),.life-main .facts[data-step="1"] .visual-card:nth-child(2),.life-main .evidence[data-step="1"] .visual-card:nth-child(2),.life-main .agency[data-step="1"] .visual-card:nth-child(2){border-color:var(--accent);transform:translateY(-6px)}.life-main .path[data-step="2"] .visual-card:last-child,.life-main .scale[data-step="2"] .visual-card:last-child,.life-main .facts[data-step="2"] .visual-card:last-child,.life-main .evidence[data-step="2"] .visual-card:last-child,.life-main .agency[data-step="2"] .visual-card:last-child{border-color:var(--accent);background:var(--soft);transform:translateY(-8px)}.life-main .room svg{width:100%;height:100%;overflow:visible}.life-main .room .furniture{transform:translate(155px,0);transition:transform 1s}.life-main .room[data-step="1"] .furniture,.life-main .room[data-step="2"] .furniture{transform:translate(0,0)}.life-main .room .walkline{stroke:#a94537;stroke-dasharray:5 6;transition:all 1s}.life-main .room[data-step="1"] .walkline,.life-main .room[data-step="2"] .walkline{stroke:#477558;stroke-dasharray:22 4}.life-main .room .glare{opacity:.8;transition:opacity 1s}.life-main .room[data-step="2"] .glare{opacity:.13}.life-main .room text{font:11px var(--sans);fill:#425249}.life-main .room .room-label{fill:var(--accent)}
@media(max-width:900px){.life-reading-layout{display:block}.life-toc{position:static;margin-bottom:24px}.life-article-hero{gap:24px}.life-article-hero h1{font-size:30px}}
@media(max-width:600px){.life-main{padding:22px 16px 45px!important}.life-intro{padding:10px 0 28px}.life-intro h1{font-size:43px}.life-main .life-lead{font-size:20px}.life-cards{grid-template-columns:1fr;gap:25px}.life-main .life-card h3{font-size:23px}.life-main .life-card-meta{font-size:11px}.life-reader-tools{align-items:start;flex-wrap:wrap}.life-reader-tools>div{width:100%}.life-reader-tools button{flex:1;padding:8px;font-size:12px}.life-article-hero{display:flex;flex-direction:column;padding:26px 0}.life-article-hero h1{font-size:29px}.life-article-hero .life-lead{font-size:18px}.life-article-hero figure{width:100%}.life-article-hero img{aspect-ratio:16/10}.life-main{--body-size:17px}.life-large .life-main{--body-size:20px}.life-prose .life-section h2{font-size:23px}.life-prose blockquote{font-size:23px;padding:16px}.life-chapter-nav{gap:6px;font-size:12px}.life-chapter-nav a{padding:8px}.life-page #sourceDialog{padding:26px 20px}.life-page #sourceDialog h2{font-size:23px}.life-main .animation{padding:15px}.life-main .anim-visual{padding:12px}.life-main .visual-cards{gap:5px}.life-main .visual-card{padding:10px 4px;font-size:11px}.life-main .visual-card small{font-size:9px}.life-main .anim-controls button{min-height:44px}.life-main .loop-ring b{padding:5px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.life-main *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.life-page #ls-site-header,.life-page #ls-page-heading,.life-page #ls-company-footer,.life-reader-tools,.life-toc,.life-progress,.life-main .animation,.life-chapter-nav,.life-page dialog{display:none!important}.life-main{max-width:none!important;padding:0!important}.life-article-hero{display:block;padding:0}.life-article-hero img{width:60%;max-height:200px;object-fit:cover}.life-reading-layout{display:block}.life-prose{font-size:12pt}.life-prose .life-section{margin-bottom:18pt}.life-prose h2{break-after:avoid}.life-prose p{orphans:3;widows:3}.life-sources a::after{content:' (' attr(href) ')';overflow-wrap:anywhere}.life-page{background:white!important}}
