:root{--ui-accent:#bda8e1;--ui-hairline:#b8a9cb35;--ui-soft:#bba5dd12;--ui-mono:ui-monospace,SFMono-Regular,Consolas,monospace}body.xiaoya-space{--ui-accent:#736451;--ui-hairline:#796c5735;--ui-soft:#8272550b}body:has(.blog-page,.blog-reading-shell){--ui-accent:#775a98}body:has(.paper-library){--ui-accent:#59767c}body:has(.about-desk){--ui-accent:#58665c}body:is([data-space-page],.xiaoya-space,.diary-redefine) :where(a,button,input,textarea,select,summary):focus-visible{outline:2px solid var(--ui-accent);outline-offset:4px}body:is([data-space-page],.xiaoya-space,.diary-redefine) :where(input,textarea,select){accent-color:var(--ui-accent)}body[data-space-page] :where(.button,.module-tabs>a,.pagination>a,.pagination>span){min-height:44px;transition:background-color .18s,border-color .18s,box-shadow .18s}body[data-space-page] :where(.button,.module-tabs>a):hover{box-shadow:inset 0 0 0 1px var(--ui-hairline),0 5px 18px #00000013}body[data-space-page] :where(.module-tabs,.pagination)>[aria-current]{box-shadow:inset 0 -2px var(--ui-accent);position:relative}body[data-space-page] .page-intro{border-bottom:1px solid var(--ui-hairline);isolation:isolate;grid-template-columns:minmax(0,1fr) minmax(200px,.6fr);align-items:end;gap:20px 52px;margin-bottom:28px;padding:36px 0 32px;display:grid;position:relative}body[data-space-page] .page-intro:before{content:"";background:var(--ui-accent);width:52px;height:2px;position:absolute;top:0;left:0}body[data-space-page] .page-intro:after{content:"";background:repeating-linear-gradient(90deg,var(--ui-hairline) 0 1px,transparent 1px 12px);pointer-events:none;width:122px;height:20px;position:absolute;top:0;right:0;mask-image:linear-gradient(270deg,#000,#0000)}body[data-space-page] .page-intro h1{letter-spacing:-.04em;margin:0;font-size:clamp(38px,5vw,72px);line-height:1.2}body[data-space-page] .page-intro>p{border-left:1px solid var(--ui-hairline);max-width:480px;margin:0;padding-left:20px;font-size:14px;line-height:1.85}body[data-space-page] .page-intro>div{grid-column:1/-1}body[data-space-page] .empty-state{border:1px solid var(--ui-hairline);background:linear-gradient(135deg,var(--ui-soft),transparent 65%);border-radius:16px;padding:clamp(30px,6vw,70px);position:relative}body[data-space-page] .empty-state:before{content:"";border-top:1px solid var(--ui-accent);border-left:1px solid var(--ui-accent);opacity:.6;pointer-events:none;width:17px;height:17px;position:absolute;top:16px;left:16px}body:is([data-space-page],.xiaoya-space,.diary-redefine) #main{view-transition-name:content-panel}::view-transition-old(content-panel){animation:.16s both content-leave}::view-transition-new(content-panel){animation:.24s cubic-bezier(.2,.7,.25,1) both content-enter}@keyframes content-leave{to{opacity:0;transform:translateY(-5px)}}@keyframes content-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.route-status{z-index:100000;pointer-events:none;color:#e7def4;background:#bba5dd18;height:3px;position:fixed;inset:0 0 auto}.route-status[hidden]{display:none!important}.route-status-line{background:linear-gradient(90deg,#0000,#d2bfed,#0000);width:32%;height:100%;animation:1.1s ease-in-out infinite route-loading;position:absolute}.route-status-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.route-status[data-slow] .route-status-label{clip-path:none;background:#191321f2;border:1px solid #c7b3e03b;border-radius:8px;width:auto;height:auto;padding:8px 15px;font-size:12px;top:10px;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #0003}@keyframes route-loading{0%{transform:translate(-110%)}to{transform:translate(420%)}}.site-footer.footer-directory{border:1px solid var(--ui-hairline);background:linear-gradient(135deg,#191221c9,#0d0b12db);border-radius:20px;grid-template-columns:minmax(200px,1fr) minmax(260px,1.2fr);gap:45px 70px;margin-top:12px;padding:48px clamp(24px,5vw,55px) 28px;display:grid;position:relative;overflow:hidden}.footer-directory:before{content:"";background:linear-gradient(90deg,#0000,#bca2d6a1,#0000);height:1px;position:absolute;top:0;left:24px;right:24px}.footer-directory .footer-brand{letter-spacing:.12em;font-family:Tingyu Display,serif;font-size:38px;font-weight:400;line-height:1.4}.footer-directory p{color:#b2a7bd;max-width:350px;margin-top:16px;font-size:12px;line-height:1.9}.footer-directory .footer-directory-caption{font:10px var(--ui-mono);letter-spacing:.12em;color:#b7a5c6;margin:0 0 16px}.footer-directory nav{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:0 25px;display:grid}.footer-directory nav a{color:#d9d0e3;border-bottom:1px solid #b8a9cb22;align-items:center;gap:12px;min-height:46px;font-size:13px;transition:padding .2s,background .2s;display:flex}.footer-directory nav a:hover{background:#baa6ce09;padding-left:6px}.footer-directory nav small{font:9px var(--ui-mono);color:#92849f}.footer-directory .footer-base{border-top:1px solid var(--ui-hairline);grid-column:1/-1;justify-content:space-between;align-items:center;gap:20px;padding-top:18px;display:flex}.footer-directory .footer-note{letter-spacing:.1em;border:0;margin:0;padding:0;font-size:9px}.footer-directory .footer-top{align-items:center;gap:12px;min-height:44px;padding:9px 0;font-size:11px;display:flex}.footer-directory .footer-top:before{content:"";background:var(--ui-accent);width:24px;height:1px}.home-end .home-footer-line{border-top:1px solid #b8a9cb44;align-items:start;padding-top:36px}.home-end .home-footer-line nav{grid-template-columns:repeat(3,minmax(70px,1fr));gap:6px 28px;margin-left:auto;display:grid}.home-end .home-footer-line nav a{border-bottom:1px solid #b8a9cb19;align-items:center;gap:8px;min-height:44px;display:flex}.home-end .home-footer-line nav a:before{content:"";background:#ad91c7;width:3px;height:3px}.home-end .home-footer-name{font-family:Tingyu Display,serif;font-size:42px;font-weight:400}.home-end .home-footer-note{font-family:var(--ui-mono);border-top:1px solid #b8a9cb19;margin-top:28px;padding-top:22px}@media (width<=680px){body[data-space-page] .page-intro{grid-template-columns:1fr;gap:18px;margin-bottom:22px;padding:24px 0}body[data-space-page] .page-intro>p{border-left:0;max-width:none;padding:0;font-size:13px}body[data-space-page] .page-intro h1{font-size:clamp(34px,10vw,52px)}.site-footer.footer-directory{grid-template-columns:1fr;gap:28px;padding:30px 22px 18px}.footer-directory .footer-brand{font-size:32px}.footer-directory .footer-base{flex-wrap:wrap;gap:6px}.footer-directory nav{gap:0 18px}.home-end .home-footer-line nav{order:3;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.home-end .home-footer-name{font-size:34px}.home-end .home-footer-line{gap:20px}}@media (prefers-reduced-motion:reduce){::view-transition-old(content-panel),::view-transition-new(content-panel){animation:none}.route-status-line{background:#bda8e1;width:100%;animation:none}.footer-directory nav a{transition:none}}@media (forced-colors:active){.route-status,.route-status-line{background:highlight}.site-footer.footer-directory{background:canvas;border-color:canvastext}.footer-directory nav a,.footer-directory p,.footer-directory .footer-directory-caption{color:canvastext}}.about-desk{background:linear-gradient(125deg,#eceee9,#d7ded9);border-radius:20px;padding:clamp(24px,5vw,68px);overflow:hidden}.about-desk .desk-heading{font-family:var(--ui-mono);letter-spacing:.08em;border-bottom:1px solid #55675c45;padding-bottom:22px}.desk-heading a{border:1px solid #53675c40;border-radius:30px;padding:8px 16px}.desk-layout{grid-template-columns:minmax(0,1.5fr) minmax(220px,.7fr);gap:40px;padding:45px 0;position:relative}.desk-letter{border-left:4px solid #617d70;border-radius:3px 20px 20px 3px;padding:clamp(26px,4vw,58px);position:relative;transform:none;box-shadow:10px 10px #6d81770b,0 16px 40px #31453a0c}.desk-letter:after{content:"";pointer-events:none;border-bottom:1px solid #6a81764a;border-right:1px solid #6a81764a;width:34px;height:34px;position:absolute;bottom:20px;right:20px}.desk-letter h1{letter-spacing:.02em;font-family:Tingyu Display,Noto Serif SC,serif;font-size:clamp(44px,7vw,96px);font-weight:400}.desk-letter .desk-english{font:11px var(--ui-mono);letter-spacing:.15em;opacity:.75;font-style:normal}.desk-bio{max-width:600px;font-size:16px;line-height:2.1}.desk-section-label{font:10px var(--ui-mono);letter-spacing:.13em;color:#63756c;align-items:center;gap:12px;margin-bottom:25px;display:flex}.desk-section-label:before{content:"";background:#63756c;width:24px;height:1px}.desk-side{align-content:start;padding-top:0}.desk-note{box-shadow:none;background:#dce5dd;border:1px solid #8b9c8d6e;border-radius:16px;padding:30px;transform:none}.desk-note:before{display:none}.desk-note h2{color:#4d6859;align-items:center;gap:13px;display:flex}.desk-note h2:before{content:"";background:#718d7d;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #718d7d12}.desk-note p{font:18px/1.9 var(--font,system-ui);margin-top:18px}.desk-contact{box-shadow:none;background:#324b3e;border:0;border-radius:12px;justify-content:space-between;align-items:center;width:100%;min-height:52px;padding:16px 22px;display:flex;color:#f1f5ed!important}.desk-contact:after{content:"";background:#d8e5d7;width:26px;height:1px}.desk-route-index{border:1px solid #657c6b3b;border-radius:14px;padding:18px}.desk-route-index p{font:10px var(--ui-mono);letter-spacing:.1em;color:#63756c;margin-bottom:12px}.desk-route-index a{border-bottom:1px solid #657c6b26;align-items:center;gap:12px;min-height:46px;font-size:13px;display:flex}.desk-route-index a:last-child{border:0}.desk-route-index small{font:10px var(--ui-mono);color:#6f8778}.desk-work-heading{align-items:center;padding-top:28px}.desk-work-heading h2{font-family:Tingyu Display,serif;font-size:26px}.desk-work{box-shadow:none;border:1px solid #8c9e8e40;border-radius:10px;padding:10px 10px 18px;transform:none!important}.desk-work img{border-radius:5px}.desk-work:hover,.desk-work:focus-visible{translate:0 -5px;box-shadow:0 16px 30px #333b3020}.desk-work>small{font:10px var(--ui-mono);color:#6c7c70;margin:14px 9px -10px;display:block}.legal-page{--legal-border:#b5a1cc35;border:1px solid var(--legal-border);counter-reset:legal-section;background:linear-gradient(140deg,#21182ee8,#100d19ee);border-radius:18px;margin:0 auto;padding:clamp(26px,4vw,54px);position:relative;max-width:1080px!important}.legal-page .legal-meta{font:11px/1.8 var(--ui-mono);border-bottom:1px solid var(--legal-border);flex-wrap:wrap;gap:18px;padding:16px 0;display:flex}.legal-page .legal-callout{background:#b0a0cb0b;border-left:2px solid #bfa1de;border-radius:0 10px 10px 0;margin:24px 0;padding:20px 24px;font-size:13px;line-height:1.9}.legal-page .prose>h2{counter-increment:legal-section;border-top:1px solid var(--legal-border);align-items:baseline;gap:16px;margin-top:40px;padding-top:28px;scroll-margin-top:110px;font-size:23px;display:flex}.legal-page .prose>h2:before{content:counter(legal-section,decimal-leading-zero);font:11px var(--ui-mono);color:#b9a4d0}.legal-page .prose{font-size:15px;line-height:2}.legal-index{border:1px solid var(--legal-border);background:#c5b2e006;border-radius:10px;margin:26px 0;padding:0 20px}.legal-index summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:48px;font-size:12px;display:flex}.legal-index summary:after{content:"＋";font-size:18px}.legal-index[open] summary:after{content:"−"}.legal-index nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px;padding:8px 0 18px;display:grid}.legal-index nav a{border-bottom:1px solid var(--legal-border);color:#cfc2df;align-items:center;gap:9px;min-height:44px;font-size:12px;line-height:1.5;display:flex}.legal-index nav small{font:9px var(--ui-mono);color:#9d8eaf}.update-timeline{counter-reset:update-item;margin:28px 0}.update-timeline>li{counter-increment:update-item;background:linear-gradient(110deg,#b9a2d10c,#0000);border:1px solid #b5a1cc25;border-left:2px solid #ad91c855;border-radius:0 14px 14px 0;margin:0 0 16px 12px;padding:26px 28px 26px 52px;position:relative}.update-timeline>li:before{content:counter(update-item,decimal-leading-zero);width:30px;height:30px;font:9px var(--ui-mono);color:#d9c9e9;background:#21192e;border:1px solid #bda4dc60;border-radius:50%;place-items:center;display:grid;position:absolute;top:25px;left:-16px}.update-timeline>li>time{font:11px/1.8 var(--ui-mono);letter-spacing:.02em}.update-timeline>li h2{margin:13px 0;font-size:25px}.update-timeline>li>p{font-size:13px;line-height:1.9}.updates-seen-controls{background:#baa0d20c;border:1px solid #b5a1cc28;border-radius:12px;padding:16px 20px}.updates-seen-controls button{min-height:44px}.error-page{text-align:left;grid-template-columns:.9fr 1.1fr;align-items:center;gap:24px 60px;min-height:60vh;padding:55px 0;display:grid}.error-map{aspect-ratio:1;background:linear-gradient(90deg,#0000 calc(50% - .5px),#bda4dc24 50%,#0000 calc(50% + .5px)),linear-gradient(0deg,#0000 calc(50% - .5px),#bda4dc24 50%,#0000 calc(50% + .5px));border:1px solid #bda4dc35;border-radius:50%;grid-row:1/5;place-items:center;max-width:420px;display:grid;position:relative}.error-map:before,.error-map:after{content:"";pointer-events:none;border:1px dashed #bda4dc29;border-radius:50%;position:absolute;inset:12%}.error-map:after{border-style:solid;inset:25%}.error-map .error-code{font:clamp(65px,9vw,130px)/1 var(--ui-mono);letter-spacing:-.07em;color:#ded4ec;z-index:1;background:#14101d;margin:0;padding:15px 4px;font-weight:300}.error-page h1{align-self:end;font:400 clamp(30px,4vw,48px)/1.25 Tingyu Display,serif}.error-page p{color:#b8aac8;max-width:420px;margin:0;font-size:14px;line-height:1.9}.error-page .error-actions{flex-wrap:wrap;align-self:start;gap:12px;display:flex}.error-page .error-actions a{color:#ece5f4;background:#bda4dc10;border:1px solid #bda4dc55;border-radius:8px;min-height:46px;padding:12px 18px;font-size:13px}.error-map-label{font:10px var(--ui-mono);letter-spacing:.13em;color:#a390b6;position:absolute;bottom:15%}@media (width<=720px){.desk-layout{grid-template-columns:1fr;gap:24px;padding:26px 0}.desk-side{grid-template-columns:1fr;gap:18px}.desk-note{padding:24px}.desk-letter{padding:28px 24px}.desk-letter h1{font-size:52px}.desk-bio{font-size:14px}.desk-works{gap:14px}.legal-page{border-radius:12px;padding:25px 20px}.legal-index{padding:0 14px}.legal-index nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.legal-page .prose{font-size:14px}.legal-page .prose>h2{gap:10px;font-size:21px}.legal-page .legal-callout{padding:16px}.update-timeline>li{margin-left:10px;padding:22px 18px 22px 30px}.update-timeline>li h2{font-size:22px}.updates-seen-controls{flex-direction:column;align-items:start}.error-page{text-align:center;grid-template-columns:1fr;gap:22px;padding:26px 0}.error-map{grid-row:auto;width:min(65vw,280px);margin:0 auto}.error-page h1{font-size:34px}.error-page p{margin:0 auto}.error-page .error-actions{justify-content:center}.error-map .error-code{font-size:76px}}@media (prefers-reduced-motion:reduce){.desk-work:hover,.desk-work:focus-visible{translate:none}}.route-status[data-wait-main]{inset:var(--public-wait-top,96px) 0 auto;color:#c9b8e7;width:100%;max-width:none;height:3px;box-shadow:none;pointer-events:none;z-index:9999;contain:layout paint;background:#b6a4d322;border:0;border-radius:0;padding:0;display:block}.route-status[data-wait-main] .route-status-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;font:14px/1.5 system-ui,sans-serif;position:absolute;overflow:hidden;transform:none}.route-status[data-wait-main] .route-status-line{opacity:.85;box-sizing:border-box;background:currentColor;border:0;width:clamp(64px,22vw,240px);height:3px;animation:none;position:absolute;top:0;left:0}.route-status[data-wait-theme=moon] .route-status-line{background:linear-gradient(90deg,#0000,currentColor,#0000);border-radius:3px;animation:1.8s ease-in-out infinite designer-wait-orbit}.route-status[data-wait-theme=museum]{color:#3a3b36;box-shadow:none;background:#f4f1e9f5;border-color:#484c4440;border-radius:0}.route-status[data-wait-theme=museum] .route-status-line{transform-origin:0;background:currentColor;border:0;height:3px;animation:1.4s cubic-bezier(.2,.7,.3,1) infinite designer-wait-rule}.route-status[data-wait-theme=garden]{color:#4e694c;background:#fbf8eef5;border-color:#66735e40;border-radius:4px}.route-status[data-wait-theme=garden] .route-status-line{transform-origin:0;background:#dbe4d580;border-bottom:2px solid;height:3px;animation:1.7s ease-in-out infinite designer-wait-print}.route-status[data-wait-theme=city]{color:#c4deea;background:#112938f2;border-color:#b5d4e440;border-radius:2px}.route-status[data-wait-theme=city] .route-status-line{background:0 0;border-top:1px solid;border-left:3px solid;height:3px;animation:1.3s ease-in-out infinite designer-wait-window}.route-status[data-wait-main][data-slow] .route-status-line,.route-status[data-wait-main][data-wait-reduced=true] .route-status-line,html[data-motion=reduced] .route-status[data-wait-main] .route-status-line{clip-path:none;animation:none;transform:none}@keyframes designer-wait-orbit{0%{opacity:.55;transform:translate(-40%)scaleX(.8)}70%,to{opacity:1;transform:translate(80vw)scaleX(1)}}@keyframes designer-wait-rule{0%{opacity:.5;transform:scaleX(.2)}60%,to{opacity:1;transform:scaleX(1)}}@keyframes designer-wait-print{0%,to{clip-path:inset(0 22% 0 0);transform:scaleX(.8)}50%{clip-path:inset(0);transform:translate(12vw)scaleX(1)}}@keyframes designer-wait-window{0%{clip-path:inset(0 60% 0 0);opacity:.55;transform:translate(0)}75%,to{clip-path:inset(0);opacity:1;transform:translate(55vw)}}@media (width<=760px){.route-status[data-wait-main]{top:var(--public-wait-top,84px);width:100%;max-width:none;height:3px;padding:0;left:0;right:0}.route-status[data-wait-theme=moon] .route-status-line,.route-status[data-wait-theme=garden] .route-status-line{animation-duration:2s}}@media (prefers-reduced-motion:reduce){.route-status[data-wait-main] .route-status-line{clip-path:none;transform:none;animation:none!important}}@media (forced-colors:active){.route-status[data-wait-main]{color:canvastext;box-shadow:none;background:canvas;border-color:canvastext}.route-status[data-wait-main] .route-status-line{background:canvastext;border-color:canvastext;animation:none}}@font-face{font-family:Tingyu Display;src:url(/fonts/tingyu-serif/tingyu-display.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}:root{--font-display:"Tingyu Display","Noto Serif SC","Songti SC","STSong","SimSun",serif}.type-display{font-family:var(--font-display);font-synthesis:none;font-weight:400}[data-type-motion]{font-kerning:normal}.type-glyph{transform-origin:50% 85%;backface-visibility:hidden;display:inline-block}.type-line{transform-origin:0 100%;display:block}.type-roll{vertical-align:middle;height:1.4em;line-height:1.4;display:inline-block;position:relative;overflow:hidden}.type-roll-track{transition:transform .25s cubic-bezier(.2,.7,.25,1);display:block}.type-roll-track>span{white-space:nowrap;height:1.4em;display:block}a:focus-visible .type-roll-track,button:focus-visible .type-roll-track{transform:translateY(-50%)}@media (hover:hover) and (pointer:fine){a:hover .type-roll-track,button:hover .type-roll-track,summary:hover .type-roll-track{transform:translateY(-50%)}}@media (hover:none){a:active .type-roll-track,button:active .type-roll-track{transform:translateY(-50%)}}@media (prefers-reduced-motion:reduce){.type-roll-track{transition:none;transform:none!important}.type-glyph,.type-line{opacity:1!important;transform:none!important}}[data-type-motion] .type-glyph,[data-type-motion] .type-line{font-size:inherit;font-weight:inherit;font-family:inherit;line-height:inherit;letter-spacing:inherit;color:inherit}
