@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),[data-astro-transition-scope]{animation:none!important}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}:root{--ink-900:#2a1820;--ink-700:#4d3540;--ink-500:#816774;--sakura-100:#ffe2eb;--sakura-200:#ffc8d6;--sakura-300:#ff9bb4;--sakura-400:#ff789a;--sakura-500:#e85d80;--sakura-700:#9d2949;--surface:#fff;--surface-soft:#fafafa;--border-soft:#ececec;--border-medium:#e0e0e0;--card-shadow:0 4px 14px -8px #28141e1f;--card-shadow-hover:0 12px 28px -10px #28141e2e;--font-sans:system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Source Han Sans SC", "Noto Sans CJK SC", "Noto Sans SC", sans-serif;--font-serif:"Songti SC", "SimSun", "Source Han Serif SC", "Noto Serif CJK SC", "Noto Serif SC", serif;--font-mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, "Liberation Mono", "Fira Code", monospace;--sidebar-width:220px;--content-max-width:1600px;--page-bg:#f5f4f7}*,:before,:after{box-sizing:border-box}html{font-family:var(--font-sans);color:var(--ink-700);background:var(--page-bg);-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{background:var(--page-bg);min-height:100vh;margin:0;line-height:1.65;overflow-x:hidden}::view-transition-group(root),::view-transition-old(root),::view-transition-new(root){animation:none!important}a{color:inherit;text-decoration:none;transition:color .25s}img{max-width:100%;display:block}ul{margin:0;padding:0;list-style:none}.scrollbar{background:var(--sakura-500);z-index:9999;width:0%;height:2px;transition:width .1s linear;position:fixed;top:0;left:0}@property --sidebar-flip{syntax:"<angle>";inherits:true;initial-value:45deg}.sidebar-root{--sidebar-gap:20px;--sidebar-inset-left:0px;display:contents}.sidebar-root,.sidebar-root~.site-main{--sidebar-flip:45deg}.sidebar-root.is-hovered,.sidebar-root.is-hovered~.site-main{--sidebar-flip:20deg}.sidebar{width:var(--sidebar-width);background:var(--surface);border-right:1px solid var(--border-soft);z-index:20;transform-origin:40%;transform:perspective(1400px) translateZ(calc(-100px * sin(var(--sidebar-flip)))) rotateY(var(--sidebar-flip));backface-visibility:hidden;transition:--sidebar-flip .5s var(--ease-out-4,cubic-bezier(.2, .8, .2, 1)), background .35s ease, border-color .35s ease;flex-direction:column;gap:18px;padding:20px 16px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:hidden}.sidebar-live2d{border-top:1px solid var(--border-soft);cursor:pointer;justify-content:center;align-items:flex-end;width:100%;height:220px;padding-top:14px;display:flex;position:relative}.sidebar-live2d canvas{width:100%;max-width:188px;height:100%;display:block}.live2d-fallback{color:var(--ink-500);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:12px;transition:opacity .3s;display:flex;position:absolute;inset:14px 0 0}.live2d-fallback i{color:var(--sakura-300);font-size:32px}.live2d-fallback.is-hidden{opacity:0}.sidebar-profile{text-align:center;border-bottom:1px solid var(--border-soft);flex-direction:column;align-items:center;gap:6px;padding-bottom:18px;display:flex}.sidebar-profile .avatar{border:2px solid #fff;border-radius:50%;width:78px;height:78px;transition:transform .6s;display:block;overflow:hidden;box-shadow:0 2px 10px #e85d8040}.sidebar-profile .avatar:hover{transform:rotate(360deg)}.sidebar-profile .avatar img{object-fit:cover;width:100%;height:100%}.sidebar-profile .name{color:var(--ink-900);margin:6px 0 0;font-size:15px;font-weight:600}.sidebar-profile .tagline{color:var(--ink-500);margin:0;font-size:12px}.sidebar-music{border-top:1px solid var(--border-soft);flex-direction:column;gap:6px;padding-top:14px;display:flex}.sidebar-music .music-meta{color:var(--ink-500);text-align:center;white-space:nowrap;text-overflow:ellipsis;justify-content:center;align-items:center;gap:6px;margin:0;font-size:12px;display:flex;overflow:hidden}.sidebar-music .music-meta i{color:var(--sakura-500);font-size:11px}.sidebar-music .music-controls{justify-content:center;align-items:center;gap:6px;display:flex}.sidebar-music .music-controls button{cursor:pointer;color:var(--ink-500);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;transition:all .2s;display:inline-flex}.sidebar-music .music-controls #music-play{background:var(--sakura-500);color:#fff;width:30px;height:30px}.sidebar-music .music-controls button:hover{color:var(--sakura-700);background:var(--surface-soft)}.sidebar-music .music-controls #music-play:hover{background:var(--sakura-700);color:#fff}.sidebar-social{border-top:1px dashed var(--border-soft);margin:14px 0 10px;padding-top:16px}.sidebar-social ul{justify-content:space-around;align-items:center;gap:4px;display:flex}.sidebar-social li{flex:1;justify-content:center;display:flex}.sidebar-social a,.sidebar-social .social-trigger{border:1px solid var(--border-medium);width:34px;height:34px;color:var(--ink-500);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;font-family:inherit;font-size:14px;transition:all .2s;display:inline-flex}.sidebar-social a:hover,.sidebar-social .social-trigger:hover{color:#fff;background:var(--sakura-500);border-color:var(--sakura-500)}.sidebar-handle{z-index:55;border:1px solid var(--border-medium);background:var(--surface);cursor:pointer;color:var(--sakura-700);border-left:none;border-radius:0 32px 32px 0;align-items:center;gap:6px;padding:8px 14px 8px 10px;font-family:inherit;transition:transform .3s;display:none;position:fixed;top:50%;left:0;transform:translateY(-50%);box-shadow:2px 4px 14px -4px #28141e26}.sidebar-handle:hover{transform:translateY(-50%)translate(4px)}.sidebar-handle .handle-avatar{border:2px solid #fff;border-radius:50%;width:30px;height:30px;display:inline-block;overflow:hidden;box-shadow:0 2px 6px #e85d804d}.sidebar-handle .handle-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.sidebar-handle .handle-arrow{color:var(--sakura-700);font-size:10px}.sidebar-close{width:36px;height:36px;color:var(--ink-500);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:8px;right:8px}.sidebar-close:hover{background:var(--surface-soft);color:var(--ink-900)}@media (width>=861px){.sidebar-close{display:none}}.sidebar-close:focus-visible,.sidebar-handle:focus-visible{outline-offset:-3px;outline:2px solid}@media (prefers-reduced-motion:reduce){.sidebar,.sidebar-glass,.sidebar-handle,.site-main{transition:none!important}}@media (width>=861px){.site-main{backdrop-filter:saturate(180%)blur(10px);border:1px solid var(--border-soft);background-color:#fffc;border-radius:24px;flex-direction:column;gap:24px;min-height:calc(100vh - 40px);margin:20px 24px 20px 214px;padding:40px 40px 60px;transition:background-color .35s,border-color .35s,box-shadow .35s;display:flex;box-shadow:0 8px 32px #28141e0a}:root.dark-theme .site-main{background-color:#14161fd9;border:1px solid #ffffff0a;box-shadow:0 12px 40px #0000004d}}@media (width<=860px){.site-main{flex-direction:column;gap:20px;min-height:100vh;padding:24px 20px 60px;transition:transform .35s cubic-bezier(.2,.8,.2,1);display:flex}}.site-main__inner{width:100%;max-width:var(--content-max-width);margin-inline:auto}.qq-popover{z-index:80;-webkit-backdrop-filter:blur(6px);background:#28141e66;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.qq-popover.open{display:flex}.qq-popover__card{background:var(--surface);border:1px solid var(--border-soft);text-align:center;border-radius:16px;width:100%;max-width:300px;padding:28px 28px 22px;animation:.25s cubic-bezier(.2,.8,.2,1) both qq-pop;position:relative;box-shadow:0 30px 60px -20px #28141e59}@keyframes qq-pop{0%{opacity:0;transform:scale(.94)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.qq-popover__close{background:var(--surface-soft);width:28px;height:28px;color:var(--ink-500);cursor:pointer;border:none;border-radius:50%;font-size:12px;position:absolute;top:10px;right:10px}.qq-popover__close:hover{background:var(--sakura-100);color:var(--sakura-700)}.qq-popover__card h4{color:var(--ink-900);margin:0 0 14px;font-size:15px}.qq-qr{background:var(--surface-soft);border:1px solid var(--border-soft);width:180px;height:180px;color:var(--sakura-700);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;margin:0 auto 14px;display:flex;overflow:hidden}.qq-qr img{object-fit:contain;width:100%;height:100%}.qq-qr i{opacity:.85;font-size:48px}.qq-qr p{color:var(--ink-500);margin:0;font-size:11px}.qq-group{color:var(--ink-700);align-items:center;gap:8px;margin:0 0 6px;font-size:13px;display:inline-flex}.qq-number{color:var(--sakura-700);font-variant-numeric:tabular-nums;font-weight:600}.qq-copy{border:1px solid var(--border-medium);background:var(--surface);width:24px;height:24px;color:var(--ink-500);cursor:pointer;border-radius:50%;font-size:11px}.qq-copy:hover{color:var(--sakura-700);background:var(--sakura-100)}.qq-tip{color:var(--ink-500);margin:4px 0 0;font-size:11.5px}.home{flex-direction:column;gap:20px;display:flex}.home-topbar{align-items:center;gap:12px;display:flex}.home-search{background:var(--surface);border:1px solid var(--border-soft);min-width:0;box-shadow:var(--card-shadow);border-radius:24px;flex:1;align-items:center;gap:10px;margin:0;padding:11px 18px;transition:border-color .2s,box-shadow .2s;display:flex}.home-search:focus-within{border-color:var(--sakura-200);box-shadow:0 0 0 3px #ff9fb62e}.home-search i{color:var(--ink-500);font-size:14px}.home-search input{min-width:0;color:var(--ink-900);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14px}.home-search input::placeholder{color:var(--ink-500)}.home-topbar__btn{cursor:pointer;color:#fff;background:linear-gradient(135deg, var(--sakura-500), var(--sakura-700));border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:46px;height:46px;font-size:15px;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 6px 16px -6px #e85d8099}.home-topbar__btn:hover{transform:translateY(-2px)rotate(8deg);box-shadow:0 10px 22px -8px #e85d80bf}.home-hero{aspect-ratio:21/8;background:var(--surface-soft);border:1px solid var(--border-soft);box-shadow:var(--card-shadow);border-radius:18px;position:relative;overflow:hidden}.home-hero__slide{opacity:0;visibility:hidden;transition:opacity .7s,visibility .7s;display:block;position:absolute;inset:0}.home-hero__slide.is-active{opacity:1;visibility:visible}.home-hero__slide img{object-fit:cover;width:100%;height:100%}.home-hero__shade{background:linear-gradient(90deg,#160b11cc 0%,#160b1173 42%,#160b110a 78%);position:absolute;inset:0}.home-hero__content{color:#fff;flex-direction:column;justify-content:center;gap:12px;max-width:72%;display:flex;position:absolute;inset:0 8% 0 40px}.home-hero__tags{gap:8px;display:flex}.home-hero__tag{-webkit-backdrop-filter:blur(4px);background:#ffffff2e;border:1px solid #ffffff40;border-radius:20px;padding:3px 12px;font-size:12px}.home-hero__tag.is-top{background:var(--sakura-500);border-color:#0000}.home-hero__title{text-shadow:0 2px 12px #0006;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:26px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.home-hero__desc{opacity:.9;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:92%;margin:0;font-size:13.5px;line-height:1.7;display:-webkit-box;overflow:hidden}.home-hero__meta{opacity:.85;gap:16px;font-size:12.5px;display:flex}.home-hero__meta span{align-items:center;gap:6px;display:inline-flex}.home-hero__nav{color:#fff;cursor:pointer;opacity:0;z-index:3;-webkit-backdrop-filter:blur(6px);background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;transition:opacity .25s,background .2s;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.home-hero:hover .home-hero__nav{opacity:1}.home-hero__nav:hover{background:var(--sakura-500)}.home-hero__nav.is-prev{left:14px}.home-hero__nav.is-next{right:14px}.home-hero__dots{z-index:3;gap:8px;display:flex;position:absolute;bottom:16px;right:20px}.home-hero__dot{cursor:pointer;background:#ffffff73;border:none;border-radius:50%;width:9px;height:9px;padding:0;transition:width .25s,background .25s,border-radius .25s}.home-hero__dot.is-active{background:#fff;border-radius:5px;width:22px}.home-tabs{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.home-tab{border:1px solid var(--border-soft);background:var(--surface);color:var(--ink-700);cursor:pointer;white-space:nowrap;border-radius:20px;padding:7px 16px;font-family:inherit;font-size:13px;transition:all .2s}.home-tab:hover{color:var(--sakura-700);border-color:var(--sakura-200)}.home-tab.is-active{background:var(--sakura-500);border-color:var(--sakura-500);color:#fff;box-shadow:0 4px 12px -6px #e85d8099}.home-main{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:20px;display:grid}.home-col{flex-direction:column;gap:16px;min-width:0;display:flex}.home-list__empty{text-align:center;color:var(--ink-500);margin:0;padding:44px 0;font-size:13.5px}.post-row{background:var(--surface);border:1px solid var(--border-soft);box-shadow:var(--card-shadow);border-radius:14px;grid-template-columns:172px 1fr;gap:18px;transition:transform .3s,box-shadow .3s;display:grid;overflow:hidden}.post-row:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-3px)}.post-row__thumb{aspect-ratio:4/3;display:block;position:relative;overflow:hidden}.post-row__thumb img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.post-row:hover .post-row__thumb img{transform:scale(1.06)}.post-row__date{background:#ffffffeb;border-radius:10px;flex-direction:column;align-items:center;padding:5px 9px;line-height:1.05;display:flex;position:absolute;top:10px;left:10px;box-shadow:0 2px 8px -2px #28141e40}.post-row__date b{color:var(--sakura-700);font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.post-row__date span{color:var(--ink-500);font-variant-numeric:tabular-nums;font-size:10px}.post-row__body{flex-direction:column;justify-content:center;gap:8px;min-width:0;padding:16px 18px 16px 0;display:flex}.post-row__title{color:var(--ink-900);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0;font-size:16px;font-weight:600;line-height:1.5;transition:color .25s;display:-webkit-box;overflow:hidden}.post-row:hover .post-row__title{color:var(--sakura-700)}.post-row__excerpt{color:var(--ink-500);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.65;display:-webkit-box;overflow:hidden}.post-row__meta{color:var(--ink-500);flex-wrap:wrap;gap:14px;margin-top:2px;font-size:12px;display:flex}.post-row__meta span{align-items:center;gap:5px;display:inline-flex}.post-row__meta i{color:var(--sakura-500);font-size:11px}.home-rail{flex-direction:column;gap:16px;display:flex;position:sticky;top:24px}.rail-card{background:var(--surface);border:1px solid var(--border-soft);box-shadow:var(--card-shadow);border-radius:14px;padding:16px 18px}.rail-card__title{color:var(--ink-900);align-items:center;gap:8px;margin:0 0 14px;font-size:14.5px;font-weight:600;display:flex}.rail-card__title i{color:var(--sakura-500);font-size:13px}.rail-rank{flex-direction:column;gap:2px;display:flex}.rail-rank li a{border-radius:8px;grid-template-columns:22px 1fr;align-items:center;gap:12px;padding:8px 6px;transition:background .2s;display:grid}.rail-rank li a:hover{background:var(--surface-soft)}.rail-rank__num{color:#fff;background:var(--ink-500);border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:inline-flex}.rail-rank li:first-child .rail-rank__num{background:linear-gradient(135deg,#ff8aa0,#e85d80)}.rail-rank li:nth-child(2) .rail-rank__num{background:linear-gradient(135deg,#ffb27a,#ff8e53)}.rail-rank li:nth-child(3) .rail-rank__num{background:linear-gradient(135deg,#7ec8ff,#5b9bff)}.rail-rank__text{flex-direction:column;gap:2px;min-width:0;display:flex}.rail-rank__title{color:var(--ink-700);white-space:nowrap;text-overflow:ellipsis;font-size:13px;transition:color .2s;overflow:hidden}.rail-rank li a:hover .rail-rank__title{color:var(--sakura-700)}.rail-rank__date{color:var(--ink-500);font-variant-numeric:tabular-nums;font-size:11px}.page-stack{flex-direction:column;gap:18px;display:flex}.page-hero-card{background:var(--surface);border:1px solid var(--border-soft);text-align:center;box-shadow:var(--card-shadow);border-radius:14px;padding:32px 30px}.page-hero-card .eyebrow{color:var(--sakura-700);text-transform:uppercase;letter-spacing:.1em;margin:0 0 8px;font-size:12px;font-weight:600}.page-hero-card h1{color:var(--ink-900);margin:0 0 12px;font-size:22px;font-weight:600}.page-hero-card .intro{color:var(--ink-500);max-width:560px;margin:0 auto;font-size:13.5px;line-height:1.8}.page-hero-card .badges{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.page-hero-card .badge{background:var(--sakura-100);color:var(--sakura-700);border-radius:20px;padding:4px 12px;font-size:12px}.post-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;display:grid}.post-list-thumb{background:var(--surface);border:1px solid var(--border-soft);box-shadow:var(--card-shadow);border-radius:14px;flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.post-list-thumb:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-4px)}.post-thumb{aspect-ratio:16/10;display:block;overflow:hidden}.post-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.post-list-thumb:hover .post-thumb img{transform:scale(1.05)}.post-row__thumb,.post-thumb,.article-header__cover{background:linear-gradient(135deg,#ffe3ec 0%,#eef0f6 100%)}.post-date{color:#fff;background:var(--sakura-500);z-index:3;border-radius:14px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;display:inline-flex;position:absolute;top:10px;left:10px}.post-meta{color:var(--ink-500);flex-wrap:wrap;gap:8px;padding:0 16px 16px;font-size:11px;display:flex}.post-meta span{align-items:center;gap:4px;display:inline-flex}.post-title{padding:14px 16px 6px}.post-title h3{color:var(--ink-900);margin:0;font-size:15px;font-weight:600;line-height:1.5;transition:color .25s}.post-list-thumb:hover .post-title h3{color:var(--sakura-700)}.post-excerpt{color:var(--ink-500);padding:0 16px 16px;font-size:12.5px}.post-excerpt p{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.article-shell{flex-direction:column;gap:18px;width:100%;max-width:820px;margin-inline:auto;display:flex}.back-link{color:var(--ink-500);align-items:center;gap:6px;width:fit-content;font-size:13px;transition:color .25s;display:inline-flex}.back-link:hover{color:var(--sakura-700)}.article-header{background:var(--surface);border:1px solid var(--border-soft);box-shadow:var(--card-shadow);border-radius:14px;overflow:hidden}.article-header__cover{height:300px;overflow:hidden}.article-header__cover img{object-fit:cover;width:100%;height:100%}.article-header__body{text-align:center;padding:28px 32px}.section-kicker{color:var(--sakura-700);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:12px;font-weight:600}.article-header h1{color:var(--ink-900);margin:8px 0 12px;font-size:24px}.article-summary{color:var(--ink-500);font-size:14px;line-height:1.75}.meta-pill-row{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px;display:flex}.meta-pill{background:var(--sakura-100);color:var(--sakura-700);border-radius:20px;padding:4px 12px;font-size:12px}.article-prose{background:var(--surface);border:1px solid var(--border-soft);box-shadow:var(--card-shadow);color:var(--ink-700);border-radius:14px;padding:30px 36px;font-size:15px;line-height:1.9}.article-prose h2,.article-prose h3{color:var(--ink-900);margin:1.6em 0 .6em}.article-prose p{margin:0 0 1.2em}.article-prose img{border-radius:10px;margin:16px 0}.article-prose code{background:var(--surface-soft);color:var(--sakura-700);font-family:var(--font-mono);border-radius:4px;padding:2px 6px;font-size:.88em}.article-prose pre{background:var(--surface-soft);border:1px solid var(--border-soft);border-radius:10px;padding:46px 20px 16px;position:relative;overflow-x:auto}.article-prose pre code{color:inherit;background:0 0;padding:0}.code-copy-button{border:1px solid var(--border-medium);min-width:66px;height:30px;color:var(--ink-500);font-family:var(--font-sans);cursor:pointer;background:#ffffffeb;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:12px;line-height:1;transition:color .2s,border-color .2s,background .2s;display:inline-flex;position:absolute;top:10px;right:10px}.code-copy-button:hover{color:var(--sakura-700);border-color:var(--sakura-200);background:#fff}.code-copy-button.is-copied{color:var(--sakura-700);border-color:var(--sakura-200);background:var(--sakura-100)}.code-copy-button.is-error{color:#b42318;background:#fff5f4;border-color:#f1b7b2}.site-footer{text-align:center;color:var(--ink-500);margin-top:auto;padding:24px 20px 0;font-size:12px}.site-footer p{margin:4px 0}.empty-state{background:var(--surface);border:1px solid var(--border-soft);text-align:center;box-shadow:var(--card-shadow);border-radius:14px;padding:48px 28px}.empty-state h2{color:var(--ink-900);margin:0 0 10px;font-size:17px;font-weight:600}.empty-state p{color:var(--ink-500);max-width:540px;margin:0 auto;font-size:13.5px;line-height:1.8}.sidebar-backdrop{z-index:40;background:#28141e66;display:none;position:fixed;inset:0}.sidebar-backdrop.open{display:block}@media (width<=1080px){.home-main{grid-template-columns:1fr}.home-rail{flex-flow:wrap;position:static}.rail-card{flex:240px}}@media (width<=860px){.sidebar{z-index:50;width:260px;transition:transform .35s cubic-bezier(.2,.8,.2,1);overflow-y:auto;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-handle{display:inline-flex}.site-main{margin-left:0;padding:28px 16px 40px}.home-hero{aspect-ratio:16/9}.home-hero__content{gap:8px;max-width:100%;inset:0 16px 0 18px}.home-hero__title{font-size:19px}.home-hero__desc,.home-hero__nav{display:none}.post-row{grid-template-columns:120px 1fr;gap:12px}.post-row__body{gap:6px;padding:12px 14px 12px 0}.post-row__title{font-size:14.5px}.home-rail{flex-direction:column}.article-prose{padding:20px 18px}.article-header__body{padding:20px}.article-header__cover{height:200px}}@media (width<=520px){.post-row{grid-template-columns:1fr}.post-row__thumb{aspect-ratio:16/9}.post-row__body{padding:0 14px 14px}.home-topbar__btn{width:42px;height:42px}}:root{--page-bg:#f5f6fa;--surface:#fff;--surface-soft:#fafbfe;--border-soft:#eceef5;--border-medium:#e2e5ec;--sakura-500:#ff4e79;--sakura-100:#fff0f3;--sakura-200:#ffc2d1;--sakura-700:#d62d58;--card-shadow:0 1px 30px -4px #e8e8e8;--card-shadow-hover:0 1px 20px 10px #e8e8e8;--card-bg:#ffffffb8;--card-bg-hover:#ffffffe6;--card-border:#fffffff2;--bubble-solid:#ffffffeb;--ink-900:#1a1e29;--ink-700:#3c4257;--ink-500:#697386;--ink-400:#8a94a8;--ink-300:#aab3c4;--sidebar-width:250px}:root.dark-theme{--page-bg:#0b0c10;--surface:#14161f;--surface-soft:#1b1e2a;--border-soft:#222636;--border-medium:#2e344a;--sakura-500:#ff4e79;--sakura-100:#311c26;--sakura-200:#4c2635;--sakura-300:#7d344d;--sakura-400:#c9476a;--sakura-700:#e03964;--card-shadow:0 1px 20px 2px #00000059;--card-shadow-hover:0 1px 30px 6px #00000080;--card-bg:#14161fad;--card-bg-hover:#1b1e2adb;--card-border:#ffffff12;--bubble-solid:#1e212df0;--ink-900:#f4f6fa;--ink-700:#c5cbd8;--ink-500:#8892b0;--ink-400:#77809a;--ink-300:#a9b2c9}body{background-color:var(--page-bg);color:var(--ink-700);transition:background-color .3s,color .3s}.sidebar{backdrop-filter:var(--glass-blur);border-right:1px solid var(--border-soft);width:var(--sidebar-width);background-color:#ffffffb8;flex-direction:column;gap:20px;padding:24px 16px;display:flex;box-shadow:4px 0 24px #28141e0d}:root.dark-theme .sidebar{background-color:#14161fad;border-right:1px solid #ffffff0d;box-shadow:6px 0 30px #00000040}.sidebar-card{transition:none;backdrop-filter:none!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important}.sidebar-card+.sidebar-card{border-top:1px dashed var(--border-soft);padding-top:20px!important}:root.dark-theme .sidebar-card+.sidebar-card{border-top:1px dashed #ffffff14}.sidebar-card-profile{padding-bottom:0!important}.sidebar-profile{border-bottom:none;padding-bottom:0}.profile-avatar-wrap{width:82px;height:82px;margin-bottom:12px;position:relative}.profile-avatar-wrap .avatar{border:2px solid var(--surface);width:100%;height:100%;display:block;box-shadow:0 4px 12px #ff4e7933}.avatar-theme-toggle{background:var(--surface);border:1px solid var(--border-soft);width:28px;height:28px;color:var(--sakura-500);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:transform .2s,background-color .3s,border-color .3s;display:flex;position:absolute;bottom:-4px;right:-4px;box-shadow:0 2px 8px #00000014}.avatar-theme-toggle:hover{background:var(--surface-soft);transform:scale(1.1)rotate(15deg)}.sidebar-card-live2d{justify-content:center;align-items:center;padding:8px;display:flex}.sidebar-live2d{border-top:none;height:180px;padding-top:0}.sidebar-card-music{padding:16px}.sidebar-music{border-top:none;gap:6px;padding-top:0}.music-meta-title{color:var(--ink-900);text-align:center;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;font-weight:600;overflow:hidden}.music-meta-desc{color:var(--ink-500);text-align:center;margin:0;font-size:11px}.music-progress-bar{margin:8px 0}.music-progress-line{background:var(--border-soft);border-radius:2px;height:4px;position:relative;overflow:hidden}.music-progress-fill{background:var(--sakura-500);border-radius:2px;height:100%;transition:width .2s linear}.music-time{color:var(--ink-500);justify-content:space-between;margin-top:4px;font-size:10px;display:flex}.sidebar-music .music-controls #music-play{background:var(--sakura-500);box-shadow:0 4px 10px #ff4e794d}.sidebar-music .music-controls #music-play:hover{background:var(--sakura-700)}.sidebar-social a,.sidebar-social .social-trigger{background:var(--surface-soft);border-color:var(--border-soft);width:32px;height:32px}.sidebar-social a:hover,.sidebar-social .social-trigger:hover{background:var(--sakura-500);border-color:var(--sakura-500)}.home-topbar-wrap{margin-bottom:8px}.home-topbar{align-items:center;gap:12px;width:100%;display:flex}.home-search{background:var(--surface);border-color:var(--border-soft);border-radius:16px;flex:1;padding:11px 18px;position:relative}.home-search-shortcut{color:var(--ink-500);background:var(--surface-soft);border:1px solid var(--border-soft);user-select:none;border-radius:6px;padding:2px 6px;font-size:11px}.home-random-btn{background:var(--surface);width:44px;height:44px;color:var(--ink-700);border:1px solid var(--border-soft);box-shadow:var(--card-shadow);border-radius:14px;justify-content:center;align-items:center;display:flex}.home-random-btn:hover{color:var(--sakura-500)!important;background:var(--sakura-100)!important;box-shadow:var(--card-shadow-hover)!important}.home-write-btn{background:var(--sakura-500);border-radius:14px;align-items:center;gap:8px;height:44px;padding:0 18px;font-size:13px;font-weight:600;transition:all .25s;display:flex;box-shadow:0 4px 12px #ff4e7940;color:#fff!important}.home-write-btn:hover{background:var(--sakura-700);transform:translateY(-1px);box-shadow:0 6px 16px #ff4e7959}.home-theme-toggle-btn{background:var(--surface);width:44px;height:44px;color:var(--ink-700);border:1px solid var(--border-soft);cursor:pointer;box-shadow:var(--card-shadow);border-radius:14px;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.home-theme-toggle-btn:hover{color:var(--sakura-500);background:var(--sakura-100);transform:scale(1.05)}.home-tabs-container{justify-content:space-between;align-items:center;width:100%;margin:12px 0 6px;display:flex}.home-tabs{gap:6px}.home-tab{background:var(--surface);border-color:var(--border-soft);color:var(--ink-700);border-radius:12px;padding:6px 14px}.home-tab.is-active{background:var(--sakura-500);border-color:var(--sakura-500);box-shadow:0 4px 10px #ff4e7933}.home-filter-dropdown-wrap{align-items:center;display:flex}.home-filter-dropdown{color:var(--ink-700);background:var(--surface);border:1px solid var(--border-soft);cursor:pointer;box-shadow:var(--card-shadow);border-radius:12px;align-items:center;gap:8px;padding:6px 14px;font-size:12.5px;transition:all .2s;display:flex}.home-filter-dropdown:hover{border-color:var(--border-medium);color:var(--sakura-500)}.home-hero{border:1px solid var(--border-soft);box-shadow:var(--card-shadow);border-radius:16px}.home-hero__tag.is-top{background:var(--sakura-500)}.home-timeline-wrap{position:relative}.home-timeline-wrap:before,.home-timeline-wrap:after{content:"";z-index:4;pointer-events:none;height:56px;position:absolute;left:0;right:0}.home-timeline-wrap:before{background:linear-gradient(to bottom, var(--page-bg), transparent);top:0}.home-timeline-wrap:after{background:linear-gradient(to top, var(--page-bg), transparent);bottom:0}.home-timeline{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-height:560px;position:relative;overflow-y:auto}.home-timeline.lenis-active{overscroll-behavior:contain;overflow-y:auto}.home-timeline::-webkit-scrollbar{width:0;height:0}.home-timeline__track{will-change:transform;transform-origin:top;padding:16px 16px 24px;position:relative}.home-timeline__lane{flex-direction:column;gap:32px;display:flex;position:relative}.home-timeline__line{background:var(--border-soft);z-index:0;border-radius:999px;width:2px;position:absolute;top:16px;bottom:16px;left:104px}:root.dark-theme .home-timeline__line{background:var(--border-medium)}.home-timeline__line-progress{background:linear-gradient(to bottom, var(--sakura-300), var(--sakura-500));z-index:2;border-radius:999px;width:2px;height:0%;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 0 8px #ff4e7980,0 0 16px #ff4e7933}.home-timeline__line-progress:after{content:"";border:2px solid var(--sakura-500);width:8px;height:8px;box-shadow:0 0 8px var(--sakura-500), 0 0 16px var(--sakura-500);background:#fff;border-radius:50%;animation:2s ease-in-out infinite star-pulse;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}@keyframes star-pulse{0%,to{box-shadow:0 0 6px var(--sakura-500), 0 0 12px var(--sakura-500);transform:translate(-50%)scale(1)}50%{box-shadow:0 0 10px var(--sakura-500), 0 0 20px var(--sakura-500);transform:translate(-50%)scale(1.3)}}.home-timeline.is-pulling .home-timeline__line-progress{filter:saturate(1.15)}.timeline-node{opacity:0;transition:opacity .35s ease, transform .35s var(--ease-sakura);grid-template-columns:90px 30px 1fr;align-items:start;column-gap:16px;display:grid;position:relative;transform:translateY(24px)}.timeline-node.is-visible{opacity:1;animation:.6s cubic-bezier(.25,1,.5,1) both timeline-node-in;animation-delay:calc(var(--anim-delay-index,0) * 80ms);transform:translateY(0)}@keyframes timeline-node-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.home-timeline:hover .timeline-node:not(:hover){opacity:.65}.home-timeline .timeline-node{transition:opacity .3s ease, transform .3s var(--ease-sakura)}.home-timeline .timeline-node:hover{opacity:1}.home-timeline .timeline-node.is-current{opacity:1;transform:translate(1px)}.timeline-node__date-badge{text-align:right;z-index:2;flex-direction:column;align-self:start;align-items:flex-end;padding-top:4px;display:flex;position:sticky;top:100px}.timeline-node__month-year{color:var(--ink-400);font-variant-numeric:tabular-nums;letter-spacing:.5px;white-space:nowrap;font-size:11px;font-weight:600}.timeline-node__day{font-variant-numeric:tabular-nums;background:linear-gradient(135deg, var(--ink-700), var(--ink-900));-webkit-text-fill-color:transparent;background-clip:text;margin-top:2px;font-size:28px;font-weight:800;line-height:1.1}:root.dark-theme .timeline-node__day{background:linear-gradient(135deg, #fff, var(--ink-300));-webkit-text-fill-color:transparent;background-clip:text}.timeline-node__dot-wrap{z-index:2;justify-content:center;align-items:start;height:100%;padding-top:12px;display:flex;position:relative}.timeline-node__dot{background:var(--surface);border:2px solid var(--border-medium);width:12px;height:12px;box-shadow:none;z-index:3;border-radius:50%;transition:all .35s cubic-bezier(.16,1,.3,1);position:relative}.home-timeline .timeline-node:hover .timeline-node__dot,.home-timeline .timeline-node.is-current .timeline-node__dot{background:var(--sakura-500);border-color:var(--sakura-500);transform:scale(1.15);box-shadow:0 0 0 4px #ff4e7926,0 0 12px #ff4e7966}.home-timeline .timeline-node.is-current .timeline-node__dot:after{content:"";border:2px solid var(--sakura-400);pointer-events:none;border-radius:50%;animation:2.2s ease-out infinite wave-pulse;position:absolute;inset:-2px}.timeline-node__card{flex:1;min-width:0}.timeline-node .post-row{background:color-mix(in srgb, var(--surface) 93%, transparent);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-soft);opacity:.8;transition:opacity .35s ease, border-color .25s var(--ease-out-3), box-shadow .3s var(--ease-out-3), transform .28s var(--ease-out-3)}.home-timeline .timeline-node:hover .post-row,.home-timeline .timeline-node.is-current .post-row{opacity:1;border-color:var(--border-medium)}.home-timeline .timeline-node.is-current .post-row{border-color:var(--sakura-300);box-shadow:0 12px 28px -8px #ff4e791f, var(--card-shadow-hover);transform:scale(1.03)translateY(-1px)}:root.dark-theme .home-timeline .timeline-node.is-current .post-row{box-shadow:0 12px 30px -10px #ff4e7940, var(--card-shadow-hover);border-color:#ff4e7959}.timeline-node .post-row:hover{transition:transform .38s var(--ease-spring-2), box-shadow .3s var(--ease-out-3), border-color .2s var(--ease-out-3);border-color:var(--sakura-300)!important;box-shadow:0 16px 36px -12px #ff4e792e, var(--card-shadow-hover)!important;transform:scale(1.03)translateY(-4px)!important}:root.dark-theme .timeline-node .post-row:hover{box-shadow:0 16px 36px -12px #ff4e7952, var(--card-shadow-hover)!important;border-color:#ff4e7973!important}@media (width<=860px){.home-timeline-wrap{padding:12px 0}.home-timeline{max-height:70vh}.home-timeline__track{padding:16px 16px 24px}.timeline-node{grid-template-columns:30px 1fr;gap:6px 12px}.timeline-node__date-badge{flex-direction:row;grid-column:2;align-items:baseline;gap:8px;margin-bottom:2px;padding-top:0;position:static!important}.timeline-node__day{font-size:20px}.timeline-node__month-year{font-size:12px}.home-timeline__line,.timeline-node:before{left:14px}}.post-row{border:1px solid var(--border-soft);box-shadow:var(--card-shadow);background:var(--surface);border-radius:16px;grid-template-columns:172px 1fr;gap:18px;transition:transform .25s,box-shadow .25s,border-color .3s,background-color .3s;display:grid;overflow:hidden}.post-row:hover{box-shadow:var(--card-shadow-hover);border-color:var(--border-medium);transform:translateY(-2px)}.post-row__thumb .post-cover{transition:transform .5s var(--ease-out-3)}.timeline-node .post-row:hover .post-cover{transform:scale(1.04)}.timeline-loader-wrap{opacity:.8;justify-content:center;width:100%;padding:16px 0;display:flex}.dot-loading{color:var(--sakura-400);gap:4px;font-size:24px;font-weight:700;display:inline-flex}.dot-loading span{animation:1.4s infinite both dot-blink}.dot-loading span:nth-child(2){animation-delay:.2s}.dot-loading span:nth-child(3){animation-delay:.4s}.dot-loading span:nth-child(4){animation-delay:.6s}@keyframes dot-blink{0%,80%,to{opacity:.2;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.post-row__bookmark{width:26px;height:26px;color:var(--ink-500);z-index:3;background:#ffffffd9;border-radius:50%;justify-content:center;align-items:center;font-size:11px;transition:transform .2s,color .2s,background-color .2s;display:flex;position:absolute;top:10px;right:10px}.post-row:hover .post-row__bookmark{color:var(--sakura-500);background:#fff;transform:scale(1.08)}.post-row__meta{flex-wrap:wrap;align-items:center;gap:12px;margin-top:4px;display:flex}.post-row__meta .meta-item{color:var(--ink-500);align-items:center;gap:6px;font-size:12px;display:inline-flex}.post-row__meta .meta-item i{color:var(--ink-500);font-size:12px}.post-row__tag-chip{background:var(--sakura-100);color:var(--sakura-500);border-radius:10px;padding:2px 8px;font-size:11px;font-weight:500;line-height:1.3}.post-row__tag-chip[data-tag-color=Docker],.post-row__tag-chip[data-tag-color=docker]{color:#1e88e5;background:#2196f314}.post-row__tag-chip[data-tag-color=Vue],.post-row__tag-chip[data-tag-color=vue]{color:#43a047;background:#4caf5014}.post-row__tag-chip[data-tag-color=Spring],.post-row__tag-chip[data-tag-color=spring]{color:#7cb342;background:#8bc34a14}.rail-rank-modern{flex-direction:column;gap:12px;margin:0;padding:4px 0;display:flex}.rail-rank-modern li a{border-radius:12px;align-items:center;gap:12px;padding:8px;transition:background-color .2s;display:flex}.rail-rank-modern li a:hover{background-color:var(--surface-soft)}.rail-rank-icon{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;display:flex;box-shadow:0 4px 8px #0000000d}.rail-rank-text-wrap{flex:1;justify-content:space-between;align-items:center;min-width:0;display:flex}.rail-rank-info{flex-direction:column;gap:2px;min-width:0;display:flex}.rail-rank-prefix{color:var(--ink-500);font-size:11px}.rail-rank-title-text{color:var(--ink-900);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:500;transition:color .2s;overflow:hidden}.rail-rank-modern li a:hover .rail-rank-title-text{color:var(--sakura-500)}.rail-rank-date-text{color:var(--ink-500);font-variant-numeric:tabular-nums;flex-shrink:0;margin-left:8px;font-size:11px}.rail-quote-card{border:1px solid var(--border-soft);background-image:url(/assets/quote_bg.png);background-position:50%;background-size:cover;justify-content:center;align-items:center;min-height:160px;padding:24px;display:flex;position:relative;overflow:hidden}.quote-overlay{backdrop-filter:blur(1px);z-index:1;background:#ffffffb8;transition:background-color .3s;position:absolute;inset:0}:root.dark-theme .quote-overlay{backdrop-filter:blur(1px);background:#14161fd9}.quote-content{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex;position:relative}.quote-icon-left{color:var(--sakura-500);opacity:.8;font-size:24px}.quote-text{color:var(--ink-900);max-width:220px;margin:0;font-size:13.5px;font-weight:500;line-height:1.8}@media (width<=860px){.sidebar{background:var(--surface)!important;padding:20px 16px!important}.sidebar-card{box-shadow:none!important;border:none!important;padding:0!important}.home-timeline{max-height:70vh}}:root{--ease-sakura:cubic-bezier(.07, .53, .65, .95);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--glass-blur:saturate(180%) blur(10px);--motion-base:.4s var(--ease-sakura)}body{background-image:radial-gradient(1100px at 10% -8%,#ff4e791a,#0000 42%),radial-gradient(900px at 94% 6%,#78aaff14,#0000 40%),radial-gradient(820px at 82% 104%,#ff8aaa12,#0000 44%);background-repeat:no-repeat;background-attachment:fixed}:root.dark-theme body{background-image:radial-gradient(1100px at 10% -8%,#ff4e791f,#0000 44%),radial-gradient(900px at 94% 6%,#5078d21f,#0000 42%),radial-gradient(820px at 82% 104%,#aa3c641a,#0000 46%)}.scrollbar{background:linear-gradient(90deg, var(--sakura-700), var(--sakura-500) 55%, #ffb27a);height:3px;box-shadow:0 0 8px #ff4e7980}.sakura-canvas{pointer-events:none;z-index:5;width:100%;height:100%;position:fixed;inset:0}.sidebar-card,.rail-card:not(.rail-quote-card){backdrop-filter:var(--glass-blur);background-color:#ffffffb8}:root.dark-theme .sidebar-card,:root.dark-theme .rail-card:not(.rail-quote-card){background-color:#14161fa3}.home-search{backdrop-filter:var(--glass-blur);background-color:#ffffffc7}:root.dark-theme .home-search{background-color:#14161fb3}.back-to-top{cursor:pointer;color:#fff;background:linear-gradient(135deg, var(--sakura-500), var(--sakura-700));opacity:0;pointer-events:none;z-index:60;width:46px;height:46px;transition:transform .45s var(--ease-spring), opacity .3s ease, box-shadow .25s ease;border:none;border-radius:14px;justify-content:center;align-items:center;font-size:15px;display:flex;position:fixed;bottom:26px;right:22px;transform:scale(0)translateY(10px);box-shadow:0 10px 24px -8px #ff4e7999}.back-to-top.is-visible{opacity:1;pointer-events:auto;transform:scale(1)translateY(0)}.back-to-top:hover{transform:scale(1.08)translateY(-2px);box-shadow:0 14px 30px -8px #ff4e79c7}@media (width<=860px){.back-to-top{width:42px;height:42px;bottom:18px;right:16px}}.sidebar-social a,.sidebar-social .social-trigger{transition:transform .25s var(--ease-spring), background-color .25s ease, border-color .25s ease, color .25s ease}.sidebar-social a:hover,.sidebar-social .social-trigger:hover{transform:translateY(-3px)}.article-prose h2{border-left:4px solid var(--sakura-500);padding-left:12px}.article-prose a{color:var(--sakura-700);border-bottom:1px solid var(--sakura-200);transition:color .2s,border-color .2s}.article-prose a:hover{color:var(--sakura-500);border-bottom-color:var(--sakura-500)}.article-prose blockquote{background:var(--sakura-100);border-left:3px solid var(--sakura-500);color:var(--ink-700);border-radius:0 12px 12px 0;margin:1.4em 0;padding:14px 18px 14px 46px;position:relative}.article-prose blockquote:before{content:"“";color:var(--sakura-200);font-family:Georgia,Songti SC,serif;font-size:34px;line-height:1;position:absolute;top:4px;left:12px}.article-prose blockquote p:last-child{margin-bottom:0}@media (prefers-reduced-motion:no-preference){@keyframes rise-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes rise-in-left{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:none}}.home-topbar-wrap{animation:rise-in .5s var(--ease-sakura) backwards}.home-timeline .timeline-node{animation:rise-in .55s var(--ease-sakura) backwards}.home-timeline .timeline-node:nth-child(2){animation-delay:60ms}.home-timeline .timeline-node:nth-child(3){animation-delay:.12s}.home-timeline .timeline-node:nth-child(4){animation-delay:.18s}.home-timeline .timeline-node:nth-child(5){animation-delay:.24s}.home-timeline .timeline-node:nth-child(6){animation-delay:.3s}.home-timeline .timeline-node:nth-child(n+7){animation-delay:.34s}.home-rail .rail-card{animation:rise-in .55s var(--ease-sakura) backwards}.home-rail .rail-card:first-child{animation-delay:.14s}.home-rail .rail-card:nth-child(2){animation-delay:.22s}.page-index__head,.page-hero-card{animation:rise-in .5s var(--ease-sakura) backwards}.empty-state{animation:rise-in .5s 80ms var(--ease-sakura) backwards}.post-list>*{animation:rise-in .5s var(--ease-sakura) backwards}.post-list>:first-child{animation-delay:60ms}.post-list>:nth-child(2){animation-delay:.12s}.post-list>:nth-child(3){animation-delay:.18s}.post-list>:nth-child(4){animation-delay:.24s}.post-list>:nth-child(5){animation-delay:.3s}.post-list>:nth-child(n+6){animation-delay:.34s}.article-shell>.back-link{animation:rise-in .45s var(--ease-sakura) backwards}.article-header{animation:rise-in .55s 60ms var(--ease-sakura) backwards}.article-prose{animation:rise-in .6s .12s var(--ease-sakura) backwards}}.rail-card.rail-placeholder{border:1.5px dashed var(--border-medium);box-shadow:none;backdrop-filter:none;text-align:center;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:120px;display:flex}.rail-placeholder i{color:var(--sakura-200);font-size:22px}.rail-placeholder p{color:var(--ink-700);margin:0;font-size:13px;font-weight:600}.rail-placeholder span{color:var(--ink-500);font-size:11.5px}.home-hero__tag.is-top i{margin-right:2px;font-size:10px}.home-hero{max-height:360px}@media (width<=860px){.home-hero{max-height:300px}}.home-section__head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.home-section__title{color:var(--ink-900);align-items:center;gap:8px;margin:0;font-size:16px;font-weight:600;display:inline-flex}.home-section__title i{color:var(--sakura-500);font-size:15px}.home-section__more{color:var(--ink-500);align-items:center;gap:5px;font-size:12.5px;transition:color .2s;display:inline-flex}.home-section__more:hover{color:var(--sakura-500)}@keyframes img-skeleton-glow{0%{background-position:100%}to{background-position:0%}}.img-loading-placeholder{background:linear-gradient(90deg, var(--border-soft) 25%, var(--border-medium) 37%, var(--border-soft) 63%)!important;background-size:400% 100%!important;animation:1.4s infinite img-skeleton-glow!important}:root.dark-theme .img-loading-placeholder{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a 37%,#ffffff0d 63%) 0 0/400% 100%!important}.article-prose img.img-loading-placeholder{background-color:var(--surface-soft);width:100%;min-height:220px}.img-lazy-fade{opacity:0;transition:opacity .5s cubic-bezier(.25,.46,.45,.94)!important}.img-lazy-fade.is-loaded{opacity:1}.talks-timeline{--talk-gap:14px;gap:var(--talk-gap);flex-direction:column;padding:4px 2px 8px;display:flex}.talks-timeline .timeline-node__dot-wrap:before{content:"";top:16px;left:50%;bottom:calc(-1 * var(--talk-gap) - 16px);background:linear-gradient(to bottom, var(--border-medium), var(--border-soft));z-index:1;width:2px;position:absolute;transform:translate(-50%)}.talks-timeline .timeline-node:last-child .timeline-node__dot-wrap:before{display:none}.talks-timeline .timeline-node:hover .timeline-node__dot{background:var(--sakura-500);border-color:var(--sakura-500);transform:scale(1.15);box-shadow:0 0 0 4px #ff4e7926,0 0 12px #ff4e7966}.talk-card{background:color-mix(in srgb, var(--surface) 93%, transparent);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-soft);box-shadow:var(--card-shadow);transition:transform .28s var(--ease-out-3), box-shadow .3s var(--ease-out-3), border-color .25s var(--ease-out-3);border-radius:16px;padding:15px 20px 17px}.talks-timeline .timeline-node:hover .talk-card{border-color:var(--border-medium);box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.talk-card__title{color:var(--ink-900);margin:0 0 6px;font-size:16px;font-weight:700;line-height:1.45}.talk-card__time{color:var(--ink-400);font-variant-numeric:tabular-nums;align-items:center;gap:6px;margin-bottom:10px;font-size:12px;display:inline-flex}.talk-card__time i{color:var(--sakura-500);font-size:11px}.talk-card__body{color:var(--ink-700);word-break:break-word;font-size:14px;line-height:1.85}.talk-card__body>:first-child{margin-top:0}.talk-card__body>:last-child{margin-bottom:0}.talk-card__body p{margin:0 0 12px}.talk-card__body img{border:1px solid var(--border-soft);border-radius:12px;max-width:100%;height:auto;margin:12px 0 2px;display:block}.talk-card__body blockquote{border-left:3px solid var(--sakura-400);background:color-mix(in srgb, var(--sakura-100) 30%, transparent);color:var(--ink-500);border-radius:0 8px 8px 0;margin:10px 0;padding:8px 14px}.talk-card__body blockquote p{margin:0}:root.dark-theme .talk-card{background:color-mix(in srgb, var(--surface) 88%, transparent)}.post-row,.post-list-thumb,.rail-card:not(.rail-quote-card):not(.rail-placeholder),.page-hero-card,.article-header,.article-prose,.empty-state,.talk-card,.qq-popover__card{background:var(--card-bg);backdrop-filter:var(--glass-blur);border:1px solid var(--card-border);box-shadow:var(--card-shadow)}.timeline-node .post-row,:root.dark-theme .talk-card{background:var(--card-bg);border-color:var(--card-border);backdrop-filter:var(--glass-blur)}.post-row,.post-list-thumb{transition:transform var(--motion-base), box-shadow var(--motion-base), border-color var(--motion-base), background-color var(--motion-base)}.post-row:hover,.post-list-thumb:hover{background:var(--card-bg-hover);box-shadow:var(--card-shadow-hover);border-color:var(--card-border);transform:translateY(-6px)}.talks-timeline .timeline-node:hover .talk-card{background:var(--card-bg-hover);border-color:var(--card-border);box-shadow:var(--card-shadow-hover);transform:translateY(-6px)}.rail-card{transition:background var(--motion-base), box-shadow var(--motion-base)}.rail-card:not(.rail-quote-card):not(.rail-placeholder):hover{background:var(--card-bg-hover);box-shadow:var(--card-shadow-hover)}.home-search,.home-random-btn,.home-theme-toggle-btn,.home-write-btn,.home-tab,.home-filter-dropdown,.home-search-shortcut,.post-row__tag-chip,.meta-pill,.page-hero-card .badge,.code-copy-button{border-radius:50px}.back-to-top{border-radius:50%}.home-search:focus-within{background-color:var(--card-bg-hover)}.post-date{backdrop-filter:var(--glass-blur);color:#fff;text-shadow:0 1px 4px #00000059;background:#ffffff40;border:1px solid #ffffff59;border-radius:50px}.home-hero__tag{backdrop-filter:var(--glass-blur)}.code-copy-button{backdrop-filter:var(--glass-blur);border-color:var(--card-border);background:#ffffffb8}:root.dark-theme .code-copy-button{background:#1e212dbf}:root.dark-theme .code-copy-button:hover{color:var(--sakura-700);background:#262a3af2}.talk-card{position:relative}.talk-card:before{content:"";border-style:solid;border-width:7px 9px 7px 0;border-color:transparent var(--bubble-solid) transparent transparent;filter:drop-shadow(-2px 1px 2px #28141e0f);pointer-events:none;position:absolute;top:16px;left:-9px}.post-row__title,.post-title h3{transition:color .25s ease, letter-spacing var(--motion-base)}.post-row:hover .post-row__title,.post-list-thumb:hover .post-title h3{letter-spacing:1px}.home-section__more,.back-link{position:relative}.home-section__more:after,.back-link:after{content:"";background:var(--sakura-500);border-radius:30px;max-width:0;height:3px;margin-inline:auto;transition:max-width .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:-3px;left:0;right:0}.home-section__more:hover:after,.back-link:hover:after{max-width:100%}.home-write-btn:hover,.home-random-btn:hover,.home-theme-toggle-btn:hover{transform:translateY(-3px)scale(1.02)}.article-prose h2{z-index:0;border-left:none;width:fit-content;padding-left:0;padding-right:8px;position:relative}.article-prose h2:after{content:"";background:var(--sakura-500);opacity:.22;z-index:-1;width:70%;height:10px;transition:width var(--motion-base);border-radius:30px;position:absolute;bottom:3px;left:-2px}.article-prose h2:hover:after{width:calc(100% + 6px)}:root.dark-theme .article-prose h2:after{opacity:.32}@media (prefers-reduced-motion:no-preference){@keyframes topbar-dive-in{0%{opacity:0;transform:translateY(-60px)scale(1.03)}to{opacity:1;transform:translateY(0)scale(1)}}.home-topbar-wrap{animation:.9s cubic-bezier(.25,.46,.45,.94) both topbar-dive-in}@keyframes rise-in-big{0%{opacity:0;transform:translateY(48px)}to{opacity:1;transform:none}}.post-list>*{animation-name:rise-in-big;animation-duration:.55s}}.home-hero__wave{pointer-events:none;z-index:2;background-repeat:repeat-x;background-size:720px 100%;width:calc(100% + 720px);height:54px;position:absolute;bottom:0;left:0}.home-hero__wave.is-back{opacity:.3;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 720 100' preserveAspectRatio='none'%3E%3Cpath d='M0 52 C120 82 240 82 360 52 C480 22 600 22 720 52 L720 100 L0 100 Z' fill='%23ffffff'/%3E%3C/svg%3E");height:66px}.home-hero__wave.is-front{opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 720 100' preserveAspectRatio='none'%3E%3Cpath d='M0 52 C120 24 240 24 360 52 C480 80 600 80 720 52 L720 100 L0 100 Z' fill='%23ffffff'/%3E%3C/svg%3E")}.home-hero__content{z-index:3}@media (width<=860px){.home-hero__wave{height:34px}.home-hero__wave.is-back{height:42px}}.home-hero__action{margin-top:4px}.home-hero__btn{color:#fff;backdrop-filter:var(--glass-blur);transition:background var(--motion-base), border-color var(--motion-base), box-shadow var(--motion-base), transform var(--motion-base);background:#ffffff29;border:1px solid #fff6;border-radius:50px;align-items:center;gap:8px;padding:8px 20px;font-size:13px;display:inline-flex;position:relative;overflow:hidden}.home-hero__btn i{transition:transform var(--motion-base)}.home-hero__slide:hover .home-hero__btn{background:var(--sakura-500);border-color:var(--sakura-500);transform:translateY(-2px);box-shadow:0 8px 20px -6px #e85d80a6}.home-hero__slide:hover .home-hero__btn i{transform:translate(4px)}.home-hero__btn:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 0%,#ffffff8c 50%,#0000 100%);width:45%;position:absolute;top:0;bottom:0;left:0;transform:translate(-160%)skew(-18deg)}.post-row__thumb:after,.post-thumb:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(100deg,#0000 0%,#fff6 50%,#0000 100%);width:55%;position:absolute;top:0;bottom:0;left:0;transform:translate(-170%)skew(-18deg)}.post-thumb{position:relative}::selection{color:var(--ink-900);background:#ff9bb461}:root.dark-theme ::selection{color:#fff;background:#e85d8080}html{scrollbar-width:thin;scrollbar-color:#e85d8073 transparent}:root.dark-theme{scrollbar-color:#ff9bb459 transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#e85d8059;border-radius:50px}::-webkit-scrollbar-thumb:hover{background:#e85d808c}:root.dark-theme ::-webkit-scrollbar-thumb{background:#ff9bb447}:root.dark-theme ::-webkit-scrollbar-thumb:hover{background:#ff9bb473}.rail-placeholder i{display:inline-block}@media (prefers-reduced-motion:no-preference){@keyframes hero-wave-drift{0%{transform:translate(0)}to{transform:translate(-720px)}}@keyframes hero-wave-drift-back{0%{transform:translate(-720px)}to{transform:translate(0)}}.home-hero__wave.is-front{animation:30s linear infinite hero-wave-drift}.home-hero__wave.is-back{animation:46s linear infinite hero-wave-drift-back}@keyframes hero-blur-in{0%{opacity:0;filter:blur(10px);transform:translateY(14px)}to{opacity:1;filter:blur();transform:none}}@keyframes hero-ken-burns{0%{transform:scale(1)}to{transform:scale(1.08)}}.home-hero__slide.is-active img{animation:14s ease-out forwards hero-ken-burns}.home-hero__slide.is-active .home-hero__tags{animation:hero-blur-in .8s var(--ease-sakura) .1s backwards}.home-hero__slide.is-active .home-hero__title{animation:hero-blur-in .9s var(--ease-sakura) .24s backwards}.home-hero__slide.is-active .home-hero__meta{animation:hero-blur-in .9s var(--ease-sakura) .38s backwards}.home-hero__slide.is-active .home-hero__action{animation:hero-blur-in .9s var(--ease-sakura) .52s backwards}@keyframes hero-shimmer-sweep{to{transform:translate(320%)skew(-18deg)}}.home-hero__slide:hover .home-hero__btn:after{animation:hero-shimmer-sweep .9s var(--ease-sakura)}.post-row:hover .post-row__thumb:after,.post-list-thumb:hover .post-thumb:after{animation:hero-shimmer-sweep .8s var(--ease-sakura)}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.rail-placeholder i{animation:3.4s ease-in-out infinite float-y}@keyframes rise-blur-in{0%{opacity:0;filter:blur(8px);transform:translateY(20px)}to{opacity:1;filter:blur();transform:none}}.page-hero-card{animation-name:rise-blur-in;animation-duration:.6s}.article-header{animation-name:rise-blur-in;animation-duration:.65s}}.apricot-bg{z-index:-1;pointer-events:none;opacity:0;width:100%;height:100lvh;transition:opacity 1.6s,filter .8s;display:block;position:fixed;top:0;left:0}.apricot-bg.is-ready{opacity:1}body:has(>.apricot-bg.is-ready){background-color:#0000;background-image:none}.apricot-bg.is-ready~.sakura-canvas{display:none}:root.dark-theme .apricot-bg{filter:brightness(.42)saturate(.85)}.sidebar-glass{display:none}@media (width>=861px){.sidebar-glass{inset:var(--sidebar-gap) auto var(--sidebar-gap) var(--sidebar-inset-left);width:var(--sidebar-width);z-index:14;pointer-events:none;backdrop-filter:var(--glass-blur);--flip-cos:cos(var(--sidebar-flip));--flip-sin:sin(var(--sidebar-flip));--k3:calc(1 + 3.2 / 1400 * var(--flip-sin));--k12:calc(1 + 12 / 1400 * var(--flip-sin));--k24:calc(1 + 24 / 1400 * var(--flip-sin));--k226:calc(1 + 226 / 1400 * var(--flip-sin));--k238:calc(1 + 238 / 1400 * var(--flip-sin));--k247:calc(1 + 246.8 / 1400 * var(--flip-sin));--k250:calc(1 + 250 / 1400 * var(--flip-sin));clip-path:polygon(calc(100px - 100px * var(--flip-cos)) 24px, calc(100px - 96.8px * var(--flip-cos) / var(--k3)) calc(50% - (50% - 12px) / var(--k3)), calc(100px - 88px * var(--flip-cos) / var(--k12)) calc(50% - (50% - 3.2px) / var(--k12)), calc(100px - 76px * var(--flip-cos) / var(--k24)) calc(50% - 50% / var(--k24)), calc(100px + 126px * var(--flip-cos) / var(--k226)) calc(50% - 50% / var(--k226)), calc(100px + 138px * var(--flip-cos) / var(--k238)) calc(50% - (50% - 3.2px) / var(--k238)), calc(100px + 146.8px * var(--flip-cos) / var(--k247)) calc(50% - (50% - 12px) / var(--k247)), calc(100px + 150px * var(--flip-cos) / var(--k250)) calc(50% - (50% - 24px) / var(--k250)), calc(100px + 150px * var(--flip-cos) / var(--k250)) calc(50% + (50% - 24px) / var(--k250)), calc(100px + 146.8px * var(--flip-cos) / var(--k247)) calc(50% + (50% - 12px) / var(--k247)), calc(100px + 138px * var(--flip-cos) / var(--k238)) calc(50% + (50% - 3.2px) / var(--k238)), calc(100px + 126px * var(--flip-cos) / var(--k226)) calc(50% + 50% / var(--k226)), calc(100px - 76px * var(--flip-cos) / var(--k24)) calc(50% + 50% / var(--k24)), calc(100px - 88px * var(--flip-cos) / var(--k12)) calc(50% + (50% - 3.2px) / var(--k12)), calc(100px - 96.8px * var(--flip-cos) / var(--k3)) calc(50% + (50% - 12px) / var(--k3)), calc(100px - 100px * var(--flip-cos)) calc(100% - 24px));transition:--sidebar-flip .5s var(--ease-out-4,cubic-bezier(.2, .8, .2, 1)), background-color .35s ease;background:#ffffffb8;display:block;position:fixed}:root.dark-theme .sidebar-glass{background:#14161fad}.apricot-bg.is-ready~.sidebar-root .sidebar-glass{backdrop-filter:blur(22px)saturate(150%);background:#ffffff1a}:root.dark-theme .apricot-bg.is-ready~.sidebar-root .sidebar-glass{background:#0a0c1438}.sidebar-root .sidebar{inset:var(--sidebar-gap) auto var(--sidebar-gap) var(--sidebar-inset-left);border:1px solid var(--border-soft);perspective:1400px;perspective-origin:100px 50vh;transform-style:preserve-3d;border-radius:24px;overflow:visible;backdrop-filter:none!important;background:#ffffff14!important;box-shadow:inset 0 0 0 1px #ffffff29,0 18px 44px -10px #0a14284d!important}:root.dark-theme .sidebar-root .sidebar{border-color:#ffffff14;background:#121b2873!important;box-shadow:inset 0 0 0 1px #ffffff1a,0 20px 50px -10px #0009!important}.sidebar-root .sidebar-card,.sidebar-root .sidebar-profile,.sidebar-root .sidebar-social,.sidebar-root .sidebar-social ul,.sidebar-root .sidebar-social li,.sidebar-root .sidebar-music,.sidebar-root .sidebar-music .music-time,.sidebar-root .sidebar-music .music-controls,.sidebar-root .sidebar-live2d{transform-style:preserve-3d}.sidebar-root .profile-avatar-wrap{transform-style:preserve-3d;transition:transform .4s var(--ease-out-4,cubic-bezier(.2, .8, .2, 1)), box-shadow .3s ease;border-radius:50%;transform:translateZ(26px);box-shadow:0 8px 24px #00000059}.sidebar-root .profile-avatar-wrap:hover{transform:translateZ(32px);box-shadow:0 12px 28px #00000073}.sidebar-root .avatar-theme-toggle{transform:translateZ(8px)}.sidebar-root .avatar-theme-toggle:hover{transform:translateZ(14px)scale(1.1)rotate(15deg)}.sidebar-root .sidebar-profile .name{letter-spacing:.02em;text-shadow:0 4px 14px #0a1e3c73,0 1px 3px #0a1e3c4d;transition:transform .4s var(--ease-out-4,cubic-bezier(.2, .8, .2, 1)), text-shadow .3s ease;transform:translateZ(28px)}.sidebar-root .sidebar-profile .tagline{text-shadow:0 2px 8px #0a1e3c4d;transition:transform .4s var(--ease-out-4,cubic-bezier(.2, .8, .2, 1)), text-shadow .3s ease;transform:translateZ(20px)}.sidebar-root .sidebar-social a,.sidebar-root .sidebar-social .social-trigger{transition:transform .3s cubic-bezier(.2,.8,.2,1),color .2s,background .2s,border-color .2s,box-shadow .2s;transform:translateZ(20px);box-shadow:0 4px 12px #00000040}.sidebar-root .sidebar-social a:hover,.sidebar-root .sidebar-social .social-trigger:hover{transform:translateZ(28px)scale(1.08);box-shadow:0 6px 16px #ff4e7959}.sidebar-root .sidebar-live2d canvas{transition:transform .4s var(--ease-out-4,cubic-bezier(.2, .8, .2, 1));transform:translateZ(16px)}.sidebar-root .sidebar-music .music-meta-title{letter-spacing:.02em;text-shadow:0 3px 10px #0a1e3c66;transition:transform .4s var(--ease-out-4,cubic-bezier(.2, .8, .2, 1)), text-shadow .3s ease;transform:translateZ(24px)}.sidebar-root .sidebar-music .music-meta-desc{text-shadow:0 2px 8px #0a1e3c4d;transition:transform .4s var(--ease-out-4,cubic-bezier(.2, .8, .2, 1)), text-shadow .3s ease;transform:translateZ(18px)}.sidebar-root .sidebar-music .music-progress-bar{transition:transform .4s var(--ease-out-4,cubic-bezier(.2, .8, .2, 1));transform:translateZ(16px);box-shadow:0 2px 6px #00000040}.sidebar-root .sidebar-music .music-time{font-family:var(--font-mono);letter-spacing:.05em;transition:transform .4s var(--ease-out-4,cubic-bezier(.2, .8, .2, 1));transform:translateZ(20px)}.sidebar-root .sidebar-music .music-time span{font-variant-numeric:tabular-nums;text-shadow:0 2px 6px #0a1e3c4d;display:inline-block}.sidebar-root .sidebar-music .music-controls{transition:transform .4s var(--ease-out-4,cubic-bezier(.2, .8, .2, 1));transform:translateZ(22px)}.sidebar-root .sidebar-music .music-controls button{transition:transform .2s cubic-bezier(.2,.8,.2,1),color .2s,background .2s;transform:translateZ(6px);box-shadow:0 4px 10px #0003}.sidebar-root .sidebar-music .music-controls button:hover{transform:translateZ(12px)scale(1.08)}.sidebar-root .sidebar-music .music-controls #music-play{transform:translateZ(8px)}.sidebar-root .sidebar-music .music-controls #music-play:hover{transform:translateZ(16px)scale(1.08)}}.apricot-bg.is-ready~.sidebar-root .sidebar{--ink-900:#fff;--ink-700:#ffffffeb;--ink-500:#ffffffbd;--surface:#ffffffeb;--surface-soft:#ffffff24;--border-soft:#ffffff3d;--border-medium:#ffffff57;--sakura-100:#ffffff3d;backdrop-filter:blur(22px)saturate(150%);text-shadow:0 1px 8px #0a1e3c4d;background-color:#ffffff1a;border-color:#ffffff47;box-shadow:6px 0 30px #0a1e3c1f}:root.dark-theme .apricot-bg.is-ready~.sidebar-root .sidebar{background-color:#0a0c1438;border-color:#ffffff14}.apricot-bg:is(.is-pending,.is-ready)~.site-main:has(.home){box-shadow:none;backdrop-filter:none;background:0 0;border-color:#0000}.apricot-bg:is(.is-pending,.is-ready)~.site-main:has(.home)>*{display:none}@media (width>=861px){.apricot-bg.is-ready~.site-main:not(:has(.home)){background-color:var(--panel-final-bg);border-color:#ffffff73}.apricot-bg.is-ready~.site-main:has(.article-shell,.blog-index){--panel-final-bg:#ffffff94;background-color:#ffffff94}:root.dark-theme .apricot-bg.is-ready~.site-main:not(:has(.home)){background-color:var(--panel-final-bg);border-color:#ffffff0f}:root.dark-theme .apricot-bg.is-ready~.site-main:has(.article-shell,.blog-index){--panel-final-bg:#14161fb3;background-color:#14161fb3}}@media (width<=860px){.apricot-bg.is-ready~.site-main:not(:has(.home)){background-color:#f5f4f79e}:root.dark-theme .apricot-bg.is-ready~.site-main:not(:has(.home)){background-color:#0b0c10b8}}.apricot-bg.is-leaving~.site-main{opacity:0;transition:opacity .22s}.apricot-bg.is-entering~.site-main{animation:.9s both apricot-panel-in}@keyframes apricot-panel-in{0%{opacity:0}}@media print{.apricot-bg{display:none}}@property --layer-reach{syntax:"<length>";inherits:true;initial-value:0}@property --panel-grow{syntax:"<number>";inherits:false;initial-value:1}@property --panel-q{syntax:"<number>";inherits:false;initial-value:0}@property --panel-phi{syntax:"<angle>";inherits:false;initial-value:0deg}@property --panel-x{syntax:"<length>";inherits:false;initial-value:0}@property --panel-seam{syntax:"<length>";inherits:false;initial-value:-40px}@property --panel-scroll{syntax:"<length>";inherits:false;initial-value:0}@property --panel-top{syntax:"<length>";inherits:false;initial-value:0}@property --panel-bottom{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --panel-right{syntax:"<length-percentage>";inherits:false;initial-value:100%}:root{--layer-step:9px;--panel-card-bg:#ffffff29;--panel-card-border:#ffffff52;--panel-final-bg:#ffffff6b;--panel-final-border:#ffffff73}:root.dark-theme{--panel-card-bg:#0a0c144d;--panel-card-border:#ffffff1a;--panel-final-bg:#14161f8c;--panel-final-border:#ffffff0f}.sidebar-layers{display:contents}.sidebar-layer{--layer-reach:calc(var(--layer-step) * (var(--layer-i,0) + 1));display:none}@media (width>=861px){.apricot-bg:is(.is-pending,.is-ready)~.sidebar-root .sidebar-layers{z-index:16;display:block;position:fixed;top:0;left:0}.apricot-bg:is(.is-pending,.is-ready)~.sidebar-root .sidebar-layer{--layer-seam:min(calc(250px - var(--layer-x,0px) + var(--layer-cover,0px)), 290px);inset:var(--sidebar-gap) auto var(--sidebar-gap) var(--sidebar-inset-left);z-index:calc(100 - var(--layer-i,0));width:var(--sidebar-width);border:1px solid var(--panel-card-border);background-color:var(--panel-card-bg);backdrop-filter:blur(22px)saturate(150%);box-shadow:12px 0 24px -10px rgb(10 30 60/calc(.34 * var(--layer-t,0))), inset -1px 0 0 #ffffff80;opacity:0;pointer-events:none;clip-path:polygon(calc(var(--layer-seam) - 24px) -40px, calc(100% + 40px) -40px, calc(100% + 40px) calc(100% + 40px), calc(var(--layer-seam) - 24px) calc(100% + 40px), calc(var(--layer-seam) - 24px) 100%, calc(var(--layer-seam) - 12px) calc(100% - 3.2px), calc(var(--layer-seam) - 3.2px) calc(100% - 12px), var(--layer-seam) calc(100% - 24px), var(--layer-seam) 24px, calc(var(--layer-seam) - 3.2px) 12px, calc(var(--layer-seam) - 12px) 3.2px, calc(var(--layer-seam) - 24px) 0);transform-origin:40%;transform:perspective(1400px) translateZ(calc(-100px * sin(var(--sidebar-flip)))) rotateY(var(--sidebar-flip)) translateX(var(--layer-x,0px));backface-visibility:hidden;transition:--sidebar-flip .5s var(--ease-out-4,cubic-bezier(.2, .8, .2, 1)), background-color .3s ease;border-radius:24px;display:block;position:fixed}:root.dark-theme .apricot-bg:is(.is-pending,.is-ready)~.sidebar-root .sidebar-layer{box-shadow:14px 0 26px -10px rgb(0 0 0/calc(.6 * var(--layer-t,0))), inset -1px 0 0 #ffffff29}.apricot-bg:is(.is-pending,.is-ready)~.sidebar-root .sidebar-layer.is-out{opacity:1}.sidebar-layer__drawer-tab{right:0;top:var(--badge-top,0px);width:var(--layer-reach);height:var(--badge-height,40px);pointer-events:none;cursor:pointer;position:absolute}.sidebar-layer.is-popped:not(.is-opened) .sidebar-layer__drawer-tab{pointer-events:auto}.apricot-bg~.sidebar-root .sidebar-layer.is-held{visibility:hidden}.apricot-bg:is(.is-pending,.is-ready)~.site-main{--panel-left:292px;margin-left:var(--panel-left);transition:--sidebar-flip .5s var(--ease-out-4,cubic-bezier(.2, .8, .2, 1)), background-color .35s ease, border-color .35s ease, box-shadow .35s ease}.apricot-bg:is(.is-pending,.is-ready)~.site-main[data-panel]{--panel-q:calc(1 - var(--panel-grow));--panel-phi:calc(var(--sidebar-flip) * var(--panel-q));--panel-right:calc(250px + (100% - 250px) * var(--panel-grow));--panel-top:calc(var(--panel-scroll) - min(var(--panel-scroll), 60px) * var(--panel-grow) + var(--panel-inset) * var(--panel-grow));--panel-bottom:calc(var(--panel-scroll) + 100vh - 40px + (min(100%, var(--panel-scroll) + 100vh + 40px) - var(--panel-scroll) - 100vh + 40px) * var(--panel-grow) - var(--panel-inset) * var(--panel-grow));z-index:19;transform-origin:100px calc(var(--panel-scroll) + 50vh - 20px);transform:translateX(calc(var(--panel-left) * var(--panel-q) * -1)) perspective(1400px) translateZ(calc(-100px * sin(var(--panel-phi)))) rotateY(var(--panel-phi)) translateX(var(--panel-x));backface-visibility:hidden;clip-path:polygon(max(var(--panel-seam) - 24px, 24px) var(--panel-top), calc(var(--panel-right) - 24px) var(--panel-top), calc(var(--panel-right) - 12px) calc(var(--panel-top) + 3.2px), calc(var(--panel-right) - 3.2px) calc(var(--panel-top) + 12px), var(--panel-right) calc(var(--panel-top) + 24px), var(--panel-right) calc(var(--panel-bottom) - 24px), calc(var(--panel-right) - 3.2px) calc(var(--panel-bottom) - 12px), calc(var(--panel-right) - 12px) calc(var(--panel-bottom) - 3.2px), calc(var(--panel-right) - 24px) var(--panel-bottom), max(var(--panel-seam) - 24px, 24px) var(--panel-bottom), max(var(--panel-seam) - 12px, 12px) calc(var(--panel-bottom) - 3.2px), max(var(--panel-seam) - 3.2px, 3.2px) calc(var(--panel-bottom) - 12px), max(var(--panel-seam), 0px) calc(var(--panel-bottom) - 24px), max(var(--panel-seam), 0px) calc(var(--panel-top) + 24px), max(var(--panel-seam) - 3.2px, 3.2px) calc(var(--panel-top) + 12px), max(var(--panel-seam) - 12px, 12px) calc(var(--panel-top) + 3.2px));backdrop-filter:blur(calc(22px - 12px * var(--panel-grow))) saturate(calc(150% + 30% * var(--panel-grow)));transition:--sidebar-flip .5s var(--ease-out-4,cubic-bezier(.2, .8, .2, 1));position:relative;background-color:color-mix(in srgb, var(--panel-final-bg) calc(var(--panel-grow) * 100%), var(--panel-card-bg))!important;border-color:color-mix(in srgb, var(--panel-final-border) calc(var(--panel-grow) * 100%), var(--panel-card-border))!important;box-shadow:none!important}.apricot-bg~.site-main:is([data-panel=out],.is-ghost){pointer-events:none}.apricot-bg~.site-main.is-ghost *{animation:none!important}}.blog-index{--blog-line:color-mix(in srgb, var(--ink-900) 9%, transparent);--blog-hover:color-mix(in srgb, var(--sakura-500) 6%, transparent);width:100%;max-width:860px;margin-inline:auto}.page-index__head,.blog-index__head{border-bottom:1px solid var(--blog-line,color-mix(in srgb, var(--ink-900) 9%, transparent));justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:14px;display:flex}.page-index__head h1,.blog-index__head h1{letter-spacing:.04em;color:var(--ink-900);margin:0;font-size:28px;font-weight:700}.page-index__count,.blog-index__count{color:var(--ink-500);font-variant-numeric:tabular-nums;font-size:13px}.blog-year{margin-top:30px}.blog-year__label{letter-spacing:.08em;color:var(--sakura-500);font-variant-numeric:tabular-nums;margin:0 0 6px;font-size:15px;font-weight:700}.blog-year__list{margin:0;padding:0;list-style:none}.blog-entry{border-radius:14px;grid-template-columns:52px minmax(0,1fr) 136px;align-items:center;column-gap:20px;margin-inline:-14px;padding:16px 14px;transition:background-color .25s;display:grid;position:relative}.blog-entry+.blog-entry:before{content:"";background:var(--blog-line);height:1px;transition:opacity .25s;position:absolute;top:0;left:14px;right:14px}.blog-entry:is(:hover,:focus-within){background-color:var(--blog-hover)}.blog-entry:is(:hover,:focus-within):before,.blog-entry:is(:hover,:focus-within)+.blog-entry:before{opacity:0}.blog-entry__date{color:var(--ink-500);font-variant-numeric:tabular-nums;letter-spacing:.02em;align-self:start;padding-top:3px;font-size:13px}.blog-entry__title{color:var(--ink-900);margin:0;font-size:16.5px;font-weight:600;line-height:1.5}.blog-entry__title a{transition:color .2s}.blog-entry__title a:after{content:"";border-radius:14px;position:absolute;inset:0}.blog-entry:hover .blog-entry__title a,.blog-entry__title a:focus-visible{color:var(--sakura-500)}.blog-entry__title a:focus-visible{outline:none}.blog-entry__title a:focus-visible:after{outline:2px solid var(--sakura-400);outline-offset:-2px}.blog-entry__excerpt{color:var(--ink-700);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:4px 0 0;font-size:13.5px;line-height:1.7;display:-webkit-box;overflow:hidden}.blog-entry__tags{color:var(--ink-500);flex-wrap:wrap;margin:6px 0 0;font-size:12px;line-height:1.5;display:flex}.blog-entry__tags span+span:before{content:"·";opacity:.7;margin-inline:6px}.blog-entry__cover{aspect-ratio:16/10;background:color-mix(in srgb, var(--surface) 60%, transparent);border-radius:10px;overflow:hidden}.blog-entry__cover .post-cover{object-fit:cover;object-position:50% 22%;width:100%;height:100%}@media (prefers-reduced-motion:no-preference){.blog-index>*{animation:rise-in .5s var(--ease-sakura) backwards}.blog-index>:nth-child(2){animation-delay:60ms}.blog-index>:nth-child(n+3){animation-delay:.12s}}@media (width<=860px){.blog-index,.page-stack{padding-left:22px}.page-index__head h1,.blog-index__head h1{font-size:24px}.blog-year{margin-top:24px}.blog-entry{grid-template-columns:minmax(0,1fr) 96px;grid-template-areas:"date cover""main cover";gap:2px 14px;margin-inline:-10px;padding:14px 10px}.blog-entry+.blog-entry:before{left:10px;right:10px}.blog-entry__date{grid-area:date;padding-top:0;font-size:12px}.blog-entry__main{grid-area:main;align-self:start}.blog-entry__cover{grid-area:cover}.blog-entry__excerpt{-webkit-line-clamp:2}.apricot-bg.is-ready~.site-main:has(.blog-index){backdrop-filter:blur(14px)saturate(140%);background-color:#f5f4f7cc}:root.dark-theme .apricot-bg.is-ready~.site-main:has(.blog-index){background-color:#0b0c10cc}}@property --panel-inset{syntax:"<length>";inherits:false;initial-value:0}@media (width>=861px){.apricot-bg:is(.is-pending,.is-ready)~.site-main:not(:has(.home)){--panel-inset:calc((50vh - 20px) * (1 - 1 / (1 + 250 / 1400 * sin(45deg))));top:calc(20px + var(--panel-inset));height:calc(100vh - 40px - 2 * var(--panel-inset));overscroll-behavior:contain;scroll-behavior:smooth;min-height:0;margin-block:0;position:relative;overflow-y:auto}.apricot-bg:is(.is-pending,.is-ready)~.site-main:not(:has(.home))>*{flex-shrink:0}.apricot-bg:is(.is-pending,.is-ready)~.site-main[data-panel]{height:calc(100vh - 40px);padding-top:calc(40px + var(--panel-inset));padding-bottom:calc(60px + var(--panel-inset));top:20px;overflow-y:hidden}}@supports selector(::-webkit-scrollbar){@media (width>=861px){.apricot-bg:is(.is-pending,.is-ready)~.site-main:not(:has(.home)){scrollbar-width:auto;scrollbar-color:auto}.apricot-bg:is(.is-pending,.is-ready)~.site-main:not(:has(.home))::-webkit-scrollbar-track{margin-block:24px}}}.sidebar-nav{position:relative}.sidebar-nav ul{z-index:2;flex-direction:column;gap:2px;display:flex;position:relative}.sidebar-nav .nav-hover-pill{background:var(--surface-soft);pointer-events:none;z-index:1;opacity:0;will-change:transform, opacity;border-radius:50px;transition:transform .14s cubic-bezier(.16,1,.3,1),width .14s cubic-bezier(.16,1,.3,1),height .14s cubic-bezier(.16,1,.3,1),opacity .12s;position:absolute;top:0;left:0;transform:translate(0,0)}@media (hover:none){.sidebar-nav .nav-hover-pill{display:none}}.sidebar-nav li a{color:var(--ink-700);border-radius:8px;align-items:center;gap:12px;padding:10px 14px;font-size:14px;transition:color .15s;display:flex;position:relative}.sidebar-nav li a i{color:var(--ink-500);text-align:center;width:18px;font-size:13px;transition:color .15s}.sidebar-nav li a:hover,.sidebar-nav li a:hover i{color:var(--sakura-700)}.sidebar-nav li.is-active a{color:var(--sakura-700);background:0 0;border:none;font-weight:600}.sidebar-nav li a{-webkit-tap-highlight-color:transparent;border:none;transition:color .15s;outline:none!important}.sidebar-nav li a:focus{outline:none!important}.sidebar-nav li a:focus:not(:focus-visible){box-shadow:none!important;outline:none!important}.sidebar-nav li a:focus-visible{outline:none!important;box-shadow:inset 0 0 0 1.5px!important}.sidebar-nav:has(.nav-hover-pill) li a:hover,.sidebar-nav:has(.nav-hover-pill) li.is-active a:hover{background:0 0!important}.sidebar-nav li.is-active a{font-weight:600;box-shadow:none!important;color:var(--sakura-700)!important;background:0 0!important;border:none!important}.sidebar-nav li.is-active a i{color:var(--sakura-700)!important}.sidebar-nav li.is-active a:before{display:none}:root.dark-theme .sidebar-nav li.is-active a{text-shadow:0 0 10px #ffffff73;color:#fff!important}:root.dark-theme .sidebar-nav li.is-active a i{filter:drop-shadow(0 0 6px #fff6);color:#fff!important}.sidebar-nav .nav-arrow{opacity:0;pointer-events:none;color:inherit;margin-left:auto;font-size:11px;transition:opacity .2s,transform .2s,color .2s;transform:translate(-5px)}.sidebar-nav li.is-active a .nav-arrow{opacity:.95;transform:translate(0)}.sidebar-nav li a{border-radius:50px;padding:9px 16px}.apricot-bg.is-ready~.sidebar-root .sidebar-nav li.is-active a,.apricot-bg.is-ready~.sidebar-root .sidebar-nav li.is-active a i,.apricot-bg.is-ready~.sidebar-root .sidebar-nav li.is-active a .nav-arrow,.apricot-bg.is-ready~.sidebar-root .sidebar-nav li a:hover,.apricot-bg.is-ready~.sidebar-root .sidebar-nav li a:hover i{color:#fff!important}.apricot-bg.is-ready~.sidebar-root .sidebar-nav li.is-active a{text-shadow:0 0 14px #ffffffbf,0 1px 8px #0a1e3c59;font-weight:600;box-shadow:none!important;background:0 0!important;border:none!important}.apricot-bg.is-ready~.sidebar-root .sidebar-nav li.is-active a i,.apricot-bg.is-ready~.sidebar-root .sidebar-nav li.is-active a .nav-arrow{filter:drop-shadow(0 0 8px #ffffffa6)}@media (width>=861px){.sidebar-nav{transform-style:preserve-3d;transform:translateZ(22px)}.sidebar-nav ul,.sidebar-nav li,.sidebar-nav li a{transform-style:preserve-3d}.sidebar-nav li a{text-shadow:0 3px 10px #0a1e3c66;transition:color .15s,text-shadow .25s}.sidebar-nav li a i{filter:drop-shadow(0 2px 6px #0000004d);transition:color .15s;display:inline-block}.sidebar-nav li a span{letter-spacing:.02em;display:inline-block}.sidebar-nav .nav-arrow{filter:drop-shadow(0 2px 6px #0000004d);transition:opacity .2s,transform .2s,color .2s;display:inline-block;transform:translate(-5px)}.sidebar-nav li.is-active a .nav-arrow{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.sidebar-nav *,.sidebar-nav .nav-hover-pill{transition:none!important}@media (width>=861px){.sidebar-nav,.sidebar-nav li a,.sidebar-nav li a i,.sidebar-nav li a span,.sidebar-nav .nav-arrow{transform:none!important}}}