:root{--bg:#111010;--bg-soft:#191817;--bg-card:#1c1b1a;--fg:#f5f5f4;--fg-muted:#a8a29e;--fg-dim:#6f6a66;--line:#ffffff17;--line-strong:#ffffff29;--accent:#85b7eb;--accent-soft:#85b7eb24;--radius:14px;--radius-sm:10px;--ease:cubic-bezier(.23, 1, .32, 1);--wrap:720px;--wrap-wide:960px;--font-sans:ui-sans-serif, system-ui, -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}:root[data-theme=light]{--bg:#faf8f5;--bg-soft:#f2efea;--bg-card:#fff;--fg:#1b1a18;--fg-muted:#5c5650;--fg-dim:#8b847c;--line:#0000001a;--line-strong:#0003;--accent:#1f5fa0;--accent-soft:#1f5fa01a}:root[data-theme=light] .art{filter:drop-shadow(0 0 .6px #00000073)}:root[data-theme=light] .bend:before{opacity:.5}:root[data-theme=light] .dock{box-shadow:0 8px 26px #00000021}html{color-scheme:dark}:root[data-theme=light]{color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;padding-bottom:calc(84px + env(safe-area-inset-bottom,0px));margin:0;font-size:16px;line-height:1.75;overflow-x:hidden}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}img{max-width:100%;height:auto;display:block}button{font:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 22px}.wrap-wide{max-width:var(--wrap-wide)}.skip{position:absolute;left:-9999px}.skip:focus{z-index:999;background:var(--bg-card);border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:10px 14px;top:12px;left:12px}.proj-list{margin:0;padding:0;list-style:none}.proj{border-bottom:1px solid var(--line);padding:18px 0}.proj:last-child{border-bottom:0}.proj-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.proj h3{letter-spacing:-.01em;margin:0;font-size:16px;font-weight:600}.proj h3 a{padding:6px 0;display:inline-block}.proj-year{font-family:var(--font-mono);color:var(--fg-dim);flex:none;font-size:11.5px}.proj p{color:var(--fg-muted);margin:8px 0 10px;font-size:14px;line-height:1.75}.proj:last-child p{margin-bottom:0}.site-foot{border-top:1px solid var(--line);color:var(--fg-dim);margin-top:72px;padding:28px 0 40px;font-size:12.5px}.site-foot .wrap-wide{flex-wrap:wrap;justify-content:space-between;gap:4px 20px;display:flex}.site-foot a{margin-right:-10px;padding:6px 10px;display:inline-block}.page-title{letter-spacing:-.02em;margin:48px 0 6px;font-size:26px;font-weight:600}.page-desc{color:var(--fg-muted);margin:0 0 34px;font-size:14px}.post-list{margin:0;padding:0;list-style:none}.post-item{border-top:1px solid var(--line);padding:20px 0}.post-item:last-child{border-bottom:1px solid var(--line)}.post-item h2{letter-spacing:-.01em;margin:0 0 6px;font-size:17px;font-weight:600}.post-item h2 a,.prose a,.more-link{padding:6px 0;display:inline-block}.post-item p{color:var(--fg-muted);margin:0 0 8px;font-size:14px}.meta{color:var(--fg-dim);flex-wrap:wrap;align-items:center;gap:10px;font-size:12.5px;display:flex}.tags{flex-wrap:wrap;gap:6px;display:flex}.tag{border:1px solid var(--line-strong);color:var(--fg-muted);border-radius:999px;padding:5px 10px;font-size:11.5px;display:inline-block}.tag:hover{color:var(--accent);border-color:var(--accent)}.empty{color:var(--fg-dim);padding:40px 0;font-size:14px}.prose{font-size:16.5px;line-height:1.85}.prose>*+*{margin-top:1.15em}.prose h2{letter-spacing:-.015em;margin-top:2em;margin-bottom:.2em;font-size:21px;font-weight:600}.prose h3{margin-top:1.7em;margin-bottom:.2em;font-size:17.5px;font-weight:600}.prose ul,.prose ol{padding-left:1.35em}.prose li+li{margin-top:.4em}.prose a{color:var(--accent);text-underline-offset:3px;text-decoration:underline 1px}.prose blockquote{border-left:2px solid var(--line-strong);color:var(--fg-muted);margin:1.5em 0;padding:2px 0 2px 16px}.prose code{font-family:var(--font-mono);background:var(--accent-soft);border-radius:5px;padding:.15em .4em;font-size:.875em}.prose pre{border-radius:var(--radius);border:1px solid var(--line);padding:16px 18px;font-size:13.5px;line-height:1.65;overflow-x:auto}.prose pre code{font-size:inherit;background:0 0;padding:0}.prose hr{border:0;border-top:1px solid var(--line);margin:2.4em 0}.prose table{border-collapse:collapse;width:100%;font-size:14px}.prose th,.prose td{border:1px solid var(--line);text-align:left;padding:8px 10px}.prose th{background:var(--bg-soft);font-weight:600}.prose img{border-radius:var(--radius);border:1px solid var(--line)}@media (width<=640px){body,.prose{font-size:15.5px}.page-title{margin-top:34px;font-size:22px}.nav{gap:14px}}.section{margin-top:76px}.section-head{border-bottom:1px solid var(--line);align-items:baseline;gap:12px;margin-bottom:22px;padding-bottom:14px;display:flex}.section-num{font-family:var(--font-mono);color:var(--fg-dim);letter-spacing:.08em;flex:none;padding-top:2px;font-size:12px}.section-title{letter-spacing:-.01em;margin:0;font-size:17px;font-weight:600}.section-en{font-family:var(--font-mono);color:var(--fg-dim);letter-spacing:.06em;text-transform:uppercase;font-size:11.5px}.section-more{color:var(--fg-muted);font-size:12.5px;font-family:var(--font-mono);flex:none;margin-left:auto;padding:8px 0 8px 12px;display:inline-block}.section-more:hover{color:var(--accent)}.count{font-family:var(--font-mono);color:var(--fg-dim);border:1px solid var(--line-strong);border-radius:999px;flex:none;padding:1px 7px;font-size:11px}.xp-list{margin:0;padding:0;list-style:none}.xp{border-bottom:1px solid var(--line);grid-template-columns:150px 1fr;gap:20px;padding:16px 0;display:grid}.xp:last-child{border-bottom:0}.xp-period{font-family:var(--font-mono);color:var(--fg-dim);padding-top:3px;font-size:12px}.xp-role{letter-spacing:-.01em;margin:0 0 3px;font-size:15px;font-weight:600}.xp-org{color:var(--fg-muted);font-size:13px}.xp-desc{color:var(--fg-muted);margin:7px 0 0;font-size:13.5px;line-height:1.7}.xp-now{font-family:var(--font-mono);letter-spacing:.06em;color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);vertical-align:1px;border-radius:999px;margin-left:8px;padding:0 6px;font-size:10.5px;display:inline-block}.card-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-soft);transition:border-color .2s var(--ease), transform .3s var(--ease);flex-direction:column;display:flex;overflow:hidden}.card:hover{border-color:var(--line-strong);transform:translateY(-2px)}.card-cover{aspect-ratio:16/9;background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 18%, transparent), transparent);font-family:var(--font-mono);color:var(--fg-dim);border-bottom:1px solid var(--line);justify-content:center;align-items:center;font-size:22px;display:flex;overflow:hidden}.card-cover img{object-fit:cover;width:100%;height:100%}.card-body{flex-direction:column;flex:1;gap:7px;padding:14px 16px 16px;display:flex}.card-title{letter-spacing:-.01em;margin:0;font-size:15px;font-weight:600;line-height:1.45}.card-desc{color:var(--fg-muted);flex:1;margin:0;font-size:13px;line-height:1.65}.card-meta{font-family:var(--font-mono);color:var(--fg-dim);align-items:center;gap:8px;font-size:11.5px;display:flex}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.photo-grid a{aspect-ratio:1;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-soft);display:block;overflow:hidden}.photo-grid img{object-fit:cover;width:100%;height:100%;transition:transform .45s var(--ease)}.photo-grid a:hover img{transform:scale(1.05)}.foot-line{flex-wrap:wrap;align-items:center;gap:6px 18px;width:100%;display:flex}.foot-mono{font-family:var(--font-mono);color:var(--fg-dim);letter-spacing:.04em;font-size:11.5px}.foot-sign{color:var(--fg-muted);font-size:12.5px}@media (width<=640px){.section{margin-top:56px}.xp{grid-template-columns:1fr;gap:6px}.xp-period{padding-top:0}.card-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.card,.photo-grid img{transition:none}}.rb,.bounce{white-space:nowrap;display:inline}.rb .u,.bounce .u{will-change:transform, color;display:inline-block}.rb:hover .u{animation:1.6s linear infinite richRainbow;animation-delay:calc(var(--i,0) * -.09s)}@keyframes richRainbow{0%{color:#f84f4f}17%{color:#fbca37}34%{color:#3adf71}51%{color:#31cff6}68%{color:#6c7ff9}85%{color:#e371f4}to{color:#f84f4f}}.bounce:hover .u{animation:richBounce .44s var(--ease) infinite;animation-delay:calc(var(--i,0) * 55ms)}@keyframes richBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-.24em)}}.ic{vertical-align:-.18em;width:1.12em;height:1.12em;-webkit-mask:var(--src) center / contain no-repeat;mask:var(--src) center / contain no-repeat;background:currentColor;margin:0 .14em;display:inline-block}.rich-missing{border-bottom:1px dashed var(--line-strong);color:var(--fg-dim)}.pv{border-bottom:1px solid var(--line-strong);transition:border-color .18s var(--ease), color .18s var(--ease);padding:7px 0;position:relative}.pv:hover{border-color:var(--accent)}.hover-preview{z-index:90;border:1px solid var(--line-strong);background:color-mix(in srgb, var(--bg-card) 94%, transparent);backdrop-filter:blur(12px)saturate(140%);opacity:0;pointer-events:none;width:210px;transition:opacity .16s var(--ease), transform .16s var(--ease);border-radius:12px;padding:6px;line-height:0;position:fixed;top:0;left:0;transform:scale(.96);box-shadow:0 14px 34px #00000073}.hover-preview.on{opacity:1;transform:none}.hover-preview img{object-fit:cover;background:var(--bg-soft);border-radius:7px;width:100%;height:auto;max-height:168px}@media (prefers-reduced-motion:reduce){.rb:hover .u,.bounce:hover .u{animation:none}.hover-preview{transition:opacity 10ms}}