*{box-sizing:border-box}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--pastel-pink:#ff9aa2;--pastel-peach:#ffb7b2;--pastel-cream:#ffdac1;--pastel-mint:#e2f0cb;--pastel-blue:#a2e4ff;--pastel-lavender:#c9afff;--page-bg:#fff9fc;--surface:#ffffffc2;--surface-strong:#ffffffe6;--surface-soft:#fff8fc9e;--text-main:#342a3a;--text-normal:#4d4254;--text-muted:#786b80;--text-faint:#a294aa;--border-soft:#9d719029;--brand:#d65f78;--brand-strong:#b94765;--brand-soft:#ff9aa238;--accent:#68b6d9;--accent-soft:#a2e4ff47;--glass-blur:blur(22px) saturate(1.25);--shadow-soft:0 22px 60px #6f4d6924;--shadow-card:0 14px 42px #6f4d691c}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page-bg:#171521;--surface:#282233b8;--surface-strong:#2b2437db;--surface-soft:#2721328f;--text-main:#fff8fc;--text-normal:#f2e7ef;--text-muted:#c5b4c4;--text-faint:#917f93;--border-soft:#ffdae124;--brand:#ff9aa2;--brand-strong:#ffb7b2;--brand-soft:#ff9aa22b;--accent:#a2e4ff;--accent-soft:#a2e4ff24;--shadow-soft:0 24px 70px #00000059;--shadow-card:0 18px 48px #00000047}body{min-width:320px;min-height:100vh;color:var(--text-normal);background:var(--page-bg);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}#root{min-height:100vh}
.elastic-slider{touch-action:none;-webkit-user-select:none;user-select:none;opacity:.78;grid-template-columns:18px minmax(0,1fr) 18px;align-items:center;gap:8px;width:100%;transition:transform .2s ease-out,opacity .2s ease-out;display:grid;transform:scale(1)}.elastic-slider.is-active{opacity:1;transform:scale(1.04)}.elastic-slider.has-no-icons{grid-template-columns:minmax(0,1fr);gap:0}.elastic-slider-icon{color:var(--text-muted);place-items:center;font-size:16px;font-weight:900;line-height:1;transition:color .2s,transform .2s ease-out;display:grid}.elastic-slider-icon-left{transform:translateX(var(--elastic-left-shift)) scale(1)}.elastic-slider-icon-right{transform:translateX(var(--elastic-right-shift)) scale(1)}.elastic-slider-icon.is-pulsing{color:var(--brand-strong);animation:.25s ease-out elasticIconPulse}.elastic-slider-control{cursor:grab;touch-action:none;outline:0;align-items:center;min-width:0;height:34px;display:flex;position:relative}.elastic-slider-control:active{cursor:grabbing}.elastic-slider-control:focus-visible .elastic-slider-track{box-shadow:0 0 0 3px color-mix(in srgb, var(--theme-picker-color,var(--pastel-pink)) 45%, transparent)}.elastic-slider-transform{width:100%;height:8px;transform:scaleX(var(--elastic-scale-x)) scaleY(var(--elastic-scale-y));transform-origin:var(--elastic-origin);will-change:transform;transition:height .2s ease-out}.elastic-slider.is-active .elastic-slider-transform{height:12px}.elastic-slider-track{background:var(--theme-color-bar);border:1px solid #ffffff85;border-radius:999px;width:100%;height:100%;transition:box-shadow .2s;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #5b39521f}.elastic-slider-track:after{content:"";top:0;bottom:0;right:0;left:var(--elastic-progress);pointer-events:none;background:#ffffff38;position:absolute}.elastic-slider-marker{top:50%;left:var(--elastic-progress);z-index:1;background:color-mix(in srgb, var(--theme-picker-color,var(--pastel-cream)) 28%, #fff);border-radius:999px;width:8px;height:18px;transition:left 60ms linear,height .2s;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 5px #48273d3d}.elastic-slider.is-active .elastic-slider-marker{height:20px}:root[data-theme=dark] .elastic-slider-track{border-color:#ffffff24;box-shadow:inset 0 1px 2px #00000047}:root[data-theme=dark] .elastic-slider-track:after{background:#0c0a1242}@keyframes elasticIconPulse{0%,to{scale:1}50%{scale:1.4}}@media (prefers-reduced-motion:reduce){.elastic-slider,.elastic-slider-icon,.elastic-slider-transform,.elastic-slider-track,.elastic-slider-marker{transition-duration:.01ms!important;animation:none!important}}
.gradient-text{color:#0000;background-image:var(--gradient-text-image);background-position:0%;background-size:var(--gradient-text-size);-webkit-text-fill-color:transparent;animation:gradientTextFlow var(--gradient-text-duration) linear infinite var(--gradient-text-direction);will-change:background-position;background-repeat:repeat;-webkit-background-clip:text;background-clip:text;display:inline-block;overflow:visible}.gradient-text--pause:hover{animation-play-state:paused}@keyframes gradientTextFlow{0%{background-position:0%}to{background-position:100%}}@media (prefers-reduced-motion:reduce){.gradient-text{animation:none}}
.glitch-text{color:#fff;white-space:nowrap;isolation:isolate;cursor:default;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;display:inline-block;position:relative}.glitch-text:before,.glitch-text:after{z-index:1;color:#fff;content:attr(data-text);opacity:0;pointer-events:none;will-change:clip-path, transform, opacity;background:0 0;position:absolute;inset:0;overflow:hidden}.glitch-text:before{text-shadow:var(--glitch-before-shadow);animation:glitch-text-cyan var(--glitch-before-duration) infinite steps(1, end)}.glitch-text:after{text-shadow:var(--glitch-after-shadow);animation:glitch-text-red var(--glitch-after-duration) infinite steps(1, end)}.glitch-text.is-hover-only:before,.glitch-text.is-hover-only:after{opacity:0;animation:none}.glitch-text.is-hover-only:hover:before,.glitch-text.is-hover-only:hover:after{opacity:1}@keyframes glitch-text-cyan{0%{opacity:.9;clip-path:inset(13% 0 76%);transform:translate(-6px)}10%{opacity:.78;clip-path:inset(74% 0 16%);transform:translate(4px)}20%{opacity:.9;clip-path:inset(42% 0 46%);transform:translate(-8px)}30%{opacity:.76;clip-path:inset(87% 0 5%);transform:translate(5px)}40%{opacity:.88;clip-path:inset(27% 0 61%);transform:translate(-5px)}50%{opacity:.8;clip-path:inset(59% 0 31%);transform:translate(6px)}60%{opacity:.92;clip-path:inset(7% 0 82%);transform:translate(-7px)}70%{opacity:.76;clip-path:inset(68% 0 21%);transform:translate(4px)}80%{opacity:.9;clip-path:inset(35% 0 53%);transform:translate(-6px)}90%{opacity:.8;clip-path:inset(80% 0 10%);transform:translate(5px)}to{opacity:.9;clip-path:inset(13% 0 76%);transform:translate(-6px)}}@keyframes glitch-text-red{0%{opacity:.84;clip-path:inset(66% 0 23%);transform:translate(7px)}10%{opacity:.92;clip-path:inset(22% 0 66%);transform:translate(-4px)}20%{opacity:.78;clip-path:inset(84% 0 7%);transform:translate(6px)}30%{opacity:.9;clip-path:inset(48% 0 40%);transform:translate(-5px)}40%{opacity:.82;clip-path:inset(9% 0 80%);transform:translate(8px)}50%{opacity:.9;clip-path:inset(72% 0 17%);transform:translate(-4px)}60%{opacity:.8;clip-path:inset(31% 0 57%);transform:translate(6px)}70%{opacity:.92;clip-path:inset(89% 0 3%);transform:translate(-5px)}80%{opacity:.82;clip-path:inset(55% 0 34%);transform:translate(7px)}90%{opacity:.9;clip-path:inset(16% 0 72%);transform:translate(-4px)}to{opacity:.84;clip-path:inset(66% 0 23%);transform:translate(7px)}}@media (prefers-reduced-motion:reduce){.glitch-text:before,.glitch-text:after{opacity:0;animation:none}}
.vue-bits-masonry{width:100%;transition:height .45s;position:relative}.vue-bits-masonry-item{cursor:zoom-in;transform-origin:50%;will-change:transform, width, height, opacity, filter;background:#172333;border:0;border-radius:13px;padding:0;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 10px 40px -16px #0000006b}.vue-bits-masonry-item img{object-fit:cover;width:100%;height:100%;display:block}.vue-bits-masonry-item:focus-visible{outline-offset:3px;outline:3px solid #ff99c7e6}@media (prefers-reduced-motion:reduce){.vue-bits-masonry{transition:none}}
.shiny-text{color:var(--shiny-color);background-image:linear-gradient(var(--shiny-angle), var(--shiny-color) 0%, var(--shiny-color) 36%, var(--shiny-highlight) 50%, var(--shiny-color) 64%, var(--shiny-color) 100%);-webkit-text-fill-color:transparent;animation:shiny-text-sweep var(--shiny-duration) linear var(--shiny-delay) infinite;background-position:150%;background-size:220%;-webkit-background-clip:text;background-clip:text;display:inline-block}.shiny-text.is-right{animation-direction:reverse}.shiny-text.can-pause:hover{animation-play-state:paused}.shiny-text.is-disabled{-webkit-text-fill-color:currentColor;background:0 0;animation:none}@keyframes shiny-text-sweep{0%{background-position:150%}to{background-position:-70%}}@media (prefers-reduced-motion:reduce){.shiny-text{background-position:50%;animation:none}}
.starfield-background{z-index:0;pointer-events:none;background:radial-gradient(at bottom,#1b2735 0%,#090a0f 100%);position:absolute;inset:0;overflow:hidden}.starfield-nebula{background:radial-gradient(circle at 18% 28%,#5987b51f,#0000 27%),radial-gradient(circle at 82% 64%,#6f529d17,#0000 30%);position:absolute;inset:0}.starfield-stars,.starfield-stars:after{box-shadow:var(--star-map);content:"";will-change:transform;background:0 0;border-radius:50%;display:block;position:absolute;top:0;left:0}.starfield-stars:after{width:inherit;height:inherit;top:2000px}.starfield-stars-1{width:1px;height:1px;animation:70s linear infinite starfield-rise}.starfield-stars-2{opacity:.88;width:2px;height:2px;animation:100s linear infinite starfield-rise}.starfield-stars-3{opacity:.72;width:3px;height:3px;animation:150s linear infinite starfield-rise}@keyframes starfield-rise{0%{transform:translate(0,0)}to{transform:translateY(-2000px)}}@media (prefers-reduced-motion:reduce){.starfield-stars{animation-play-state:paused}}
.text-type{white-space:pre-wrap;display:inline}.text-type-cursor{color:var(--brand);margin-left:.14em;font-weight:400;display:inline-block}
.blog-shell{--blog-hero-height:clamp(520px, 70vh, 760px);background:radial-gradient(circle at 9% 8%, color-mix(in srgb, var(--pastel-pink) 22%, transparent), transparent 28%), radial-gradient(circle at 88% 14%, color-mix(in srgb, var(--pastel-blue) 32%, transparent), transparent 30%), radial-gradient(circle at 72% 48%, color-mix(in srgb, var(--pastel-mint) 24%, transparent), transparent 27%), radial-gradient(circle at 22% 62%, color-mix(in srgb, var(--pastel-lavender) 16%, transparent), transparent 30%), linear-gradient(135deg, color-mix(in srgb, var(--pastel-pink) 13%, #fff) 0%, color-mix(in srgb, var(--pastel-blue) 12%, #fff) 46%, var(--page-bg) 100%);min-height:100vh;position:relative;overflow-x:hidden}.blog-shell:before{content:"";z-index:1;pointer-events:none;display:none;position:fixed;inset:0}:root[data-theme=dark] .blog-shell{background:radial-gradient(circle at 10% 10%, #ff9aa21a, transparent 28%), radial-gradient(circle at 88% 16%, #a2e4ff17, transparent 30%), radial-gradient(circle at 68% 52%, #c9afff12, transparent 30%), linear-gradient(135deg, color-mix(in srgb, var(--pastel-pink) 6%, #181522) 0%, color-mix(in srgb, var(--pastel-blue) 4%, #171521) 46%, var(--page-bg) 100%)}:root[data-theme=dark] .blog-shell:before{display:none}.blog-wallpaper{z-index:0;height:var(--blog-hero-height);pointer-events:none;background:radial-gradient(circle at 48% 20%,#ffffff94,#0000 25%),linear-gradient(135deg,#a9d7ec 0%,#e9c8c3 44%,#b7d8e8 100%);position:absolute;top:0;left:0;right:0;overflow:hidden}.blog-wallpaper-slides,.blog-wallpaper-slide,.blog-wallpaper-overlay,.blog-wallpaper-particles{position:absolute;inset:0}.blog-wallpaper-slide{opacity:0;will-change:opacity, transform;transition:opacity 1.35s,transform 8.5s;overflow:hidden;transform:scale(1.08)}.blog-wallpaper-slide img,.blog-wallpaper-slide video{object-fit:cover;width:100%;height:100%;display:block}.blog-wallpaper-slide video{background:#101827}.blog-wallpaper-slide.is-active{opacity:1;transform:scale(1)}.blog-wallpaper-overlay{z-index:1;background:linear-gradient(#3c26300d,#5c36441a 58%,#fff6fa3d)}:root[data-theme=dark] .blog-wallpaper-overlay{background:linear-gradient(#040a1242,#040a1294 64%,#09111fc7)}.blog-wallpaper-particles{z-index:2;background-image:radial-gradient(circle, #ffffffd1 0 1px, transparent 2px), radial-gradient(circle, var(--brand-soft) 0 2px, transparent 4px), radial-gradient(circle, #ffffff6b 0 1px, transparent 3px);opacity:.42;background-position:0 0,60px 80px,120px 20px;background-size:160px 160px,220px 220px,280px 280px;animation:24s linear infinite wallpaperParticles}:root[data-theme=dark] .blog-wallpaper-particles{opacity:.28}.blog-wallpaper-content{z-index:3;text-align:center;color:#fff;text-shadow:0 8px 34px #00000057;position:absolute;top:clamp(138px,22vh,236px);left:24px;right:24px}.blog-wallpaper-content h1{color:#fff;text-shadow:0 6px 24px #09162a57;margin:0;font-size:clamp(52px,8vw,104px);font-weight:800;line-height:1}.blog-wallpaper-typewriter{color:#eef8ff;max-width:760px;min-height:40px;margin:18px auto 0;font-size:clamp(16px,2vw,24px);line-height:1.5}.blog-wallpaper-typewriter span{vertical-align:middle;font-family:Trebuchet MS,PingFang SC,Microsoft YaHei,sans-serif;font-weight:750}.blog-wallpaper-typewriter i{vertical-align:-.12em;background:#ffffffe6;width:2px;height:1.05em;margin-left:6px;animation:.9s steps(2,start) infinite typewriterCaret;display:inline-block}.blog-wallpaper-wave{z-index:4;--wave-tint-1:color-mix(in srgb, var(--pastel-pink) 25%, #ffffffdb);--wave-tint-2:color-mix(in srgb, var(--pastel-blue) 22%, #ffffffe6);--wave-tint-3:color-mix(in srgb, var(--pastel-mint) 18%, #ffffffeb);--wave-tint-4:color-mix(in srgb, var(--pastel-lavender) 8%, var(--page-bg));height:clamp(96px,14vh,158px);position:absolute;bottom:-1px;left:0;right:0;overflow:hidden}:root[data-theme=dark] .blog-wallpaper-wave{--wave-tint-1:color-mix(in srgb, var(--pastel-pink) 12%, #2a2332);--wave-tint-2:color-mix(in srgb, var(--pastel-blue) 9%, #25202f);--wave-tint-3:color-mix(in srgb, var(--pastel-lavender) 7%, #211d2a);--wave-tint-4:color-mix(in srgb, var(--pastel-mint) 3%, var(--page-bg))}.blog-wallpaper-waves{width:100%;height:100%;display:block;position:absolute;inset:auto 0 0;transform:translateY(1px)}.blog-wave-parallax>use{animation:16s cubic-bezier(.55,.5,.45,.5) infinite blogWaveMove}.wave-layer-1{fill:var(--wave-tint-1);opacity:.52;animation-duration:5.5s!important;animation-delay:-2s!important}.wave-layer-2{fill:var(--wave-tint-2);opacity:.66;animation-duration:8s!important;animation-delay:-3s!important}.wave-layer-3{fill:var(--wave-tint-3);opacity:.82;animation-duration:10.5s!important;animation-delay:-4s!important}.wave-layer-4{fill:var(--wave-tint-4);opacity:1;animation-duration:15s!important;animation-delay:-5s!important}@keyframes wallpaperParticles{0%{background-position:0 0,60px 80px,120px 20px}to{background-position:160px 260px,280px 320px,360px 220px}}@keyframes typewriterCaret{0%,45%{opacity:1}46%,to{opacity:0}}@keyframes blogWaveMove{0%{transform:translate(-125px)}to{transform:translate(115px)}}.blog-header{--nav-panel-bg:#e5eef5c7;--nav-panel-border:#ffffffb8;--nav-text:#263240e6;--nav-muted:#424f60b3;--nav-hover-bg:#ffffff7a;--nav-hover-border:#5d6f842e;--nav-active-bg:var(--brand-soft);--nav-shadow:0 14px 34px #2a3e5c29;z-index:50;-webkit-backdrop-filter:none;backdrop-filter:none;width:min(1360px,100% - clamp(48px,8vw,120px));max-width:none;box-shadow:none;background:0 0;border:1px solid #0000;border-radius:0;grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);align-items:center;gap:18px;margin:0;padding:8px 24px;transition:background .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),border-radius .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .3s cubic-bezier(.4,0,.2,1),backdrop-filter .3s cubic-bezier(.4,0,.2,1);display:grid;position:fixed;top:0;left:50%;right:auto;transform:translate(-50%)}.blog-header:not(.is-scrolled){--nav-text:#fff;--nav-muted:#ffffffe0;--nav-hover-bg:#ffffff24;--nav-hover-border:#ffffff38;--nav-active-bg:#ffffff1f}:root[data-theme=dark] .blog-header{--nav-panel-bg:#080f1ae0;--nav-panel-border:#ffffff14;--nav-text:#e8eef7db;--nav-muted:#cdd8e7ad;--nav-hover-bg:#ffffff14;--nav-hover-border:#ffffff1f;--nav-active-bg:#ffffff17;--nav-shadow:0 16px 38px #00000057}:root[data-theme=dark] .blog-header:not(.is-scrolled){--nav-text:#fff;--nav-muted:#ffffffd1}.blog-header.is-scrolled{border-color:var(--nav-panel-border);background:var(--nav-panel-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:inset 0 1px 0 #ffffff75, var(--nav-shadow);border-radius:18px}:root[data-theme=dark] .blog-header.is-scrolled{box-shadow:inset 0 1px 0 #ffffff0f, var(--nav-shadow)}.blog-brand{cursor:pointer;text-align:left;background:0 0;border:0;justify-self:start;align-items:center;gap:12px;min-width:0;padding:0;display:flex}.blog-brand img,.blog-brand>span{color:#fff;background:linear-gradient(135deg, var(--brand-strong), var(--accent));object-fit:cover;border:2px solid #ffffff80;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-size:22px;font-weight:900;display:grid;box-shadow:0 12px 28px #00000038}.blog-brand strong{color:var(--nav-text);font-size:17px;line-height:22px;display:block}.blog-brand small{max-width:420px;color:var(--nav-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:18px;display:block;overflow:hidden}.mobile-nav-toggle{display:none}.blog-header:not(.is-scrolled) .blog-brand strong,.blog-header:not(.is-scrolled) .blog-brand small,.blog-header:not(.is-scrolled) .blog-nav a,.blog-header:not(.is-scrolled) .blog-nav-dropdown-trigger,.blog-header:not(.is-scrolled) .tool-button{text-shadow:0 1px 2px #371c2abd,0 3px 12px #4824346b}.blog-header:not(.is-scrolled) .blog-nav a.is-active,.blog-header:not(.is-scrolled) .blog-nav-group.is-active .blog-nav-dropdown-trigger{color:#fff}.blog-nav{flex-wrap:wrap;justify-content:center;justify-self:center;align-items:center;gap:clamp(6px,1vw,16px);display:flex}.blog-nav a,.blog-nav-dropdown-trigger{height:40px;color:var(--nav-text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:0 9px;font-size:14px;font-weight:900;transition:color .2s,background .2s,border-color .2s;display:inline-flex}.blog-nav-dropdown-trigger{font-family:inherit}.blog-nav a.pill-nav-item,.blog-nav-dropdown-trigger.pill-nav-item{isolation:isolate;padding:0;position:relative;overflow:hidden}.pill-animated-content{z-index:1;border-radius:inherit;align-items:center;height:100%;padding:0 9px;display:inline-flex;position:relative;overflow:hidden}.pill-hover-circle{z-index:0;pointer-events:none;background:var(--brand-strong);will-change:transform;border-radius:50%;display:block;position:absolute;left:50%}.pill-copy{z-index:2;color:inherit;pointer-events:none;white-space:nowrap;will-change:transform, opacity;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.pill-label-hover{color:#fff;opacity:0;visibility:hidden;text-shadow:none}.pill-copy.pill-label{position:relative;inset:auto}.blog-nav a svg,.blog-nav-dropdown-trigger svg,.tool-button svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.blog-nav a:hover,.blog-nav a.is-active,.blog-nav-dropdown-trigger:hover,.blog-nav-group.is-active .blog-nav-dropdown-trigger{border-color:var(--nav-hover-border);color:var(--brand-strong);background:var(--nav-hover-bg)}:root[data-theme=dark] .blog-header.is-scrolled .blog-nav a:hover,:root[data-theme=dark] .blog-header.is-scrolled .blog-nav a.is-active,:root[data-theme=dark] .blog-header.is-scrolled .blog-nav-dropdown-trigger:hover,:root[data-theme=dark] .blog-header.is-scrolled .blog-nav-group.is-active .blog-nav-dropdown-trigger,:root[data-theme=dark] .blog-header.is-scrolled .tool-button:hover,:root[data-theme=dark] .blog-header.is-scrolled .tool-button.is-active{color:#fff}.blog-nav a.is-active{color:var(--brand);background:var(--nav-active-bg)}.blog-nav-group{position:relative}.blog-nav-chevron{border-bottom:2px solid;border-right:2px solid;width:7px;height:7px;margin:-4px 0 0 1px;transition:transform .2s;transform:rotate(45deg)}.blog-nav-group:hover .blog-nav-chevron,.blog-nav-group:focus-within .blog-nav-chevron{transform:translateY(3px)rotate(225deg)}.blog-nav-dropdown{z-index:70;opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(18px)saturate(135%);transform-origin:top;background:#18212cd1;border:1px solid #ffffff29;border-radius:14px;gap:4px;width:142px;padding:7px;transition:opacity .18s,visibility .18s,transform .18s;display:grid;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,-6px)scale(.97);box-shadow:0 16px 40px #030a1347,inset 0 1px #ffffff1a}.blog-nav-group:hover .blog-nav-dropdown,.blog-nav-group:focus-within .blog-nav-dropdown{opacity:1;visibility:visible;transform:translate(-50%)scale(1)}.blog-nav-dropdown a{color:#ffffffc7;border-radius:9px;justify-content:flex-start;width:100%;height:40px;padding:0 12px;text-shadow:none!important}.blog-nav-dropdown a:hover,.blog-nav-dropdown a.is-active,.blog-header:not(.is-scrolled) .blog-nav-dropdown a:hover,.blog-header:not(.is-scrolled) .blog-nav-dropdown a.is-active{color:#fff;background:#ffffff1f;border-color:#ffffff14}.blog-header:not(.is-scrolled) .blog-nav a:hover,.blog-header:not(.is-scrolled) .blog-nav a.is-active,.blog-header:not(.is-scrolled) .blog-nav-dropdown-trigger:hover,.blog-header:not(.is-scrolled) .blog-nav-group.is-active .blog-nav-dropdown-trigger,.blog-header:not(.is-scrolled) .tool-button:hover{background:0 0;border-color:#0000}.blog-actions{justify-content:flex-end;justify-self:end;align-items:center;gap:10px;min-width:0;display:flex;position:relative}.tool-button{width:40px;height:40px;color:var(--nav-text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;place-items:center;padding:0;transition:color .2s,background .2s,border-color .2s,transform .2s;display:inline-grid}.tool-button:hover{border-color:var(--nav-hover-border);color:var(--brand-strong);background:var(--nav-hover-bg)}.tool-button.is-active{border-color:var(--nav-hover-border);color:var(--brand-strong);background:var(--nav-active-bg)}.tool-button:active{transform:scale(.94)}.theme-scene-switch{border-radius:999px;flex:none;width:52px;height:28px;display:inline-block;position:relative}.theme-scene-switch input{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.theme-scene-slider{border:1px solid color-mix(in srgb, var(--nav-text) 24%, transparent);border-radius:inherit;background:color-mix(in srgb, var(--nav-text) 10%, transparent);box-shadow:inset 0 1px 1px color-mix(in srgb, var(--nav-text) 10%, transparent);-webkit-backdrop-filter:blur(10px)saturate(120%);cursor:pointer;transition:background .4s,transform .2s,box-shadow .4s;position:absolute;inset:0;overflow:hidden}.theme-scene-slider:before{z-index:3;content:"";width:16px;height:16px;box-shadow:inset 6px -3px 0 0 color-mix(in srgb, var(--nav-text) 92%, #fff);border-radius:50%;transition:transform .42s cubic-bezier(.81,-.04,.38,1.5),box-shadow .4s;position:absolute;bottom:5px;left:6px}.theme-scene-switch:hover .theme-scene-slider{border-color:color-mix(in srgb, var(--nav-text) 48%, transparent);transform:scale(1.025)}.theme-scene-switch input:focus-visible+.theme-scene-slider{outline:2px solid var(--brand);outline-offset:3px}.theme-scene-switch input:checked+.theme-scene-slider{background:color-mix(in srgb, var(--nav-text) 22%, transparent);box-shadow:inset 0 1px 2px color-mix(in srgb, var(--nav-text) 16%, transparent)}.theme-scene-switch input:checked+.theme-scene-slider:before{transform:translate(24px);box-shadow:inset 13px -3px 0 13px #fff1bd,0 0 5px #fff1bd59}.theme-star{z-index:2;background:#fff;border-radius:50%;width:3px;height:3px;transition:opacity .3s,transform .4s;position:absolute;box-shadow:0 0 4px #fffc}.theme-star-1{top:6px;left:34px}.theme-star-2{width:2px;height:2px;top:17px;left:30px}.theme-star-3{width:2px;height:2px;top:12px;left:43px}.theme-scene-switch input:checked+.theme-scene-slider .theme-star{opacity:0;transform:translateY(-6px)scale(.4)}.theme-cloud{z-index:1;opacity:0;filter:drop-shadow(0 2px 2px #1423371f);width:39px;transition:opacity .4s,transform .4s;position:absolute;bottom:-19px;left:-10px;transform:translateY(5px)}.theme-scene-switch input:checked+.theme-scene-slider .theme-cloud{opacity:.72;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.theme-scene-slider,.theme-scene-slider:before,.theme-star,.theme-cloud{transition-duration:.01ms}}.blog-search{border-radius:12px;flex:none;align-items:center;height:40px;transition:background .2s,width .25s;display:flex;position:relative}.blog-search input{width:0;color:var(--nav-text);opacity:0;background:0 0;border:0;outline:none;padding:0;transition:width .25s,opacity .18s,padding .25s}.blog-search input::placeholder{color:var(--nav-muted)}.blog-search.is-open{background:var(--nav-hover-bg)}.blog-search.is-open input{opacity:1;width:150px;padding:0 12px 0 2px}.theme-color-wrap{position:relative}.theme-color-panel{--theme-color-bar:linear-gradient(to right, #ff9aa2 0%, #ffb7b2 17%, #ffdac1 33%, #e2f0cb 50%, #a2e4ff 67%, #c9afff 83%, #ff9aa2 100%);background:color-mix(in srgb, var(--surface-strong) 88%, transparent);width:280px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid #ffffff9e;border-radius:16px;padding:8px 12px;animation:.16s ease-out themeColorPanelIn;position:absolute;top:48px;right:-4px;box-shadow:inset 0 1px #ffffff9e,0 16px 38px #00000029}.theme-color-panel:before{content:"";height:10px;position:absolute;top:-10px;left:0;right:0}:root[data-theme=dark] .theme-color-panel{background:color-mix(in srgb, var(--surface-strong) 88%, transparent);border-color:#ffffff29;box-shadow:inset 0 1px #ffffff14,0 18px 44px #00000057}.theme-color-slider-wrap{-webkit-user-select:none;user-select:none;align-items:center;min-height:42px;padding:0 5px;display:flex}@keyframes themeColorPanelIn{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.blog-main{z-index:2;max-width:1500px;padding:var(--blog-hero-height) 24px 70px;margin:0 auto;position:relative}.blog-shell.is-article-detail .blog-main{max-width:none;padding:0 0 70px}.blog-shell.is-journey-page .blog-main{max-width:none;margin:0;padding:0}.blog-shell.is-journey-page .blog-footer,.blog-shell.is-album-detail .blog-header,.blog-shell.is-about-page .blog-header{display:none}.blog-shell.is-moments-page,.blog-shell.is-messages-page{--page-bg:#f8fbff;background:#f8fbff}:root[data-theme=dark] .blog-shell.is-moments-page,:root[data-theme=dark] .blog-shell.is-messages-page{--page-bg:#0b1422;background:#0b1422}.blog-shell.is-moments-page .blog-main,.blog-shell.is-messages-page .blog-main{max-width:none;padding:84px 24px 70px}.blog-footer{z-index:2;color:var(--text-faint);flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;padding:30px 24px 42px;font-size:13px;display:flex;position:relative}.blog-icp-link{color:inherit;padding-left:17px;transition:color .2s;position:relative}.blog-icp-link:before{content:"";background:currentColor;border-radius:50%;width:3px;height:3px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.blog-icp-link:hover,.blog-icp-link:focus-visible{color:var(--brand-strong)}@media (max-width:760px){.blog-shell{--blog-hero-height:clamp(430px, 58vh, 560px);--mobile-header-height:70px}.blog-wallpaper{min-height:var(--blog-hero-height);display:block}.blog-wallpaper-slide video{object-position:center center;transform:translateZ(0)}.blog-header,.blog-header:not(.is-scrolled){--nav-text:#263240f0;--nav-muted:#424f60bd;border-color:var(--nav-panel-border);background:var(--nav-panel-bg);width:auto;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:inset 0 1px 0 #ffffff6b, var(--nav-shadow);border-radius:18px;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:0 10px;margin:0;padding:8px 10px;top:8px;left:8px;right:8px;transform:none}:root[data-theme=dark] .blog-header,:root[data-theme=dark] .blog-header:not(.is-scrolled){--nav-text:#eef3faf0;--nav-muted:#cdd8e7b8;box-shadow:inset 0 1px 0 #ffffff0f, var(--nav-shadow)}.blog-header:not(.is-scrolled) .blog-brand strong,.blog-header:not(.is-scrolled) .blog-brand small,.blog-header:not(.is-scrolled) .blog-nav a,.blog-header:not(.is-scrolled) .blog-nav-dropdown-trigger,.blog-header:not(.is-scrolled) .tool-button{text-shadow:none}.blog-brand{overflow:hidden}.blog-brand img,.blog-brand>span{width:42px;height:42px}.blog-brand strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.blog-brand small{display:none}.mobile-nav-toggle{border:1px solid var(--nav-hover-border);width:44px;height:44px;color:var(--nav-text);background:var(--nav-hover-bg);cursor:pointer;border-radius:13px;place-content:center;gap:5px;padding:0;display:grid;position:relative}.mobile-nav-toggle span{background:currentColor;border-radius:999px;width:19px;height:2px;transition:transform .22s,opacity .18s;display:block}.blog-header.is-mobile-open .mobile-nav-toggle span:first-child{transform:translateY(7px)rotate(45deg)}.blog-header.is-mobile-open .mobile-nav-toggle span:nth-child(2){opacity:0}.blog-header.is-mobile-open .mobile-nav-toggle span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.blog-nav{opacity:0;visibility:hidden;pointer-events:none;border-top:1px solid #0000;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:46px;align-items:stretch;gap:8px;width:100%;max-height:0;padding:0;transition:max-height .28s,padding .28s,opacity .2s,border-color .2s,visibility .2s;display:grid;overflow:hidden}.blog-header.is-mobile-open .blog-nav{border-top-color:var(--nav-hover-border);opacity:1;visibility:visible;pointer-events:auto;max-height:min(52vh,430px);padding:12px 0 4px;overflow-y:auto}.blog-nav>a,.blog-nav>.blog-nav-group{width:100%;min-width:0}.blog-nav>a:last-child{grid-column:1/-1}.blog-nav a,.blog-nav-dropdown-trigger{box-sizing:border-box;width:100%;height:46px;color:var(--nav-text);background:color-mix(in srgb, var(--nav-hover-bg) 72%, transparent);justify-content:flex-start;padding:0 13px}.blog-nav a.pill-nav-item,.blog-nav-dropdown-trigger.pill-nav-item{padding:0 13px}.blog-header:not(.is-scrolled) .blog-nav a,.blog-header:not(.is-scrolled) .blog-nav-dropdown-trigger,.blog-header:not(.is-scrolled) .blog-nav a:hover,.blog-header:not(.is-scrolled) .blog-nav a.is-active{border-color:var(--nav-hover-border);color:var(--nav-text);background:color-mix(in srgb, var(--nav-hover-bg) 72%, transparent)}.blog-header .blog-nav a.is-active,.blog-header:not(.is-scrolled) .blog-nav a.is-active{border-color:color-mix(in srgb, var(--brand) 28%, var(--nav-hover-border));color:var(--brand-strong);background:var(--nav-active-bg)}.pill-animated-content{justify-content:flex-start;width:100%;padding:0}.pill-hover-circle,.pill-label-hover{display:none}.pill-copy,.pill-copy.pill-label{justify-content:flex-start;width:100%}.blog-nav-group{grid-column:1/-1}.blog-nav-group>.blog-nav-dropdown-trigger{display:none}.blog-nav-group .blog-nav-dropdown{opacity:1;visibility:visible;width:100%;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:46px;align-items:stretch;gap:8px;padding:0;display:grid;position:static;transform:none}.blog-nav-group .blog-nav-dropdown a{box-sizing:border-box;height:46px;color:var(--nav-text);background:color-mix(in srgb, var(--nav-hover-bg) 72%, transparent)}.blog-nav-group:hover .blog-nav-dropdown,.blog-nav-group:focus-within .blog-nav-dropdown{transform:none}.blog-actions{opacity:0;visibility:hidden;pointer-events:none;border-top:1px solid #0000;grid-column:1/-1;justify-self:stretch;min-height:0;max-height:0;padding:0;transition:max-height .24s,padding .24s,opacity .18s,border-color .18s,visibility .18s;overflow:hidden}.blog-header.is-mobile-open .blog-actions{border-top-color:var(--nav-hover-border);opacity:1;visibility:visible;pointer-events:auto;max-height:68px;padding:10px 0 2px}.blog-header.is-mobile-open .blog-search{background:var(--nav-hover-bg);flex:1;min-width:0}.blog-header.is-mobile-open .blog-search input{opacity:1;width:100%;min-width:0;padding:0 10px 0 2px}.tool-button{width:44px;height:44px}.theme-scene-switch{height:44px}.theme-scene-slider{inset:8px 0}.blog-main{padding:var(--blog-hero-height) 14px 52px}}@media (max-width:520px){.blog-shell{--blog-hero-height:440px}.blog-wallpaper-content{top:126px}.blog-wallpaper-content h1{font-size:44px}.blog-wallpaper-typewriter{font-size:15px}.theme-color-panel{width:min(300px,100vw - 28px);right:0}.blog-nav a,.blog-nav-dropdown-trigger{width:100%;padding:0 13px}.blog-nav>a .pill-copy>span,.blog-nav-dropdown-trigger .pill-copy>span{display:inline}.pill-copy{gap:4px}.pill-animated-content{padding:0}.blog-nav-dropdown{left:auto;transform:none}.blog-nav-group:hover .blog-nav-dropdown,.blog-nav-group:focus-within .blog-nav-dropdown{transform:none}.blog-nav-dropdown a{width:100%;padding:0 12px}.blog-nav-dropdown a span{display:inline}.blog-footer{flex-direction:column;gap:8px;padding-bottom:32px}.blog-icp-link{padding-left:0}.blog-icp-link:before{display:none}}@media (prefers-reduced-motion:reduce){.blog-wallpaper-slide,.blog-wallpaper-particles,.blog-wave-parallax>use,.mobile-nav-toggle span,.blog-nav,.blog-actions{transition-duration:.01ms!important;animation:none!important}}
.thrive-about-page{--about-text:#edf2f8;--about-muted:#9aa7ba;--about-line:#a3b4cc2b;min-height:100svh;color:var(--about-text);background:#090a0f;font-family:LXGW WenKai,Noto Serif SC,Microsoft YaHei,sans-serif;position:relative;overflow-x:clip}.thrive-about-page>.starfield-background{position:fixed}.thrive-about-backdrop{z-index:1;pointer-events:none;background:radial-gradient(circle at 12% 16%,#ffb7b21c,#0000 27%),radial-gradient(circle at 84% 28%,#a2e4ff1a,#0000 30%),radial-gradient(circle at 52% 82%,#c9afff12,#0000 26%);position:fixed;inset:0}.thrive-about-backdrop:after{opacity:.18;content:"";background-image:radial-gradient(#99b0ce47 .7px,#0000 .7px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 88%);mask-image:linear-gradient(#000,#0000 88%)}.thrive-profile{z-index:2;box-sizing:border-box;justify-content:space-between;align-items:center;gap:clamp(70px,9vw,150px);width:min(90%,1460px);min-height:100svh;margin:0 auto;padding:clamp(72px,9vh,120px) 0;animation:.8s cubic-bezier(.22,.78,.22,1) both thrive-about-rise;display:flex;position:relative}.thrive-profile-copy{width:60%}.thrive-profile h1{margin:0;font-weight:500;line-height:1}.thrive-profile-intro{color:#f4f7fb;letter-spacing:.02em;font-size:clamp(42px,4.8vw,74px);display:block}.thrive-profile h1 .thrive-profile-name{color:#fff;letter-spacing:.08em;width:fit-content;margin-top:24px;font-family:Noto Sans SC,Source Han Sans SC,Microsoft YaHei,sans-serif;font-size:clamp(102px,10vw,176px);font-weight:900;line-height:.92;display:block}.thrive-profile h2{margin:42px 0 22px;font-size:clamp(25px,2.1vw,34px);font-weight:500;line-height:1.5}.thrive-profile-copy>p{max-width:760px;min-height:4.2em;color:var(--about-muted);margin:0;font-size:clamp(17px,1.35vw,22px);line-height:2.05}.thrive-profile-links{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.thrive-profile-link{border:1px solid var(--about-line);color:#c8d2df;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0e131cad;border-radius:99px;align-items:center;gap:9px;min-height:44px;padding:0 18px;font-size:14px;text-decoration:none;transition:border-color .25s,color .25s,background .25s,transform .25s;display:inline-flex;box-shadow:inset 0 1px #ffffff09}.thrive-profile-link svg{fill:currentColor;width:17px;height:17px}.thrive-profile-link:hover{color:#fff;background:#191f2bdb;transform:translateY(-2px)}.thrive-profile-link-blog:hover{border-color:#ff6a8e94;box-shadow:0 8px 26px #ff2f6817}.thrive-profile-link-github:hover{border-color:#00e5ff80;box-shadow:0 8px 26px #00e5ff14}.thrive-avatar-wrap{aspect-ratio:1;flex:0 0 clamp(330px,31vw,480px);position:relative}.thrive-avatar-halo{border:1px dashed color-mix(in srgb, var(--brand) 42%, transparent);border-radius:50%;animation:24s linear infinite thrive-about-spin;position:absolute;inset:-18px}.thrive-avatar-halo:before,.thrive-avatar-halo:after{background:var(--brand);width:9px;height:9px;box-shadow:0 0 16px var(--brand);content:"";border-radius:50%;position:absolute}.thrive-avatar-halo:before{top:15%;left:12%}.thrive-avatar-halo:after{background:var(--accent);bottom:18%;right:10%}.thrive-avatar{background:linear-gradient(135deg,#2b2433,#192c3b);border:7px solid #38404ce6;border-radius:50%;place-items:center;width:100%;height:100%;display:grid;overflow:hidden;box-shadow:0 32px 90px #0000007a}.thrive-avatar img{object-fit:cover;width:100%;height:100%}.thrive-avatar>span{color:var(--brand);font:500 104px/1 Georgia,serif}.thrive-online-dot{box-sizing:content-box;background:#57bd6a;border:5px solid #171c25;border-radius:50%;width:25px;height:25px;position:absolute;bottom:12%;right:8%}.thrive-scroll-cue{color:#ced8e67a;letter-spacing:.2em;justify-items:center;gap:8px;font-size:11px;display:grid;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.thrive-scroll-cue i{background:#ffffff1f;width:1px;height:28px;position:relative;overflow:hidden}.thrive-scroll-cue i:after{content:"";background:linear-gradient(#0000,#fff,#0000);animation:2s ease-in-out infinite thrive-scroll-line;position:absolute;inset:-100% 0 100%}.thrive-about-explore{z-index:2;box-sizing:border-box;background:linear-gradient(#090a0f14,#080b11c7 18%,#080b11f0);min-height:auto;padding:clamp(54px,7vh,82px) 0 clamp(44px,6vh,68px);position:relative}.thrive-about-explore-header{justify-content:space-between;align-items:end;width:min(88%,1320px);margin:0 auto clamp(26px,4vh,40px);display:flex}.thrive-about-explore-header span{color:#ff82a3bd;letter-spacing:.34em;margin-bottom:13px;font-size:12px;display:block}.thrive-about-explore-header h2{color:#f5f7fb;letter-spacing:.05em;margin:0;font-family:Noto Serif SC,Source Han Serif SC,Songti SC,serif;font-size:clamp(34px,4vw,54px);font-weight:700;line-height:1.1}.thrive-about-explore-header p{color:#b3c0d294;margin:0 0 8px;font-size:14px}.thrive-flowing-menu-wrap{border-top:1px solid #b7c5d92e;width:100%;height:clamp(380px,50svh,460px)}@keyframes thrive-about-rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes thrive-about-spin{to{transform:rotate(360deg)}}@keyframes thrive-scroll-line{0%{transform:translateY(0)}to{transform:translateY(200%)}}@media (max-width:760px){.thrive-profile{text-align:center;flex-direction:column-reverse;gap:55px;padding:72px 0}.thrive-scroll-cue{display:none}.thrive-profile-copy{width:100%}.thrive-profile-copy>p{margin-inline:auto}.thrive-profile-links{justify-content:center}.thrive-avatar-wrap{flex-basis:auto;width:min(68vw,330px)}.thrive-about-explore-header{width:calc(100% - 44px);display:block}.thrive-about-explore-header p{margin-top:18px}.thrive-flowing-menu-wrap{height:400px}.thrive-profile h1 .thrive-profile-name{width:100%}}@media (max-width:480px){.thrive-profile{width:calc(100% - 36px)}.thrive-profile-intro{font-size:38px}.thrive-profile h1 .thrive-profile-name{font-size:clamp(88px,27vw,116px)}.thrive-profile h2{font-size:21px}}@media (prefers-reduced-motion:reduce){.thrive-about-page *,.thrive-about-page :before,.thrive-about-page :after{animation-duration:.01ms!important;animation-iteration-count:1!important}}
.album-page{color:#eef4fa;isolation:isolate;min-height:100svh;padding:108px clamp(20px,4vw,76px) 90px;position:relative;overflow:hidden}.album-page:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 82% 8%,#66b0ff1f,#0000 28%),radial-gradient(circle at 12% 72%,#ff77b417,#0000 30%),#070f1c57;position:fixed;inset:0}.album-content{z-index:1;max-width:1740px;margin:0 auto;position:relative}.album-page.is-detail{padding:0}.album-page.is-detail .album-content{max-width:none;margin:0}.album-detail-wall{background:#111d2f;min-height:100svh}.album-detail-wall .vue-bits-masonry-item{box-shadow:none;border-radius:2px}.album-detail-back{z-index:15;color:#ffffffe0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background:#444e5e75;border:1px solid #ffffff2e;border-radius:999px;padding:13px 20px;transition:background .2s,transform .2s;position:fixed;top:30px;left:30px;box-shadow:0 10px 30px #00000029}.album-detail-back:hover{background:#546072ad;transform:translate(-2px)}.album-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;display:grid}.album-card{aspect-ratio:1.36;color:#fff;cursor:pointer;text-align:left;background:#172536;border:1px solid #ffffff14;border-radius:18px;min-height:280px;padding:0;position:relative;overflow:hidden;box-shadow:0 16px 44px #0003}.album-card img,.album-card-placeholder{object-fit:cover;width:100%;height:100%;transition:transform .65s cubic-bezier(.2,.8,.2,1);display:block;position:absolute;inset:0}.album-card-placeholder{background:linear-gradient(135deg,#263d55,#50384f)}.album-card-shade{background:linear-gradient(#040b1400 38%,#040b14db 100%);transition:background .3s;position:absolute;inset:0}.album-card-copy{gap:9px;display:grid;position:absolute;bottom:20px;left:22px;right:22px}.album-card-copy strong{font-size:clamp(18px,1.4vw,24px)}.album-card-copy small{color:#ffffffc7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#07101b75;border:1px solid #ffffff29;border-radius:999px;justify-self:start;padding:6px 11px}.album-card>i{opacity:0;color:#fff;background:#ffffff1f;border:1px solid #ffffff29;border-radius:9px;padding:8px 12px;font-size:12px;font-style:normal;transition:opacity .3s,transform .3s;position:absolute;top:15px;right:15px;transform:translateY(-6px)}.album-card:hover img{transform:scale(1.045)}.album-card:hover>i{opacity:1;transform:translateY(0)}.album-card:focus-visible{outline-offset:3px;outline:3px solid #ff8fc1}.album-empty{color:#e2ebf694;text-align:center;padding:120px 20px}.album-lightbox{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#030810d6;place-items:center;padding:54px 90px;display:grid;position:fixed;inset:0}.album-lightbox figure{justify-items:center;gap:12px;max-width:min(1100px,76vw);max-height:80vh;margin:0;display:grid}.album-lightbox figure img{object-fit:contain;border-radius:13px;max-width:100%;max-height:74vh;display:block;box-shadow:0 24px 80px #0000006b}.album-lightbox figcaption{color:#ffffffad;font-size:13px}.album-lightbox button{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:50%;position:absolute}.album-lightbox-close{width:42px;height:42px;font-size:28px;top:24px;right:28px}.album-lightbox-prev,.album-lightbox-next{width:48px;height:48px;font-size:35px;top:50%;transform:translateY(-50%)}.album-lightbox-prev{left:28px}.album-lightbox-next{right:28px}@media (max-width:1100px){.album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.album-page{padding:96px 14px 70px}.album-page.is-detail{padding:0}.album-grid{grid-template-columns:1fr;gap:14px}.album-card{min-height:230px}.album-detail-back{padding:10px 15px;top:16px;left:14px}.album-lightbox{padding:58px 16px 40px}.album-lightbox figure{max-width:94vw}.album-lightbox-prev{left:8px}.album-lightbox-next{right:8px}}
.article-detail{--detail-shell-width:min(1360px, calc(100% - clamp(48px, 8vw, 120px)));--detail-toc-width:274px;--detail-column-gap:22px;--detail-nav-height:76px;width:100%;margin:0}.detail-hero{background:radial-gradient(circle at 50% 20%, #ffffff5c, transparent 28%), linear-gradient(135deg, color-mix(in srgb, var(--brand) 46%, #95bdd8), #ddc6d2);color:#fff;background-position:50%;background-size:cover;place-items:center;min-height:clamp(500px,64vh,700px);display:grid;position:relative;overflow:hidden}.detail-hero-overlay{z-index:1;background:radial-gradient(circle at 50% 38%,#ffffff29,#0000 28%),linear-gradient(#09112042,#0b121f6b 56%,#0b121f2e);position:absolute;inset:0}.detail-hero-content{z-index:2;text-align:center;text-shadow:0 12px 34px #00000057;flex-direction:column;align-items:center;width:min(980px,100% - 40px);padding:120px 0 150px;display:flex;position:relative}.detail-home-link{color:#ffffffe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff1f;border:1px solid #ffffff47;border-radius:999px;align-items:center;margin-bottom:20px;padding:8px 16px;font-size:13px;font-weight:900;display:inline-flex}.detail-home-link:hover{color:#fff;background:#ffffff2e}.detail-category{color:#ffffffe0;letter-spacing:.16em;font-size:13px;font-weight:900}.detail-hero h1{color:#fff;letter-spacing:0;max-width:880px;margin:18px auto 22px;font-size:clamp(32px,4.4vw,58px);font-weight:900;line-height:1.05}.detail-meta{color:#ffffffd6;flex-wrap:wrap;justify-content:center;gap:12px;font-size:14px;display:flex}.detail-meta span{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff1c;border:1px solid #fff3;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;display:inline-flex}.detail-meta strong{color:#fff;font-weight:900}.detail-tags{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.detail-tags span{color:#fff;background:color-mix(in srgb, var(--brand) 72%, #ffffff29);border-radius:999px;padding:7px 12px;font-size:13px;font-weight:900;box-shadow:0 12px 28px #0000002e}.detail-hero-wave{z-index:3;--detail-wave-1:color-mix(in srgb, var(--brand) 13%, #ffffffdb);--detail-wave-2:color-mix(in srgb, var(--brand) 8%, #ffffffe6);--detail-wave-3:color-mix(in srgb, var(--brand) 4%, #fffffff0);--detail-wave-4:color-mix(in srgb, var(--brand) 3%, var(--page-bg));height:clamp(98px,14vh,160px);position:absolute;bottom:-1px;left:0;right:0;overflow:hidden}:root[data-theme=dark] .detail-hero-wave{--detail-wave-1:color-mix(in srgb, var(--brand) 12%, #182235);--detail-wave-2:color-mix(in srgb, var(--brand) 8%, #131d2e);--detail-wave-3:color-mix(in srgb, var(--brand) 4%, #111b2c);--detail-wave-4:color-mix(in srgb, var(--brand) 3%, var(--page-bg))}.detail-hero-waves{width:100%;height:100%;display:block;position:absolute;inset:auto 0 0;transform:translateY(1px)}.detail-wave-parallax>use{animation:16s cubic-bezier(.55,.5,.45,.5) infinite detailWaveMove}.detail-wave-layer-1{fill:var(--detail-wave-1);opacity:.52;animation-duration:5.5s!important;animation-delay:-2s!important}.detail-wave-layer-2{fill:var(--detail-wave-2);opacity:.66;animation-duration:8s!important;animation-delay:-3s!important}.detail-wave-layer-3{fill:var(--detail-wave-3);opacity:.82;animation-duration:10.5s!important;animation-delay:-4s!important}.detail-wave-layer-4{fill:var(--detail-wave-4);opacity:1;animation-duration:15s!important;animation-delay:-5s!important}.detail-summary-wrap{z-index:4;width:100%;margin:0 0 22px;position:relative}.detail-summary-card{border:1px solid color-mix(in srgb, var(--brand) 20%, #ffffffc7);background:linear-gradient(135deg, color-mix(in srgb, var(--brand) 11%, #fffffff0), #ffffffc2), var(--surface);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:8px;padding:22px 24px 24px;position:relative;overflow:hidden;box-shadow:0 20px 46px #284c7c1f}.detail-summary-card:before{content:"";background:var(--brand);width:4px;position:absolute;inset:0 auto 0 0}:root[data-theme=dark] .detail-summary-card{background:linear-gradient(135deg, color-mix(in srgb, var(--brand) 16%, #121d2feb), #0c1422eb), var(--surface);border-color:#ffffff1a;box-shadow:0 20px 48px #0000004d}.detail-summary-heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;display:flex}.detail-summary-heading span{color:var(--text-main);font-size:18px;font-weight:900}.detail-summary-heading em{color:var(--brand-strong);background:var(--brand-soft);border-radius:999px;padding:5px 10px;font-size:12px;font-style:normal;font-weight:900}.detail-summary-card p{min-height:54px;color:var(--text-normal);margin:0;font-size:16px;line-height:1.8}.detail-summary-card p i{vertical-align:-.12em;background:var(--brand);width:2px;height:1.05em;box-shadow:0 0 12px var(--brand-soft);margin-left:5px;animation:.9s steps(2,start) infinite detailCaret;display:inline-block}.detail-main{width:var(--detail-shell-width);z-index:4;margin:-8px auto 0;position:relative}.detail-main:not(.has-toc){width:min(960px,100% - 48px)}.detail-main.has-toc{grid-template-columns:var(--detail-toc-width) minmax(0, 1fr);align-items:start;gap:var(--detail-column-gap);display:grid}.detail-article-column{min-width:0}.detail-toc-slot{width:var(--detail-toc-width);min-width:0}.detail-toc{top:var(--detail-nav-height);max-height:calc(100vh - var(--detail-nav-height));border:1px solid var(--border-soft);background:var(--surface);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-card);border-radius:8px;padding:16px 14px;position:sticky;overflow:hidden auto}.detail-toc.is-fixed{top:var(--detail-nav-height);left:var(--detail-toc-fixed-left);z-index:45;width:var(--detail-toc-fixed-width);position:fixed}.detail-toc::-webkit-scrollbar{width:4px}.detail-toc::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--brand) 36%, transparent);border-radius:999px}.detail-toc-title{color:var(--text-main);margin-bottom:12px;padding-left:12px;font-size:17px;font-weight:900;position:relative}.detail-toc-title:before{content:"";background:var(--brand);border-radius:999px;width:4px;height:17px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.detail-toc nav{gap:4px;display:grid}.detail-toc-link{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;border-radius:8px;padding:8px 10px;font-size:13px;line-height:1.45;transition:color .18s,background .18s,transform .18s;display:block;overflow:hidden}.detail-toc-link:hover{color:var(--brand);background:var(--brand-soft);transform:translate(2px)}.detail-toc-link.is-level-2{padding-left:18px}.detail-toc-link.is-level-3,.detail-toc-link.is-level-4{color:var(--text-faint);padding-left:28px;font-size:12px}.markdown-heading{scroll-margin-top:calc(var(--detail-nav-height) + 20px)}.detail-content{border:1px solid var(--border-soft);background:var(--surface-strong);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--text-normal);border-radius:8px;margin-top:0;padding:38px;font-size:17px;line-height:1.9}.detail-content,.markdown-body{min-width:0}.markdown-body>:first-child{margin-top:0}.markdown-body>:last-child{margin-bottom:0}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{color:var(--text-main);margin:1.6em 0 .65em;line-height:1.25}.markdown-body h1{font-size:32px}.markdown-body h2{border-bottom:1px solid var(--border-soft);padding-bottom:10px;font-size:26px}.markdown-body h3{font-size:22px}.markdown-body p,.markdown-body ul,.markdown-body ol,.markdown-body blockquote,.markdown-body table,.markdown-body .code-block{margin:0 0 18px}.markdown-body a{color:var(--brand);font-weight:700}.markdown-body ul,.markdown-body ol{padding-left:1.4em}.markdown-body li+li{margin-top:6px}.markdown-body blockquote{border:1px solid var(--border-soft);border-left:4px solid var(--brand);color:var(--text-muted);background:var(--brand-soft);border-radius:8px;padding:14px 18px}.markdown-body code{color:#be123c;background:#fff1f2;border-radius:6px;padding:2px 6px;font-family:Cascadia Code,JetBrains Mono,Consolas,monospace;font-size:.9em}.markdown-body .code-block{background:#f6f8fa;border:1px solid #e5e7eb;border-radius:8px;position:relative;overflow:hidden}.markdown-body pre{background:0 0;margin:0;padding:26px 58px 26px 0;overflow-x:auto}.markdown-body .code-copy-button{z-index:2;color:#6b7280;cursor:pointer;background:0 0;border:0;place-items:center;width:22px;height:22px;padding:0;display:grid;position:absolute;top:27px;right:22px}.markdown-body .code-copy-button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.markdown-body .code-copy-button:hover{color:var(--brand)}.markdown-body .code-lines{min-width:100%}.markdown-body .code-line{grid-template-columns:40px max-content;align-items:baseline;min-height:28px;display:grid}.markdown-body .code-line-number{color:#6b7280;text-align:right;-webkit-user-select:none;user-select:none;border-right:1px solid #dbe1e8;height:100%;padding:0 14px 0 0}.markdown-body .code-line-code{color:#3f6212;white-space:pre;background:0 0;margin-left:30px;padding:0;font-family:Cascadia Code,JetBrains Mono,Consolas,monospace;font-size:15px;line-height:1.75}.markdown-body table{border-collapse:collapse;border-radius:8px;width:100%;display:block;overflow:auto hidden}.markdown-body th,.markdown-body td{border:1px solid var(--border-soft);text-align:left;padding:10px 12px}.markdown-body th{background:var(--brand-soft);color:var(--text-main)}.markdown-body img{border-radius:8px;max-width:100%}.article-discovery{gap:18px;margin-top:24px;display:grid}.article-neighbors{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.article-neighbor,.related-article{border:1px solid var(--border-soft);min-width:0;color:var(--text-main);background:var(--surface);box-shadow:var(--shadow-card);border-radius:8px;transition:border-color .18s,background .18s,transform .18s}.article-neighbor{gap:7px;padding:18px 20px;display:grid}.article-neighbor.is-next{text-align:right}.article-neighbor span,.related-article>span{color:var(--text-faint);font-size:12px;font-weight:800}.article-neighbor strong,.related-article strong{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:1.55;overflow:hidden}.article-neighbor:hover,.related-article:hover{border-color:color-mix(in srgb, var(--brand) 36%, var(--border-soft));background:color-mix(in srgb, var(--brand) 7%, var(--surface));transform:translateY(-2px)}.related-articles{border:1px solid var(--border-soft);background:var(--surface);box-shadow:var(--shadow-card);border-radius:8px;padding:24px}.related-articles-heading{margin-bottom:16px}.related-articles-heading>span{color:var(--brand);font-size:12px;font-weight:900}.related-articles-heading h2{color:var(--text-main);margin:3px 0 0;font-size:21px}.related-article-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.related-article{flex-direction:column;align-items:flex-start;gap:8px;min-height:112px;padding:15px;display:flex}.related-article small{color:var(--text-faint);margin-top:auto;font-size:12px}.comment-section{border:1px solid var(--border-soft);background:var(--surface);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-card);border-radius:8px;margin-top:18px;padding:30px}.comment-section-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.comment-section-header h2{color:var(--text-main);margin:0 0 6px;font-size:24px}.comment-section-header p{color:var(--text-faint);margin:0;font-size:14px}.comment-list{gap:14px;display:grid}.comment-item{border:1px solid var(--border-soft);background:var(--surface-strong);border-radius:8px;gap:14px;padding:16px;transition:border-color .18s,background .18s,box-shadow .18s;display:flex;position:relative}.comment-item:hover{border-color:color-mix(in srgb, var(--brand) 30%, var(--border-soft));background:color-mix(in srgb, var(--brand) 8%, var(--surface));box-shadow:0 10px 24px color-mix(in srgb, var(--brand) 10%, transparent)}.comment-avatar{object-fit:cover;border-radius:50%;flex:0 0 42px;width:42px;height:42px;display:block}.comment-main{flex:1;min-width:0}.comment-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;display:flex}.comment-meta strong{color:var(--text-main)}.comment-meta span{color:var(--text-faint);font-size:13px}.comment-main p{color:var(--text-normal);white-space:pre-wrap;word-break:break-word;margin:0;line-height:1.8}.comment-reply-button{color:#fff;background:var(--brand);width:34px;height:34px;box-shadow:0 7px 16px color-mix(in srgb, var(--brand) 28%, transparent);cursor:pointer;opacity:0;border:0;border-radius:50%;place-items:center;padding:0;transition:opacity .16s,transform .16s,background .16s;display:grid;position:absolute;top:14px;right:14px;transform:translateY(-4px)scale(.88)}.comment-item:hover .comment-reply-button,.comment-reply-button:focus-visible{opacity:1;transform:translateY(0)scale(1)}.comment-reply-button:hover{background:color-mix(in srgb, var(--brand) 84%, #fff)}.comment-reply-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9px;width:18px;height:18px}.comment-empty{border:1px dashed var(--border-soft);color:var(--text-faint);text-align:center;background:var(--surface-strong);border-radius:8px;padding:24px}.comment-form{gap:12px;margin-top:18px;display:grid}.comment-replying-to{color:var(--text-muted);background:color-mix(in srgb, var(--brand) 8%, var(--surface-strong));border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;font-size:13px;display:flex}.comment-replying-to button{color:var(--brand);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;font-weight:800}.comment-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.comment-form input,.comment-form textarea{box-sizing:border-box;border:1px solid var(--border-soft);width:100%;color:var(--text-main);background:var(--surface-strong);font:inherit;border-radius:8px;outline:none;padding:12px 14px}.comment-form textarea{resize:vertical;min-height:120px}.comment-form input:focus,.comment-form textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.comment-form-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.comment-form-footer span{min-height:22px;color:var(--text-muted);font-size:14px}.comment-form-footer button{color:#fff;background:var(--brand);cursor:pointer;border:0;border-radius:999px;flex:none;height:40px;padding:0 18px;font-weight:900}.comment-form-footer button:disabled{cursor:not-allowed;opacity:.7}.detail-state{background:var(--surface);max-width:860px;color:var(--text-muted);text-align:center;border-radius:8px;margin:120px auto 60px;padding:30px}.detail-state p{margin:0 0 18px}.detail-state-actions{justify-content:center;gap:12px;display:flex}.detail-state-actions button,.detail-state-actions a{color:#fff;background:var(--brand);cursor:pointer;border:0;border-radius:999px;align-items:center;height:38px;padding:0 16px;font-weight:800;display:inline-flex}@keyframes detailWaveMove{0%{transform:translate(-125px)}to{transform:translate(115px)}}@keyframes detailCaret{0%,45%{opacity:1}46%,to{opacity:0}}@media (max-width:720px){.detail-hero-content{width:min(100% - 28px,620px);padding-top:118px}.detail-hero h1{font-size:30px}.detail-meta{flex-direction:column;align-items:center}.detail-main{width:calc(100% - 28px)}.detail-main.has-toc{display:block}.detail-toc{max-height:none;margin-bottom:14px;position:static}.detail-toc-slot{width:auto}.detail-toc.is-fixed{width:auto;position:static}.detail-summary-card,.detail-content,.comment-section{padding:24px}.detail-summary-heading{flex-direction:column;align-items:flex-start}.detail-state-actions,.comment-form-footer{flex-direction:column}.comment-form-grid,.article-neighbors,.related-article-grid{grid-template-columns:1fr}.article-neighbor.is-next{text-align:left}.comment-form-footer{align-items:stretch}}
.footprint-page{background:#0b1621;width:100%;height:100svh;min-height:620px;position:relative;overflow:hidden}.footprint-map{width:100%;height:100%;animation:1s both footprint-map-in}.footprint-map-vignette{z-index:4;pointer-events:none;background:radial-gradient(circle at 50% 45%,#0000 48%,#02080f4d 100%),linear-gradient(90deg,#040c141f,#0000 18% 76%,#040c1429);position:absolute;inset:0}.footprint-marker{--marker-delay:0s;color:#fff;cursor:pointer;transform-origin:50%;width:42px;height:42px;animation:footprint-marker-in .55s cubic-bezier(.2,.8,.2,1) var(--marker-delay) both;background:#60758a;border:3px solid #fffffff5;border-radius:50%;place-items:center;transition:width .22s,height .22s,box-shadow .22s;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 2px #84beff29,0 0 18px 4px #bbdbff75,0 6px 18px #0000006b}.footprint-marker:after{content:"";border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff6b}.footprint-marker:hover{z-index:4;width:50px;height:50px;box-shadow:0 0 0 3px #84beff2e,0 0 25px 7px #bbdbff94,0 8px 22px #00000080}.footprint-marker img{object-fit:cover;width:100%;height:100%;display:block}.footprint-map-notice,.footprint-map-empty{z-index:12;color:#fffc;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#1c2632ad;border:1px solid #ffffff24;border-radius:999px;padding:10px 15px;font-size:13px;position:absolute;bottom:26px;left:28px;box-shadow:0 10px 30px #00000038}.footprint-map-empty{top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%)}.footprint-map-card{z-index:18;color:#fff;-webkit-backdrop-filter:blur(18px)saturate(130%);backdrop-filter:blur(18px)saturate(130%);background:#1a232ed6;border:1px solid #fff3;border-radius:18px;width:min(330px,100% - 40px);animation:.38s cubic-bezier(.2,.8,.2,1) both footprint-card-in;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 24px 70px #0000007a}.footprint-map-card>img,.footprint-card-placeholder{object-fit:cover;background:linear-gradient(135deg,#26384a,#101a25);width:100%;height:310px;display:block}.footprint-map-card-copy{background:linear-gradient(#0000 24%,#040910d6);flex-direction:column;justify-content:flex-end;padding:22px;display:flex;position:absolute;inset:0 0 60px}.footprint-map-card-copy span{color:#ffffffb3;letter-spacing:.08em;font-size:12px}.footprint-map-card h1{color:#fff;margin:8px 0 5px;font-size:28px;line-height:1.15}.footprint-map-card p{color:#ffffffd1;margin:0;font-size:13px}.footprint-map-card>button{color:#fff;cursor:pointer;width:100%;height:60px;font:inherit;background:#677485cc;border:0;justify-content:space-between;align-items:center;padding:0 22px;font-size:15px;font-weight:750;transition:background .2s;display:flex}.footprint-map-card>button:hover{background:#7d8fa3f0}.footprint-map-card>button b{font-size:23px;font-weight:400}.footprint-modal-mask{z-index:80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030910ad;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.footprint-modal{color:#eaf1f8;background:#1b232df5;border:1px solid #ffffff1f;border-radius:18px;width:min(760px,100%);max-height:calc(100svh - 48px);padding:26px 34px 32px;animation:.3s both footprint-modal-in;position:relative;overflow:auto;box-shadow:0 25px 80px #00000080}.footprint-modal-header{place-items:start center;min-height:74px;padding:0 200px;display:grid;position:relative}.footprint-modal-header h1{color:#fff;text-align:center;margin:0;font-size:21px;line-height:1.4}.footprint-modal-header>div{color:#eaf1f8b3;text-align:right;gap:5px;font-size:13px;display:grid;position:absolute;top:28px;right:0}.footprint-modal>p{color:#eaf1f8b3;text-align:center;white-space:pre-wrap;max-width:560px;margin:8px auto 18px;font-size:13px;line-height:1.75}.footprint-close{color:#ffffffb3;cursor:pointer;background:0 0;border:0;font-size:28px;position:absolute;top:12px;right:14px}.footprint-images{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;max-height:190px;padding:10px;display:flex;overflow-y:auto}.footprint-images img{object-fit:cover;border:1px solid #ffffff1f;border-radius:14px;width:84px;height:84px;transition:transform .2s;display:block;box-shadow:0 8px 20px #00000038}.footprint-images img:hover{transform:translateY(-2px)scale(1.04)}.footprint-detail-empty{color:#eaf1f86b;place-items:center;min-height:84px;font-size:13px;display:grid}@keyframes footprint-map-in{0%{opacity:0;transform:scale(1.015)}to{opacity:1;transform:scale(1)}}@keyframes footprint-marker-in{0%{opacity:0;transform:scale(.35)}to{opacity:1;transform:scale(1)}}@keyframes footprint-card-in{0%{opacity:0;transform:translate(-50%,-46%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes footprint-modal-in{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:720px){.footprint-page{min-height:100svh}.footprint-marker{width:38px;height:38px}.footprint-map-card{top:auto;bottom:104px;transform:translate(-50%)}.footprint-map-card>img,.footprint-card-placeholder{height:240px}.footprint-modal{padding:24px 20px 28px}.footprint-modal-header{min-height:116px;padding:0 30px}.footprint-modal-header>div{text-align:center;margin-top:12px;position:static}.footprint-images{max-height:176px}.footprint-map-notice{bottom:98px}@keyframes footprint-card-in{0%{opacity:0;transform:translate(-50%,12px)scale(.96)}to{opacity:1;transform:translate(-50%)scale(1)}}}@media (prefers-reduced-motion:reduce){.footprint-map,.footprint-marker,.footprint-map-card{animation:none}}
.links-page{gap:18px;display:grid}.links-hero{border:1px solid var(--border-soft);background:var(--surface);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-card);border-radius:28px;padding:34px}.links-hero p{color:var(--brand);letter-spacing:.12em;margin:0 0 8px;font-size:13px;font-weight:900}.links-hero h1{color:var(--text-main);margin:0 0 10px;font-size:44px}.links-hero span,.links-state{color:var(--text-muted)}.links-state{border:1px solid var(--border-soft);background:var(--surface);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);text-align:center;border-radius:22px;padding:28px}.links-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.link-card{border:1px solid var(--border-soft);background:var(--surface);min-width:0;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-card);border-radius:22px;gap:14px;padding:18px;transition:transform .2s,box-shadow .2s;display:flex}.link-card:hover{box-shadow:var(--shadow-soft);transform:translateY(-3px)}.link-card img,.link-avatar{object-fit:cover;border-radius:16px;flex:0 0 50px;width:50px;height:50px}.link-avatar{color:#fff;background:linear-gradient(135deg, var(--brand-strong), var(--accent));place-items:center;font-weight:900;display:grid}.link-card strong{color:var(--text-main);font-size:17px;display:block}.link-card p{color:var(--text-muted);margin:6px 0 0;line-height:1.7}@media (max-width:520px){.links-hero{border-radius:22px;padding:26px 22px}.links-hero h1{font-size:36px}.links-grid{grid-template-columns:minmax(0,1fr)}.link-card{padding:16px}}
.home-page{width:100%}.home-layout{grid-template-columns:230px minmax(0,1fr) 280px;align-items:start;gap:18px;display:grid}.home-left-sidebar,.home-right-sidebar{flex-direction:column;gap:16px;min-width:0;display:flex;position:sticky;top:94px}.article-feed{flex-direction:column;justify-self:center;gap:16px;width:min(100%,1120px);min-width:0;display:flex}.profile-panel,.filter-panel,.home-banner,.article-card,.feed-heading,.empty-state{border:1px solid var(--border-soft);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-card);border-radius:22px}.home-banner{background:#0b1220;align-items:flex-end;min-height:330px;display:flex;position:relative;overflow:hidden}.home-banner>img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s;position:absolute;inset:0;transform:scale(1.01)}.home-banner:hover>img{transform:scale(1.06)}.home-banner-shade{display:none}.home-banner-content{z-index:1;color:#fff;text-shadow:0 8px 28px #00000070;max-width:640px;padding:32px 36px;position:relative}.home-banner-content span{color:#dbeafe;letter-spacing:.16em;margin-bottom:10px;font-size:11px;font-weight:900;display:inline-flex}.home-banner-content h1{margin:0;font-size:clamp(28px,3vw,42px);line-height:1.15}.home-banner-content p{color:#ffffffd1;max-width:560px;margin:12px 0 0;font-size:15px;line-height:1.75}.home-banner-content a{color:#fff;background:linear-gradient(135deg, var(--brand-strong), var(--brand));height:38px;box-shadow:0 12px 28px color-mix(in srgb, var(--brand) 34%, transparent);text-shadow:none;border-radius:999px;align-items:center;margin-top:18px;padding:0 16px;font-size:14px;font-weight:900;display:inline-flex}.home-banner-controls{z-index:2;align-items:center;gap:9px;display:flex;position:absolute;bottom:20px;right:22px}.home-banner-controls>button{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#ffffff1f;border:1px solid #ffffff47;border-radius:50%;width:34px;height:34px;font-size:22px;line-height:1}.home-banner-dots{gap:7px;padding:0 4px;display:flex}.home-banner-dots button{cursor:pointer;background:#ffffff85;border:0;border-radius:999px;width:8px;height:8px;padding:0}.home-banner-dots button.is-active{background:#fff;width:24px}.filter-panel{padding:18px}.filter-panel h2{color:var(--text-main);margin:0 0 14px;padding-left:12px;font-size:18px;line-height:1.2;position:relative}.filter-panel h2:before{content:"";background:var(--brand);border-radius:999px;width:4px;height:18px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.filter-panel button{width:100%;min-height:42px;color:var(--text-muted);cursor:pointer;text-align:left;font:inherit;background:0 0;border:0;border-radius:14px;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;padding:0 14px;font-weight:850;transition:color .2s,background .2s,transform .2s;display:flex}.filter-panel button:after{content:">";color:var(--text-faint);font-size:13px}.filter-panel button:hover,.filter-panel button.is-active{color:var(--brand);background:var(--brand-soft);transform:translate(2px)}.filter-panel button.is-active:after,.filter-panel button:hover:after{color:var(--brand)}.tag-cloud{flex-wrap:wrap;gap:8px;display:flex}.tag-cloud button{border-radius:999px;width:auto;min-height:36px;margin:0;padding:0 12px}.tag-cloud button:after{display:none}.profile-panel{text-align:center;padding:0 20px 22px;overflow:hidden}.profile-panel-cover{background:linear-gradient(180deg, #ffffff05, color-mix(in srgb, var(--surface) 28%, transparent)), var(--profile-card-background,linear-gradient(135deg, var(--brand-soft), var(--accent-soft)));background-position:50%;background-size:cover;height:118px;margin:0 -20px}.profile-avatar,.profile-avatar-fallback{z-index:1;color:#fff;background:linear-gradient(135deg, var(--brand), var(--accent));object-fit:cover;border:3px solid #ffffffd1;border-radius:50%;place-items:center;width:88px;height:88px;margin:-44px auto 18px;font-size:28px;font-weight:900;display:grid;position:relative;box-shadow:0 14px 34px #4f8cff38}.profile-panel strong{color:var(--text-main);font-size:20px;line-height:1.3;display:block}.profile-panel p{color:var(--text-muted);margin:9px 0 20px;line-height:1.65}.profile-socials{margin:4px -20px -2px}.profile-socials-title{color:var(--text-muted);align-items:center;gap:12px;font-size:13px;display:flex}.profile-socials-title:before,.profile-socials-title:after{content:"";background:var(--border-soft);flex:1;height:1px}.profile-socials-title span{white-space:nowrap}.profile-socials-list{flex-wrap:wrap;justify-content:center;gap:10px;padding:16px 20px 0;display:flex}.profile-socials-list a{border:1px solid color-mix(in srgb, var(--brand) 18%, var(--border-soft));width:34px;height:34px;color:var(--text-main);background:color-mix(in srgb, var(--surface-strong) 86%, transparent);border-radius:50%;place-items:center;text-decoration:none;transition:color .2s,background .2s,border-color .2s,transform .2s;display:grid}.profile-socials-list a:hover{border-color:var(--brand);color:#fff;background:var(--brand-strong);transform:translateY(-3px)}.profile-socials-list svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:19px;height:19px}.profile-socials-list .social-icon-solid{fill:currentColor;stroke:none}.profile-socials-list a>span{font-size:12px;font-weight:900}.feed-heading{border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:13px 16px;display:grid}.feed-heading-label{min-width:0;color:var(--brand);flex:none;align-items:center;gap:9px;display:flex}.feed-heading-pulse{background:var(--brand);border-radius:50%;flex:none;width:10px;height:10px;position:relative}.feed-heading-pulse:before{content:"";border-radius:inherit;background:var(--brand);opacity:.55;animation:1.55s ease-out infinite feedPulse;position:absolute;inset:0}.feed-heading-speaker{flex:none;width:18px;height:18px;position:relative}.feed-heading-speaker:before{content:"";background:var(--brand);width:6px;height:6px;box-shadow:5px -4px 0 -1px var(--brand), 5px 4px 0 -1px var(--brand);border-radius:2px;position:absolute;top:6px;left:1px}.feed-heading-speaker:after{content:"";border:2px solid var(--brand);border-bottom:0;border-left:0;border-radius:0 12px 0 0;width:9px;height:9px;position:absolute;top:4px;right:1px;transform:rotate(45deg)}.feed-heading-label b{color:var(--text-normal);white-space:nowrap;font-size:14px;font-weight:900}.feed-heading-label em{background:var(--border-soft);width:1px;height:16px;margin-left:8px}.feed-heading p{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:15px;line-height:1.7;overflow:hidden}.feed-heading-dynamic{min-width:0;color:inherit;grid-column:2/4;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;display:grid}.feed-heading-dynamic-text{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:1.7;transition:color .2s;overflow:hidden}.feed-heading-dynamic:hover .feed-heading-dynamic-text{color:var(--brand-strong)}.feed-heading strong{color:var(--brand);white-space:nowrap;flex:none;font-size:14px}.feed-heading strong:after{content:">";color:var(--text-faint);margin-left:12px;transition:transform .2s,color .2s;display:inline-block}.feed-heading:hover strong:after{color:var(--brand);transform:translate(3px)}@keyframes feedPulse{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(2.45)}}.article-list{gap:16px;width:min(100% - 56px,980px);margin-inline:auto;display:grid}.article-card{color:#172033;background:linear-gradient(135deg,#fffffffa,#f7fbffe0),#ffffffd1;border-color:#ffffffb8;border-radius:12px;grid-template-columns:minmax(260px,45%) minmax(0,1fr);min-height:238px;transition:transform .22s,box-shadow .22s,border-color .22s;display:grid;position:relative;overflow:hidden}.article-card:before{content:"";display:none}.article-card:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(135deg,#fffffffa,#f7fbffe0);position:absolute;inset:0}.article-card.is-reverse{grid-template-columns:minmax(0,1fr) minmax(260px,45%)}.article-card:hover{border-color:color-mix(in srgb, var(--brand) 24%, #ffffffb8);transform:translateY(-3px);box-shadow:0 20px 48px #314c7029}.article-card-cover{clip-path:polygon(0 0,100% 0,calc(100% - 52px) 100%,0 100%);z-index:2;background:#0b1220;min-height:238px;position:relative;overflow:hidden}.article-card.is-reverse .article-card-cover{clip-path:polygon(52px 0,100% 0,100% 100%,0 100%);order:2}.article-card-cover:after{content:"";pointer-events:none;background:linear-gradient(#0000 58%,#070c160f);position:absolute;inset:0}.article-card.is-reverse .article-card-cover:after{background:linear-gradient(#0000 58%,#070c160f)}.article-card-cover img,.article-cover-fallback{object-fit:cover;width:100%;height:100%;min-height:238px;transition:transform .72s;display:block}.article-card:hover .article-card-cover img{transform:scale(1.16)}.article-cover-fallback{color:#fff;background:linear-gradient(135deg, var(--brand-strong), var(--accent));place-items:center;font-size:32px;font-weight:900;display:grid}.article-card-main{z-index:2;background:0 0;flex-direction:column;justify-content:center;min-width:0;padding:28px 38px 28px 24px;display:flex;position:relative}.article-card.is-reverse .article-card-main{text-align:left;padding:28px 24px 28px 38px}.article-card-kicker{color:var(--brand-strong);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;font-weight:900;display:flex}.article-card-kicker span,.article-card-kicker em{color:var(--brand-strong);background:color-mix(in srgb, var(--brand) 12%, #fff);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--brand) 18%, #ffffffdb);border-radius:999px;padding:6px 10px;font-style:normal;line-height:1}.article-card-kicker em{color:#63758b;background:#eef4fbe6}.article-card h3{color:#172033;text-shadow:none;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:16px 0 10px;font-size:clamp(24px,2.2vw,32px);font-weight:900;line-height:1.22;display:-webkit-box;overflow:hidden}.article-card p{color:#5f6f84;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:16px;line-height:1.9;display:-webkit-box;overflow:hidden}.article-card-meta{color:#718197;flex-wrap:wrap;gap:14px;margin-top:18px;font-size:13px;font-weight:800;display:flex}.article-card-meta span+span{padding-left:14px;position:relative}.article-card-meta span+span:before{content:"";background:#71819742;width:1px;height:12px;position:absolute;top:50%;left:0;transform:translateY(-50%)}:root[data-theme=dark] .article-card{color:#eef6ff;background:linear-gradient(135deg,#142034f5,#0a1220eb),#0d1727e6;border-color:#9cb5d838;box-shadow:0 18px 46px #00000052}:root[data-theme=dark] .article-card:after{background:radial-gradient(circle at 82% 18%,#8ab4ff1f,#0000 28%),linear-gradient(135deg,#142034f5,#0a1220eb)}:root[data-theme=dark] .article-card:hover{border-color:color-mix(in srgb, var(--brand) 36%, #9cb5d83d);box-shadow:0 24px 58px #0000006b}:root[data-theme=dark] .article-card-cover{background:#09111f}:root[data-theme=dark] .article-card-cover:after,:root[data-theme=dark] .article-card.is-reverse .article-card-cover:after{background:linear-gradient(#0000 56%,#03081033),linear-gradient(90deg,#0308101a,#0000 30% 70%,#03081014)}:root[data-theme=dark] .article-card-kicker span,:root[data-theme=dark] .article-card-kicker em{color:#cfe0ff;background:#5a8dff29;box-shadow:inset 0 0 0 1px #8ab4ff2e}:root[data-theme=dark] .article-card-kicker em{color:#aebdd2;background:#dae6ff14}:root[data-theme=dark] .article-card h3{color:#f7fbff;text-shadow:0 12px 34px #0000004d}:root[data-theme=dark] .article-card p{color:#aebbd0}:root[data-theme=dark] .article-card-meta{color:#b9c8de}:root[data-theme=dark] .article-card-meta span+span:before{background:#b9c8de42}.empty-state{color:var(--text-muted);text-align:center;padding:30px}.empty-state p{margin:0 0 16px}.empty-state button{color:#fff;background:linear-gradient(135deg, var(--brand-strong), var(--brand));cursor:pointer;border:0;border-radius:13px;height:38px;padding:0 18px;font-weight:900}.home-pagination{flex-wrap:wrap;justify-content:center;gap:8px;padding:14px 0 4px;display:flex}.home-pagination button{border:1px solid var(--border-soft);min-width:40px;height:40px;color:var(--text-muted);background:var(--surface);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);cursor:pointer;border-radius:14px;padding:0 14px;font-weight:900}.home-pagination button:hover:not(:disabled),.home-pagination button.is-active{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}.home-pagination button:disabled{cursor:not-allowed;opacity:.45}.article-layout-compact .home-layout{grid-template-columns:210px minmax(0,1fr) 260px}.article-layout-compact .article-card,.article-layout-compact .article-card-cover,.article-layout-compact .article-card-cover img,.article-layout-compact .article-cover-fallback{min-height:208px}.article-layout-compact .article-card-main{padding:22px 28px}.article-layout-compact .article-card h3{margin:12px 0 8px;font-size:21px}@media (max-width:1280px){.home-layout{grid-template-columns:210px minmax(0,1fr) 250px;gap:14px}.article-card,.article-card.is-reverse{grid-template-columns:minmax(220px,42%) minmax(0,1fr)}.article-card.is-reverse{grid-template-columns:minmax(0,1fr) minmax(220px,42%)}.article-card.is-reverse .article-card-cover{order:2}}@media (max-width:1060px){.home-layout,.article-layout-compact .home-layout{grid-template-columns:minmax(0,1fr) 270px}.home-left-sidebar{order:2;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:static}.article-feed,.home-right-sidebar{order:1}}@media (max-width:820px){.home-layout,.article-layout-compact .home-layout{grid-template-columns:1fr}.home-left-sidebar,.home-right-sidebar{order:2;position:static}.home-left-sidebar{grid-template-columns:1fr}.article-feed{order:1}.home-banner{border-radius:18px;min-height:220px}.home-banner-content{padding:24px}.home-banner-content h1{font-size:28px}.home-banner-controls{justify-content:center;width:100%;margin:0 0 16px;position:relative;bottom:auto;right:auto}.home-banner-controls>button{width:44px;height:44px}.article-card,.article-card.is-reverse{grid-template-columns:1fr}.article-card.is-reverse .article-card-cover{clip-path:none;order:0}.article-card-cover,.article-card-cover img,.article-cover-fallback,.article-layout-compact .article-card-cover,.article-layout-compact .article-card-cover img,.article-layout-compact .article-cover-fallback{min-height:190px}.article-card-cover{clip-path:none}.article-card-main:before{display:none}.article-card-cover:after,.article-card.is-reverse .article-card-cover:after{background:linear-gradient(#0000 56%,#070c160f)}.article-card-main{padding:22px}.feed-heading{grid-template-columns:1fr;gap:10px}.feed-heading-label em{display:none}.feed-heading p{white-space:normal}.feed-heading-dynamic{grid-column:auto;grid-template-columns:1fr;gap:8px}.feed-heading-dynamic-text{white-space:normal}.feed-heading strong{justify-self:end}.article-list{width:100%}}@media (max-width:520px){.home-banner-content{padding:20px}.article-card-main,.article-layout-compact .article-card-main{padding:20px 18px}.article-card h3{font-size:22px}.article-card p{font-size:15px}}
.message-wall-page{z-index:0;color:#1f2937;min-height:calc(100vh - 140px);padding:12px 0 74px;position:relative}.message-page-bg{z-index:0;pointer-events:none;background:#f8fbff;position:fixed;inset:0;overflow:hidden}.message-page-bg img,.message-page-bg video{object-fit:cover;width:100%;height:100%;display:block}.message-page-bg:after{content:"";background:linear-gradient(#f8fbff0d,#f8fbff42),radial-gradient(circle at 50% 18%,#ffffff14,#0000 34%);position:absolute;inset:0}.message-wall-page:before{content:"";z-index:0;pointer-events:none;background-color:#0000;background-image:linear-gradient(#9cadc41a 1px,#0000 1px),linear-gradient(90deg,#9cadc41a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:72px 72px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0}.message-wall-page>:not(.message-page-bg){z-index:1;position:relative}.message-wall-hero{text-align:center;justify-items:center;gap:10px;margin:0 auto 56px;padding-top:18px;display:grid}.message-wall-hero h1{color:#111827;letter-spacing:0;margin:0;font-family:Georgia,Times New Roman,Songti SC,serif;font-size:clamp(38px,4.6vw,56px);font-weight:500;line-height:1}.message-wall-hero span{color:#5f6c7d;text-shadow:0 1px 10px #ffffffc2;font-size:15px;font-weight:800}.message-wall-hero i{background:linear-gradient(90deg,#0000,#5da2ff 22% 72%,#0000);border-radius:999px;width:104px;height:5px;display:block;box-shadow:0 8px 20px #5da2ff47}.message-wall-hero>button,.message-modal-submit{color:#fff;cursor:pointer;background:#4f9bff;border:0;border-radius:12px;font-weight:900;transition:transform .18s,box-shadow .18s,background .18s;box-shadow:0 12px 26px #4f9bff47}.message-wall-hero>button{height:46px;margin-top:28px;padding:0 22px;font-size:15px}.message-wall-hero>button:hover,.message-modal-submit:hover{background:#3f8df3;transform:translateY(-2px);box-shadow:0 14px 30px #4f9bff5c}.message-wall-tabs{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;width:min(820px,100%);margin:0 auto 34px;display:flex}.message-wall-tabs button{color:#536174;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb8;border:1px solid #abb8cc5c;border-radius:999px;height:48px;padding:0 24px;font-size:15px;font-weight:900;transition:color .18s,background .18s,border-color .18s,transform .18s}.message-wall-tabs button:hover{color:#4f8fff;border-color:#4f8fff57;transform:translateY(-1px)}.message-wall-tabs button.is-active{color:#fff;background:#5a9cff;border-color:#5a9cff}.message-modal-backdrop{z-index:80;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.message-modal{width:min(576px,100%);box-shadow:none;background:#fffffffa;border:1px solid #e2e8f0f2;border-radius:16px;gap:14px;padding:22px 26px 20px;display:grid}.message-modal-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;display:flex}.message-modal-head strong{color:#111827;font-size:21px;font-weight:900}.message-modal-head button{color:#6f7785;cursor:pointer;background:0 0;border:0;border-radius:50%;width:28px;height:28px;font-size:28px;line-height:1}.message-modal textarea,.message-modal input,.message-modal-select{box-sizing:border-box;color:#1f2937;width:100%;font:inherit;background:#fff;border:1px solid #dfe3ea;border-radius:7px;outline:none;box-shadow:inset 0 0 0 1px #11182705,0 1px 4px #11182714}.message-modal textarea,.message-modal input{padding:12px 14px}.message-modal textarea{resize:vertical;min-height:112px}.message-modal input{min-height:62px}.message-modal textarea::placeholder,.message-modal input::placeholder{color:#7a8391;white-space:pre-line;line-height:1.85}.message-modal textarea:focus,.message-modal input:focus,.message-modal-select:focus-within{border-color:#8ebcff;box-shadow:0 0 0 4px #5da2ff1f}.message-modal-select{gap:4px;padding:10px 14px;display:grid;position:relative}.message-modal-select span,.message-color-field>span{color:#7a8391;font-size:14px;font-weight:700}.message-modal-select select{color:#1f2937;cursor:pointer;background:0 0;border:0;outline:none;width:100%;font-size:15px}.message-color-field{justify-items:center;gap:12px;padding:16px 0 4px;display:grid}.message-color-field>div{grid-template-columns:repeat(5,1fr);gap:18px;width:100%;display:grid}.message-color-option{cursor:pointer;border:0;border-radius:7px;justify-self:center;width:38px;height:38px;position:relative}.message-color-option:after{content:"";box-sizing:border-box;background:#fff;border:2px solid #c8ced8;border-radius:50%;width:22px;height:22px;position:absolute;top:50%;right:-32px;transform:translateY(-50%)}.message-color-option.is-active:after{border:6px solid #4f9bff}.message-color-option.color-yellow,.message-wall-card.color-yellow{background:#fff6d7f0}.message-color-option.color-pink,.message-wall-card.color-pink{background:#ffe1def0}.message-color-option.color-green,.message-wall-card.color-green{background:#def8d6f0}.message-color-option.color-purple,.message-wall-card.color-purple{background:#ebdffff0}.message-color-option.color-blue,.message-wall-card.color-blue{background:#d6f6fcf0}.message-modal-notice{color:#4f8fff;text-align:center;min-height:18px;font-size:13px;font-weight:800}.message-modal-submit{height:44px;margin-top:2px;font-size:15px}.message-modal-submit:disabled{cursor:not-allowed;opacity:.72}.message-wall-list{box-sizing:border-box;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:16px;width:min(1120px,100%);margin:0 auto;padding:16px 8px 22px;display:grid;overflow:visible}.message-wall-card,.message-wall-state{border-radius:15px;box-shadow:0 12px 28px #364b6e14}.message-wall-card{--message-rotate:-1.2deg;--message-pin:#4f91ed;--message-pin-dark:#2f6fc6;box-sizing:border-box;width:100%;min-height:190px;transform:rotate(var(--message-rotate));transform-origin:50% 10px;will-change:transform;margin:0;padding:26px 24px 22px;transition:transform .28s cubic-bezier(.2,.72,.3,1),box-shadow .28s;display:block;position:relative}.message-wall-card:before{content:"";z-index:2;background:radial-gradient(circle at 35% 28%, #fffffff2 0 10%, transparent 24%), radial-gradient(circle at 50% 45%, var(--message-pin) 0 48%, var(--message-pin-dark) 76% 100%);border-radius:50%;width:19px;height:19px;position:absolute;top:-9px;left:50%;transform:translate(-50%);box-shadow:0 3px 5px #253f624d,inset 0 -2px 3px #223c5f38}.message-wall-card:after{content:"";z-index:1;transform-origin:top;background:linear-gradient(#8090a4,#c8d0d9);border-radius:0 0 2px 2px;width:2px;height:12px;position:absolute;top:7px;left:50%;transform:translate(-50%)rotate(5deg);box-shadow:1px 1px 2px #253f6233}.message-wall-card:nth-child(5n+2){--message-rotate:1.35deg}.message-wall-card:nth-child(5n+3){--message-rotate:-.65deg}.message-wall-card:nth-child(5n+4){--message-rotate:1.7deg}.message-wall-card:nth-child(5n+5){--message-rotate:-1.55deg}.message-wall-card.color-yellow{--message-pin:#f4ad20;--message-pin-dark:#cf7d08}.message-wall-card.color-pink{--message-pin:#ee7194;--message-pin-dark:#c74b70}.message-wall-card.color-green{--message-pin:#2dbd8b;--message-pin-dark:#168363}.message-wall-card.color-purple{--message-pin:#9b79e8;--message-pin-dark:#6c4db5}.message-wall-card:hover,.message-wall-card:focus-within{z-index:3;transform:translateY(-5px)rotate(0)scale(1.025);box-shadow:0 19px 40px #364b6e29}.message-wall-card-top{border-bottom:1px solid #ffffff57;justify-content:space-between;align-items:center;gap:12px;padding-bottom:16px;display:flex}.message-wall-card time{color:#617085;font-size:14px;font-weight:700}.message-wall-card-top span{color:#3f4b5e;white-space:nowrap;background:#ffffff85;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:900}.message-wall-card p{color:#263244;white-space:pre-wrap;word-break:break-word;margin:28px 0 42px;font-size:16px;line-height:1.9}.message-wall-card footer{color:#4f5f74;text-align:right;border-top:1px solid #ffffff47;padding-top:16px;font-size:15px;font-style:italic;font-weight:700}.message-wall-state{color:#6b7b91;text-align:center;background:#fffc;grid-column:1/-1;padding:28px}:root[data-theme=dark] .message-page-bg{background:#09111e}:root[data-theme=dark] .message-page-bg:after{background:linear-gradient(#09111f2e,#09111f80),radial-gradient(circle at 50% 18%,#ffffff0a,#0000 34%)}:root[data-theme=dark] .message-wall-page:before{background:linear-gradient(#8a9fbe1a 1px,#0000 1px),linear-gradient(90deg,#8a9fbe1a 1px,#0000 1px)}:root[data-theme=dark] .message-wall-hero h1{color:#f5f8ff}:root[data-theme=dark] .message-wall-hero span{color:#d7e2f2;text-shadow:0 2px 12px #00000057}:root[data-theme=dark] .message-wall-tabs button{color:#c5d1e2;background:#0d1624c2;border-color:#ffffff1a}:root[data-theme=dark] .message-modal{background:#0f1827fa}:root[data-theme=dark] .message-modal-head strong,:root[data-theme=dark] .message-modal-select select{color:#f5f8ff}:root[data-theme=dark] .message-modal textarea,:root[data-theme=dark] .message-modal input,:root[data-theme=dark] .message-modal-select{color:#f2f6ff;background:#ffffff0f;border-color:#ffffff1a}:root[data-theme=dark] .message-modal textarea::placeholder,:root[data-theme=dark] .message-modal input::placeholder,:root[data-theme=dark] .message-modal-select span,:root[data-theme=dark] .message-color-field>span{color:#aebbd0}:root[data-theme=dark] .message-wall-card{box-shadow:0 14px 32px #00000042}:root[data-theme=dark] .message-wall-card.color-yellow{background:#4f3e1fe6}:root[data-theme=dark] .message-wall-card.color-pink{background:#4f2a34e6}:root[data-theme=dark] .message-wall-card.color-green{background:#22432fe6}:root[data-theme=dark] .message-wall-card.color-purple{background:#3a2e53e6}:root[data-theme=dark] .message-wall-card.color-blue{background:#193645e6}:root[data-theme=dark] .message-wall-card time,:root[data-theme=dark] .message-wall-card p,:root[data-theme=dark] .message-wall-card footer{color:#dce6f5}:root[data-theme=dark] .message-wall-card-top span{color:#e8eef8;background:#ffffff1a}@media (max-width:1180px){.message-wall-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:860px){.message-wall-page{padding-top:8px}.message-wall-list{grid-template-columns:repeat(2,minmax(0,1fr))}.message-wall-tabs,.message-wall-list{width:100%}}@media (max-width:620px){.message-wall-hero{margin-bottom:38px}.message-wall-list{grid-template-columns:1fr}.message-wall-tabs{justify-content:flex-start}.message-wall-tabs button{height:42px;padding:0 16px}.message-modal{padding:18px}.message-color-field>div{gap:10px}.message-color-option:after{right:-24px}}@media (prefers-reduced-motion:reduce){.message-wall-card{will-change:auto;transition:box-shadow .18s}.message-wall-card:hover,.message-wall-card:focus-within{transform:rotate(var(--message-rotate))}}
.moments-front-page{z-index:0;color:#1f2a3d;width:min(940px,100%);margin:0 auto;padding-bottom:34px;position:relative}.moments-page-bg{z-index:0;pointer-events:none;filter:saturate(1.04);background-color:#f8fbff;position:fixed;inset:0;overflow:hidden}.moments-page-bg img,.moments-page-bg video{object-fit:cover;width:100%;height:100%;display:block}.moments-page-bg:after{content:"";background:linear-gradient(#f8fbff0a,#f8fbff38),radial-gradient(circle at 50% 18%,#ffffff14,#0000 34%);position:absolute;inset:0}.moments-front-page>:not(.moments-page-bg){z-index:1;position:relative}.moments-front-hero{color:#fff;text-align:center;background-color:#0000;background-image:linear-gradient(#050d1929,#050d193d),linear-gradient(135deg,#5f8ab9,#d7e3ee);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;width:min(800px,100% - 56px);min-height:clamp(132px,16vw,174px);margin:2px auto 0;padding:18px 22px 17px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 28px #18284021}.moments-front-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 18%,#ffffff3d,#0000 18%),linear-gradient(#0000 54%,#0309122e);position:absolute;inset:0}.moments-front-avatar{z-index:1;width:58px;height:58px;color:var(--brand-strong);background:#fff;border:3px solid #ffffffd1;border-radius:50%;place-items:center;margin-bottom:7px;font-size:21px;font-weight:900;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 20px #00000038}.moments-front-avatar img{object-fit:cover;width:100%;height:100%}.moments-front-hero h1{z-index:1;color:#fff;text-shadow:0 4px 18px #0000006b;margin:0;font-family:Georgia,Times New Roman,Songti SC,serif;font-size:clamp(24px,2.4vw,32px);font-weight:900;line-height:1.05;position:relative}.moments-front-hero>span{z-index:1;color:#ffffffeb;text-shadow:0 3px 14px #00000057;max-width:560px;margin-top:7px;font-size:13px;font-weight:800;line-height:1.7;position:relative}.moment-timeline{width:min(760px,100% - 56px);margin:34px auto 0;padding-left:78px;position:relative}.moment-timeline:before{content:"";background:linear-gradient(#dbe5f1,#dbe5f11f);width:1px;position:absolute;top:18px;bottom:8px;left:34px}.moment-timeline-item{grid-template-columns:58px minmax(0,1fr);gap:20px;margin-bottom:22px;margin-left:-78px;scroll-margin-top:96px;display:grid;position:relative}.moment-date-mark{color:#8ea0ba;text-align:center;flex-direction:column;align-self:flex-start;align-items:center;padding-top:6px;display:flex;position:relative}.moment-date-mark strong{color:#26324a;order:2;margin-top:5px;font-family:Georgia,Times New Roman,serif;font-size:22px;font-weight:900;line-height:1}.moment-date-mark span{color:#91a3bc;order:1;font-size:13px;font-weight:900}.moment-date-mark small{color:#b7c4d5;order:3;margin-top:5px;font-size:11px;font-weight:800}.moment-card{background:#ffffffeb;border:1px solid #dee7f1b8;border-radius:16px;padding:18px 22px 19px;overflow:hidden;box-shadow:0 12px 30px #20304817}.moment-card-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.moment-author{align-items:center;gap:12px;min-width:0;display:flex}.moment-author-avatar{background:linear-gradient(135deg, var(--brand), var(--accent));color:#fff;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:16px;font-weight:900;display:grid;overflow:hidden}.moment-author-avatar img{object-fit:cover;width:100%;height:100%}.moment-author strong,.moment-author span{display:block}.moment-author strong{color:#1e293f;font-size:14px;font-weight:900;line-height:1.25}.moment-author span,.moment-card-head time{color:#93a4bd;font-size:12px;font-weight:800}.moment-card-head time{flex:none}.moment-content{color:#334158;white-space:pre-wrap;min-height:0;margin:0;font-size:15px;line-height:1.75}.moment-gallery{gap:10px;width:min(100%,500px);margin-top:14px;display:grid}.moment-gallery.is-count-1{grid-template-columns:minmax(0,1fr);width:min(100%,390px)}.moment-gallery.is-count-2,.moment-gallery.is-count-4{grid-template-columns:repeat(2,minmax(0,1fr))}.moment-gallery.is-count-3{grid-template-columns:repeat(3,minmax(0,1fr))}.moment-gallery a{aspect-ratio:4/3;background:#eef3f8;border-radius:13px;display:block;overflow:hidden}.moment-gallery img{object-fit:cover;width:100%;height:100%;transition:transform .36s;display:block}.moment-gallery a:hover img{transform:scale(1.08)}.moment-card-actions{border-top:1px solid #edf2f7;justify-content:space-between;align-items:center;gap:14px;margin-top:18px;padding-top:14px;display:flex}.moment-card-actions button{color:#91a3bd;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:900}.moment-card-actions button:first-child{align-items:center;gap:8px;display:inline-flex}.moment-comment-write{color:var(--brand-strong)}.moment-comment-write:after{content:"";opacity:0;background:currentColor;border-radius:999px;height:2px;margin-top:3px;transition:opacity .2s,transform .2s;display:block;transform:scaleX(.6)}.moment-card-actions button:hover{color:var(--brand-strong)}.moment-comment-write:hover:after{opacity:1;transform:scaleX(1)}.moment-comments{margin-top:16px}.moment-comments-list{gap:13px;margin-bottom:14px;display:grid}.moment-comment,.moment-comment-state{color:#51617a}.moment-comment{grid-template-columns:34px minmax(0,1fr);gap:12px;display:grid}.moment-comment-avatar{color:#fff;background:linear-gradient(135deg,#72a7ff,#66d7b9);border-radius:9px;place-items:center;width:30px;height:30px;font-size:13px;font-weight:900;display:grid;overflow:hidden}.moment-comment-meta{color:#93a4bd;align-items:center;gap:9px;font-size:13px;font-weight:800;display:flex}.moment-comment-meta strong{color:#51617a;font-weight:900}.moment-comment-meta button{color:#91a3bd;cursor:pointer;background:0 0;border:0;margin-left:auto;padding:0;font-size:12px;font-weight:900}.moment-comment p,.moment-comment-state{color:#43516a;margin:5px 0 0;font-size:14px;line-height:1.7}.moment-comment-state{background:#f7faff;border-radius:11px;padding:10px 12px}.moment-comment-form{background:0 0;border-radius:12px;gap:10px;padding:0;display:grid}.moment-replying-to{color:#71839d;background:#f4f8fde0;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;font-size:13px;font-weight:800;display:flex}.moment-replying-to span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.moment-replying-to button{color:var(--brand-strong);cursor:pointer;background:0 0;border:0;flex:none;padding:0;font-size:12px;font-weight:900}.moment-comment-form-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.moment-comment-form input,.moment-comment-form textarea{color:#26324a;resize:vertical;background:#fff;border:1px solid #dfe7f1;border-radius:8px;outline:none;width:100%;padding:9px 12px;font-size:14px}.moment-comment-form input:focus,.moment-comment-form textarea:focus{border-color:#8bb8ff;box-shadow:0 0 0 4px #71a1ff24}.moment-comment-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.moment-comment-footer span,.moment-front-notice{color:var(--brand-strong);font-size:12px;font-weight:800}.moment-comment-cancel{color:#9aabc0;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:900}.moment-comment-cancel:hover{color:var(--brand-strong)}.moment-comment-submit,.moment-load-more button{color:#fff;background:linear-gradient(135deg, var(--brand-strong), var(--accent));cursor:pointer;border:0;border-radius:999px;padding:8px 15px;font-weight:900;transition:transform .2s,box-shadow .2s}.moment-comment-submit:hover,.moment-load-more button:hover{box-shadow:0 10px 24px var(--brand-soft);transform:translateY(-1px)}.moment-front-state,.moment-front-notice{color:#6b7a92;text-align:center;background:#ffffffe0;border:1px dashed #dbe5f1;border-radius:16px;padding:18px}.moment-load-more{justify-content:center;margin-top:8px;display:flex}:root[data-theme=dark] .moments-front-page{color:#e8eef8}:root[data-theme=dark] .moments-page-bg{background-color:#0b1422}:root[data-theme=dark] .moments-page-bg:after{background:linear-gradient(#09111f2e,#09111f80),radial-gradient(circle at 50% 18%,#ffffff0a,#0000 34%)}:root[data-theme=dark] .moments-front-hero{box-shadow:0 18px 44px #0000004d}:root[data-theme=dark] .moment-timeline:before{background:linear-gradient(#7890b06b,#7890b014)}:root[data-theme=dark] .moment-date-mark strong,:root[data-theme=dark] .moment-author strong{color:#f4f8ff}:root[data-theme=dark] .moment-date-mark span,:root[data-theme=dark] .moment-card-head time,:root[data-theme=dark] .moment-author span{color:#9fb0c8}:root[data-theme=dark] .moment-card{background:#101929e0;border-color:#ffffff14;box-shadow:0 18px 44px #0000004d}:root[data-theme=dark] .moment-content,:root[data-theme=dark] .moment-comment p{color:#dce7f7}:root[data-theme=dark] .moment-card-actions{border-color:#ffffff14}:root[data-theme=dark] .moment-comment-meta strong{color:#e8eef8}:root[data-theme=dark] .moment-comment-form,:root[data-theme=dark] .moment-comment-state{background:#ffffff0d}:root[data-theme=dark] .moment-replying-to{color:#b8c6d9;background:#ffffff0f}:root[data-theme=dark] .moment-comment-form input,:root[data-theme=dark] .moment-comment-form textarea{color:#f4f8ff;background:#ffffff0f;border-color:#ffffff1a}@media (max-width:860px){.moments-front-hero,.moment-timeline{width:100%}.moment-timeline{padding-left:0}.moment-timeline:before{display:none}.moment-timeline-item{grid-template-columns:1fr;gap:10px;margin-left:0}.moment-date-mark{flex-direction:row;align-items:flex-start;gap:8px;padding-top:0}.moment-date-mark strong{order:2;margin-top:0;font-size:22px}.moment-date-mark span{order:1}.moment-date-mark small{order:3;margin-top:0}.moment-gallery.is-count-3,.moment-gallery.is-count-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.moments-front-hero{border-radius:15px;width:100%;min-height:150px}.moments-front-avatar{width:54px;height:54px}.moment-card{border-radius:16px;padding:18px 16px}.moment-card-head,.moment-comment-footer{flex-direction:column;align-items:flex-start}.moment-card-actions{align-items:flex-start}.moment-comment-form-fields,.moment-gallery.is-count-2,.moment-gallery.is-count-3,.moment-gallery.is-count-4{grid-template-columns:1fr}}
.not-found-page{place-items:center;min-height:560px;padding:48px 0;display:grid}.not-found-card{border:1px solid var(--border-soft);background:var(--surface);max-width:560px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-soft);text-align:center;border-radius:28px;padding:42px}.not-found-card span{color:var(--brand);font-size:64px;font-weight:900;line-height:1}.not-found-card h1{color:var(--text-main);margin:16px 0 10px;font-size:32px}.not-found-card p{color:var(--text-muted);margin:0 0 24px;line-height:1.8}.not-found-card a{color:#fff;background:linear-gradient(135deg, var(--brand-strong), var(--brand));border-radius:999px;align-items:center;height:40px;padding:0 18px;font-weight:800;display:inline-flex}
.works-page{gap:18px;display:grid}.works-hero{border:1px solid var(--border-soft);background:var(--surface);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-card);border-radius:28px;padding:34px}.works-hero p{color:var(--brand);letter-spacing:.12em;margin:0 0 8px;font-size:13px;font-weight:900}.works-hero h1{color:var(--text-main);margin:0 0 10px;font-size:44px}.works-hero span,.works-state{color:var(--text-muted)}.works-state{border:1px solid var(--border-soft);background:var(--surface);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);text-align:center;border-radius:22px;padding:28px}.works-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.work-card{border:1px solid var(--border-soft);background:var(--surface);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-card);border-radius:24px;transition:transform .2s,box-shadow .2s;overflow:hidden}.work-card:hover{box-shadow:var(--shadow-soft);transform:translateY(-3px)}.work-card img,.work-cover-empty{object-fit:cover;width:100%;height:190px}.work-cover-empty{color:#fff;background:linear-gradient(135deg, var(--brand-strong), var(--accent));place-items:center;font-size:36px;font-weight:900;display:grid}.work-card-main{padding:20px}.work-card-main span{color:var(--brand);font-size:13px;font-weight:900}.work-card-main h2{color:var(--text-main);margin:10px 0;font-size:22px}.work-card-main p{color:var(--text-muted);margin:0;line-height:1.75}@media (max-width:520px){.works-hero{border-radius:22px;padding:26px 22px}.works-hero h1{font-size:36px}.works-grid{grid-template-columns:minmax(0,1fr)}.work-card img,.work-cover-empty{height:172px}}