:root{color:#213b4e;font-synthesis:none;-webkit-font-smoothing:antialiased;background:#e6f2f9;font-family:PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline-offset:6px;outline:2px solid #318dcc}[hidden]{display:none!important}#app{background:radial-gradient(at 28% 25%,#f5fbff 0%,#0000 58%),linear-gradient(135deg,#e9f4fb 0%,#d9eaf6 62%,#c8e1f2 100%);width:100%;min-width:1000px;height:100svh;min-height:600px;position:relative;overflow:hidden}.masthead{z-index:5;position:absolute;top:36px;left:4vw}.identity{color:#46768f;letter-spacing:.12em;align-items:center;gap:21.6px;font-size:18px;text-decoration:none;display:flex}.zhihu{color:#1771ed;letter-spacing:-.06em;font-size:29px;font-weight:650}.brand-divider{background:#83aac155;width:1.2px;height:25.2px}.stage{touch-action:none;position:absolute;inset:0;outline-offset:-5px!important}.stage canvas{cursor:grab;width:100%;height:100%;display:block}.stage.dragging canvas{cursor:grabbing}.archive-footer{z-index:4;transition:opacity .25s;position:absolute;bottom:38px;left:50%;transform:translate(-50%)}#markers{align-items:center;gap:8px;height:62px;display:flex}#markers button{background:0 0;border:0;width:20px;height:58px;padding:0;position:relative}#markers button:before{content:"";background:#7797aa;width:2px;height:16px;transition:height .3s,top .3s,background .3s;position:absolute;top:22px;left:9px}#markers button[aria-pressed=true]:before{background:#358dcc;width:3px;height:49px;top:5px}#markers button[aria-pressed=true]:after{content:"";background:#358dcc;width:5px;height:5px;position:absolute;top:59px;left:8px}.detail-panel{z-index:6;opacity:0;pointer-events:none;box-shadow:none;background:0 0;border:0;flex-direction:column;transition:opacity .28s,transform .28s;display:flex;position:absolute;inset:17% 5.4% 15% 62%;transform:translateY(22px)}.detail-panel.visible{opacity:1;pointer-events:auto;transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);transform:none}.detail-header{position:absolute;top:calc(30px - 17svh);right:0}.close-detail{letter-spacing:.12em;background:0 0;border:0;align-items:center;gap:12px;height:48px;padding:0;font-size:12px;display:flex}.close-detail-icon{outline-offset:-5px;border:1px solid #41658088;border-radius:50%;outline:1px solid #41658033;place-items:center;width:44px;height:44px;transition:background .2s;display:grid}.close-detail:hover .close-detail-icon{background:#fff8}.close-detail svg{fill:none;stroke:currentColor;stroke-width:1.2px;width:22px}.detail-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#829eaf66 transparent;border-top:1px solid #52758c44;flex:1;min-height:0;padding:0 10px 0 0;overflow-y:auto}#detail-title{letter-spacing:.015em;text-wrap:balance;margin:24px 0 15px;font-family:Didot,"Bodoni 72",Songti SC,STSong,SimSun,serif;font-size:clamp(32px,2.85vw,58px);font-weight:300;line-height:1.2}.detail-author{color:#3d5b6e;margin:0;font-family:Baskerville,"Bodoni 72",Songti SC,SimSun,serif;font-size:clamp(17px,1.35vw,23px);font-weight:300}.detail-labels{color:#58778a;flex-wrap:wrap;gap:8px 16px;margin:25px 0 0;padding:0;font-size:12px;list-style:none;display:flex}.detail-labels li+li:before{content:"/";color:#90a9b9;margin-right:16px}.detail-description{margin-top:32px}.detail-description h3{letter-spacing:.08em;color:#58778a;margin:0 0 14px;font-size:12px;font-weight:400}.detail-description p{white-space:pre-line;overflow-wrap:anywhere;margin:0 0 20px;font-family:Baskerville,Songti SC,SimSun,serif;font-size:clamp(16px,1.16vw,21px);line-height:1.75}.detail-footer{border-top:1px solid #52758c44;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;margin-top:25px;padding-top:20px;display:flex}.detail-status{color:#58778a;margin:0;font-size:12px;line-height:1.6}.enter-story{letter-spacing:.08em;background:0 0;border:1px solid #52758c88;min-width:140px;min-height:46px;padding:12px 20px;font-size:13px}.enter-story:disabled{opacity:.6}.detail-active .archive-footer,.detail-active .masthead{opacity:0;pointer-events:none}.masthead{transition:opacity .25s}.loading,.cover-message{color:#58778a;font-size:12px;position:absolute;bottom:115px;left:50%;transform:translate(-50%)}.cover-message button{background:0 0;border:0;margin-left:12px;text-decoration:underline}.loading{top:45%;bottom:auto}.loader-mark{background:#358dcc;width:7px;height:7px;margin-right:10px;display:inline-block}#fallback{text-align:center;position:absolute;inset:15% 0}#fallback img{object-fit:contain;max-width:40%;height:75%}#fallback p{font-size:13px}.detail-active #fallback{right:45%}.detail-active #fallback img{max-width:80%}.detail-active #fallback p{display:none}.no-script{position:absolute;top:40%;left:35%}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.detail-panel{--book-ink:#213b4e;color:var(--book-ink)}.detail-author,.detail-labels,.detail-description h3,.detail-status{color:var(--book-ink)}.detail-labels li+li:before{color:color-mix(in srgb,var(--book-ink) 55%,transparent)}.detail-scroll,.detail-footer{border-color:color-mix(in srgb,var(--book-ink) 28%,transparent)}.enter-story{border-color:color-mix(in srgb,var(--book-ink) 65%,transparent)}.enter-story:not(:disabled):hover{background:color-mix(in srgb,var(--book-ink) 8%,transparent)}.close-detail-icon{border-color:color-mix(in srgb,var(--book-ink) 65%,transparent);outline-color:color-mix(in srgb,var(--book-ink) 25%,transparent)}.brand-intro{z-index:10;pointer-events:none;opacity:1;background:#e6f2f9;justify-content:center;align-items:center;gap:25px;transition:opacity .7s;display:flex;position:absolute;inset:0}.brand-intro span{color:#1771ed;letter-spacing:-.06em;font-size:45px;font-weight:600}.brand-intro h1{letter-spacing:.2em;font-family:Songti SC,serif;font-size:34px;font-weight:300}.brand-intro.leaving{opacity:0}.startup .archive-footer{opacity:1;pointer-events:none;z-index:11}.startup .stage canvas{cursor:default}.story-entering .detail-panel{opacity:0;pointer-events:none}.story-entering #fallback{opacity:0}.story-confirm{z-index:8;text-align:center;color:#38403f;width:min(21vw,310px);position:absolute;top:49%;left:58%;transform:translate(-50%,-50%)}.story-confirm h2{letter-spacing:.14em;margin:0 0 28px;font:300 clamp(28px,2.7vw,48px) Songti SC,serif}.story-confirm p{margin:0 0 30px;font:16px Songti SC,serif}.story-confirm button{background:0 0;border:1px solid #38403f88;margin:15px auto;padding:10px 30px;font-size:14px;display:block}.story-confirm #cancel-story{color:#616663;border:0;font-size:12px}.page-wipe{z-index:12;pointer-events:none;clip-path:inset(0 100% 0 0);opacity:0;background:#eee9dc;position:absolute;inset:0}.story-handoff{z-index:13;color:#d8e0e4;text-align:center;background:#000;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.story-handoff h2{letter-spacing:.15em;margin:15px 0 24px;font:300 38px Songti SC,serif}.story-handoff p{color:#a6b7c2;font-size:14px}.story-handoff button{background:0 0;border:1px solid #849baa88;margin-top:28px;padding:12px 28px}.zhihu-logo{flex-shrink:0;width:64px;height:30px;display:block}.brand-intro .zhihu-logo{width:90px;height:auto}#markers button{cursor:default}#markers button:hover:before{background:#7797aa}#markers button[aria-pressed=true]:hover:before{background:#358dcc}.stage canvas{cursor:default}.stage.main-hover canvas{cursor:pointer}.detail-active .stage canvas{cursor:grab}.detail-active .stage.dragging canvas{cursor:grabbing}.gallery-wordmark{white-space:nowrap;line-height:1.2;display:inline-block;position:relative}.gallery-leaning-mascot{pointer-events:none;-webkit-user-select:none;user-select:none;width:auto;max-width:none;height:2.53333em;position:absolute;top:calc(-.933333em - 3px);left:calc(100% - 1.06667em)}.masthead .zhihu-logo{width:76.8px;height:36px}.liukanshan-sprite{object-fit:contain;width:100%;height:100%;display:block}.mascot-host{z-index:7;pointer-events:none;width:clamp(90px,10vw,144px);height:clamp(112px,12.5vw,180px);transition:opacity .35s;position:absolute;top:12px;left:50%;transform:translate(-50%)}.startup .mascot-host{z-index:11}.mascot-host[data-mascot-error=true]{display:none}.story-entering .mascot-host{opacity:.85}@media (prefers-reduced-motion:reduce){.mascot-host{transition:none}}