html[data-mode=dark]{--main-bg: transparent;--main-border-color: rgb(125 211 252 / 12%);--text-color: #c2cbe0;--text-muted-color: #8fa3c8;--text-muted-highlight-color: #b7c4de;--heading-color: #e6edfb;--label-color: #9fb0cf;--blockquote-border-color: rgb(125 211 252 / 45%);--blockquote-text-color: #93a5c6;--link-color: #7dd3fc;--link-underline-color: rgb(125 211 252 / 40%);--button-bg: rgb(13 18 32 / 70%);--btn-border-color: rgb(125 211 252 / 25%);--btn-backtotop-color: #7dd3fc;--btn-backtotop-border-color: rgb(125 211 252 / 30%);--card-header-bg: rgb(20 27 46 / 85%);--site-title-color: #dfe6f3;--site-subtitle-color: #8fa3c8;--sidebar-bg: rgb(10 14 24 / 78%);--sidebar-border-color: rgb(125 211 252 / 14%);--sidebar-muted-color: #8fa3c8;--sidebar-active-color: #eef3fc;--sidebar-hover-bg: rgb(125 211 252 / 10%);--sidebar-btn-bg: rgb(20 27 46 / 80%);--sidebar-btn-color: #9fb0cf;--avatar-border-color: rgb(125 211 252 / 75%);--topbar-bg: rgb(5 7 13 / 64%);--topbar-text-color: #c2cbe0;--search-border-color: rgb(125 211 252 / 22%);--search-icon-color: #8fa3c8;--input-focus-border-color: rgb(125 211 252 / 60%);--post-list-text-color: #aab8d4;--btn-paginator-hover-color: rgb(125 211 252 / 12%);--toc-highlight: #7dd3fc;--toc-popup-border-color: rgb(125 211 252 / 25%);--tag-hover: rgb(125 211 252 / 14%);--tb-odd-bg: rgb(16 22 38 / 80%);--tb-even-bg: rgb(11 15 27 / 80%);--tb-border-color: rgb(125 211 252 / 14%);--card-bg: rgb(13 18 32 / 66%);--card-hover-bg: rgb(24 33 56 / 80%);--card-shadow: rgb(0 0 0 / 45%) 0 6px 20px 0, rgb(125 211 252 / 10%) 0 0 0 1px;--prompt-text-color: rgb(216 220 235 / 80%)}html[data-mode=dark]{background:#05070d}html[data-mode=dark] body{background:radial-gradient(ellipse 60% 40% at 18% 8%, rgba(125, 211, 252, 0.07), transparent 70%),radial-gradient(ellipse 50% 35% at 85% 25%, rgba(196, 181, 253, 0.06), transparent 70%),radial-gradient(ellipse 55% 45% at 60% 95%, rgba(240, 171, 252, 0.04), transparent 70%),#05070d}html[data-mode=dark] #starfield{position:fixed;inset:0;z-index:-1;pointer-events:none}html[data-mode=dark] #sidebar{backdrop-filter:blur(10px)}html[data-mode=dark] #sidebar a.site-title{background:linear-gradient(90deg, #7dd3fc, #c4b5fd, #f0abfc);-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0);letter-spacing:.08em}html[data-mode=dark] #sidebar #avatar{box-shadow:0 0 0 2px rgba(125,211,252,.55),0 0 18px rgba(125,211,252,.45);transition:box-shadow .3s}html[data-mode=dark] #sidebar #avatar:hover{box-shadow:0 0 0 2px rgba(196,181,253,.75),0 0 26px rgba(196,181,253,.65)}html[data-mode=dark] #sidebar .nav-link:hover{text-shadow:0 0 12px rgba(125,211,252,.65)}html[data-mode=dark] #topbar-wrapper{backdrop-filter:blur(10px);border-bottom:1px solid rgba(125,211,252,.1)}html[data-mode=dark] .card{border:1px solid rgba(125,211,252,.12);backdrop-filter:blur(6px);transition:border-color .25s,box-shadow .25s,transform .25s}html[data-mode=dark] .card:hover{border-color:rgba(125,211,252,.45);box-shadow:0 8px 28px rgba(0,0,0,.5),0 0 18px rgba(125,211,252,.25);transform:translateY(-3px)}html[data-mode=dark] main h1,html[data-mode=dark] main h2{background:linear-gradient(90deg, #e6edfb, #b9d8f5);-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0)}html[data-mode=dark] main h2{padding-left:.6rem;border-left:3px solid rgba(125,211,252,.65)}html[data-mode=dark] blockquote{background:rgba(125,211,252,.06);border-radius:0 6px 6px 0}html[data-mode=dark] .highlight,html[data-mode=dark] div[class^=language-]{border:1px solid rgba(125,211,252,.1);border-radius:8px}html[data-mode=dark] .post-tag,html[data-mode=dark] .categories .card-header,html[data-mode=dark] #access-lastmod{transition:box-shadow .2s}html[data-mode=dark] .post-tag:hover{box-shadow:0 0 10px rgba(125,211,252,.35)}html[data-mode=dark] #back-to-top:hover{box-shadow:0 0 14px rgba(125,211,252,.5)}html[data-mode=dark] #search input:focus{box-shadow:0 0 10px rgba(125,211,252,.3)}html[data-mode=dark] .post-badge--tech{color:#4fc3f7;border-color:#4fc3f7}html[data-mode=dark] .post-badge--ai{color:#b388ff;border-color:#b388ff}html[data-mode=dark] .post-badge--open{color:#69f0ae;border-color:#69f0ae}html[data-mode=dark] .post-badge--tutorial{color:#ffab40;border-color:#ffab40}html[data-mode=dark] .post-badge--book{color:#ffd54f;border-color:#ffd54f}html[data-mode=dark] .post-badge--life{color:#ff8a80;border-color:#ff8a80}html[data-mode=dark] .post-badge--viewed{color:#80deea;border-color:#80deea}html[data-mode=dark] .post-badge{background:rgba(13,18,32,.6)}html[data-mode=dark] footer{border-top:1px solid rgba(125,211,252,.1)}html[data-mode=dark].depth-on .tilt-card{position:relative;overflow:hidden;transition:transform .18s ease-out,border-color .25s,box-shadow .25s;will-change:transform}html[data-mode=dark].depth-on .tilt-card::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--gx, 50%) var(--gy, 50%), rgba(255, 255, 255, 0.09), transparent 55%);opacity:0;transition:opacity .25s;pointer-events:none}html[data-mode=dark].depth-on .tilt-card:hover::after{opacity:1}html[data-mode=dark].depth-on .reveal-init{opacity:0;transform:perspective(900px) translateY(28px) rotateX(8deg)}html[data-mode=dark].depth-on .reveal-in{opacity:1;transform:perspective(900px) translateY(0) rotateX(0);transition:opacity .7s ease,transform .7s cubic-bezier(0.22, 0.61, 0.36, 1)}html[data-mode=dark].depth-on #sidebar #avatar{animation:avatar-float 6s ease-in-out infinite}@media(min-width: 1200px)and (pointer: fine){html[data-mode=dark].depth-on main>article{position:relative;background:rgba(13,18,32,.62);border:1px solid rgba(125,211,252,.16);border-radius:14px;padding:2rem 2.4rem !important;backdrop-filter:blur(8px);box-shadow:0 36px 70px -24px rgba(0,0,0,.75),0 0 28px rgba(125,211,252,.08),inset 0 1px 0 hsla(0,0%,100%,.06);transform:perspective(1600px) rotateY(calc(var(--tx, 0) * 1deg)) rotateX(calc(var(--ty, 0) * 1deg));transform-style:preserve-3d;animation:panel-enter .9s cubic-bezier(0.22, 0.61, 0.36, 1) both}html[data-mode=dark].depth-on main>article::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg, transparent, rgba(125, 211, 252, 0.06) 50%, transparent);background-size:100% 240px;background-repeat:no-repeat;animation:holo-scan 8s linear infinite;pointer-events:none}html[data-mode=dark].depth-on main>article h1{filter:drop-shadow(0 6px 16px rgba(125, 211, 252, 0.3))}html[data-mode=dark].depth-on #panel-wrapper .access,html[data-mode=dark].depth-on #panel-wrapper #toc-wrapper{background:rgba(13,18,32,.55);border:1px solid rgba(125,211,252,.14);border-radius:12px;padding:.9rem 1rem;backdrop-filter:blur(6px);transform:perspective(900px) rotateY(-9deg);transform-origin:right center;transition:transform .35s ease,border-color .35s;animation:side-enter .9s cubic-bezier(0.22, 0.61, 0.36, 1) both .15s}html[data-mode=dark].depth-on #panel-wrapper .access:hover,html[data-mode=dark].depth-on #panel-wrapper #toc-wrapper:hover{transform:perspective(900px) rotateY(0deg);border-color:rgba(125,211,252,.4)}html[data-mode=dark].depth-on #sidebar{transform:perspective(1400px) rotateY(2.5deg);transform-origin:left center;transition:transform .4s ease}html[data-mode=dark].depth-on #sidebar:hover{transform:perspective(1400px) rotateY(0deg)}}@keyframes panel-enter{from{opacity:0;transform:perspective(1600px) rotateY(-16deg) translateZ(-140px) translateX(-30px)}}@keyframes side-enter{from{opacity:0;transform:perspective(900px) rotateY(-35deg) translateX(40px)}}@keyframes holo-scan{from{background-position:0 -240px}to{background-position:0 calc(100% + 240px)}}@keyframes avatar-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}#reading-progress{position:fixed;top:0;left:0;height:2px;width:0;z-index:2000;background:linear-gradient(90deg, #7dd3fc, #c4b5fd, #f0abfc);box-shadow:0 0 8px rgba(125,211,252,.7);pointer-events:none}@view-transition{navigation:auto}::view-transition-old(root){animation:vt-leave .32s ease-in both}::view-transition-new(root){animation:vt-arrive .55s cubic-bezier(0.22, 0.61, 0.36, 1) both}html[data-mode=dark].depth-on body.page-arrive{animation:vt-arrive .55s cubic-bezier(0.22, 0.61, 0.36, 1) both}html[data-mode=dark].depth-on body.page-leave{animation:vt-leave .3s ease-in both}@keyframes vt-leave{to{opacity:0;transform:perspective(1200px) translateZ(-420px) rotateY(18deg)}}@keyframes vt-arrive{from{opacity:0;transform:perspective(1200px) translateZ(-420px) rotateY(-18deg)}}#tag-sphere{position:relative;height:460px;margin:0 0 1.5rem;cursor:grab;user-select:none;touch-action:none}#tag-sphere:active{cursor:grabbing}#tag-sphere a.tag{position:absolute;left:50%;top:50%;white-space:nowrap;background:rgba(0,0,0,0);border:none;color:#aab8d4;text-decoration:none;will-change:transform,opacity}#tag-sphere a.tag:hover{color:#7dd3fc;text-shadow:0 0 14px rgba(125,211,252,.8)}#tag-sphere a.tag span{font-size:.68em;opacity:.6;margin-left:2px}#tag-sphere-hint{text-align:center;font-size:.75rem;color:#8fa3c8;letter-spacing:.1em;margin-bottom:2rem}.cosmic-404{text-align:center;padding:2.5rem 0 1rem}.cosmic-404 .num{font-size:clamp(5rem,16vw,9rem);font-weight:800;line-height:1;letter-spacing:.04em;background:linear-gradient(90deg, #7dd3fc, #c4b5fd, #f0abfc);-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0);filter:drop-shadow(0 0 24px rgba(125, 211, 252, 0.35));animation:glitch-404 4s infinite}.cosmic-404 .planet{display:inline-block;position:relative;width:.78em;height:.78em;margin:0 .06em;border-radius:50%;background:radial-gradient(circle at 35% 30%, #c4b5fd, #7c3aed 55%, #2e1065);box-shadow:inset -0.1em -0.1em .3em rgba(0,0,0,.55),0 0 .35em rgba(196,181,253,.5);vertical-align:baseline;animation:drift-404 6s ease-in-out infinite}.cosmic-404 .planet .ring{position:absolute;left:50%;top:52%;width:150%;height:38%;border:.045em solid rgba(125,211,252,.75);border-radius:50%;transform:translate(-50%, -50%) rotate(-16deg);box-shadow:0 0 .3em rgba(125,211,252,.45)}.cosmic-404 .lead{color:#8fa3c8;margin:1rem 0 2rem}.cosmic-404 .drift span{display:inline-block;font-size:2rem;margin:0 1.2rem}.cosmic-404 .drift span:nth-child(1){animation:drift-404 7s ease-in-out infinite}.cosmic-404 .drift span:nth-child(2){animation:drift-404 9s ease-in-out infinite 1.2s}.cosmic-404 .drift span:nth-child(3){animation:drift-404 8s ease-in-out infinite .6s}.cosmic-404 .actions{margin-top:2.5rem}.cosmic-404 .actions a{display:inline-block;margin:0 .5rem .8rem;padding:8px 22px;border:1px solid rgba(125,211,252,.45);border-radius:999px;color:#dfe6f3;text-decoration:none;background:rgba(13,18,32,.6);transition:box-shadow .25s,border-color .25s}.cosmic-404 .actions a:hover{border-color:#7dd3fc;box-shadow:0 0 18px rgba(125,211,252,.45)}@keyframes glitch-404{0%,94%,100%{transform:none;opacity:1}95%{transform:translate(-3px, 1px) skewX(4deg);opacity:.8}96%{transform:translate(3px, -1px) skewX(-4deg)}97%{transform:translate(-2px, 0);opacity:.9}}@keyframes drift-404{0%,100%{transform:translate(0, 0) rotate(-6deg)}50%{transform:translate(8px, -18px) rotate(8deg)}}html[data-mode=dark] #back-to-top.launching{animation:rocket-launch .85s cubic-bezier(0.5, -0.3, 0.8, 1) both;pointer-events:none}html[data-mode=dark] #back-to-top.launching i{animation:rocket-shake .1s linear 4}@keyframes rocket-launch{20%{transform:translateY(6px) scale(0.95)}100%{transform:translateY(-110vh) scale(0.7)}}@keyframes rocket-shake{25%{transform:translateX(-1px)}75%{transform:translateX(1px)}}#world-portal{position:fixed;right:1.1rem;bottom:6.5rem;width:44px;height:44px;z-index:100;perspective:300px;opacity:.85;transition:opacity .25s,transform .25s}#world-portal:hover{opacity:1;transform:scale(1.15)}#world-portal .cube{position:absolute;inset:7px;transform-style:preserve-3d;animation:portal-spin 14s linear infinite}#world-portal .cube i{position:absolute;inset:0;background:rgba(125,211,252,.1);border:1px solid rgba(125,211,252,.7);box-shadow:inset 0 0 12px rgba(125,211,252,.35)}#world-portal .cube i:nth-child(1){transform:translateZ(15px)}#world-portal .cube i:nth-child(2){transform:rotateY(180deg) translateZ(15px)}#world-portal .cube i:nth-child(3){transform:rotateY(90deg) translateZ(15px)}#world-portal .cube i:nth-child(4){transform:rotateY(-90deg) translateZ(15px)}#world-portal .cube i:nth-child(5){transform:rotateX(90deg) translateZ(15px)}#world-portal .cube i:nth-child(6){transform:rotateX(-90deg) translateZ(15px)}@keyframes portal-spin{from{transform:rotateX(-20deg) rotateY(0)}to{transform:rotateX(-20deg) rotateY(360deg)}}@media(prefers-reduced-motion: reduce){html[data-mode=dark] .card{transition:none}html[data-mode=dark] .card:hover{transform:none}::view-transition-group(*),::view-transition-old(root),::view-transition-new(root){animation:none}.cosmic-404 .num,.cosmic-404 .planet,.cosmic-404 .drift span,#world-portal .cube{animation:none}}/*# sourceMappingURL=cyber-skin.css.map */