@media (prefers-reduced-motion:reduce){.personal-page .wechat-reveal{transition:none!important}}@media (pointer:coarse){.work-gallery-stage[data-expanded=true][data-reading=false]{touch-action:none}.about-floating-image,.work-reading-inner .work-story-image{touch-action:pan-y;cursor:default}}@media (max-width:600px){html{--personal-footer-height:78px;-webkit-text-size-adjust:100%}.personal-page .personal-scene{width:calc(100% - 40px)}.personal-page .personal-scene[data-section=work]{width:100%}.personal-page:has(.music-toolbar){padding-top:calc(104px + env(safe-area-inset-top));padding-bottom:calc(var(--personal-footer-height) + 24px + env(safe-area-inset-bottom))}.personal-page:has(.music-toolbar):before{height:calc(104px + env(safe-area-inset-top))}.personal-page .personal-header{top:calc(4px + env(safe-area-inset-top));flex-wrap:nowrap;gap:0;width:calc(100% - 40px);height:44px;min-height:44px;padding:0 4px}.personal-page .personal-identity{gap:0}.personal-page .personal-tabs{gap:8px;font-size:15px}.personal-page .personal-tabs .editorial-link{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.personal-page .personal-tabs a:before{inset:0 -4px}.personal-page .music-toolbar{justify-content:space-between;gap:12px;height:44px;margin:0;top:100%;left:4px;right:4px}.personal-page .music-song{flex:1;align-self:flex-start;width:auto;min-width:0;height:16px;margin-top:4px;line-height:16px}.personal-page .music-marquee:not([data-playing=true]){width:100%;animation:none}.personal-page .music-marquee:not([data-playing=true])>span:first-child{text-overflow:ellipsis;padding-right:0;overflow:hidden}.personal-page .music-marquee:not([data-playing=true])>span+span{display:none}.personal-page .music-actions{grid-template-columns:repeat(2,44px);width:88px}.personal-page .music-timeline{gap:6px;top:calc(100% + 30px);left:4px;right:112px}.personal-page .personal-intro{margin-top:24px}.personal-page .personal-footer{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.personal-page .personal-footer-inner{flex-wrap:nowrap;gap:8px;width:calc(100% - 40px);padding-top:8px}.personal-page .personal-footer nav{flex-basis:auto;min-width:0;margin-left:0}.personal-page .personal-footer-name{gap:6px;font-size:14px}.personal-page .wechat-reveal{opacity:0;grid-template-columns:0fr;transition:grid-template-columns .22s cubic-bezier(.22,1,.36,1),opacity .16s;display:grid}.personal-page .wechat-inline:not([data-state=idle]) .wechat-reveal{opacity:1;grid-template-columns:1fr}.personal-page .wechat-inline:not([data-state=idle]) .wechat-id{padding-left:8px}.personal-page .personal-footer-inner:has(.wechat-inline:not([data-state=idle])){flex-wrap:wrap}.personal-page .personal-footer nav,.personal-page .personal-social-entrance{flex-wrap:wrap;max-width:100%}.about-floating-image,.work-reading-inner .work-story-image{touch-action:pan-y;cursor:default}.personal-page[data-section=blog]{height:auto;min-height:100dvh;overflow:visible}.personal-page[data-section=blog] .personal-scenes{container-type:normal}.personal-page[data-section=blog] .line-bookshelf{--shelf-unit:clamp(16px, 4.4vw, 20px);gap:44px}.personal-page[data-section=blog] .line-shelf-viewport{padding-inline:4px;overflow-x:auto}.blog-shelf-page .line-book{touch-action:pan-x;justify-content:center;min-width:44px}.blog-shelf-page .line-book-box{margin-inline:auto}.personal-page .personal-intro:has(.work-gallery-page){margin-top:8px}.personal-page .work-gallery-stage{--work-stage-height:max(0px, calc(100dvh - 104px - env(safe-area-inset-top) - 8px - var(--personal-footer-height) - 24px - env(safe-area-inset-bottom)));--work-film-height:clamp(180px, 32svh, 280px)}.personal-page .work-gallery-stage[data-expanded=true]{--work-film-height:clamp(180px, 57vw, 280px)}.personal-page .work-gallery-stage .editorial-filmstrip-viewport[data-expanded=true]{--film-project-width:86vw}.personal-page .work-gallery-stage[data-reading=true] .work-project-title{--reading-letter-step:min(34px, calc((100vw - 40px) / var(--reading-title-count)));width:calc(100% - 40px);height:54px;top:24px}.personal-page .work-reading-inner{width:calc(100% - 40px);padding-top:140px}.personal-page .work-reading-inner :is(h2,p){font-size:16px;line-height:1.85}.personal-page .work-reading-cover[data-open=true]:after{background:color-mix(in srgb, var(--background) 94%, transparent)}.personal-page .personal-work-caption-host{height:48px;bottom:calc(100% + 12px);left:20px;right:20px}.personal-page .personal-work-caption-host .work-project-meta[data-reading=true] .work-project-credits{transform:none}.personal-page .work-reading-cover{width:calc(100% - 40px);left:20px}}@media (max-width:600px),(max-width:900px) and (max-height:500px) and (orientation:landscape){.personal-page .work-gallery-stage:is([data-reading=true],[data-returning=true]){clip-path:inset(min(0px, var(--work-reading-edge-offset,0px)) 0 0);overflow:visible}.personal-page .work-reading-body{top:min(0px, var(--work-reading-edge-offset,0px))}.personal-page .work-reading-flow{height:calc(100% + min(0px, var(--work-reading-edge-offset,0px)));margin-top:calc(0px - min(0px, var(--work-reading-edge-offset,0px)))}.personal-page .personal-work-caption-host .work-project-credits-cover{clip-path:inset(0);visibility:inherit;transition:clip-path .56s cubic-bezier(.45,0,.2,1),visibility}.personal-page .personal-work-caption-host .work-project-meta[data-reading=true] .work-project-credits-cover{clip-path:inset(0 0 0 100%);visibility:hidden;pointer-events:none;transition:clip-path .56s cubic-bezier(.45,0,.2,1),visibility 0s .56s}.personal-page .personal-work-caption-host .work-project-credits-detail{clip-path:inset(0 0 0 100%);visibility:hidden;pointer-events:none;flex-direction:column;justify-content:center;align-items:flex-end;height:44px;transition:clip-path .56s cubic-bezier(.45,0,.2,1),visibility 0s .56s,opacity .16s ease-out .22s;display:flex;position:absolute;top:calc(100% + 20px);right:0}.personal-page .personal-work-caption-host .work-project-meta[data-reading=true] .work-project-credits-detail{clip-path:inset(0);visibility:visible;pointer-events:auto;transition:clip-path .56s cubic-bezier(.45,0,.2,1),visibility,opacity .16s ease-out .22s}.personal-footer:has(.wechat-inline:not([data-state=idle])) .work-project-meta[data-open=true] .work-project-credits-detail{opacity:0;visibility:hidden;pointer-events:none;transition:opacity 80ms ease-out,visibility 0s 80ms}.personal-footer:has(.wechat-inline:not([data-state=idle])) .work-project-credits-detail a{pointer-events:none}}@media (max-width:419px){.personal-page[data-section=work]:has(.work-project-meta[data-reading=true]) .personal-footer-name>span{display:none}}@media (max-width:389px){.personal-page[data-section=work]:has(.work-project-meta[data-reading=true]) .personal-footer-inner{gap:4px}.personal-page[data-section=work]:has(.work-project-meta[data-reading=true]) .personal-footer .personal-social-button{width:32px}}@media (max-width:360px){.personal-page .personal-footer-name>span{display:none}.personal-page .personal-tabs{gap:6px;font-size:14px}}@media (max-width:419px){html:has(.wechat-inline:not([data-state=idle])){--personal-footer-height:114px}}@media (max-width:339px){html:has(.wechat-inline:not([data-state=idle])){--personal-footer-height:158px}}@media (max-width:900px) and (max-height:500px) and (orientation:landscape){html{--personal-footer-height:78px}.personal-page .personal-header{top:max(8px, env(safe-area-inset-top));flex-wrap:nowrap;height:48px;min-height:48px;padding-block:0}.personal-page .music-toolbar{gap:8px;margin-left:8px;position:static}.personal-page .music-song{flex:none;align-self:center;width:82px;height:20px;margin-top:0;line-height:20px}.personal-page .music-actions{grid-template-columns:repeat(2,44px);width:88px}.personal-page .music-timeline{inset:calc(100% + 24px) 4px auto 0}.personal-page:has(.music-toolbar){padding-top:calc(104px + env(safe-area-inset-top));padding-bottom:calc(86px + env(safe-area-inset-bottom))}.personal-page:has(.music-toolbar):before{height:calc(104px + env(safe-area-inset-top))}.personal-page .personal-intro{margin-top:16px}.personal-page .personal-footer{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.personal-page .personal-footer-inner{flex-wrap:nowrap;padding-top:8px}.personal-page .personal-footer nav{flex-basis:auto;margin-left:0}.personal-page .personal-intro:has(.work-gallery-page){margin-top:8px}.personal-page .work-gallery-stage{--work-stage-height:max(0px, calc(100dvh - 104px - env(safe-area-inset-top) - 8px - var(--personal-footer-height) - 16px - env(safe-area-inset-bottom)));--work-film-height:clamp(100px, 36svh, 160px)}.personal-page .work-gallery-stage .editorial-filmstrip-viewport[data-expanded=true]{--film-project-width:52vw}.personal-page .work-gallery-stage .editorial-filmstrip-viewport[data-expanded=true] .editorial-film{height:min(var(--work-film-height), max(80px, calc(var(--work-stage-height) - 48px)))}.personal-page .work-project-title{height:160px;top:16px}.personal-page .work-gallery-stage[data-reading=true] .work-project-title{height:44px;top:24px}.personal-page .work-reading-inner{padding-top:114px}.personal-page .work-reading-cover[data-open=true]:after{background:color-mix(in srgb, var(--background) 94%, transparent)}:is(.personal-page .personal-work-caption-host,.personal-page .personal-work-caption-host:has([data-reading=true])){height:48px;bottom:calc(100% + 12px);left:20px;right:20px}.personal-page .personal-work-caption-host .work-project-meta[data-reading=true] .work-project-credits{transform:none}.personal-page .work-reading-cover{width:min(100% - 40px,752px);left:max(20px,50% - 376px)}.personal-page[data-section=blog]{height:auto;min-height:100dvh;overflow:visible}.personal-page[data-section=blog] .personal-scenes{container-type:normal}.personal-page[data-section=blog] .line-bookshelf{--shelf-unit:16px;gap:36px}.blog-shelf-page .line-book{justify-content:center;min-width:44px}.blog-shelf-page .line-book-box{margin-inline:auto}}@media (max-width:600px),(max-width:900px) and (max-height:500px) and (orientation:landscape){.personal-page:has(.music-toolbar):before{height:var(--personal-header-edge,calc(78.5px + env(safe-area-inset-top)))}.personal-page .work-gallery-stage{--work-shell-edge-offset:calc(var(--personal-header-edge,calc(78.5px + env(safe-area-inset-top))) - 104px - env(safe-area-inset-top) - 8px);clip-path:inset(min(0px, var(--work-shell-edge-offset)) 0 0);overflow:visible}.personal-page .work-ceiling-light{top:calc(var(--work-shell-edge-offset) + 4px)}.personal-page .work-lamp-cord{top:var(--work-shell-edge-offset)}.personal-page .work-gallery-stage[data-reading=true] .work-lamp-cord{top:calc(var(--work-reading-edge-offset,0px) - 18px)}}@media (max-width:759px),(max-width:900px) and (max-height:500px){.personal-page[data-section=blog]{height:auto;min-height:100dvh;overflow:visible}.personal-page[data-section=blog] .personal-scenes{container-type:normal}.blog-shelf-page .line-shelf-layout[data-compact-preview=true]{flex-direction:column;gap:12px;padding-right:0;display:flex}.personal-page[data-section=blog] .line-shelf-layout[data-compact-preview=true] .line-bookshelf{--shelf-unit:16px;scrollbar-width:none;touch-action:pan-y;overscroll-behavior-x:contain;cursor:grab;background:linear-gradient(var(--shelf-edge) 0 1px, var(--shelf-wood) 1px) left calc(100% - 20px) / 100% var(--shelf-board) no-repeat, radial-gradient(ellipse 50% 100% at 50% 0, var(--collection-shelf-shadow,#0000002e), transparent 100%) left bottom / 100% 20px no-repeat;align-items:flex-end;gap:8px;width:100%;padding:12px 0 20px;display:flex;overflow:auto hidden}html[data-theme=dark] .blog-shelf-page .line-bookshelf{--collection-shelf-shadow:#00000080}.blog-shelf-page .line-bookshelf::-webkit-scrollbar{display:none}.blog-shelf-page [data-compact-preview=true] .line-shelf-group{flex:none;grid-template-columns:10px max-content}.blog-shelf-page [data-compact-preview=true] .line-shelf-group:before,.blog-shelf-page [data-compact-preview=true] .line-shelf-group:after{display:none}.personal-page[data-section=blog] [data-compact-preview=true] .line-shelf-viewport{margin:0;padding:0 2px;overflow:visible}.blog-shelf-page [data-compact-preview=true] .line-shelf-books{min-width:0}.blog-shelf-page [data-compact-preview=true] .line-book{width:calc(var(--d) * var(--shelf-unit) * 2);touch-action:pan-y;justify-content:center;min-width:0}.blog-shelf-page [data-compact-preview=true] .line-book-box{width:100%;margin-inline:0}.blog-shelf-page [data-compact-preview=true] .line-shelf-books{perspective:none}.blog-shelf-page [data-compact-preview=true] .line-book-box{transform-style:flat;transform:none}.blog-shelf-page [data-compact-preview=true] .line-book[data-preview=true] .line-book-box{transform:translateY(-4px)}.blog-shelf-page [data-compact-preview=true] .line-book-spine{filter:none}.blog-shelf-page [data-compact-preview=true] .line-book-title{--k:.85;--max:13px;--fit:calc((var(--h) - .7) * var(--shelf-unit) * .9)}.blog-shelf-page [data-compact-preview=true] .line-shelf-preview{width:100%;display:block;position:relative;inset:auto;overflow:visible}.blog-shelf-page [data-compact-preview=true] .line-shelf-preview-anchor{height:364px;position:relative;top:auto}.blog-shelf-page [data-compact-preview=true] .line-shelf-preview-content{flex-direction:column;display:flex;position:absolute;inset:0}.blog-shelf-page [data-compact-preview=true] .line-peek-media{flex:1;min-height:0}.blog-shelf-page [data-compact-preview=true] .line-peek-book-stage{--peek-book-scale:1.25;--peek-shadow-gap:24px}.blog-shelf-page [data-compact-preview=true] .line-peek-book-light{filter:none;background:radial-gradient(34% 38% at 50% 40%,#fff1,#0000 100%),radial-gradient(48% 48%,#ffffff30,#ffffff21 30%,#ffffff0f 58%,#ffffff04 82%,#0000 100%);width:100%;height:100%;inset:0;transform:none;-webkit-mask-image:none;mask-image:none}.blog-shelf-page [data-compact-preview=true] .line-peek-book-model{width:calc(var(--peek-book-width) * var(--peek-book-scale));height:calc(var(--peek-book-height) * var(--peek-book-scale));transform:none}.blog-shelf-page [data-compact-preview=true] :is(.line-once-book-reveal,.line-shelf-preview-content){filter:none!important}.line-book-pages[data-compact]{touch-action:pan-y}.blog-shelf-page .line-shelf-open-hint{text-align:center;min-height:32px;color:var(--muted-foreground);margin:0;padding:8px 0 0;font-size:12px;line-height:24px}}