:root{--primary:#171717;--on-primary:#fff;--accent:#525252;--primary-soft:color-mix(in srgb, var(--primary) 7%, transparent);--bg:#f6f6f5;--surface:#fff;--surface-2:#f7f7f6;--text:#171717;--text-2:#404040;--muted:#858585;--border:#e6e6e4;--code-bg:#f7f7f6;--heat-0:#ececeb;--placeholder-from:#f7f7f6;--placeholder-to:#e9e9e7;--placeholder-text:#525252;--hero-glow:#0000000d;--shadow-sm:0 1px 2px #0000000d, 0 4px 14px #0000000a;--shadow:0 10px 32px #0000001a;--radius:14px;--radius-sm:8px;--container:1200px;--header-h:64px;--font-sans-stack:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-serif-stack:"Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", "SimSun", serif;--font-mono-stack:"JetBrains Mono", "Fira Code", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--font-sans:var(--font-sans-stack);--font-serif:var(--font-serif-stack);--font-mono:var(--font-mono-stack);--dur-fast:.15s;--dur:.25s;--dur-slow:.45s;--ease:cubic-bezier(.22, .61, .36, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.4, .64, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--halo-cw-primary-1-color:var(--primary);--halo-cw-primary-2-color:color-mix(in srgb, var(--primary) 70%, var(--bg));--halo-cw-primary-3-color:color-mix(in srgb, var(--primary) 20%, transparent);--halo-cw-base-font-family:var(--font-sans);--halo-cw-base-rounded:10px}:root[data-color-scheme=dark]{--primary:#fafafa;--on-primary:#0a0a0a;--accent:#bdbdbd;--primary-soft:color-mix(in srgb, var(--primary) 9%, transparent);--bg:#0a0a0a;--surface:#151515;--surface-2:#1c1c1c;--text:#ededed;--text-2:#c4c4c4;--muted:#8f8f8f;--border:#282828;--code-bg:#111;--heat-0:#222;--placeholder-from:#1c1c1c;--placeholder-to:#292929;--placeholder-text:#d4d4d4;--hero-glow:#ffffff0f;--shadow-sm:0 1px 2px #0006;--shadow:0 10px 32px #0000008c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root[data-color-scheme=auto]{--primary:#fafafa;--on-primary:#0a0a0a;--accent:#bdbdbd;--primary-soft:color-mix(in srgb, var(--primary) 9%, transparent);--bg:#0a0a0a;--surface:#151515;--surface-2:#1c1c1c;--text:#ededed;--text-2:#c4c4c4;--muted:#8f8f8f;--border:#282828;--code-bg:#111;--heat-0:#222;--placeholder-from:#1c1c1c;--placeholder-to:#292929;--placeholder-text:#d4d4d4;--hero-glow:#ffffff0f;--shadow-sm:0 1px 2px #0006;--shadow:0 10px 32px #0000008c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-skin=qinglu]{--primary:#1f7a6d;--on-primary:#fff;--accent:#b8923a;--primary-soft:color-mix(in srgb, var(--primary) 10%, transparent);--bg:#f3ecdb;--surface:#fbf8f0;--surface-2:#f4eddd;--text:#1f3a36;--text-2:#3d5a55;--muted:#7f8a7c;--border:#e3d7bb;--code-bg:#f6f0e1;--heat-0:#eae0c8;--placeholder-from:#e4eee4;--placeholder-to:#cfe3da;--placeholder-text:#2f5d56;--hero-glow:#1f7a6d1f;--shadow-sm:0 1px 2px #5c46190f, 0 4px 14px #5c46190f;--shadow:0 10px 32px #5c461924;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-skin=qinglu][data-color-scheme=dark]{--primary:#4fb3a1;--on-primary:#0b1413;--accent:#d4b35a;--primary-soft:color-mix(in srgb, var(--primary) 12%, transparent);--bg:#0f1a18;--surface:#15231f;--surface-2:#1b2c28;--text:#e8e2cf;--text-2:#c5c0ad;--muted:#8a9a90;--border:#26372f;--code-bg:#0c1513;--heat-0:#1d2b27;--placeholder-from:#16302a;--placeholder-to:#1d3d35;--placeholder-text:#bfe0d6;--hero-glow:#4fb3a11f;--shadow-sm:0 1px 2px #0006;--shadow:0 10px 32px #0000008c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root[data-skin=qinglu][data-color-scheme=auto]{--primary:#4fb3a1;--on-primary:#0b1413;--accent:#d4b35a;--primary-soft:color-mix(in srgb, var(--primary) 12%, transparent);--bg:#0f1a18;--surface:#15231f;--surface-2:#1b2c28;--text:#e8e2cf;--text-2:#c5c0ad;--muted:#8a9a90;--border:#26372f;--code-bg:#0c1513;--heat-0:#1d2b27;--placeholder-from:#16302a;--placeholder-to:#1d3d35;--placeholder-text:#bfe0d6;--hero-glow:#4fb3a11f;--shadow-sm:0 1px 2px #0006;--shadow:0 10px 32px #0000008c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}@supports (transition-timing-function:linear(0, 1)){:root{--ease-spring:linear(0, .006, .025 2.8%, .101 6.1%, .539 18.9%, .721 25.3%, .849 31.5%, .937 38.1%, .968 41.8%, .991 45.7%, 1.006 50.1%, 1.015 55%, 1.017 63.9%, 1.001 85.9%, 1)}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px);-webkit-text-size-adjust:100%}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--text) 26%, transparent) padding-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb, var(--text) 45%, transparent)}html.overlay-scrollbar{scrollbar-width:none}html.overlay-scrollbar::-webkit-scrollbar{display:none}.page-scrollbar{z-index:70;opacity:0;width:14px;transition:opacity var(--dur) var(--ease);position:fixed;top:2px;bottom:2px;right:0}.page-scrollbar[hidden]{display:none}.page-scrollbar:is(.is-active,:hover,.is-dragging){opacity:1}.page-scrollbar-thumb{background:color-mix(in srgb, var(--text) 38%, transparent);width:6px;box-shadow:0 0 0 1px color-mix(in srgb, var(--surface) 40%, transparent);transition:width var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);border-radius:999px;position:absolute;top:0;right:3px}.page-scrollbar:is(:hover,.is-dragging) .page-scrollbar-thumb{background:color-mix(in srgb, var(--text) 55%, transparent);width:9px}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--text) 26%, transparent) transparent}}body{min-height:100vh;font-family:var(--font-sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;font-size:15px;line-height:1.7;transition:background-color .3s,color .3s;display:flex}a{color:inherit;text-decoration:none}img{max-width:100%}button{font:inherit;color:inherit}h1,h2,h3,h4{line-height:1.35}::selection{background:color-mix(in srgb, var(--primary) 28%, transparent)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}[hidden]{display:none!important}.icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.2em;flex-shrink:0;width:20px;height:20px}.icon-sm{width:15px;height:15px}.muted{color:var(--muted)}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 20px}.site-main{flex:1}.theme-switching,.theme-switching *,.theme-switching :before,.theme-switching :after{transition:none!important}.theme-transition::view-transition-old(root){mix-blend-mode:normal;animation:none}.theme-transition::view-transition-new(root){mix-blend-mode:normal;animation:none}.theme-transition::view-transition-old(root){z-index:0}.theme-transition::view-transition-new(root){z-index:1}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.js-reveal :is(.activity,.carousel,.post-card,.featured-cat,.sidebar .card,.archive-year,.category-card,.link-card,.tag-wall,.post-nav,.comments):not(.is-visible){opacity:0}.js-reveal .is-visible{animation:reveal .7s var(--ease) var(--reveal-delay,0s) both}@keyframes reveal{0%{opacity:0;translate:0 24px}}.js-reveal :is(.post-card-cover,.project-cover,.mini-post-cover,.slide,.article-content,.link-avatar,.gallery-item) img:not(.img-loaded){opacity:0}.js-reveal img.img-loaded{animation:img-in var(--dur-slow) var(--ease) both}@keyframes img-in{0%{opacity:0}}.js-reveal :is(.post-card-cover,.project-cover,.mini-post-cover):has(img:not(.img-loaded)){background:linear-gradient(100deg, transparent 30%, color-mix(in srgb, var(--surface) 70%, transparent) 50%, transparent 70%) var(--surface-2);background-size:200% 100%;animation:1.4s linear infinite shimmer}@keyframes shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}[data-count-up]{font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}::view-transition-old(*){animation-duration:.4s;animation-timing-function:var(--ease-in-out)}::view-transition-new(*){animation-duration:.4s;animation-timing-function:var(--ease-in-out)}::view-transition-old(root){z-index:1;mix-blend-mode:normal;animation:page-out .35s var(--ease) both}::view-transition-new(root){mix-blend-mode:normal;animation:none}@keyframes page-out{to{opacity:0}}::view-transition-old(*):only-child{animation:page-out .35s var(--ease) both}::view-transition-new(*):only-child{animation:none}::view-transition-group(post-cover){z-index:1;animation-duration:var(--dur-slow);animation-timing-function:var(--ease-out)}::view-transition-group(post-body){z-index:2}::view-transition-group(site-header){z-index:3}::view-transition-old(post-cover){object-fit:cover;height:100%;overflow:clip}::view-transition-new(post-cover){object-fit:cover;height:100%;overflow:clip}.site-header{z-index:50;height:var(--header-h);background:color-mix(in srgb, var(--surface) 55%, transparent);-webkit-backdrop-filter:saturate(180%)blur(14px);backdrop-filter:saturate(180%)blur(14px);border-bottom:1px solid #0000;transition:background-color .3s,border-color .3s,box-shadow .3s;position:fixed;inset:0 0 auto}.site-header.scrolled{background:color-mix(in srgb, var(--surface) 86%, transparent);border-bottom-color:var(--border);box-shadow:var(--shadow-sm)}.header-inner{height:100%;max-width:var(--container);align-items:center;gap:28px;margin:0 auto;padding:0 20px;display:flex}.nav-list,.nav-dropdown{margin:0;padding:0;list-style:none}.nav-list{flex-wrap:wrap;gap:2px;display:flex}.nav-item{position:relative}.nav-link{border-radius:var(--radius-sm);color:var(--text-2);align-items:center;gap:2px;padding:6px 12px;font-size:.93rem;transition:color .2s,background-color .2s;display:inline-flex}.nav-link:hover,.nav-item:focus-within>.nav-link{color:var(--primary);background:var(--primary-soft)}.nav-dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:160px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transition:opacity var(--dur) var(--ease), transform var(--dur) var(--ease-out), visibility var(--dur);padding:6px;position:absolute;top:calc(100% + 6px);left:0;transform:translateY(4px)}.nav-dropdown:before{content:"";height:8px;position:absolute;inset:-8px 0 auto}.nav-item:hover>.nav-dropdown,.nav-item:focus-within>.nav-dropdown{opacity:1;visibility:visible;transform:none}.nav-dropdown a{color:var(--text-2);border-radius:6px;padding:6px 12px;font-size:.9rem;display:block}.nav-dropdown a:hover{color:var(--primary);background:var(--primary-soft)}.brand{flex-shrink:0;align-items:center;gap:10px;display:flex}.brand-logo{object-fit:contain;width:auto;max-width:200px;height:36px;display:block}.brand-dark,:root[data-color-scheme=dark] .brand-light{display:none}:root[data-color-scheme=dark] .brand-dark{display:block}@media (prefers-color-scheme:dark){:root[data-color-scheme=auto] .brand-light{display:none}:root[data-color-scheme=auto] .brand-dark{display:block}}.brand-text{letter-spacing:.02em;background:linear-gradient(120deg, var(--primary), var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.2rem;font-weight:800}.header-actions{align-items:center;gap:4px;margin-left:auto;display:flex}.icon-btn{width:38px;height:38px;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:color .2s,background-color .2s;display:inline-grid}.icon-btn:hover{color:var(--primary);background:var(--primary-soft)}.scheme-toggle .icon{display:none}.icon-btn .icon{transition:transform var(--dur) var(--ease-spring), rotate .4s var(--ease)}.icon-btn:hover .icon{transform:scale(1.1)}.scheme-menu:hover .scheme-toggle .icon,.scheme-menu.open .scheme-toggle .icon{rotate:30deg}.header-menu{position:relative}.header-popover{z-index:60;background:var(--surface);border:1px solid var(--border);min-width:136px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform-origin:100% 0;transition:opacity .2s var(--ease), transform var(--dur) var(--ease-out), visibility .2s;border-radius:12px;flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 10px);right:0;transform:translateY(-6px)scale(.97)}.header-popover:before{content:"";height:12px;position:absolute;inset:-12px 0 auto}.header-menu.open .header-popover{opacity:1;visibility:visible;transform:none}@media (hover:hover){.header-menu:hover .header-popover{opacity:1;visibility:visible;transform:none}}.menu-list>:is(a,button){text-align:left;width:100%;color:var(--text-2);cursor:pointer;opacity:0;transition:background-color .2s, color .2s, opacity .25s var(--ease), translate .25s var(--ease);background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:7px 10px;font-size:.88rem;display:flex;translate:0 -4px}.menu-list>:nth-child(2){transition-delay:0s,0s,40ms,40ms}.menu-list>:nth-child(3){transition-delay:0s,0s,80ms,80ms}.header-menu.open .menu-list>*{opacity:1;translate:none}@media (hover:hover){.header-menu:hover .menu-list>*{opacity:1;translate:none}}.menu-list>:is(a,button):hover{color:var(--text);background:var(--surface-2)}.menu-list>[aria-checked=true]{color:var(--text);font-weight:600}.menu-list>[aria-checked=true]:after{content:"";background:var(--primary);border-radius:50%;width:6px;height:6px;margin-left:auto}.header-avatar{object-fit:cover;width:26px;height:26px;box-shadow:0 0 0 2px var(--surface), 0 0 0 3px var(--border);border-radius:50%;transition:box-shadow .2s}.user-menu:hover .header-avatar,.user-menu.open .header-avatar{box-shadow:0 0 0 2px var(--surface), 0 0 0 3px var(--primary)}.palette-panel{width:208px;padding:12px}.palette-title{color:var(--muted);margin:0 0 10px;font-size:.8rem}.skin-options{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;display:grid}.skin-option{border:1px solid var(--border);color:var(--text-2);background:var(--surface);cursor:pointer;transition:color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), box-shadow var(--dur) var(--ease);border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:8px 6px;font-size:.8rem;display:flex}.skin-option:hover{border-color:color-mix(in srgb, var(--primary) 40%, var(--border))}.skin-option[aria-checked=true]{border-color:var(--primary);color:var(--text);box-shadow:0 0 0 1px var(--primary);font-weight:600}.skin-preview{border-radius:6px;gap:3px;padding:4px;display:flex}.skin-preview i{border-radius:4px;width:14px;height:14px}.skin-preview-white{background:#f6f6f5}.skin-preview-white i:first-child,.skin-preview-white i:nth-child(2){background:#fff;box-shadow:0 0 0 1px #e6e6e4}.skin-preview-white i:nth-child(3){background:#171717}.skin-preview-qinglu{background:#f3ecdb}.skin-preview-qinglu i:first-child{background:#fbf8f0;box-shadow:0 0 0 1px #e3d7bb}.skin-preview-qinglu i:nth-child(2){background:#1f7a6d}.skin-preview-qinglu i:nth-child(3){background:#b8923a}.palette-swatches{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.swatch{border:2px solid var(--surface);background:var(--swatch);width:28px;height:28px;box-shadow:0 0 0 1px var(--border);cursor:pointer;transition:transform var(--dur) var(--ease-spring), box-shadow .2s;border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.swatch:hover{transform:scale(1.12)}.swatch[aria-checked=true]{box-shadow:0 0 0 2px var(--text)}.swatch[aria-checked=true]:after{content:"";border-left:2px solid var(--swatch-ink,#fff);border-bottom:2px solid var(--swatch-ink,#fff);pointer-events:none;width:10px;height:6px;margin-top:-3px;rotate:-45deg}.swatch-default{background:linear-gradient(135deg,#171717 50%,#f5f5f5 50%)}.swatch-custom{background:conic-gradient(#e0533d,#e0a33d,#7dbb4a,#3dbbb0,#3d6fe0,#a03de0,#e03d8f,#e0533d);overflow:hidden}.swatch-custom input{opacity:0;cursor:pointer;width:calc(100% + 8px);height:calc(100% + 8px);position:absolute;inset:-4px}.palette-menu:hover .palette-toggle .icon,.palette-menu.open .palette-toggle .icon{rotate:-20deg}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);z-index:60;white-space:nowrap;color:var(--on-primary);background:var(--primary);box-shadow:var(--shadow-sm);pointer-events:none;opacity:0;transition:opacity .2s var(--ease), transform var(--dur) var(--ease-out);border-radius:6px;padding:4px 9px;font-size:.75rem;line-height:1.5;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,-4px)}@media (hover:hover){[data-tooltip]:hover:after{opacity:1;transition-delay:.15s;transform:translate(-50%)}}[data-tooltip]:focus-visible:after{opacity:1;transform:translate(-50%)}:root[data-color-scheme=auto] .scheme-auto,:root[data-color-scheme=light] .scheme-light,:root[data-color-scheme=dark] .scheme-dark{display:block}.nav-toggle,.nav-toggle .icon-close,.nav-open .nav-toggle .icon-open{display:none}.nav-open .nav-toggle .icon-close{display:block}@media (width<=1023px){.nav-toggle{display:inline-grid}.header-nav{inset:var(--header-h) 0 auto;max-height:calc(100vh - var(--header-h));background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow);opacity:0;visibility:hidden;transition:opacity var(--dur) var(--ease), transform var(--dur) var(--ease-out), visibility var(--dur);padding:12px 20px 20px;position:fixed;overflow-y:auto;transform:translateY(-8px)}.nav-open .header-nav{opacity:1;visibility:visible;transform:none}.nav-list{flex-direction:column}.nav-link{padding:10px 12px;display:flex}.nav-link .icon{display:none}.nav-dropdown{box-shadow:none;opacity:1;visibility:visible;background:0 0;border:0;padding:0 0 0 16px;position:static;transform:none}}.hero{min-height:min(76vh,620px);padding:calc(var(--header-h) + 40px) 20px 90px;isolation:isolate;text-align:center;place-items:center;display:grid;position:relative;overflow:hidden}.hero-bg,.page-hero-bg{z-index:-1;background:radial-gradient(70% 60% at 50% 0%, var(--hero-glow), transparent 70%), var(--bg);background-position:50%;background-size:cover;position:absolute;inset:0}.hero-bg:before,.page-hero-bg:before{content:"";background-image:linear-gradient(color-mix(in srgb, var(--text) 7%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--text) 7%, transparent) 1px, transparent 1px);background-size:36px 36px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 20%,#0000 75%);mask-image:radial-gradient(#000 20%,#0000 75%)}.hero-bg:after,.page-hero-bg:after{content:"";background:linear-gradient(to bottom, transparent 55%, var(--bg));position:absolute;inset:0}.hero.has-image .hero-bg:before,.has-image .page-hero-bg:before{background:#00000047;-webkit-mask-image:none;mask-image:none}@media (width<=640px){.hero{min-height:52vh}}.hero-content{max-width:820px;animation:rise .8s var(--ease) both}.hero-title{letter-spacing:.04em;background:linear-gradient(120deg, var(--primary), var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2.4rem,7vw,4.4rem);font-weight:800;line-height:1.15}.hero-subtitle{color:var(--text-2);letter-spacing:.06em;margin:18px 0 0;font-size:clamp(1rem,2.4vw,1.3rem)}.hero.has-image .hero-title{color:#fff;text-shadow:0 4px 24px #00000059;background:0 0}.hero.has-image .hero-subtitle{color:#ffffffe6;text-shadow:0 2px 12px #0006}.hero-scroll{width:38px;height:38px;color:var(--text-2);background:color-mix(in srgb, var(--surface) 60%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50%;place-items:center;animation:2s ease-in-out infinite bob;display:grid;position:absolute;bottom:56px;left:50%;translate:-50%}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}@keyframes bob{50%{transform:translateY(6px)}}.page-hero{padding:calc(var(--header-h) + 48px) 0 96px;isolation:isolate;position:relative;overflow:hidden}.page-hero-compact{padding:calc(var(--header-h) + 24px) 0 40px}.page-hero-inner{text-align:center;animation:rise .6s var(--ease) both}.page-hero-eyebrow{letter-spacing:.25em;text-transform:uppercase;color:var(--primary);margin-bottom:8px;font-size:.8rem;font-weight:700;display:inline-block}.page-hero-eyebrow:empty{display:none}.page-hero-title{letter-spacing:.02em;margin:0;font-size:clamp(1.7rem,4.5vw,2.6rem);font-weight:800}.page-hero-desc{max-width:640px;color:var(--text-2);margin:12px auto 0}.page-hero-avatar{margin:0 auto 14px;display:block}.has-image .page-hero-bg{filter:saturate(1.1)}.has-image .page-hero-inner,.has-image .page-hero-title{color:#fff;text-shadow:0 2px 16px #00000059}.has-image :is(.page-hero-eyebrow,.page-hero-desc){color:#ffffffe0}.has-image .page-hero-bg:after{background:linear-gradient(to bottom, transparent 60%, var(--bg))}.page-hero+.container{margin-top:-56px;position:relative}.site-footer{background:var(--surface);border-top:1px solid var(--border);color:var(--muted);margin-top:64px;padding:36px 0;font-size:.88rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.footer-uptime{color:var(--text-2);font-variant-numeric:tabular-nums;align-items:center;gap:8px;margin:0;display:flex}.uptime-value b{color:var(--text);margin:0 2px;font-weight:700}.uptime-dot{background:var(--primary);border-radius:50%;width:8px;height:8px;position:relative}.uptime-dot:after{content:"";background:var(--primary);border-radius:50%;animation:2s ease-out infinite pulse;position:absolute;inset:0}@keyframes pulse{to{opacity:0;transform:scale(2.6)}}.footer-desc{margin:4px 0 10px}.footer-meta{text-align:right}.footer-meta p{margin:4px 0}.footer-meta a:hover,.footer-brand a:hover{color:var(--primary)}.footer-meta p>*+*{margin-left:8px}.footer-beian{flex-wrap:wrap;justify-content:flex-end;align-items:center;column-gap:12px;display:flex}.footer-meta .footer-beian>*+*{margin-left:0}.police-beian{align-items:center;gap:4px;display:inline-flex}.police-beian img{object-fit:contain;width:16px;height:16px}@media (width<=640px){.footer-inner{flex-direction:column;align-items:flex-start}.footer-meta{text-align:left}.footer-beian{justify-content:flex-start}}.back-top{z-index:40;background:var(--surface);width:44px;height:44px;color:var(--primary);box-shadow:var(--shadow);cursor:pointer;opacity:0;visibility:hidden;transition:opacity var(--dur) var(--ease), transform var(--dur) var(--ease-out), visibility var(--dur), color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease), box-shadow var(--dur) var(--ease);border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:fixed;bottom:24px;right:20px;transform:translateY(12px)}.back-top.show{opacity:1;visibility:visible;transform:none}.back-top-ring{fill:none;stroke-width:2.5px;position:absolute;inset:0;rotate:-90deg}.back-top-ring circle:first-child{stroke:var(--primary-soft)}.back-top-progress{stroke:var(--primary);stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--progress,0));stroke-linecap:round}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.section-title{align-items:center;gap:8px;margin:32px 0 16px;font-size:1.15rem;font-weight:700;display:flex}.section-title .icon{color:var(--primary)}.badge{white-space:nowrap;color:var(--on-primary);background:color-mix(in srgb, var(--primary) 88%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;align-items:center;gap:4px;padding:2px 10px;font-size:.75rem;font-weight:500;line-height:1.6;display:inline-flex}.badge-soft{color:var(--primary);background:var(--primary-soft)}.badge-pin{color:var(--primary);background:color-mix(in srgb, var(--surface) 88%, transparent)}.badge-glass{color:inherit;background:color-mix(in srgb, var(--surface) 40%, transparent);border:1px solid color-mix(in srgb, currentColor 25%, transparent);padding:4px 12px;font-size:.8rem}.btn-soft{color:var(--primary);background:var(--primary-soft);transition:color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);border-radius:999px;align-items:center;gap:4px;padding:6px 14px;font-size:.85rem;font-weight:500;display:inline-flex}.btn-soft:hover{color:var(--on-primary);background:var(--primary)}.avatar{object-fit:cover;border-radius:50%;flex-shrink:0}.avatar-xs{width:22px;height:22px}.avatar-lg{width:56px;height:56px}.avatar-xl{border:4px solid var(--surface);width:88px;height:88px;box-shadow:var(--shadow)}.cover-placeholder{background:linear-gradient(color-mix(in srgb, var(--text) 5%, transparent) 1px, transparent 1px) 0 0 / 22px 22px, linear-gradient(90deg, color-mix(in srgb, var(--text) 5%, transparent) 1px, transparent 1px) 0 0 / 22px 22px, linear-gradient(135deg, var(--placeholder-from), var(--placeholder-to));width:100%;height:100%;color:var(--placeholder-text);text-align:center;place-items:center;padding:16px 20px;font-size:1.15rem;font-weight:700;line-height:1.4;display:grid;overflow:hidden}.empty{text-align:center;color:var(--muted);padding:40px 0}.post-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;display:grid}.post-grid-wide{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}.post-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease-spring), box-shadow .3s var(--ease), border-color .3s;flex-direction:column;display:flex;position:relative;overflow:hidden}.post-card:hover{box-shadow:var(--shadow);border-color:color-mix(in srgb, var(--primary) 30%, var(--border));transform:translateY(-4px)}.post-card-cover{aspect-ratio:16/9;background:var(--surface-2);display:block;overflow:hidden}.post-card-cover img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease);display:block}.post-card:hover .post-card-cover img{transform:scale(1.06)}.post-card-cover .cover-placeholder{transition:transform .5s var(--ease);font-size:1.05rem}.post-card:hover .post-card-cover .cover-placeholder{transform:scale(1.06)}.post-card-badges{gap:6px;display:flex;position:absolute;top:10px;left:10px}.post-card-body{flex-direction:column;flex:1;padding:14px 16px 12px;display:flex}.post-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:1rem;font-weight:600;display:-webkit-box;overflow:hidden}.post-card-title a{transition:color .2s}.post-card-title a:hover{color:var(--primary)}.post-card-excerpt{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin:8px 0 12px;font-size:.85rem;display:-webkit-box;overflow:hidden}.post-card-footer,.meta-author,.meta-stats,.meta-stats>span{align-items:center;display:flex}.post-card-footer{border-top:1px dashed var(--border);color:var(--muted);justify-content:space-between;gap:8px;padding-top:10px;font-size:.8rem}.meta-author{gap:6px}.meta-stats{gap:12px}.meta-stats>span{gap:3px}.pagination{justify-content:center;align-items:center;gap:12px;margin:32px 0 0;display:flex}.page-btn{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);border-radius:999px;align-items:center;gap:4px;padding:8px 16px;font-size:.88rem;display:inline-flex}a.page-btn:hover{color:var(--on-primary);background:var(--primary);border-color:var(--primary)}.page-btn.disabled{opacity:.45}.page-info{color:var(--muted);font-size:.9rem}.page-info b{color:var(--primary)}.with-sidebar{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:24px;display:grid}.sidebar{flex-direction:column;align-self:stretch;gap:20px;display:flex}.sticky-widget{top:calc(var(--header-h) + 20px);flex-direction:column;gap:20px;display:flex;position:sticky}@media (width<=1023px){.with-sidebar{grid-template-columns:minmax(0,1fr)}.sticky-widget{position:static}}.widget{padding:16px 18px}.widget-header{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.85rem;display:flex}.widget-header h3{align-items:center;gap:6px;margin:0;font-size:.98rem;display:flex}.widget-header h3 .icon{color:var(--primary)}.widget-header a{color:var(--muted)}.widget-header a:hover{color:var(--primary)}.widget-list{margin:0;padding:0;list-style:none}.widget-list a{border-radius:var(--radius-sm);color:var(--text-2);transition:color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);justify-content:space-between;align-items:center;gap:12px;padding:7px 10px;font-size:.9rem;display:flex}.widget-list a>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.widget-list a:hover{color:var(--primary);background:var(--primary-soft)}.widget-list .count{text-align:center;min-width:26px;color:var(--muted);background:var(--surface-2);border-radius:999px;flex-shrink:0;padding:0 6px;font-size:.75rem}.tag-cloud{flex-wrap:wrap;gap:8px;display:flex}.tag-chip{font-size:calc(.78rem + var(--weight,1) * .03rem);color:var(--primary);background:var(--primary-soft);transition:color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);border-radius:999px;align-items:center;gap:2px;padding:3px 11px;display:inline-flex}.tag-chip:hover{color:var(--on-primary);background:var(--primary)}.profile-card{text-align:center;padding-bottom:18px;overflow:hidden}.profile-cover{background:linear-gradient(color-mix(in srgb, var(--text) 6%, transparent) 1px, transparent 1px) 0 0 / 20px 20px, linear-gradient(90deg, color-mix(in srgb, var(--text) 6%, transparent) 1px, transparent 1px) 0 0 / 20px 20px, linear-gradient(135deg, var(--placeholder-from), var(--placeholder-to));border-bottom:1px solid var(--border);height:110px}.profile-cover[style*=background-image]{background-position:50%;background-size:cover}.profile-avatar{border:4px solid var(--surface);object-fit:cover;background:var(--surface);width:84px;height:84px;box-shadow:var(--shadow-sm);transition:transform .6s var(--ease);border-radius:50%;margin:-42px auto 0;display:block;position:relative}.profile-card:hover .profile-avatar{transform:rotate(360deg)}.profile-avatar-text{color:var(--on-primary);background:linear-gradient(135deg, var(--primary), var(--accent));place-items:center;font-size:2rem;font-weight:800;display:grid}.profile-name{margin:10px 0 2px;font-size:1.1rem}.profile-bio{color:var(--muted);margin:0 20px;font-size:.85rem}.profile-stats{border-radius:var(--radius-sm);background:var(--surface-2);grid-template-columns:repeat(3,1fr);margin:16px 18px 12px;padding:10px 0;display:grid}.profile-stats>*{color:var(--muted);flex-direction:column;font-size:.78rem;display:flex}.profile-stats b{color:var(--text);font-size:1.1rem}.profile-stats a:hover b{color:var(--primary)}.social-links{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.footer-brand .social-links{justify-content:flex-start}.social-link{width:34px;height:34px;color:var(--text-2);background:var(--surface-2);transition:color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease), transform var(--dur) var(--ease-spring);border-radius:50%;place-items:center;display:grid}.social-link:hover{color:var(--on-primary);background:var(--primary);transform:translateY(-2px)}.social-link svg{width:17px;height:17px}.avatar-text{color:var(--on-primary);background:linear-gradient(135deg, var(--primary), var(--accent));place-items:center;font-size:1.3rem;font-weight:700;display:grid}.section-head{justify-content:space-between;align-items:center;gap:12px;margin:32px 0 16px;display:flex}.section-head .section-title{margin:0}.list-toolbar{justify-content:space-between;align-items:center;margin-bottom:14px;font-size:.88rem;display:flex}.layout-toggle{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:3px;display:inline-flex}.layout-toggle button{width:30px;height:26px;color:var(--muted);cursor:pointer;transition:color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);background:0 0;border:0;border-radius:999px;place-items:center;padding:0;display:grid}.layout-toggle button:hover{color:var(--text)}.layout-toggle button[aria-pressed=true]{color:var(--on-primary);background:var(--primary)}:root[data-post-layout=list] .post-grid{grid-template-columns:minmax(0,1fr);gap:16px}:root[data-post-layout=list] .post-card{flex-direction:row}:root[data-post-layout=list] .post-card-cover{aspect-ratio:16/10;flex-shrink:0;width:260px}:root[data-post-layout=list] .post-card-body{padding:16px 20px 14px}:root[data-post-layout=list] .post-card-title{font-size:1.08rem}:root[data-post-layout=list] .post-card-excerpt{-webkit-line-clamp:3}@media (width<=640px){:root[data-post-layout=list] .post-card-cover{aspect-ratio:1;width:120px}:root[data-post-layout=list] .post-card-cover .cover-placeholder{padding:8px;font-size:.85rem}:root[data-post-layout=list] .post-card-body{padding:10px 12px}:root[data-post-layout=list] .post-card-excerpt,:root[data-post-layout=list] .post-card-badges{display:none}:root[data-post-layout=list] .post-card-footer{margin-top:auto}}.quote-tabs{gap:4px;display:flex}.quote-tabs button{color:var(--muted);cursor:pointer;transition:color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);background:0 0;border:0;border-radius:999px;padding:3px 10px;font-size:.82rem}.quote-tabs button:hover{color:var(--text)}.quote-tabs button[aria-selected=true]{color:var(--text);background:var(--surface-2);font-weight:600}.quote-refresh{width:28px;height:28px;color:var(--muted);cursor:pointer;transition:color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.quote-refresh:hover{color:var(--text);background:var(--surface-2)}.quote-refresh.is-spinning .icon{animation:spin .6s var(--ease)}@keyframes spin{to{rotate:360deg}}.quote-body{margin:0;padding:4px 2px 2px;transition:opacity .25s;position:relative}.quote-body.is-fading{opacity:0}.quote-mark{width:42px;height:42px;color:var(--primary-soft);fill:currentColor;stroke:none;position:absolute;top:-6px;right:0}.quote-text{font-family:var(--font-serif);letter-spacing:.04em;margin:0;font-size:.98rem;font-weight:600;line-height:1.8;position:relative}.quote-from{color:var(--muted);text-align:right;margin-top:8px;font-size:.8rem}.notice-dialog{border:1px solid var(--border);width:min(440px,100vw - 32px);max-height:calc(100vh - 48px);color:var(--text);background:var(--surface);border-radius:18px;padding:0;box-shadow:0 24px 60px #0000002e}.notice-dialog[open]{animation:notice-in .35s var(--ease)}.notice-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000059;animation:.3s notice-fade}html:has(.notice-dialog[open]){overflow:hidden}.notice-inner{text-align:center;padding:28px 28px 22px;position:relative}.notice-close{position:absolute;top:10px;right:10px}.notice-badge{width:48px;height:48px;color:var(--primary);background:var(--primary-soft);border-radius:14px;place-items:center;margin-bottom:12px;display:inline-grid}.notice-title{margin:0 0 12px;font-size:1.2rem;font-weight:700}.notice-content{text-align:left;white-space:pre-line;max-height:50vh;color:var(--text-2);font-size:.95rem;line-height:1.8;overflow-y:auto}.notice-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px;display:flex}@keyframes notice-in{0%{opacity:0;transform:translateY(12px)scale(.97)}}@keyframes notice-fade{0%{opacity:0}}.hero~.container{margin-top:-48px;position:relative}.page-hero-compact+.container{margin-top:0}.activity{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:28px;margin-bottom:8px;padding:18px 22px;display:grid}@media (width<=860px){.activity{grid-template-columns:minmax(0,1fr)}}.heatmap{color:var(--muted);grid-template-columns:auto minmax(0,1fr);column-gap:8px;font-size:.7rem;display:grid}.heatmap-weekdays{grid-row:2;grid-template-rows:repeat(7,1fr);gap:3px;display:grid}.heatmap-weekdays span{align-self:center;line-height:1}.heatmap-months{grid-column:2;height:16px;position:relative}.heatmap-months span{white-space:nowrap;position:absolute;top:0}.heatmap-grid{grid-column:2;grid-template-rows:repeat(7,1fr);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:3px;display:grid}.heatmap-grid i,.heatmap-legend i{aspect-ratio:1;background:var(--heat-0);border-radius:3px;display:block}.heatmap-grid i.empty-cell{visibility:hidden}.heatmap-grid i[data-count]{cursor:pointer;transition:transform .15s}.heatmap-grid i[data-count]:hover{transform:scale(1.35)}.lv-1{background:color-mix(in srgb, var(--primary) 30%, var(--heat-0))!important}.lv-2{background:color-mix(in srgb, var(--primary) 55%, var(--heat-0))!important}.lv-3{background:color-mix(in srgb, var(--primary) 78%, var(--heat-0))!important}.lv-4{background:var(--primary)!important}.heatmap-legend{color:var(--muted);justify-content:flex-end;align-items:center;gap:3px;margin-top:10px;font-size:.72rem;display:flex}.heatmap-legend i{width:11px}.heatmap-legend span{margin:0 4px}.heatmap-tip{z-index:60;color:#fff;pointer-events:none;white-space:nowrap;background:#14161ee6;border-radius:6px;padding:4px 10px;font-size:.75rem;position:fixed;transform:translate(-50%,calc(-100% - 8px))}.timeline{border-left:2px solid var(--border);margin:0;padding:0 0 0 14px;list-style:none}.timeline li{grid-template-columns:minmax(0,1fr) auto;column-gap:8px;padding:4px 0 8px 12px;display:grid;position:relative}.timeline li:before{content:"";background:var(--surface);border:2px solid var(--primary);border-radius:50%;width:10px;height:10px;position:absolute;top:10px;left:-20px}.timeline time{color:var(--muted);grid-column:1/-1;font-size:.75rem}.timeline a{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;overflow:hidden}.timeline a:hover{color:var(--primary)}.carousel{aspect-ratio:21/9;border-radius:var(--radius);box-shadow:var(--shadow-sm);background:var(--surface-2);margin-top:24px;position:relative;overflow:hidden}@media (width<=640px){.carousel{aspect-ratio:16/10}}.slide{opacity:0;visibility:hidden;transition:opacity .7s var(--ease), visibility .7s;position:absolute;inset:0}.slide.active{opacity:1;visibility:visible}.slide img,.slide .cover-placeholder{object-fit:cover;width:100%;height:100%;transition:transform 6s linear;transform:scale(1.04)}.slide.active img,.slide.active .cover-placeholder{transform:scale(1)}.slide-caption{color:#fff;background:linear-gradient(#0000,#000000b8);padding:60px 28px 44px;position:absolute;inset:auto 0 0}.slide-caption h2{text-shadow:0 2px 12px #0000004d;margin:8px 0 4px;font-size:clamp(1.15rem,2.6vw,1.6rem)}.slide-caption p{opacity:.85;-webkit-line-clamp:1;-webkit-box-orient:vertical;max-width:640px;margin:0;font-size:.88rem;display:-webkit-box;overflow:hidden}.carousel-dots{z-index:2;gap:6px;display:flex;position:absolute;bottom:18px;left:28px}.carousel-dots button{cursor:pointer;width:8px;height:8px;transition:width var(--dur) var(--ease-out), background-color var(--dur-fast) var(--ease);background:#ffffff80;border:0;border-radius:999px;padding:0}.carousel-dots button.active{background:#fff;width:24px}.carousel-btn{z-index:2;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;width:32px;height:32px;transition:background-color var(--dur-fast) var(--ease);background:#ffffff26;border:1px solid #ffffff4d;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;bottom:14px}.carousel-btn:hover{background:#ffffff4d}.carousel-btn.prev{right:56px}.carousel-btn.next{right:18px}.carousel:has(.slide:only-of-type) :is(.carousel-btn,.carousel-dots){display:none}.featured-cat{padding:22px 24px 24px;position:relative;overflow:hidden}.featured-cat+.featured-cat{margin-top:20px}.featured-cat-header{align-items:center;gap:14px;margin-bottom:18px;display:flex;position:relative}.featured-cat-header>div{flex:1;min-width:0}.featured-cat-header h3{margin:0;font-size:1.15rem}.featured-cat-header p{color:var(--muted);margin:2px 0 0;font-size:.85rem}.featured-cat-index{width:40px;height:40px;color:var(--primary);background:var(--primary-soft);border-radius:12px;place-items:center;font-weight:800;display:grid}.featured-cat-watermark{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;color:color-mix(in srgb, var(--primary) 9%, transparent);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(2rem,6vw,4rem);font-style:italic;font-weight:900;position:absolute;top:50%;right:120px;translate:0 -50%}.mini-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}@media (width<=860px){.mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-cat-watermark{display:none}}.mini-post{flex-direction:column;gap:6px;display:flex}.mini-post-cover{aspect-ratio:16/10;border-radius:var(--radius-sm);background:var(--surface-2);display:block;overflow:hidden}.mini-post-cover img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease);display:block}.mini-post:hover .mini-post-cover img{transform:scale(1.06)}.mini-post-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;font-weight:500;transition:color .2s;display:-webkit-box;overflow:hidden}.mini-post:hover .mini-post-title{color:var(--primary)}.mini-post time{color:var(--muted);font-size:.75rem}.weather-card{background:radial-gradient(120% 90% at 100% 0%, color-mix(in srgb, var(--primary) 10%, transparent), transparent 60%), var(--surface);padding:18px 20px 14px;position:relative;overflow:hidden}.weather-card[hidden]{display:none}.weather-card[data-daytime=night],.weather-card:is([data-scene=rain],[data-scene=storm],[data-scene=fog]){background:radial-gradient(120% 90% at 100% 0%, color-mix(in srgb, var(--text) 9%, transparent), transparent 60%), var(--surface)}.weather-art{pointer-events:none;width:78px;height:70px;position:absolute;top:8px;right:10px}.weather-art svg{width:100%;height:100%;display:block;overflow:visible}.weather-art :is(g,circle,path,line){transform-box:view-box}.art-sun{fill:#f2b544;stroke:#f2b544;stroke-width:2.4px;stroke-linecap:round}.art-rays{transform-origin:40px 24px;animation:24s linear infinite art-spin}.art-moon{fill:#f1d58a;animation:5s ease-in-out infinite art-float}.art-stars circle{fill:#f1d58a;animation:2.6s ease-in-out infinite art-twinkle}.art-stars circle:nth-child(2){animation-delay:.9s}.art-stars circle:nth-child(3){animation-delay:1.7s}.art-cloud{fill:color-mix(in srgb, var(--text) 10%, var(--surface));stroke:color-mix(in srgb, var(--text) 18%, transparent);stroke-width:1.2px;animation:7s ease-in-out infinite art-drift}.art-rain,.art-fog{stroke:var(--primary);stroke-width:2.2px;stroke-linecap:round}.art-fog{stroke:var(--muted);animation:5s ease-in-out infinite reverse art-drift}.art-snow{fill:var(--muted)}.art-rain>g,.art-snow>g{animation:art-fall 1.1s linear calc(var(--i) * .35s) infinite}.art-snow>g{animation-duration:2.6s;animation-delay:calc(var(--i) * .8s)}.art-bolt{fill:#f2b544;animation:3.2s ease-in-out infinite art-flash}@keyframes art-spin{to{rotate:360deg}}@keyframes art-float{50%{translate:0 -2px}}@keyframes art-twinkle{50%{opacity:.2}}@keyframes art-drift{50%{translate:-3px}}@keyframes art-fall{0%{opacity:0;translate:0 -6px}30%{opacity:1}to{opacity:0;translate:-2px 8px}}@keyframes art-flash{0%,70%,to{opacity:0}74%,82%{opacity:1}78%{opacity:.3}}.weather-date{color:var(--muted);margin:0;font-size:.8rem}.weather-greet{color:var(--text);margin:2px 0 10px;font-size:1.15rem;font-weight:700}.weather-main{align-items:center;gap:14px;display:flex}.weather-temp{flex-shrink:0;align-items:flex-start;line-height:1;display:inline-flex}.weather-temp b{font-variant-numeric:tabular-nums;color:var(--text);font-size:2.6rem;font-weight:800}.weather-temp small{color:var(--muted);margin:4px 0 0 2px;font-size:.95rem}.weather-place{justify-items:start;gap:2px;min-width:0;display:grid}.weather-city{max-width:100%;color:var(--text-2);cursor:pointer;transition:color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);background:0 0;border:0;border-radius:999px;align-items:center;gap:4px;margin-left:-6px;padding:2px 8px 2px 6px;font-size:.92rem;display:inline-flex}.weather-city span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.weather-city:hover,.weather-city[aria-expanded=true]{color:var(--primary);background:var(--primary-soft)}.weather-desc{color:var(--muted);font-size:.82rem}.weather-meta{border-top:1px dashed var(--border);color:var(--text-2);justify-content:space-between;gap:8px;margin:14px 0 0;padding:11px 0 0;font-size:.8rem;list-style:none;display:flex}.weather-meta li{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.weather-meta .icon{color:var(--primary)}.weather-card[data-state=loading] :is(.weather-temp b,.weather-desc,[data-field]){opacity:.35;transition:opacity var(--dur) var(--ease)}.weather-picker{z-index:2;background:var(--surface);animation:picker-in var(--dur) var(--ease-out) both;flex-direction:column;gap:8px;padding:12px;display:flex;position:absolute;inset:0}.weather-picker[hidden]{display:none}@keyframes picker-in{0%{opacity:0;translate:0 6px}}.weather-picker-head{align-items:center;gap:6px;display:flex}.weather-search{border:1px solid var(--border);color:var(--muted);background:var(--surface-2);transition:border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);border-radius:10px;flex:1;align-items:center;gap:6px;padding:0 10px;display:flex}.weather-search:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.weather-search input{min-width:0;height:34px;font:inherit;color:var(--text);background:0 0;border:0;outline:0;flex:1;padding:0;font-size:.88rem}.weather-close{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid}.weather-close:hover{color:var(--text);background:var(--surface-2)}.weather-results{flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}.weather-results button{width:100%;font:inherit;text-align:left;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:baseline;gap:8px;padding:6px 8px;display:flex}.weather-results button:hover,.weather-results button:focus-visible{color:var(--primary);background:var(--primary-soft)}.weather-results b{font-size:.9rem;font-weight:600}.weather-results small,.weather-hint{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:.76rem;overflow:hidden}.weather-hint{padding:6px 8px}.weather-picker-foot{justify-content:space-between;align-items:center;gap:8px;display:flex}.weather-locate,.weather-reset{font:inherit;cursor:pointer;transition:color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);border:0;border-radius:999px;align-items:center;gap:4px;padding:5px 10px;font-size:.8rem;display:inline-flex}.weather-locate{color:var(--primary);background:var(--primary-soft)}.weather-locate:hover{color:var(--on-primary);background:var(--primary)}.weather-locate[hidden]{display:none}.weather-locate:disabled{opacity:.6;cursor:progress}.weather-reset{color:var(--muted);background:0 0;margin-left:auto}.weather-reset:hover{color:var(--text)}.post-hero{padding-bottom:110px}.post-hero .page-hero-title{max-width:900px;margin:0 auto}.post-hero-cats{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:14px;display:flex}.meta-chips{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px;display:flex}.meta-chip{background:color-mix(in srgb, var(--surface) 55%, transparent);border:1px solid color-mix(in srgb, currentColor 14%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:.82rem;display:inline-flex}.meta-chip[hidden]{display:none}a.meta-chip:hover{color:var(--primary)}.has-image .meta-chip{color:#fff;text-shadow:none;background:#ffffff24}.content-narrow{max-width:900px}.article-card{padding:28px 40px 32px}@media (width<=640px){.article-card{padding:20px 18px 24px}}.breadcrumb{border-bottom:1px dashed var(--border);color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:20px;padding-bottom:14px;font-size:.85rem;display:flex}.breadcrumb a{align-items:center;gap:4px;display:inline-flex}.breadcrumb a:hover{color:var(--primary)}.breadcrumb>span:last-child{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.article-content{color:var(--text);overflow-wrap:break-word;font-size:1rem;line-height:1.85}.article-content>:first-child{margin-top:0}.article-content :is(h1,h2,h3,h4,h5,h6){scroll-margin-top:calc(var(--header-h) + 16px);margin:2em 0 .8em;font-weight:700;position:relative}.article-content h1{font-size:1.7rem}.article-content h2{padding-left:14px;font-size:1.45rem}.article-content h2:before{content:"";background:linear-gradient(var(--primary), var(--accent));border-radius:4px;width:4px;position:absolute;top:.3em;bottom:.3em;left:0}.article-content h3{font-size:1.22rem}.article-content h4{font-size:1.05rem}.article-content p{margin:1em 0}.article-content a{color:var(--primary);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--primary) 35%, transparent);text-decoration-color:color-mix(in srgb, var(--primary) 35%, transparent);text-underline-offset:3px;transition:text-decoration-color .2s}.article-content a:hover{-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary)}.article-content :is(ul,ol){padding-left:1.6em}.article-content li{margin:.35em 0}.article-content li::marker{color:var(--primary)}.article-content img{border-radius:10px;max-width:100%;height:auto;margin:1.2em auto;display:block}.article-content blockquote{border-left:4px solid var(--primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--primary-soft);color:var(--text-2);margin:1.4em 0;padding:12px 18px}.article-content blockquote>:first-child{margin-top:0}.article-content blockquote>:last-child{margin-bottom:0}.article-content :not(pre)>code{font-family:var(--font-mono);color:var(--primary);background:var(--primary-soft);border-radius:5px;padding:.15em .45em;font-size:.86em}.article-content pre{border:1px solid var(--border);background:var(--code-bg);border-radius:10px;margin:1.4em 0;padding:40px 18px 16px;font-size:.86rem;line-height:1.65;position:relative;overflow-x:auto}.article-content pre:before{content:"";background:#ff5f56;border-radius:50%;width:10px;height:10px;position:absolute;top:14px;left:16px;box-shadow:16px 0 #ffbd2e,32px 0 #27c93f}.article-content pre code{font-family:var(--font-mono);background:0 0}.code-block{margin:1.4em 0;position:relative}.article-content .code-block>pre{margin:0}.code-toolbar{align-items:center;gap:6px;display:flex;position:absolute;top:8px;right:8px}.code-lang{font-family:var(--font-mono);letter-spacing:.04em;color:var(--muted);-webkit-user-select:none;user-select:none;font-size:.72rem}.code-copy{width:28px;height:28px;color:var(--muted);cursor:pointer;opacity:.7;transition:opacity var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.code-copy:hover{opacity:1;color:var(--primary);background:var(--primary-soft)}.code-copy .icon{width:15px;height:15px}.code-block.folded>:is(pre,shiki-code){max-height:var(--fold-height,420px);overflow-y:hidden;-webkit-mask-image:linear-gradient(#000 calc(100% - 72px),#0000);mask-image:linear-gradient(#000 calc(100% - 72px),#0000)}.code-block.folded>shiki-code{display:block;overflow:hidden}.code-fold-toggle{border:1px dashed var(--border);border-radius:var(--radius-sm);width:100%;color:var(--muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:4px;margin-top:6px;padding:6px;font-size:.82rem;transition:color .2s,border-color .2s,background-color .2s;display:flex}.code-fold-toggle:hover{color:var(--primary);border-color:var(--primary);background:var(--primary-soft)}.code-fold-toggle .icon{transition:rotate .2s var(--ease)}.code-fold-toggle[aria-expanded=true] .icon{rotate:180deg}.article-content table{border-collapse:collapse;width:100%;margin:1.4em 0;font-size:.92rem;display:block;overflow-x:auto}.article-content :is(th,td){border:1px solid var(--border);padding:8px 14px}.article-content th{background:var(--surface-2);font-weight:600}.article-content hr{border:0;border-top:1px dashed var(--border);margin:2em 0}.article-tags{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.article-actions{justify-content:center;margin:32px 0 8px;display:flex}.upvote-btn{border:1px solid color-mix(in srgb, var(--primary) 35%, transparent);color:var(--primary);background:var(--primary-soft);cursor:pointer;transition:color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease-spring);border-radius:999px;align-items:center;gap:8px;padding:10px 26px;font-weight:600;display:inline-flex}.upvote-btn:hover{box-shadow:0 8px 20px color-mix(in srgb, var(--primary) 25%, transparent);transform:translateY(-2px)}.upvote-btn.voted{color:var(--on-primary);background:var(--primary);cursor:default;border-color:#0000}.upvote-btn.voted .icon{animation:pop .4s var(--ease)}@keyframes pop{50%{transform:scale(1.4)rotate(-12deg)}}.copyright{border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-2);margin-top:24px;padding:14px 20px;font-size:.86rem;position:relative;overflow:hidden}.copyright p{overflow-wrap:anywhere;margin:4px 0;position:relative}.copyright a{color:var(--primary);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--primary) 30%, transparent);text-decoration-color:color-mix(in srgb, var(--primary) 30%, transparent);text-underline-offset:3px;transition:text-decoration-color .2s}.copyright a:hover{-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary)}.copyright-mark{width:110px;height:110px;color:color-mix(in srgb, var(--primary) 10%, transparent);stroke-width:1.5px;position:absolute;bottom:-18px;right:-10px}.post-nav{grid-template-columns:1fr 1fr;gap:16px;margin-top:20px;display:grid}@media (width<=640px){.post-nav{grid-template-columns:1fr}.post-nav-empty{display:none}}.post-nav-item{transition:border-color var(--dur-fast) var(--ease), transform var(--dur) var(--ease-spring);flex-direction:column;gap:4px;padding:16px 20px;display:flex}.post-nav-item.next{text-align:right;grid-column:2;align-items:flex-end}@media (width<=640px){.post-nav-item.next{grid-column:auto}}.post-nav-item .muted{align-items:center;gap:2px;font-size:.8rem;display:inline-flex}.post-nav-item b{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-weight:600;overflow:hidden}a.post-nav-item:hover{border-color:color-mix(in srgb, var(--primary) 40%, var(--border));transform:translateY(-2px)}a.post-nav-item:hover b{color:var(--primary)}.comments{margin-top:20px;padding:4px 28px 24px}@media (width<=640px){.comments{padding:4px 16px 16px}}.author-card{padding:18px}.author-card-head{align-items:center;gap:12px;display:flex}.author-card-head b{font-size:1.02rem}.author-card-head p{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:2px 0 0;font-size:.82rem;display:-webkit-box;overflow:hidden}.author-card-head:hover b{color:var(--primary)}.toc-widget[hidden]{display:none}.toc{max-height:calc(100vh - var(--header-h) - 220px);overscroll-behavior:contain;margin:0 -6px;overflow-y:auto}.toc a{color:var(--text-2);transition:color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);border-radius:6px;padding:5px 10px;font-size:.86rem;line-height:1.5;display:block;position:relative}.toc a.toc-h3{padding-left:24px;font-size:.83rem}.toc a.toc-h4{padding-left:38px;font-size:.8rem}.toc a:hover{color:var(--primary)}.toc a.active{color:var(--primary);background:var(--primary-soft);font-weight:600}.related-list time{font-variant-numeric:tabular-nums}.article-content img.zoomable{cursor:zoom-in}html.lightbox-open{scrollbar-gutter:stable;overflow:hidden}.lightbox{color:#fff;background:0 0;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;overflow:hidden}.lightbox::backdrop{background:0 0}.lightbox:before{content:"";-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .28s var(--ease);background:#0a0a0ae6;position:fixed;inset:0}.lightbox :is(.lightbox-tools,.lightbox-nav,.lightbox-caption){opacity:0;transition:opacity .28s var(--ease), background-color .2s}.lightbox.visible:before,.lightbox.visible :is(.lightbox-tools,.lightbox-nav,.lightbox-caption){opacity:1}.lightbox-stage{overscroll-behavior:contain;padding:64px 72px;display:flex;position:absolute;inset:0;overflow:auto}.lightbox-img{object-fit:contain;cursor:zoom-in;-webkit-user-select:none;user-select:none;border-radius:6px;max-width:100%;max-height:100%;margin:auto;box-shadow:0 20px 60px #00000073}.lightbox.fits .lightbox-img{cursor:default}.lightbox.zoomed .lightbox-stage{padding:0}.lightbox.zoomed .lightbox-img{cursor:zoom-out;border-radius:0;max-width:none;max-height:none}.lightbox-tools{z-index:1;align-items:center;gap:6px;display:flex;position:absolute;top:12px;right:12px}.lightbox-count{font-variant-numeric:tabular-nums;color:#ffffffbf;margin-right:6px;font-size:.85rem}.lightbox-tools :is(button,a),.lightbox-nav{color:#fff;cursor:pointer;background:#ffffff1a;border:0;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;display:grid}.lightbox-tools :is(button,a):hover,.lightbox-nav:hover{background:#ffffff38}.lightbox.fits [data-action=zoom],.lightbox.single .lightbox-nav,.lightbox.zoomed .lightbox-nav{display:none}.lightbox-nav{z-index:1;width:44px;height:44px;position:absolute;top:50%;translate:0 -50%}.lightbox-nav.prev{left:16px}.lightbox-nav.next{right:16px}.lightbox-caption{z-index:1;text-align:center;background:#00000073;border-radius:14px;max-width:min(80ch,100% - 32px);margin:0;padding:6px 14px;font-size:.88rem;position:absolute;bottom:18px;left:50%;translate:-50%}.lightbox-caption[hidden],.lightbox.zoomed .lightbox-caption{display:none}@media (width<=640px){.lightbox-stage{padding:60px 8px}.lightbox-nav{width:40px;height:40px;top:auto;bottom:14px;translate:none}.lightbox-caption{bottom:64px}}.archive-card{padding:28px 36px}@media (width<=640px){.archive-card{padding:20px 18px}}.archive-year+.archive-year{margin-top:24px}.archive-year-title{background:linear-gradient(120deg, var(--primary), var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text;width:fit-content;margin:0 0 4px;font-size:1.7rem;font-weight:800}.archive-month{color:var(--muted);margin:14px 0 8px;font-size:.92rem}.archive-list{border-left:2px solid var(--border);margin:0;padding:0 0 0 16px;list-style:none}.archive-list li{border-radius:var(--radius-sm);align-items:center;gap:14px;padding:7px 10px;transition:background-color .2s;display:flex;position:relative}.archive-list li:before{content:"";background:var(--surface);border:2px solid var(--border);width:10px;height:10px;transition:background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);border-radius:50%;position:absolute;left:-22px}.archive-list li:hover{background:var(--surface-2)}.archive-list li:hover:before{border-color:var(--primary);background:var(--primary)}.archive-list time{font-family:var(--font-mono);color:var(--muted);flex-shrink:0;font-size:.82rem}.archive-list a{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.archive-list a:hover{color:var(--primary)}.category-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}@media (width<=400px){.category-grid{grid-template-columns:minmax(0,1fr)}}.category-card{transition:border-color var(--dur-fast) var(--ease), box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease-spring);align-items:center;gap:16px;padding:16px;display:flex}.category-card:hover{box-shadow:var(--shadow);border-color:color-mix(in srgb, var(--primary) 30%, var(--border));transform:translateY(-3px)}.category-card-cover{border-radius:12px;flex-shrink:0;width:76px;height:76px;overflow:hidden}.category-card-cover img{object-fit:cover;width:100%;height:100%}.category-card-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.category-card-body b{font-size:1.05rem}.category-card:hover .category-card-body b{color:var(--primary)}.category-card-body .muted{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.83rem;display:-webkit-box;overflow:hidden}.category-card-children{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.category-card-count{color:var(--muted);flex-shrink:0;font-size:.8rem}.category-card-count b{color:var(--primary);font-size:1.4rem}.tag-wall{flex-wrap:wrap;justify-content:center;gap:12px;padding:32px;display:flex}.tag-pill{border:1px solid var(--border);background:var(--surface-2);color:var(--text-2);transition:color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), transform var(--dur) var(--ease-spring);border-radius:999px;align-items:center;gap:4px;padding:8px 16px;display:inline-flex}.tag-pill .icon{color:var(--primary)}.tag-pill sup{color:var(--primary);font-size:.72rem;font-weight:700}.tag-pill:hover{color:var(--on-primary);background:var(--primary);border-color:var(--primary);transform:translateY(-2px)}.tag-pill:hover :is(.icon,sup){color:var(--on-primary)}.plugin-page{padding:28px 32px}.error-page{isolation:isolate;min-height:100vh;padding:calc(var(--header-h) + 48px) 0 64px;text-align:center;place-items:center;display:grid;position:relative;overflow:hidden}.error-inner{max-width:640px;animation:rise .6s var(--ease) both}.error-code{letter-spacing:.04em;font-variant-numeric:tabular-nums;background:linear-gradient(180deg, var(--primary), color-mix(in srgb, var(--primary) 20%, transparent));color:#0000;-webkit-user-select:none;user-select:none;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(6rem,22vw,11rem);font-weight:900;line-height:1}.error-title{margin:12px 0 8px;font-size:clamp(1.4rem,4vw,1.9rem);font-weight:800}.error-desc{max-width:440px;color:var(--muted);margin:0 auto}.error-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px;display:flex}.btn{border:1px solid var(--border);color:var(--text);background:var(--surface);box-shadow:var(--shadow-sm);cursor:pointer;transition:color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease-spring);border-radius:999px;align-items:center;gap:6px;padding:9px 18px;font-size:.9rem;display:inline-flex}.btn:hover{border-color:var(--primary);transform:translateY(-2px)}.btn-primary{color:var(--on-primary);background:var(--primary);border-color:var(--primary)}.error-suggest{text-align:left;margin-top:40px;padding:16px 18px}.error-suggest:not(:has(li)){display:none}:is(.error-page+.site-footer,.site-main:has(.error-page)+.site-footer){margin-top:0}.links-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;display:grid}.link-card{transition:transform var(--dur) var(--ease-spring), box-shadow .3s var(--ease), border-color .3s;align-items:center;gap:14px;padding:16px 18px;display:flex;position:relative}.link-card:hover{z-index:5;box-shadow:var(--shadow);border-color:color-mix(in srgb, var(--primary) 30%, var(--border));transform:translateY(-3px)}.link-avatar{background:var(--surface-2);border:1px solid var(--border);border-radius:50%;flex-shrink:0;place-items:center;width:56px;height:56px;display:grid;position:relative;overflow:hidden}.link-avatar:before{content:attr(data-initial);color:var(--muted);font-size:1.3rem;font-weight:700}.link-avatar img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease);position:absolute;inset:0}.link-card:hover .link-avatar img{transform:rotate(360deg)}.link-body{flex-direction:column;gap:4px;min-width:0;display:flex}.link-name{white-space:nowrap;text-overflow:ellipsis;font-size:1rem;transition:color .2s;overflow:hidden}.link-desc{color:var(--muted);font-size:.82rem;line-height:1.55}.link-desc[data-full]:after{content:attr(data-full);z-index:10;color:var(--on-primary);background:var(--primary);box-shadow:var(--shadow);pointer-events:none;opacity:0;transition:opacity .2s var(--ease), transform var(--dur) var(--ease-out);border-radius:8px;padding:8px 12px;font-size:.8rem;line-height:1.6;position:absolute;top:calc(100% + 8px);left:12px;right:12px;transform:translateY(-4px)}@media (hover:hover){.link-card:hover .link-desc[data-full]:after{opacity:1;transition-delay:.2s;transform:none}}.links-page>*+*{margin-top:24px}.links-section .section-title{margin:36px 0 16px}.self-card{padding:16px 20px 20px}.self-info{border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--text-2);background:var(--surface-2);border:1px solid var(--border);margin:0;padding:14px 16px;font-size:.85rem;line-height:1.8;overflow-x:auto}.copy-btn{cursor:pointer;border:0}.author-banner{padding:calc(var(--header-h) + 150px) 0 0}.author-banner+.container{margin-top:-64px}.author-card{animation:rise .6s var(--ease) both;align-items:flex-start;gap:24px;padding:24px 28px;display:flex}.author-avatar{border:5px solid var(--surface);object-fit:cover;background:var(--surface-2);width:112px;height:112px;box-shadow:var(--shadow);transition:transform .6s var(--ease);border-radius:50%;flex-shrink:0;margin-top:-64px}.author-card:hover .author-avatar{transform:rotate(360deg)}.author-avatar-text{color:var(--on-primary);background:linear-gradient(135deg, var(--primary), var(--accent));place-items:center;font-size:2.6rem;font-weight:800;display:grid}.author-info{flex:1;min-width:0}.author-name{margin:0;font-size:1.6rem;font-weight:800;line-height:1.3}.author-handle{color:var(--muted);margin:2px 0 0;font-size:.9rem}.author-bio{color:var(--text-2);white-space:pre-line;margin:12px 0 0}.author-meta{flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:14px;display:flex}.author-meta .meta-chip{color:var(--text-2);background:var(--surface-2);-webkit-backdrop-filter:none;backdrop-filter:none}.author-meta .social-links{justify-content:flex-start}.author-edit{flex-shrink:0}.author-activity{margin-top:20px}.author-stats{grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:12px;display:grid}.author-stat{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);transition:border-color .2s, transform var(--dur) var(--ease-spring);grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;column-gap:12px;padding:14px 16px;display:grid}.author-stat:hover{border-color:var(--primary);transform:translateY(-2px)}.author-stat .icon{width:22px;height:22px;color:var(--primary);grid-row:span 2}.author-stat b{color:var(--text);font-size:1.35rem;line-height:1.2}.author-stat span{color:var(--muted);font-size:.8rem}@media (width<=640px){.author-card{text-align:center;flex-direction:column;align-items:center}.author-meta,.author-meta .social-links{justify-content:center}}.maintenance-mode :is(.header-nav,.nav-toggle,[data-search-open]){display:none}.maintenance-icon{width:84px;height:84px;color:var(--primary);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:24px;place-items:center;margin-bottom:18px;display:inline-grid}.maintenance-icon .icon{width:38px;height:38px;animation:wrench 2.4s var(--ease) infinite}@keyframes wrench{0%,60%,to{rotate:0deg}15%,45%{rotate:-24deg}30%{rotate:14deg}}.maintenance-page .page-hero-eyebrow{display:block}.maintenance-desc{white-space:pre-line}.maintenance-countdown{margin-top:24px}.maintenance-eta{color:var(--muted);margin:0;font-size:.88rem}.countdown{justify-content:center;gap:10px;margin-top:12px;display:flex}.countdown[hidden]{display:none}.countdown span{border:1px solid var(--border);border-radius:var(--radius-sm);min-width:64px;color:var(--muted);background:var(--surface);box-shadow:var(--shadow-sm);gap:2px;padding:10px 8px;font-size:.75rem;display:grid}.countdown b{font-variant-numeric:tabular-nums;color:var(--text);font-size:1.6rem;line-height:1.2}.maintenance-note{color:var(--muted);margin:18px 0 0;font-size:.85rem}.maintenance-note b{color:var(--text-2)}.maintenance-bar{z-index:55;max-width:calc(100% - 32px);color:var(--on-primary);background:var(--primary);box-shadow:var(--shadow);animation:rise .6s var(--ease) both;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;display:flex;position:fixed;bottom:20px;left:50%;translate:-50%}.admin-hint{z-index:55;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:min(320px,100% - 32px);box-shadow:var(--shadow);animation:rise .6s var(--ease) both;padding:14px 16px;position:fixed;bottom:20px;left:20px}.admin-hint-close{width:30px;height:30px;position:absolute;top:6px;right:6px}.admin-hint-title{color:var(--text);align-items:center;gap:6px;padding-right:24px;font-size:.9rem;display:flex}.admin-hint-title .icon{color:var(--primary)}.admin-hint-text{color:var(--text-2);margin:6px 0 10px;font-size:.82rem;line-height:1.6}.admin-hint-foot{justify-content:space-between;align-items:center;gap:8px;margin:0;font-size:.8rem;display:flex}.admin-hint-foot a{color:var(--primary);font-weight:600}.admin-hint-foot a:hover{text-underline-offset:3px;text-decoration:underline}.admin-hint-foot span{color:var(--muted)}@media (width<=640px){.admin-hint{bottom:16px;left:16px}}.portfolio-stats{flex-wrap:wrap;justify-content:center;gap:6px 18px;display:flex}.portfolio-stats span+span:before{content:"·";opacity:.6;margin-right:18px}.portfolio-stats span[hidden]{display:none}.portfolio-intro{max-width:860px;margin:0 auto 28px}.project-filter{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:24px;display:flex}.project-filter button{border:1px solid var(--border);color:var(--text-2);background:var(--surface);box-shadow:var(--shadow-sm);cursor:pointer;transition:color .2s, background-color .2s, border-color .2s, transform var(--dur) var(--ease-spring);border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:.86rem;display:inline-flex}.project-filter button:hover{border-color:var(--primary);transform:translateY(-1px)}.project-filter small{color:var(--muted);font-size:.72rem}.project-filter button[aria-pressed=true]{color:var(--on-primary);background:var(--primary);border-color:var(--primary)}.project-filter button[aria-pressed=true] small{color:inherit;opacity:.75}.project-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;display:grid}.project-card{transition:transform var(--dur) var(--ease-spring), box-shadow .3s var(--ease), border-color .3s;flex-direction:column;display:flex;position:relative;overflow:hidden}.project-card[hidden]{display:none}.project-card:hover{box-shadow:var(--shadow);border-color:color-mix(in srgb, var(--primary) 30%, var(--border));transform:translateY(-4px)}.project-card.pop{animation:project-pop .45s var(--ease) var(--pop-delay,0s) both}@keyframes project-pop{0%{opacity:0;transform:translateY(12px)scale(.98)}}.project-card.featured{order:-1}@media (width>=720px){.project-card.featured{flex-direction:row;grid-column:span 2}.project-card.featured .project-cover{aspect-ratio:auto;flex:0 0 52%;min-height:260px}}.project-cover{aspect-ratio:16/9;background:var(--surface-2);display:block;overflow:hidden}.project-cover :is(img,.cover-placeholder){object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease);display:block}.project-card:hover .project-cover :is(img,.cover-placeholder){transform:scale(1.05)}.project-badges{gap:6px;display:flex;position:absolute;top:10px;left:10px}.project-featured .icon{width:12px;height:12px}.project-status{--status:var(--primary);white-space:nowrap;color:var(--status);background:color-mix(in srgb, var(--status) 12%, var(--surface));border:1px solid color-mix(in srgb, var(--status) 30%, transparent);border-radius:999px;align-items:center;gap:5px;padding:2px 10px;font-size:.75rem;font-weight:600;line-height:1.6;display:inline-flex}.project-status:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.project-status[data-status=active]:before{animation:1.8s ease-in-out infinite status-pulse}.project-status[data-status=done]{--status:#2f7d4f}.project-status[data-status=maintained]{--status:#b7791f}.project-status[data-status=archived]{--status:var(--muted)}@keyframes status-pulse{50%{opacity:.35}}.project-body{flex-direction:column;flex:1;gap:8px;min-width:0;padding:16px 18px 18px;display:flex}.project-card.featured .project-body{padding:22px 24px}.project-title{margin:0;font-size:1.12rem;font-weight:700;line-height:1.4}.project-card.featured .project-title{font-size:1.35rem}.project-title a:hover{color:var(--primary)}.project-period{color:var(--muted);align-items:center;gap:5px;margin:0;font-size:.8rem;display:inline-flex}.project-excerpt{color:var(--text-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.9rem;display:-webkit-box;overflow:hidden}.project-tags{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.project-tags li,.project-tags a{font-family:var(--font-mono);color:var(--text-2);background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:1px 9px;font-size:.74rem}.project-tags li:has(a){background:0 0;border:0;padding:0}.project-tags a{transition:color .2s,border-color .2s;display:inline-block}.project-tags a:hover{color:var(--primary);border-color:var(--primary)}.project-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;padding-top:8px;display:flex}.project-actions .btn{padding:6px 14px;font-size:.84rem}.project-more{color:var(--muted);align-items:center;gap:4px;margin-left:auto;font-size:.85rem;transition:color .2s;display:inline-flex}.project-more:hover{color:var(--primary)}.project-more .icon{transition:translate .2s var(--ease)}.project-more:hover .icon{translate:3px}.project-info{border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:var(--radius-sm);background:var(--surface-2);gap:12px;margin:0 0 24px;padding:16px 18px;display:grid}.project-info-meta{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.project-info-label{color:var(--text);align-items:center;gap:6px;font-size:.85rem;font-weight:700;display:inline-flex}.project-info .project-actions{margin:0;padding:0}.auth-main{isolation:isolate;min-height:100vh;padding:calc(var(--header-h) + 40px) 16px 56px;flex-direction:column;justify-content:center;display:flex;position:relative}.auth-page .site-footer{margin-top:0}.auth-page .halo-logo{display:none}.auth-page .gateway-wrapper{--color-primary:var(--primary);--color-secondary:var(--primary);--color-link:var(--primary);--color-text:var(--text-2);--color-border:var(--border);width:100%;max-width:26rem;font-family:var(--font-sans);color:var(--text);animation:rise .6s var(--ease) both;margin:0 auto;padding:0}.auth-page .halo-form-wrapper{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);padding:28px}.auth-page .form-title{color:var(--text);font-weight:700}.auth-page .halo-form .form-input{background:var(--surface-2);border-radius:10px;height:2.75em;transition:border-color .2s,box-shadow .2s}.auth-page .halo-form .form-input:focus-within{box-shadow:0 0 0 3px var(--primary-soft)}.auth-page .halo-form .form-item input,.auth-page .halo-form .form-item select{color:var(--text)}.auth-page .halo-form button[type=submit]{height:2.75em;color:var(--on-primary);transition:opacity .2s, transform var(--dur) var(--ease-spring);border-radius:10px;font-weight:600}.auth-page .halo-form button[type=submit]:hover{opacity:.9;transform:translateY(-1px)}.auth-page .halo-form input[type=checkbox]{appearance:auto;width:1.1em;height:1.1em;accent-color:var(--primary);cursor:pointer;background:0 0;border:0;margin:0}.auth-page .halo-form input[type=checkbox]:focus{box-shadow:none}.auth-page .halo-form input[type=checkbox]:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.auth-page .halo-form .form-item-compact label{cursor:pointer}.auth-page .halo-form .form-input-group button{color:var(--text-2);background:var(--surface)}.auth-page .halo-form .form-input-group button:hover{color:var(--text);background:var(--surface-2)}.auth-page .pill-items li{border-color:var(--border)}.auth-page .pill-items li a,.auth-page .pill-items li button{color:var(--text)}.auth-page .pill-items li:hover{background:var(--surface-2)}.auth-page .divider-wrapper hr{border-top-color:var(--border)}.auth-page .alert{color:var(--text-2);border-color:var(--border);background:var(--surface)}.auth-page :is(.signup-notice-content,.login-notice-content,.returntosite-content) a{color:var(--primary)}.auth-page .language-switcher select{background-color:var(--surface)}.auth-head{width:100%;max-width:26rem;animation:rise .6s var(--ease) both;margin:0 auto 20px}.auth-main:has(.form-title) .auth-title{display:none}.auth-title{letter-spacing:.08em;text-align:center;color:var(--text);margin:0;font-size:1.75rem;font-weight:800}.auth-tip{border:1px solid var(--border);border-left:3px solid var(--primary);background:var(--surface);box-shadow:var(--shadow-sm);color:var(--text-2);border-radius:10px;gap:10px;margin-top:16px;padding:12px 16px;font-size:.9rem;line-height:1.7;display:flex}.auth-tip .icon{width:18px;height:18px;color:var(--primary);flex-shrink:0;margin-top:3px}.auth-tip p{white-space:pre-line;margin:0}.context-menu{z-index:10001;border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(14px)saturate(160%);backdrop-filter:blur(14px)saturate(160%);min-width:184px;max-width:260px;box-shadow:var(--shadow);opacity:0;transition:opacity var(--dur-fast) var(--ease), scale var(--dur) var(--ease-out);border-radius:12px;padding:6px;position:fixed;scale:.96}.context-menu[hidden]{display:none}.context-menu.open{opacity:1;scale:1}.context-menu-item{width:100%;font:inherit;text-align:left;color:var(--text-2);cursor:pointer;transition:color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:7px 10px;font-size:.88rem;display:flex}.context-menu-item:is(:hover,:focus-visible){color:var(--primary);background:var(--primary-soft);outline:none}.context-menu-item>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.context-menu-icon{width:16px;height:16px;color:var(--muted);transition:color var(--dur-fast) var(--ease);flex-shrink:0;place-items:center;display:grid}.context-menu-icon :is(svg,.icon){width:16px;height:16px}.context-menu-item:is(:hover,:focus-visible) .context-menu-icon{color:var(--primary)}.context-menu-sep{background:var(--border);height:1px;margin:5px 8px}.context-menu-hint{border-top:1px dashed var(--border);color:var(--muted);margin:4px 0 0;padding:6px 10px 2px;font-size:.72rem}.site-toast{z-index:10002;color:var(--on-primary);background:var(--primary);box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity var(--dur) var(--ease), translate var(--dur) var(--ease-out);border-radius:999px;padding:8px 16px;font-size:.85rem;position:fixed;bottom:32px;left:50%;translate:-50% 10px}.site-toast.show{opacity:1;translate:-50%}.home-gallery{margin-top:36px}.section-more{color:var(--muted);transition:color var(--dur-fast) var(--ease);align-items:center;gap:4px;font-size:.85rem;display:inline-flex}.section-more:hover{color:var(--primary)}.section-more .icon{transition:translate var(--dur) var(--ease-spring)}.section-more:hover .icon{translate:3px}.gallery-grid{columns:3 200px;column-gap:14px}.gallery-grid-wide{columns:4 220px}.gallery-item{break-inside:avoid;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);box-shadow:var(--shadow-sm);transition:box-shadow var(--dur) var(--ease), translate var(--dur) var(--ease-spring);margin:0 0 14px;position:relative;overflow:hidden}.gallery-item:hover{box-shadow:var(--shadow);translate:0 -3px}.gallery-item img{width:100%;height:auto;transition:scale .6s var(--ease-out);display:block}.gallery-item:hover img{scale:1.05}.js-reveal .gallery-item img:not(.img-loaded){aspect-ratio:4/3;object-fit:cover}.gallery-link{display:block}.gallery-item figcaption{color:#fff;pointer-events:none;opacity:0;transition:opacity var(--dur) var(--ease), translate var(--dur) var(--ease-out);background:linear-gradient(#0000,#0000009e);gap:2px;padding:28px 14px 12px;display:grid;position:absolute;inset:auto 0 0;translate:0 8px}.gallery-item:hover figcaption{opacity:1;translate:none}@media (hover:none){.gallery-item figcaption{opacity:1;translate:none}}.gallery-item figcaption b{font-size:.92rem;font-weight:600}.gallery-item figcaption span{opacity:.85;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8rem;display:-webkit-box;overflow:hidden}@media (width<=640px){.gallery-grid,.gallery-grid-wide{columns:2;column-gap:10px}.gallery-item{margin-bottom:10px}}.photo-groups{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:24px;display:flex}.photo-groups a{border:1px solid var(--border);color:var(--text-2);background:var(--surface);box-shadow:var(--shadow-sm);transition:color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);border-radius:999px;padding:6px 16px;font-size:.86rem}.photo-groups a:hover{border-color:var(--primary)}.photo-groups a.active{color:var(--on-primary);background:var(--primary);border-color:var(--primary)}