:root{--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--border-width:1px;--border-width-lg:3px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px}:root{--glass-opacity:0;--color-info:#3b82f6;--color-success:#22c55e;--color-warning:#f59e0b;--color-error:#ef4444}.light{--shadow-sm:0 1px 2px rgba(15, 23, 42, 0.06);--shadow-md:0 1px 2px rgba(15, 23, 42, 0.06), 0 2px 6px rgba(15, 23, 42, 0.08);--shadow-lg:0 1px 2px rgba(15, 23, 42, 0.06), 0 2px 6px rgba(15, 23, 42, 0.09),
    0 12px 28px rgba(15, 23, 42, 0.12)}.dark{--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.3);--shadow-md:0 1px 2px rgba(0, 0, 0, 0.34), 0 2px 6px rgba(0, 0, 0, 0.4);--shadow-lg:0 1px 2px rgba(0, 0, 0, 0.34), 0 2px 6px rgba(0, 0, 0, 0.42),
    0 12px 28px rgba(0, 0, 0, 0.52)}.sakura.light{--g-color:#e8758f;--g-on-color:#1a0f2e;--g-bg:#fdeef3;--glass-r:255;--glass-g:250;--glass-b:252;--g-text:#4a3a40;--g-hover:#d65f7c;--g-shadow:rgba(199, 115, 145, 0.16);--g-gradient:linear-gradient(90deg, #f9c5d1, #f7a8c0, #c9a0e0, #f7a8c0, #f9c5d1)}.sakura.dark{--g-color:#e58fb0;--g-on-color:#1a0f2e;--g-bg:#1a0f2e;--glass-r:37;--glass-g:22;--glass-b:56;--g-text:#f3e8f0;--g-hover:#e58fb0;--g-shadow:rgba(0, 0, 0, 0.32);--g-gradient:linear-gradient(90deg, #d56b9a, #9a6cc9, #c77fd0, #9a6cc9, #d56b9a)}*{margin:0;padding:0;box-sizing:border-box}html{width:100%;height:100%}body{width:100%;height:100%;display:flex;flex-direction:column;overflow:auto;position:relative;z-index:2;background-color:var(--g-bg);color:var(--g-text);font-family:-apple-system,BlinkMacSystemFont,pingfang sc,microsoft yahei,sans-serif}#app{min-height:100%;display:flex;flex-direction:column}#app>.center{flex:1}a{color:inherit;text-decoration:none}input,button,textarea,select{border:none;outline:none;font:inherit}button{cursor:pointer}img{vertical-align:middle;max-width:100%}h1,h2,h3,h4,h5,h6{font-weight:400}hr{margin:0;padding:0}a:hover{color:var(--g-color);text-shadow:0 0 8px color-mix(in srgb,var(--g-color) 25%,transparent)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--g-color),var(--g-hover));border-radius:10px;border:2px solid transparent;background-clip:content-box;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}::-webkit-scrollbar-thumb:hover{background:var(--g-gradient);border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-corner{background:0 0}*{scrollbar-width:thin;scrollbar-color:var(--g-color)transparent}.header,.sidebar,.footer,.main{background-color:rgba(var(--glass-r),var(--glass-g),var(--glass-b),var(--glass-opacity));backdrop-filter:blur(20px)saturate(180%)}.header{width:100%;height:64px;position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center;flex-direction:row;gap:var(--space-md);padding:var(--space-sm);border:var(--border-width)solid color-mix(in srgb,var(--g-color) 15%,transparent)}.center{width:100%;height:auto;display:flex;flex-direction:row}.sidebar{width:15%;max-height:600px;overflow-y:auto;display:flex;justify-content:start;align-items:center;flex-direction:column;gap:var(--space-lg);border:var(--border-width)solid color-mix(in srgb,var(--g-color) 15%,transparent)}.main{width:85%;max-height:600px;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);background-color:rgba( var(--glass-r),var(--glass-g),var(--glass-b),var(--glass-opacity) );border:var(--border-width)solid color-mix(in srgb,var(--g-text) 10%,transparent)}.footer{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-md)}.sidebar-overlay{display:none}@media(max-width:768px){.sidebar{position:fixed;top:0;left:0;width:240px;height:100dvh;max-height:none;margin:0;transform:translateX(-100%);transition:transform .32s cubic-bezier(.22,1,.36,1);z-index:9999}.sidebar.sidebar-open{transform:translateX(0)}.sidebar-overlay{position:fixed;inset:0;z-index:9998;background:rgba(0,0,0,.45)}.sidebar.sidebar-open+.sidebar-overlay{display:block}.main{width:100%;max-height:none;overflow-y:visible}}.immersive .main{width:100% !important}.immersive .sidebar{display:none !important}@media(max-width:768px){.immersive .sidebar{display:flex !important}}.particle-canvas{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;pointer-events:none}.index-page{position:relative;z-index:1;width:100%;height:100%}.index-head{width:100%;height:64px;position:relative;z-index:1;display:flex;justify-content:start;align-items:center;flex-direction:row;padding:var(--space-sm)}.index-body{width:100%;height:fit-content;position:relative;z-index:1;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:var(--space-lg)}.index-head .logo{width:fit-content;height:100%;margin-left:var(--space-md);display:flex;justify-content:flex-start;align-items:center}.index-head .logo p{font-size:2rem;font-weight:800;letter-spacing:-.3px;font-family:-apple-system,BlinkMacSystemFont,sf pro display,pingfang sc,microsoft yahei,sans-serif;white-space:nowrap;transition:opacity .2s ease;color:var(--g-color)}.index-nav{width:100%;height:fit-content;max-height:240px;display:flex;justify-content:end;align-items:center;flex-direction:row;gap:var(--space-lg);padding:var(--space-sm)var(--space-md);margin-bottom:var(--space-xs);text-align:center;overflow-y:auto;background:0 0}.index-nav .nav-element{position:relative;width:fit-content;height:fit-content;padding:6px 0;border-radius:var(--radius-md);text-decoration:none;color:var(--g-text);opacity:.7;transition:color .2s ease}.index-nav .nav-element::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;border-radius:2px;background:var(--g-color);transition:width .3s ease}.index-nav .nav-element:hover{color:var(--g-color);opacity:1}.index-nav .nav-element:hover::after{width:100%}.welcome{width:fit-content;height:30vh;display:flex;justify-content:center;align-items:center;color:var(--g-color);font-size:clamp(2rem,5vw,3.5rem);font-weight:800;margin:0;line-height:1.2}.index-body .btn-list{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:var(--space-lg)}.index-body .btn{padding:12px 32px;font-size:15px;font-weight:600;border-radius:28px;border:none;cursor:pointer;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease,opacity .2s ease}.btn-read{background:var(--g-color);color:#fff;box-shadow:0 4px 16px var(--g-shadow)}.btn-read:hover{box-shadow:0 8px 24px var(--g-shadow)}.btn-about{background:rgba(var(--glass-r),var(--glass-g),var(--glass-b),.3);color:var(--g-text);border:1px solid color-mix(in srgb,var(--g-text) 10%,transparent);backdrop-filter:blur(8px)}.btn-about:hover{background:rgba(var(--glass-r),var(--glass-g),var(--glass-b),.5)}.index-body .btn:hover{transform:translateY(-2px)}.index-body .btn:active{transform:translateY(0)scale(.97)}.glass-card{width:100%;max-width:720px;border-radius:var(--radius-xl);padding:24px;background:rgba(var(--glass-r),var(--glass-g),var(--glass-b),.3);backdrop-filter:blur(20px)saturate(180%);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid color-mix(in srgb,var(--g-text) 8%,transparent);display:flex;justify-content:center}.heatmap-wrapper{margin:0;display:flex;flex-direction:column;gap:16px;align-items:center;position:relative;min-height:200px;background:0 0;border:none;box-shadow:none;padding:0}.no-data{text-align:center;padding:30px;font-size:13px;color:var(--g-text);opacity:.4}.heatmap-header{display:flex;justify-content:center;align-items:center;width:100%;gap:12px}.heatmap-title{font-size:13px;font-weight:600;color:var(--g-text);margin:0;opacity:.6}.custom-select{position:relative;flex-shrink:0}.select-trigger{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:500;font-family:inherit;cursor:pointer;color:var(--g-text);background:rgba(var(--glass-r),var(--glass-g),var(--glass-b),.3);border:1px solid color-mix(in srgb,var(--g-text) 12%,transparent);backdrop-filter:blur(8px);transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.select-trigger:hover:not(:disabled){border-color:var(--g-color);box-shadow:0 2px 8px color-mix(in srgb,var(--g-color) 25%,transparent)}.select-trigger.active{border-color:var(--g-color);background:color-mix(in srgb,var(--g-color) 10%,transparent);box-shadow:0 2px 8px color-mix(in srgb,var(--g-color) 30%,transparent)}.select-trigger:disabled{opacity:.4;cursor:not-allowed}.select-value{line-height:1}.select-arrow{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--g-text);transition:transform .2s ease;opacity:.6}.select-arrow.rotated{transform:rotate(180deg);opacity:1}.dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:120px;max-height:240px;overflow-y:auto;margin:0;padding:6px;list-style:none;border-radius:12px;border:1px solid color-mix(in srgb,var(--g-text) 12%,transparent);background:rgba(var(--glass-r),var(--glass-g),var(--glass-b),.92);backdrop-filter:blur(20px)saturate(180%);box-shadow:0 8px 24px var(--g-shadow);z-index:20;opacity:0;visibility:hidden;transform:translateY(-6px);pointer-events:none;transition:opacity .15s ease,transform .15s ease,visibility .15s ease}.dropdown-menu.open{opacity:1;visibility:visible;transform:none;pointer-events:auto}.dropdown-item{padding:7px 12px;border-radius:8px;font-size:13px;cursor:pointer;color:var(--g-text);font-weight:500;transition:background-color .15s ease,color .15s ease}.dropdown-item:hover{background:color-mix(in srgb,var(--g-color) 12%,transparent)}.dropdown-item.active{background:var(--g-color);color:#fff;font-weight:600}.heatmap-content{width:100%;display:flex;justify-content:center}.heatmap-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;max-width:360px;width:100%}.heatmap-cell{aspect-ratio:1;border-radius:6px;cursor:pointer;border:1px solid transparent;transition:transform .15s ease,border-color .15s ease}.heatmap-cell:hover{transform:scale(1.25);border-color:var(--g-color);z-index:1}.heatmap-lv0{background:color-mix(in srgb,var(--g-text) 6%,transparent);border-color:color-mix(in srgb,var(--g-text) 6%,transparent)}.heatmap-lv1{background:var(--g-color);opacity:.25}.heatmap-lv2{background:var(--g-color);opacity:.45}.heatmap-lv3{background:var(--g-color);opacity:.65}.heatmap-lv4{background:var(--g-color);opacity:.85}.heatmap-lv1:hover,.heatmap-lv2:hover,.heatmap-lv3:hover,.heatmap-lv4:hover{opacity:.95}.heatmap-legend{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;color:var(--g-text);opacity:.5}.legend-cells{display:flex;gap:5px}.legend-cell{width:14px;height:14px;border-radius:4px}.index-head .logo,.index-head .index-nav,.index-body .welcome,.index-body .btn-list,.index-body .glass-card{animation:index-enter .4s cubic-bezier(.22,1,.36,1)both}.index-head .index-nav{animation-delay:.06s}.index-body .welcome{animation-delay:.12s}.index-body .btn-list{animation-delay:.18s}.index-body .glass-card{animation-delay:.24s}@keyframes index-enter{from{opacity:0;transform:translateY(12px)}}@media(max-width:1280px){.index-body{gap:var(--space-md)}}@media(max-width:1024px){.index-nav{gap:var(--space-md)}.index-body .btn-list{gap:var(--space-md)}.welcome{height:44vh}.heatmap-header{flex-wrap:wrap}}@media(max-width:768px){.index-page{height:100dvh;overflow-y:auto}.index-head .logo{margin-left:var(--space-sm)}.index-head .logo p{font-size:1.75rem}.index-nav{gap:var(--space-sm);padding:var(--space-xs)var(--space-sm)}.index-nav .nav-element{font-size:14px}.welcome{height:38vh}.glass-card{padding:16px}.index-body .btn{padding:10px 24px;font-size:14px}.heatmap-wrapper{gap:12px;width:90%}.heatmap-grid{gap:4px;max-width:100%}}@media(max-width:480px){.index-head .logo{margin-left:var(--space-xs)}.index-head .logo p{font-size:1.5rem}.index-nav{gap:var(--space-xs)}.index-nav .nav-element{padding:4px 2px;font-size:13px}.index-body{gap:var(--space-md)}.welcome{height:32vh;font-size:clamp(1.5rem,6vw,2.4rem)}.index-body .btn-list{flex-direction:column;align-items:center;gap:var(--space-md);padding:0 var(--space-lg);box-sizing:border-box}.index-body .btn{width:fit-content}.glass-card{padding:14px}.select-trigger{padding:4px 10px;font-size:12px}.dropdown-menu{font-size:12px}.heatmap-grid{gap:3px}}.header .logo{width:fit-content;height:100%;margin-left:var(--space-md);display:flex;justify-content:center;align-items:center}.header .logo p{font-size:26px;font-weight:600;letter-spacing:-.3px;white-space:nowrap;transition:opacity .2s ease;color:var(--g-color)}.header .logo p:hover{opacity:.8}.search{width:600px;height:80%;display:flex;justify-content:center;align-items:center;gap:var(--space-sm);padding:0 var(--space-md);border-radius:var(--radius-full);border:var(--border-width)solid color-mix(in srgb,var(--g-color) 15%,transparent);background-color:rgba( var(--glass-r),var(--glass-g),var(--glass-b),calc(var(--glass-opacity) * .6) );backdrop-filter:blur(12px);transition:border-color .2s ease}.search:focus-within{border-color:var(--g-color)}.search-icon{color:var(--g-text);opacity:.5;transition:opacity .2s ease}.search:focus-within .search-icon{opacity:.8}.search input{width:100%;height:100%;color:var(--g-text);background:0 0}.search input::placeholder{color:var(--g-text);opacity:.4}.button-list{width:fit-content;height:80%;display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm)}.h-button{width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:var(--radius-full);background-color:var(--g-color);border:var(--border-width)solid var(--g-color);box-shadow:0 2px 8px color-mix(in srgb,var(--g-color) 30%,transparent);transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease,background-color .2s ease}.h-button:hover{transform:scale(1.1);box-shadow:0 4px 14px color-mix(in srgb,var(--g-color) 40%,transparent)}.h-button .icon{color:#fff}.ld-btn .icon-sun{display:none}body.light .ld-btn .icon-sun{display:block}body.light .ld-btn .icon-moon{display:none}.menu-btn{display:none}.locale-wrap{position:relative;display:flex;justify-content:center;align-items:center}.locale-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:10000;width:168px;margin:0;padding:4px;list-style:none;border-radius:var(--radius-md);border:var(--border-width)solid color-mix(in srgb,var(--g-color) 16%,transparent);background:rgba(var(--glass-r),var(--glass-g),var(--glass-b),var(--glass-opacity));backdrop-filter:blur(20px)saturate(180%);box-shadow:0 2px 8px rgba(0,0,0,8%),0 8px 24px rgba(0,0,0,.14);opacity:0;visibility:hidden;transform:translateY(-4px);pointer-events:none;transition:opacity .15s ease,transform .15s ease,visibility .15s ease}.locale-menu.open{opacity:1;visibility:visible;transform:none;pointer-events:auto}.locale-item{width:100%;height:38px;padding:0 10px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);border-radius:var(--radius-sm);background:0 0;font-size:14px;line-height:1;text-align:left;text-decoration:none;color:var(--g-text);cursor:pointer;transition:background-color .15s ease,color .15s ease}.locale-item:hover{background:color-mix(in srgb,var(--g-color) 14%,transparent)}.locale-item:focus-visible{outline:2px solid var(--g-color);outline-offset:-2px;background:color-mix(in srgb,var(--g-color) 14%,transparent)}.locale-item.on{color:var(--g-color);font-weight:600}.locale-check{width:16px;height:16px;flex-shrink:0}@media(max-width:768px){.header .logo{margin-left:var(--space-sm)}.header .logo p{font-size:22px}.search{width:60%;max-width:480px;height:44px}.menu-btn{display:flex}.immersive-btn{display:none}.h-button{width:38px;height:38px}}@media(max-width:480px){.header .logo{margin-left:var(--space-xs)}.header .logo p{font-size:20px}.search{width:60%;max-width:480px;height:44px}.h-button{width:36px;height:36px}}.music-player{position:fixed;top:64px;right:20px;z-index:1000;width:320px;max-width:calc(100vw - 32px);padding:14px;border-radius:var(--space-lg);border:var(--border-width)solid color-mix(in srgb,var(--g-color) 25%,transparent);background:rgba( var(--glass-r),var(--glass-g),var(--glass-b),calc(var(--glass-opacity) * .9) );backdrop-filter:blur(20px)saturate(180%);box-shadow:0 8px 24px var(--g-shadow);color:var(--g-text);display:flex;flex-direction:column;gap:12px;opacity:0;visibility:hidden;transform:translateY(-6px);pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility .2s ease}.music-player.open{opacity:1;visibility:visible;transform:none;pointer-events:auto}.mp-head{display:flex;align-items:center;gap:12px}.mp-cover{width:56px;height:56px;flex-shrink:0;border-radius:var(--space-md);background-color:color-mix(in srgb,var(--g-color) 12%,transparent);display:flex;justify-content:center;align-items:center;overflow:hidden}.mp-cover img{width:100%;height:100%;object-fit:cover}.mp-cover-fallback{width:26px;height:26px;color:var(--g-color)}.mp-meta{flex:1;min-width:0}.mp-title{margin:0;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-artist{margin:2px 0 0;font-size:12px;opacity:.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-status{margin:2px 0 0;font-size:12px;color:var(--g-color)}.mp-status-error{color:var(--color-error)}.mp-close{flex-shrink:0;width:28px;height:28px;display:flex;justify-content:center;align-items:center;border:none;border-radius:var(--radius-full);background-color:transparent;color:var(--g-text);cursor:pointer;transition:background-color .2s ease}.mp-close:hover{background-color:color-mix(in srgb,var(--g-color) 12%,transparent)}.mp-close-icon{width:16px;height:16px}.mp-controls{display:flex;justify-content:center;align-items:center;gap:16px}.mp-btn{width:32px;height:32px;display:flex;justify-content:center;align-items:center;border:none;border-radius:var(--radius-full);background-color:transparent;color:var(--g-text);cursor:pointer;transition:background-color .2s ease}.mp-btn:hover{background-color:color-mix(in srgb,var(--g-color) 12%,transparent)}.mp-ctrl-icon{width:20px;height:20px}.mp-play{width:44px;height:44px;display:flex;justify-content:center;align-items:center;border:none;border-radius:var(--radius-full);background-color:var(--g-color);color:#fff;cursor:pointer;box-shadow:0 2px 8px color-mix(in srgb,var(--g-color) 30%,transparent);transition:transform .2s ease,box-shadow .2s ease}.mp-play:hover{transform:scale(1.08)}.mp-play-icon{width:22px;height:22px}.music-player .icon-pause,.music-player .icon-volume-x{display:none}.music-player.playing .icon-play{display:none}.music-player.playing .icon-pause{display:block}.music-player.muted .icon-volume{display:none}.music-player.muted .icon-volume-x{display:block}.mp-progress,.mp-volume{display:flex;align-items:center;gap:8px}.mp-time{font-size:11px;opacity:.6;min-width:32px;text-align:center}.mp-range{flex:1;-webkit-appearance:none;appearance:none;height:4px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--g-text) 18%,transparent);outline:none;cursor:pointer}.mp-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:var(--radius-full);background:var(--g-color);border:none}.mp-range:disabled::-webkit-slider-thumb{opacity:.4}.mp-listhead{border-top:var(--border-width)solid color-mix(in srgb,var(--g-color) 25%,transparent);padding-top:10px}.mp-listtoggle{display:flex;align-items:center;gap:6px;border:none;background-color:transparent;color:var(--g-text);font-size:12px;font-weight:600;cursor:pointer;padding:2px 4px}.mp-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:2px;max-height:0;overflow:hidden;opacity:0;transform:translateY(-6px);pointer-events:none;transition:max-height .2s ease,opacity .2s ease,transform .2s ease}.mp-list.open{max-height:200px;overflow-y:auto;opacity:1;transform:none;pointer-events:auto}.mp-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:var(--space-sm);cursor:pointer;transition:background-color .2s ease}.mp-item:hover{background-color:color-mix(in srgb,var(--g-color) 12%,transparent)}.mp-item.on{background-color:color-mix(in srgb,var(--g-color) 20%,transparent)}.mp-item.on .mp-item-title{color:var(--g-color);font-weight:600}.mp-item-title{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-item-artist{font-size:11px;opacity:.6;flex-shrink:0}@media(max-width:768px){.music-player{right:12px;width:calc(100vw - 24px)}}@media(max-width:480px){.music-player{left:12px;right:12px;width:auto;padding:12px}}.search input{outline:none}.search-results{position:fixed;top:0;left:0;z-index:10000;max-height:60vh;overflow-y:auto;border:var(--border-width)solid color-mix(in srgb,var(--g-color) 12%,transparent);background:rgba(var(--glass-r),var(--glass-g),var(--glass-b),var(--glass-opacity));backdrop-filter:blur(20px)saturate(180%);box-shadow:0 2px 8px rgba(0,0,0,6%),0 8px 24px rgba(0,0,0,.1);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease}.search-results.open{opacity:1;visibility:visible;transform:none}.search-empty{padding:16px;text-align:center;color:var(--g-text)}.search-counter{padding:8px 16px;font-size:12px;color:var(--g-text);border-bottom:var(--border-width)solid color-mix(in srgb,var(--g-color) 25%,transparent)}.search-item{display:block;width:calc(100% - 12px);padding:12px 16px;margin:2px 6px;border:none;border-radius:var(--radius-md);font:inherit;text-align:left;background:0 0;cursor:pointer;color:var(--g-text);transition:background-color .15s ease}.search-item:hover,.search-item:focus-visible{background-color:color-mix(in srgb,var(--g-color) 15%,transparent)}.search-item:focus-visible{outline:2px solid var(--g-color);outline-offset:-2px}.search-item-title{display:block;font-weight:600;margin-bottom:4px}.search-item-meta{display:block;font-size:13px;opacity:.7}.search-item-date{margin-left:8px}.search-item-tags{display:block;font-size:12px;margin-top:6px}.search-hit{color:var(--g-color)}.search-tag{display:inline-block;margin-right:4px;padding:2px 6px;font-size:11px;border-radius:var(--radius-sm);background-color:color-mix(in srgb,var(--g-color) 25%,transparent);color:var(--g-text)}.siteage{width:80%;height:fit-content;display:flex;justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-full);border:var(--border-width)solid color-mix(in srgb,var(--g-color) 25%,transparent);background-color:color-mix(in srgb,var(--g-color) 15%,transparent);color:var(--g-text)}.copyright{width:80%;height:fit-content;display:flex;justify-content:center;align-items:center;padding:var(--space-sm);border-radius:var(--radius-full);border:var(--border-width)solid color-mix(in srgb,var(--g-color) 25%,transparent);background-color:color-mix(in srgb,var(--g-color) 15%,transparent);color:var(--g-text)}@media(max-width:480px){.siteage{width:90%;font-size:.9em}.copyright{width:100%;font-size:.9em}}.avator{width:100px;height:100px;margin-top:var(--space-md);border:var(--border-width-lg)solid var(--g-color);border-radius:var(--radius-full);overflow:hidden}.avator img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease-in-out}.avator:hover img{transform:rotate(360deg)}.saying{width:90%;height:fit-content;margin:var(--space-xs)auto;text-align:center;font-size:14px;font-style:italic;line-height:normal;color:var(--g-color);user-select:none}.nav{width:100%;height:fit-content;max-height:240px;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;gap:var(--space-xs);padding:var(--space-sm);margin-bottom:var(--space-xs);text-align:center;overflow-y:auto;background:0 0}.nav .nav-element{width:fit-content;height:fit-content;min-width:160px;min-height:40px;padding:var(--space-sm);border:var(--border-width)solid color-mix(in srgb,var(--g-text) 8%,transparent);border-radius:var(--radius-md);background:rgba(var(--glass-r),var(--glass-g),var(--glass-b),.3);transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease,border-color .2s ease,background-color .2s ease;text-decoration:none;color:var(--g-text)}.nav .nav-element:hover{transform:translateY(-2px);background:rgba(var(--glass-r),var(--glass-g),var(--glass-b),.5);border-color:color-mix(in srgb,var(--g-text) 15%,transparent);box-shadow:0 4px 12px var(--g-shadow)}.weather-ip{width:75%;height:fit-content;display:flex;justify-content:center;align-items:center;flex-direction:row;gap:var(--space-sm);border-radius:var(--radius-full);border:var(--border-width)solid color-mix(in srgb,var(--g-text) 8%,transparent);padding:var(--space-sm);background:rgba(var(--glass-r),var(--glass-g),var(--glass-b),.3)}.weather-ip .weather-number{font-size:14px;font-weight:600;color:var(--g-text)}.weather-ip .ip{width:fit-content;height:auto;display:flex;justify-content:center;align-items:center;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--g-text)}.weather-skeleton{height:12px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--g-text) 12%,transparent);animation:weather-pulse 1.2s ease-in-out infinite}.weather-skeleton-temp{width:34px}.weather-skeleton-city{width:52px}@keyframes weather-pulse{50%{opacity:.45}}.bsz-btn{width:90%;height:fit-content;min-height:40px;padding:var(--space-sm);border-radius:var(--radius-md);color:var(--g-text);border:var(--border-width)solid color-mix(in srgb,var(--g-color) 30%,transparent);background:color-mix(in srgb,var(--g-color) 30%,transparent);transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease,border-color .2s ease,background-color .2s ease}.bsz-btn:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--g-color) 50%,transparent);border-color:color-mix(in srgb,var(--g-color) 45%,transparent);box-shadow:0 4px 12px rgba(0,0,0,8%)}.bsz-box{position:fixed;inset:0;margin:auto;width:400px;height:400px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);border:var(--border-width)solid color-mix(in srgb,var(--g-text) 8%,transparent);border-radius:var(--radius-lg);background:rgba(var(--glass-r),var(--glass-g),var(--glass-b),.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 20px 60px var(--g-shadow);padding:20px}.bsz-box::backdrop{background:rgba(0,0,0,.2);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.bsz-header{width:100%;height:10%;display:flex;justify-content:center;align-items:center;flex-direction:row;gap:60%}.bsz-header p{margin:0;font-size:16px;font-weight:600;color:var(--g-text)}.bsz-header button{width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;border:var(--border-width)solid color-mix(in srgb,var(--g-text) 8%,transparent);background:color-mix(in srgb,var(--g-text) 8%,transparent);color:var(--g-text);cursor:pointer;transition:background .2s ease}.bsz-header button:hover{background:color-mix(in srgb,var(--g-text) 18%,transparent)}.bsz-body{width:100%;height:80%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:var(--space-sm);align-items:stretch}.bsz-item{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:var(--space-xs);border:var(--border-width)solid color-mix(in srgb,var(--g-color) 20%,transparent);border-radius:var(--radius-md);padding:var(--space-sm);background:color-mix(in srgb,var(--g-color) 12%,transparent)}.bsz-label{font-size:13px;color:color-mix(in srgb,var(--g-text) 60%,transparent)}.bsz-num{font-size:22px;font-weight:700;color:var(--g-color)}.bsz-footer{width:100%;height:10%;display:flex;justify-content:center;align-items:center;flex-direction:row;text-align:center;font-size:11px;opacity:.4}.bsz-footer p{margin:0;font-size:16px;font-weight:600;color:var(--g-text)}.bsz-footer a{margin:0;font-size:16px;font-weight:600;color:var(--g-color)}.post-layout{display:flex;align-items:flex-start;gap:var(--space-lg);width:100%}.post-main{flex:1;min-width:0}.end-components{display:flex;flex-direction:column;gap:var(--space-lg)}.status-area{width:100%;height:fit-content;display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm)var(--space-md);border:var(--border-width)solid color-mix(in srgb,var(--g-color) 30%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--g-color) 20%,transparent);margin:var(--space-sm)0;box-sizing:border-box}.word-count,.reading-time{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.file-icon,.clock-icon{width:32px;height:32px;padding:8px;box-sizing:border-box;border-radius:8px;color:var(--g-color);background:color-mix(in srgb,var(--g-color) 12%,transparent)}.word-info,.reading-info{display:flex;flex-direction:column;gap:1px}.word-info span,.reading-info span{line-height:1}.word-info span:first-child,.reading-info span:first-child{font-size:14px;font-weight:700;font-family:consolas,monaco,courier new,monospace;color:var(--g-color)}.word-info span:last-child,.reading-info span:last-child{font-size:11px;color:var(--g-text);opacity:.45}.reading-time{margin-left:auto}.edit-area{width:100%;height:fit-content;display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm)var(--space-md);border:1px solid color-mix(in srgb,var(--g-color) 30%,transparent);border-radius:var(--radius-md);margin:var(--space-sm)0;box-sizing:border-box;background:color-mix(in srgb,var(--g-color) 20%,transparent);color:var(--g-text)}.publish-time,.update-time{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.calendar-icon{width:32px;height:32px;padding:8px;box-sizing:border-box;border-radius:8px;color:var(--g-color);background:color-mix(in srgb,var(--g-color) 12%,transparent)}.refresh-icon{width:32px;height:32px;padding:8px;box-sizing:border-box;border-radius:8px;color:var(--g-color);background:color-mix(in srgb,var(--g-color) 8%,transparent)}.pulish-info,.update-info{display:flex;flex-direction:column;gap:1px}.pulish-info span:first-child,.update-info span:first-child{font-size:11px;opacity:.5;line-height:1}.pulish-info span:last-child,.update-info span:last-child{font-size:13px;font-weight:600;font-family:consolas,monaco,courier new,monospace;color:var(--g-color);line-height:1}.update-time{margin-left:auto}.history-area{margin:var(--space-sm)0;padding:var(--space-sm)var(--space-md);border:1px solid color-mix(in srgb,var(--g-color) 30%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--g-color) 20%,transparent);color:var(--g-text);box-sizing:border-box}.history-head{display:flex;align-items:center;gap:var(--space-sm);font-size:13px;font-weight:600;color:var(--g-color)}.history-icon{width:28px;height:28px;padding:6px;box-sizing:border-box;border-radius:8px;color:var(--g-color);background:color-mix(in srgb,var(--g-color) 10%,transparent)}.history-list{margin:var(--space-sm)0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-sm)}.history-item{display:flex;align-items:baseline;gap:var(--space-sm);font-size:13px;line-height:1.6}.history-item time{flex-shrink:0;font-family:consolas,monaco,courier new,monospace;font-size:12px;color:var(--g-color);opacity:.7}.history-item span{color:var(--g-text)}.share-area{width:100%;height:fit-content;display:flex;justify-content:center;align-items:center}.share-box{width:fit-content;height:max-content;display:flex;justify-content:center;align-items:center;flex-direction:row;gap:var(--space-sm);padding:var(--space-md);border:var(--border-width)solid color-mix(in srgb,var(--g-color) 25%,transparent);border-radius:var(--space-lg)}.share-icon{color:var(--g-text);opacity:.6}.share-text{color:var(--g-text);opacity:.6}.share-box .btn-list{width:fit-content;height:fit-content;display:flex;justify-content:center;align-items:center;gap:var(--space-sm)}.share-box .btn{width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:var(--radius-sm);border:var(--border-width)solid var(--g-color)}.weixin{background:#07c160;border-color:#06ad56;color:#fff}.weixin:hover{background:#06ad56}.qq{background:#12b7f5;border-color:#0fa5d8;color:#fff}.qq:hover{background:#0fa5d8}.weibo{background:#e6162d;border-color:#c81023;color:#fff}.weibo:hover{background:#c81023}.tg{background:#229ed9;border-color:#1b8ac0;color:#fff}.tg:hover{background:#1b8ac0}.facebook{background:#1877f2;border-color:#1466ce;color:#fff}.facebook:hover{background:#1466ce}.x{background:#000;border-color:#111;color:#fff}.x:hover{background:#111}.copy-btn{background:var(--g-color);border-color:var(--g-hover);color:#fff}.copy-btn:hover{background:var(--g-hover)}.qrcode-dialog[open]{width:fit-content;height:fit-content;padding:var(--space-md);border:var(--border-width)solid color-mix(in srgb,var(--g-color) 15%,transparent);border-radius:var(--radius-md);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-sm)}.dialog-head{width:100%;height:fit-content;display:flex;justify-content:center;align-items:center;flex-direction:row;gap:var(--space-sm)}.qrcode-dialog .dialog-close{border-radius:var(--radius-md);background-color:#fff}.postnav-area{width:100%;height:fit-content;min-height:100px;display:flex;justify-content:center;align-items:center;flex-direction:row;gap:var(--space-md)}.post-btn{width:50%;height:fit-content;padding:var(--space-md)var(--space-lg);border:var(--border-width)solid color-mix(in srgb,var(--g-color) 25%,transparent);border-radius:var(--radius-lg);background:rgba(var(--glass-r),var(--glass-g),var(--glass-b),.5);transition:background .3s ease,border-color .3s ease,box-shadow .3s ease;text-decoration:none}.post-btn:hover{background:rgba(var(--glass-r),var(--glass-g),var(--glass-b),.8);border-color:var(--g-color);box-shadow:0 4px 16px rgba(0,0,0,8%)}.pre-post{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;gap:var(--space-xs)}.next-post{display:flex;justify-content:center;align-items:flex-end;flex-direction:column;gap:var(--space-xs)}.post-label{font-size:12px;font-weight:500;letter-spacing:.05em;color:color-mix(in srgb,var(--g-text) 45%,transparent)}.post-title{font-size:14px;font-weight:500;color:var(--g-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.comment{width:100%;height:fit-content;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:var(--space-sm);border:var(--border-width)solid color-mix(in srgb,var(--g-color) 25%,transparent);border-radius:var(--space-lg);margin:var(--space-sm)}.comment-head{width:100%;height:fit-content;display:flex;justify-content:center;align-items:center;border-bottom:var(--border-width)solid color-mix(in srgb,var(--g-color) 25%,transparent);margin:var(--space-sm);color:var(--g-text)}.comment-text{width:100%;height:fit-content;display:flex;justify-content:center;align-items:center;color:var(--g-color);font-style:italic}.comment-box{position:relative;width:100%;height:fit-content;min-height:220px;display:flex;justify-content:center;align-items:center;padding:var(--space-lg)}.comment-box-loading .giscus{opacity:0}.comment-box .giscus{transition:opacity .2s ease}.comment-skeleton{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg);pointer-events:none}.comment-skeleton-head{display:flex;align-items:center;gap:var(--space-sm)}.comment-skeleton-avatar{width:36px;height:36px;flex:none;border-radius:var(--radius-full)}.comment-skeleton-lines{flex:1;display:flex;flex-direction:column;gap:var(--space-xs)}.comment-skeleton-line{height:12px;border-radius:var(--radius-full)}.comment-skeleton-line-long{width:58%}.comment-skeleton-line-short{width:34%}.comment-skeleton-input{height:96px;border-radius:var(--radius-md)}.comment-skeleton-avatar,.comment-skeleton-line,.comment-skeleton-input{background:color-mix(in srgb,var(--g-text) 10%,transparent);animation:comment-pulse 1.2s ease-in-out infinite}@keyframes comment-pulse{50%{opacity:.45}}.comment-failed{color:var(--g-text);font-size:13px;opacity:.7}.toc-sidebar{position:sticky;top:0;align-self:flex-start;flex-shrink:0;width:220px;max-height:calc(600px - 48px);overflow-y:auto;margin-top:var(--space-sm)}.toc-box{border-left:var(--border-width)solid color-mix(in srgb,var(--g-color) 25%,transparent)}.toc-head{display:flex;align-items:center;justify-content:space-between;padding:6px var(--space-sm);font-size:13px;font-weight:600;color:var(--g-text)}.toc-list{display:flex;flex-direction:column;padding:0 var(--space-xs)}.toc-item{display:block;margin:1px 0;padding:4px var(--space-sm);font-size:13px;line-height:1.5;color:var(--g-text);border-left:2px solid transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;cursor:pointer;transition:color .15s ease,background .15s ease}.toc-item:hover,.toc-item:focus-visible{color:var(--g-color);background:color-mix(in srgb,var(--g-color) 8%,transparent);text-shadow:none}.toc-item:focus-visible{outline:2px solid var(--g-color);outline-offset:-2px}.toc-item-on,.toc-item-on:hover,.toc-item-on:focus-visible{color:var(--g-color);background:color-mix(in srgb,var(--g-color) 10%,transparent);border-left-color:var(--g-color);font-weight:600}.toc-fab{display:none}.toc-dialog[open]{width:min(320px,86vw);max-height:70vh;padding:var(--space-md);border:var(--border-width)solid color-mix(in srgb,var(--g-color) 15%,transparent);border-radius:var(--radius-md);background:var(--g-bg);display:flex;flex-direction:column;gap:var(--space-sm)}.toc-dialog .dialog-head{justify-content:space-between;font-size:13px;font-weight:600;color:var(--g-text)}.toc-dialog .dialog-close{display:flex;justify-content:center;align-items:center;border-radius:var(--radius-md);background-color:transparent;color:var(--g-text)}.toc-dialog-list{display:flex;flex-direction:column;min-height:0;overflow-y:auto;padding:0 var(--space-xs)}.back-top-btn{position:fixed;right:40px;bottom:40px;z-index:999;width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:var(--radius-full);background-color:var(--g-color);transition:transform .25s cubic-bezier(.34,1.56,.64,1);animation:back-top-in .3s cubic-bezier(.22,1,.36,1)backwards}.back-top-btn:hover{transform:scale(1.08)}.back-top-btn:active{transform:scale(.94)}@keyframes back-top-in{from{opacity:0;transform:scale(.8)}}.back-icon{color:#fff}.back-top-btn .progress{position:absolute;inset:-4px;border-radius:var(--radius-full);z-index:-1;background:conic-gradient(var(--g-color) var(--scroll-deg,0deg),transparent 0)}@media(max-width:1280px){.toc-sidebar{width:200px}}@media(max-width:1024px){.toc-sidebar{width:180px}.post-layout{gap:var(--space-md)}.end-components{gap:var(--space-md)}}@media(max-width:768px){.status-area{gap:var(--space-sm);padding:var(--space-sm)}.file-icon,.clock-icon{width:28px;height:28px;padding:7px}.edit-area{gap:var(--space-sm);padding:var(--space-sm)}.calendar-icon,.refresh-icon{width:28px;height:28px;padding:7px}.share-box{width:100%;flex-direction:column;gap:var(--space-sm)}.share-box .btn-list{flex-wrap:wrap;justify-content:center;gap:var(--space-xs)}.share-box .btn{width:36px;height:36px}.postnav-area{gap:var(--space-sm)}.post-btn{padding:var(--space-sm)var(--space-md)}.comment{margin:var(--space-xs)}.toc-sidebar{display:none}.toc-fab{display:flex;position:fixed;right:40px;bottom:92px;z-index:999;width:40px;height:40px;color:#fff;justify-content:center;align-items:center;border-radius:var(--radius-full);background-color:var(--g-color)}}@media(max-width:480px){.status-area{gap:var(--space-xs);padding:var(--space-xs)var(--space-sm)}.word-info span:first-child,.reading-info span:first-child{font-size:13px}.word-info span:last-child,.reading-info span:last-child{font-size:10px}.edit-area{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.publish-time,.update-time{width:100%}.update-time{margin-left:0}.history-item{flex-direction:column;gap:2px}.share-box .btn{width:32px;height:32px}.share-text{font-size:13px}.postnav-area{flex-direction:column;gap:var(--space-xs)}.post-btn{width:100%}.comment-box{padding:var(--space-sm)}.comment-skeleton{padding:var(--space-sm)}}.content{color:var(--g-text);font-size:16px;line-height:1.75;overflow-wrap:break-word;min-width:0}.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{margin:1.5em 0 .75em;font-weight:600;line-height:1.3;scroll-margin-top:80px}.content h1{font-size:2em;margin-top:.5em}.content h2{font-size:1.5em}.content h3{font-size:1.25em}.content h4{font-size:1.1em}.content h5{font-size:1em}.content h6{font-size:.875em;color:color-mix(in srgb,var(--g-text) 62%,transparent)}.content .heading-anchor{margin-left:.35em;font-weight:400;color:color-mix(in srgb,var(--g-text) 45%,transparent);text-decoration:none;opacity:0;transition:opacity .2s ease}.content h1:hover .heading-anchor,.content h2:hover .heading-anchor,.content h3:hover .heading-anchor,.content h4:hover .heading-anchor,.content h5:hover .heading-anchor,.content h6:hover .heading-anchor,.content .heading-anchor:focus-visible{opacity:1}.content p{margin:.9em 0}.content ul,.content ol{margin:.9em 0;padding-left:1.6em}.content li{margin:.35em 0}.content li::marker{color:var(--g-color)}.content a{color:var(--g-color);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--g-color) 40%,transparent);transition:border-bottom-color .15s}.content a:hover{border-bottom-color:transparent}.content img{display:block;width:100%;max-width:100%;box-sizing:border-box;height:auto;aspect-ratio:4/3;object-fit:cover;margin:2em auto;border:8px solid var(--g-color);border-radius:12px}.content blockquote{margin:1em 0;padding:.6em 1em;border-left:3px solid var(--g-color);border-radius:0 8px 8px 0;background:rgba(var(--glass-r),var(--glass-g),var(--glass-b),.35);color:color-mix(in srgb,var(--g-text) 72%,transparent)}.content blockquote p{margin:.4em 0}.content table{width:100%;margin:1em 0;border-collapse:collapse;font-size:.95em}.content th,.content td{padding:8px 12px;border:1px solid color-mix(in srgb,var(--g-text) 15%,transparent);text-align:left}.content th{background:rgba(var(--glass-r),var(--glass-g),var(--glass-b),.45);font-weight:600}.content tbody tr:nth-child(2n){background:rgba(var(--glass-r),var(--glass-g),var(--glass-b),.22)}.content code{padding:.2em .4em;border-radius:4px;background:rgba(var(--glass-r),var(--glass-g),var(--glass-b),.5);font-size:.9em;font-family:ui-monospace,Consolas,courier new,monospace}.content div[class*=language-],.content .highlight{position:relative;margin:1em 0;border-radius:8px;border:1px solid color-mix(in srgb,var(--g-color) 15%,transparent);overflow:hidden;max-width:100%}.content pre{margin:0;padding:16px;overflow-x:auto;font-size:14px;line-height:1.6;width:100%;max-width:100%;box-sizing:border-box}.content pre code{padding:0;background:0 0;font-size:inherit}.content .highlight.language-mermaid pre{background:0 0 !important}.content div[class*=language-] .code-toolbar{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;border-bottom:1px solid color-mix(in srgb,var(--g-color) 15%,transparent);background:rgba(var(--glass-r),var(--glass-g),var(--glass-b),.45)}.content div[class*=language-] .code-toolbar .lang{display:flex;align-items:center;gap:6px;padding:2px 10px;border-radius:12px;font-size:12px;color:color-mix(in srgb,var(--g-text) 55%,transparent);letter-spacing:.3px;text-transform:lowercase;pointer-events:none;background:color-mix(in srgb,var(--g-color) 12%,transparent)}.content div[class*=language-] .code-toolbar .lang .lang-dot{width:8px;height:8px;border-radius:50%;background:currentColor;opacity:.6;flex-shrink:0}.content div[class*=language-] .code-toolbar .lang.lang-javascript{background-color:#f0db4f;color:#1e1e2e}.content div[class*=language-] .code-toolbar .lang.lang-html{background-color:#e34f26;color:#fff}.content div[class*=language-] .code-toolbar .lang.lang-css{background-color:#563d7c;color:#fff}.content div[class*=language-] .code-toolbar .lang.lang-vue{background-color:#41b883;color:#1e1e2e}.content div[class*=language-] .code-toolbar .lang.lang-json{background-color:#b8b8b8;color:#1e1e2e}.content div[class*=language-] .code-toolbar .lang.lang-yaml{background-color:#6b5b95;color:#fff}.content div[class*=language-] .code-toolbar .lang.lang-toml{background-color:#4479a1;color:#fff}.content div[class*=language-] .code-toolbar .lang.lang-sql{background-color:#00618b;color:#fff}.content div[class*=language-] .code-toolbar .lang.lang-python{background-color:#3776ab;color:#fff}.content div[class*=language-] .code-toolbar .lang.lang-shell{background-color:#4eaa25;color:#fff}.content div[class*=language-] .code-toolbar .lang.lang-markdown{background-color:#519aba;color:#fff}.content div[class*=language-] .code-toolbar .lang.lang-mermaid{background-color:#41b883;color:#1e1e2e}.content div[class*=language-] .code-toolbar .lang.lang-csv{background-color:#2a9d8f;color:#fff}.content div[class*=language-] .code-toolbar button.copy{position:relative;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:0 0;color:color-mix(in srgb,var(--g-text) 55%,transparent);cursor:pointer;opacity:1;transition:opacity .2s,color .2s}.content div[class*=language-]:hover .code-toolbar button.copy{opacity:1}.content div[class*=language-] .code-toolbar button.copy.copied{color:var(--color-success)}.content div[class*=language-] .code-toolbar button.copy.copied svg{display:none}.content div[class*=language-] .code-toolbar button.copy.copied::after{content:'';width:14px;height:14px;background:currentColor;-webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>')center/contain no-repeat;mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>')center/contain no-repeat}.content .admonition{position:relative;margin:16px 0;border-radius:6px;border:1px solid color-mix(in srgb,var(--admo-color) 30%,transparent);border-left:4px solid var(--admo-color);background:color-mix(in srgb,var(--admo-color) 7%,transparent);overflow:hidden}.content .admonition-head{display:flex;align-items:center;gap:8px;padding:12px 16px 0;color:var(--admo-color);font-weight:600;font-size:14px;line-height:1.4}.content .admonition-head svg{flex-shrink:0;width:16px;height:16px}.content .admonition-body{padding:8px 16px 12px;color:var(--g-text);font-size:14px;line-height:1.7}.content .admonition-body>:first-child{margin-top:0}.content .admonition-body>:last-child{margin-bottom:0}.content .admonition-tip{--admo-color:#1a7f37}.content .admonition-info{--admo-color:#0969da}.content .admonition-warn{--admo-color:#9a6700}.content .admonition-error{--admo-color:#cf222e}.dark .content .admonition-tip{--admo-color:#3fb950}.dark .content .admonition-info{--admo-color:#4493f8}.dark .content .admonition-warn{--admo-color:#d29922}.dark .content .admonition-error{--admo-color:#f85149}.content div[class*=language-] pre.shiki code{counter-reset:code-line}.content div[class*=language-] pre.shiki code span.line{counter-increment:code-line}.content div[class*=language-] pre.shiki code span.line::before{content:counter(code-line);display:inline-block;width:2em;margin-right:1em;text-align:right;color:color-mix(in srgb,var(--g-text) 40%,transparent);user-select:none}.content .task-list-container{padding-left:0;list-style:none}.content .task-list-item input[type=checkbox]{margin-right:8px;accent-color:var(--g-color)}.content .task-list-item .task-list-item-label{vertical-align:1px}@media(max-width:1024px){.content{font-size:15px}.content pre{padding:14px}.content th,.content td{padding:7px 10px}}@media(max-width:768px){.content{font-size:15px}.content h1{font-size:1.7em}.content h2{font-size:1.35em}.content h3{font-size:1.15em}.content h4{font-size:1.05em}.content pre{padding:12px;font-size:13px}.content blockquote{padding:.5em .9em}.content th,.content td{padding:6px 8px}.content div[class*=language-] .code-toolbar{padding:5px 10px;overflow-x:auto}.content .katex-display,.content .katex-block,.content .katex,.content .admonition{overflow-x:auto;overflow-y:hidden;max-width:100%}}@media(max-width:480px){.content{font-size:14px}.content h1{font-size:1.55em}.content h2{font-size:1.25em}.content h3{font-size:1.05em}.content pre{padding:10px;font-size:12px}.content .admonition-head{padding:10px 12px 0}.content .admonition-body{padding:8px 12px}}.content .timeline{margin:16px 0;padding-left:4px;border-left:2px solid color-mix(in srgb,var(--g-color) 35%,transparent)}.content .timeline-item{position:relative;padding:0 0 20px 20px}.content .timeline-item:last-child{padding-bottom:4px}.content .timeline-dot{position:absolute;left:-10px;top:5px;width:10px;height:10px;border-radius:50%;background:var(--g-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--g-color) 25%,transparent)}.content .timeline-time{font-size:.85em;color:color-mix(in srgb,var(--g-text) 60%,transparent);font-variant-numeric:tabular-nums}.content .timeline-title{font-weight:600;margin:2px 0}.content .timeline-desc{color:color-mix(in srgb,var(--g-text) 80%,transparent);font-size:.95em}.content .steps{margin:16px 0}.content .steps-item{display:flex;gap:14px;padding-bottom:20px;position:relative}.content .steps-item:last-child{padding-bottom:4px}.content .steps-item:not(:last-child)::before{content:'';position:absolute;left:13px;top:30px;bottom:2px;width:2px;background:color-mix(in srgb,var(--g-color) 30%,transparent)}.content .steps-no{flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:var(--g-color);color:var(--g-on-color);display:flex;align-items:center;justify-content:center;font-size:.85em;font-weight:600}.content .steps-body{min-width:0}.content .steps-title{font-weight:600;line-height:28px}.content .steps-desc{color:color-mix(in srgb,var(--g-text) 80%,transparent);font-size:.95em;margin-top:2px}.content .tabs{display:flex;flex-wrap:wrap;margin:16px 0;border:1px solid color-mix(in srgb,var(--g-color) 25%,transparent);border-radius:8px;overflow:hidden}.content .tabs-tab{position:relative;display:flex;flex:1 0 auto;order:0;align-items:center;justify-content:center;padding:10px 16px;cursor:pointer;white-space:nowrap;font-size:.9em;color:color-mix(in srgb,var(--g-text) 70%,transparent);border-bottom:2px solid transparent;background:color-mix(in srgb,var(--g-color) 6%,transparent)}.content .tabs-tab input[type=radio]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.content .tabs-tab:has(>input[type=radio]:checked){color:var(--g-color);border-bottom-color:var(--g-color);font-weight:600}.content .tabs-tab:has(>input[type=radio]:focus-visible){outline:2px solid var(--g-color);outline-offset:-2px}.content .tabs-panel{order:1;flex:0 0 100%;display:none;width:100%;padding:16px;white-space:pre-wrap;font-size:.95em;border-top:1px solid color-mix(in srgb,var(--g-color) 20%,transparent)}.content .tabs-tab:has(>input[type=radio]:checked)+.tabs-panel{display:block}@media(max-width:480px){.content .tabs-tab{padding:8px 10px;font-size:.85em}}.content .filetree-box{--ft-line:color-mix(in srgb, var(--g-text) 22%, transparent);--ft-row:calc(1px + 0.85em);margin:16px 0;padding:12px 16px;border:1px solid color-mix(in srgb,var(--g-text) 25%,transparent);border-radius:8px;background:var(--shiki-background);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em;line-height:1.7;overflow-x:auto}.content .filetree-box ul{list-style:none;margin:0;padding-left:0}.content .filetree-box li{position:relative;padding:1px 0;display:flex;align-items:center;flex-wrap:wrap;gap:7px;white-space:nowrap}.content .filetree-box li>ul{flex:0 0 100%}.content .filetree-box ul ul>li{padding-left:20px}.content .filetree-box ul ul>li::before{content:'';position:absolute;left:0;top:0;bottom:0;width:1px;background:var(--ft-line)}.content .filetree-box ul ul>li:last-child::before{bottom:auto;height:var(--ft-row)}.content .filetree-box ul ul>li::after{content:'';position:absolute;left:0;top:var(--ft-row);width:20px;height:1px;background:var(--ft-line)}.content .filetree-icon{display:inline-flex;flex:none;align-items:center;color:color-mix(in srgb,var(--g-text) 55%,transparent)}.content .filetree-box li.is-dir>.filetree-icon{color:var(--g-color)}.content .filetree-box li.is-dir>.filetree-name{font-weight:600}.content .filetree-note{color:color-mix(in srgb,var(--g-text) 48%,transparent);font-size:.85em}.content .terminal{margin:16px 0;border-radius:8px;overflow:hidden;border:1px solid color-mix(in srgb,var(--g-text) 25%,transparent);background:#1e1e1e}.content .terminal-bar{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#2d2d2d}.content .terminal-dot{width:11px;height:11px;border-radius:50%}.content .terminal-dot.dot-red{background:#ff5f57}.content .terminal-dot.dot-yellow{background:#febc2e}.content .terminal-dot.dot-green{background:#28c840}.content .terminal-title{margin-left:8px;font-size:.78em;color:#999}.content .terminal-body{padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em;line-height:1.7;color:#d4d4d4;overflow-x:auto}.content .terminal-line{white-space:pre}.content .terminal-cmd{color:#fff}.content .terminal-prompt{color:#28c840;font-weight:700;user-select:none}.content .details{margin:16px 0;border:1px solid color-mix(in srgb,var(--g-color) 25%,transparent);border-radius:8px;overflow:hidden}.content .details>summary{padding:10px 14px;cursor:pointer;font-weight:600;list-style:none;background:color-mix(in srgb,var(--g-color) 6%,transparent);user-select:none}.content .details>summary::-webkit-details-marker{display:none}.content .details>summary::marker{content:''}.content .details>summary::before{content:'';display:inline-block;width:6px;height:6px;margin-right:8px;vertical-align:1px;border-right:2px solid var(--g-color);border-bottom:2px solid var(--g-color);transform:rotate(-45deg);transition:transform .2s}.content .details[open]>summary::before{transform:rotate(45deg)}.content .details-body{padding:12px 14px;border-top:1px solid color-mix(in srgb,var(--g-color) 20%,transparent);white-space:pre-wrap;font-size:.95em}.content .flow{margin:16px 0;display:flex;flex-direction:column;align-items:center}.content .flow-node{padding:10px 20px;border:1px solid color-mix(in srgb,var(--g-color) 40%,transparent);border-radius:8px;background:color-mix(in srgb,var(--g-color) 6%,transparent);text-align:center;max-width:100%}.content .flow-text{font-weight:600}.content .flow-sub{font-size:.85em;color:color-mix(in srgb,var(--g-text) 60%,transparent);margin-top:2px}.content .flow-arrow{color:var(--g-color);padding:2px 0;display:flex}.content .qa{margin:16px 0}.content .qa-item{border:1px solid color-mix(in srgb,var(--g-color) 25%,transparent);border-radius:8px;margin-bottom:10px;overflow:hidden}.content .qa-q{display:flex;align-items:baseline;gap:8px;padding:10px 14px;cursor:pointer;font-weight:600;list-style:none;user-select:none}.content .qa-q::-webkit-details-marker{display:none}.content .qa-q::marker{content:''}.content .qa-q::after{content:'';flex:none;align-self:center;width:6px;height:6px;margin-left:auto;border-right:2px solid color-mix(in srgb,var(--g-text) 45%,transparent);border-bottom:2px solid color-mix(in srgb,var(--g-text) 45%,transparent);transform:rotate(-45deg);transition:transform .2s}.content .qa-item[open] .qa-q::after{transform:rotate(45deg)}.content .qa-badge{flex:none;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--g-color);color:var(--g-on-color);font-size:.72em;font-weight:700;transform:translateY(2px)}.content .qa-badge-a{background:color-mix(in srgb,var(--g-color) 55%,transparent)}.content .qa-a{display:flex;align-items:baseline;gap:8px;padding:10px 14px;border-top:1px dashed color-mix(in srgb,var(--g-color) 20%,transparent);color:color-mix(in srgb,var(--g-text) 85%,transparent);font-size:.95em}.content .compare{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.content .compare-col{border:1px solid color-mix(in srgb,var(--g-color) 25%,transparent);border-radius:8px;overflow:hidden}.content .compare-head{padding:8px 14px;font-weight:700;background:color-mix(in srgb,var(--g-color) 8%,transparent);color:var(--g-color);text-align:center}.content .compare-col ul{margin:0;padding:10px 14px 10px 32px}.content .compare-col li{padding:3px 0;font-size:.95em}.content .quote{margin:16px 0;padding:14px 18px;border-left:4px solid var(--g-color);border-radius:0 8px 8px 0;background:color-mix(in srgb,var(--g-color) 5%,transparent)}.content .quote-body{font-size:1.05em;line-height:1.8}.content .quote-body::before{content:'“';font-size:1.6em;color:var(--g-color);line-height:0;margin-right:4px;vertical-align:-.3em}.content .quote-cite{margin-top:8px;font-size:.88em;color:color-mix(in srgb,var(--g-text) 60%,transparent);text-align:right}.content .quote-source{margin-left:6px;font-style:normal}.content kbd{display:inline-block;padding:2px 7px;border:1px solid color-mix(in srgb,var(--g-text) 30%,transparent);border-bottom-width:2px;border-radius:5px;background:color-mix(in srgb,var(--g-text) 5%,transparent);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82em;line-height:1.4;box-shadow:0 1px color-mix(in srgb,var(--g-text) 15%,transparent)}.content .badge{display:inline-block;padding:1px 9px;border-radius:999px;background:color-mix(in srgb,var(--g-color) 15%,transparent);color:var(--g-color);font-size:.78em;font-weight:600;line-height:1.6;vertical-align:.08em}.content mark{padding:0 3px;border-radius:3px;background:color-mix(in srgb,#ffd43b 55%,transparent);color:inherit}.dark .content mark{color:#1f2328}@media(max-width:480px){.content .compare{grid-template-columns:1fr}.content .quote{padding:10px 12px}}.content .tabs.code-group .tabs-panel{padding:0;white-space:normal}.content .tabs.code-group .tabs-panel>div[class*=language-]{margin:0;border-radius:0 0 8px 8px;border-top:none}.content pre.diff{padding:0;background:var(--shiki-background)}.content pre.diff code{display:block;counter-reset:diff-line}.content pre.diff .diff-line{display:block;width:max-content;min-width:100%;min-height:1.6em;padding:0 16px;box-sizing:border-box;white-space:pre;counter-increment:diff-line}.content pre.diff .diff-line::before{content:counter(diff-line);display:inline-block;width:2em;margin-right:1em;text-align:right;color:color-mix(in srgb,var(--g-text) 40%,transparent);user-select:none}.content pre.diff .diff-add{background:#e6ffec}.content pre.diff .diff-del{background:#ffebe9}.content pre.diff .diff-hunk{background:#f1f8ff;color:#57606a}.content pre.diff .diff-file,.content pre.diff .diff-meta{color:#57606a}.dark .content pre.diff .diff-add{background:rgba(46,160,67,.15)}.dark .content pre.diff .diff-del{background:rgba(248,81,73,.1)}.dark .content pre.diff .diff-hunk{background:rgba(56,139,253,.1);color:#8b949e}.dark .content pre.diff .diff-file,.dark .content pre.diff .diff-meta{color:#8b949e}.toast-box{width:fit-content;height:fit-content;min-width:100px;min-height:64px;padding:10px 14px;border:var(--border-width)solid var(--g-color);border-radius:var(--radius-md);background:var(--g-color);box-shadow:var(--shadow-lg);display:flex;justify-content:center;align-items:center;gap:var(--space-sm);position:fixed;right:20px;top:20px;z-index:9999}.toast-icon{display:flex;align-items:center;flex-shrink:0}.toast-mes{font-size:14px;line-height:1.5;color:var(--g-text);white-space:nowrap}.toast-close{width:24px;height:24px;display:flex;justify-content:center;align-items:center;border-radius:var(--radius-sm);cursor:pointer}.toast-success{background:#22c55e}.toast-info{background-color:#3b82f6}.toast-warning{background:#eab308}.toast-error{background:#ef4444}.post-list{display:flex;flex-direction:column;flex:1;min-height:0;width:100%}.list-area{flex:1;min-height:0;display:flex;flex-direction:column}.btn-area{flex-shrink:0;width:90%;max-width:90%;margin:var(--space-lg)auto 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-xs)}.pager-nav{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);max-width:100%;overflow-x:auto;padding:var(--space-xs)}.page-side{flex-shrink:0;padding:var(--space-sm)var(--space-lg);border:var(--border-width)solid color-mix(in srgb,var(--g-color) 25%,transparent);border-radius:var(--radius-full);background-color:transparent;color:var(--g-text);cursor:pointer;font-size:14px;text-decoration:none;transition:all .3s ease}.page-side:hover:not(.page-disabled){border-color:var(--g-color);color:var(--g-color);transform:translateY(-1px)}.page-side.page-disabled{opacity:.4;cursor:not-allowed}.page-num{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 var(--space-sm);border:var(--border-width)solid color-mix(in srgb,var(--g-color) 25%,transparent);border-radius:var(--radius-full);background-color:transparent;color:var(--g-text);cursor:pointer;font-size:14px;text-decoration:none;transition:all .3s ease}.page-num:hover:not(.page-on){border-color:var(--g-color);color:var(--g-color);transform:translateY(-1px)}.page-side:active:not(.page-disabled),.page-num:active:not(.page-on){transform:translateY(0)scale(.96)}.page-num.page-on{background-color:var(--g-color);border-color:var(--g-color);color:#fff}.pager-info{font-size:13px;color:var(--g-text);opacity:.6}.card-grid{display:flex;flex-wrap:wrap;gap:16px}.card-grid>*{flex:1 1 calc(33.333% - 11px);min-width:260px;max-width:calc((100% - 32px)/3)}.post-card{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);border:var(--border-width)solid color-mix(in srgb,var(--g-color) 20%,transparent);border-radius:var(--space-lg);background:rgba(var(--glass-r),var(--glass-g),var(--glass-b),.3);color:var(--g-text);text-decoration:none;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,border-color .3s ease;animation:card-enter .4s cubic-bezier(.22,1,.36,1)backwards}.post-card:nth-child(2){animation-delay:.04s}.post-card:nth-child(3){animation-delay:.08s}.post-card:nth-child(4){animation-delay:.12s}.post-card:nth-child(5){animation-delay:.16s}.post-card:nth-child(6){animation-delay:.2s}@keyframes card-enter{from{opacity:0;transform:translateY(12px)}}.post-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--g-color) 40%,transparent);box-shadow:0 2px 6px rgba(0,0,0,6%),0 8px 20px rgba(0,0,0,.1),0 0 0 1px color-mix(in srgb,var(--g-color) 30%,transparent)}.post-card-category{width:fit-content;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;background-color:color-mix(in srgb,var(--g-color) 15%,transparent);color:var(--g-color)}.post-card-title{margin:0;font-size:18px;font-weight:700;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all}.post-card-meta{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.post-card-tags{display:flex;gap:var(--space-xs);min-width:0;overflow:hidden}.post-card-tag{width:fit-content;padding:2px 8px;border:1px solid color-mix(in srgb,var(--g-color) 25%,transparent);border-radius:12px;font-size:11px;font-weight:500;background-color:color-mix(in srgb,var(--g-color) 12%,transparent);color:var(--g-text)}.post-card-date{flex-shrink:0;font-size:13px;opacity:.6}@media(max-width:1280px){.card-grid>*{min-width:240px}}@media(max-width:1024px){.card-grid>*{flex:1 1 calc(50% - 8px);min-width:0;max-width:calc((100% - 16px)/2)}}@media(max-width:768px){.btn-area{width:100%;margin-top:var(--space-md)}.pager-nav{gap:var(--space-xs);padding:var(--space-xs)}.page-side{padding:var(--space-xs)var(--space-md);font-size:13px}.page-num{min-width:32px;height:32px;font-size:13px}}@media(max-width:480px){.card-grid>*{flex:1 1 100%;min-width:0;max-width:100%}.pager-nav{gap:6px}.page-side{padding:var(--space-xs)var(--space-sm);font-size:12px}.page-num{min-width:28px;height:28px;padding:0 var(--space-xs);font-size:12px}}.archive-list{display:flex;flex-direction:column;flex:1;min-height:0;width:100%}.tool-area{flex-shrink:0;margin-bottom:var(--space-lg)}.view-tabs{width:fit-content;display:flex;gap:4px;padding:3px;border-radius:var(--radius-full);border:var(--border-width)solid color-mix(in srgb,var(--g-color) 25%,transparent);background-color:rgba(var(--glass-r),var(--glass-g),var(--glass-b),.5)}.view-tab{padding:4px 16px;border-radius:var(--radius-full);border:none;background-color:transparent;color:var(--g-text);cursor:pointer;font-size:13px;transition:color .25s ease,background-color .2s ease}.view-tab.tab-on{background-color:var(--g-color);color:#fff}.list-area{flex:1;min-height:0;overflow-y:auto}.arch-view{display:none}.arch-view.view-on{display:block}.arch-group{margin-bottom:var(--space-md);border-radius:var(--space-lg);border:var(--border-width)solid color-mix(in srgb,var(--g-color) 25%,transparent);background-color:rgba(var(--glass-r),var(--glass-g),var(--glass-b),.5);overflow:hidden;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}.arch-group:hover{transform:translateY(-4px);box-shadow:0 2px 6px rgba(0,0,0,6%),0 8px 20px rgba(0,0,0,.1),0 0 0 1px color-mix(in srgb,var(--g-color) 30%,transparent)}.group-header{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md)var(--space-lg);border:none;background:0 0;text-align:left;cursor:pointer;transition:background-color .2s ease}.group-header:hover,.group-header.header-on{background-color:color-mix(in srgb,var(--g-color) 8%,transparent)}.group-name{font-size:15px;font-weight:600;color:var(--g-text)}.group-count{font-size:13px;color:var(--g-text);opacity:.45;margin-right:auto}.group-arrow{font-size:12px;color:var(--g-text);opacity:.4;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.group-arrow.arrow-open{transform:rotate(180deg)}.group-body{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows .35s cubic-bezier(.4,0,.2,1);border-top:var(--border-width)solid color-mix(in srgb,var(--g-color) 25%,transparent)}.group-body.open{grid-template-rows:1fr}.group-list{overflow:hidden;min-height:0}.group-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm)var(--space-lg)var(--space-sm)20px;text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--g-color) 30%,transparent);transition:background-color .15s ease,padding-left .2s ease}.group-item:hover{background-color:color-mix(in srgb,var(--g-color) 8%,transparent);padding-left:24px}.group-item:last-child{border-bottom:none}.item-title{flex:1;min-width:0;font-size:14px;font-weight:500;color:var(--g-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-tags{display:flex;gap:var(--space-xs);flex-shrink:0}.item-tag{padding:1px 7px;font-size:11px;border-radius:var(--radius-full);background-color:color-mix(in srgb,var(--g-color) 15%,transparent);color:var(--g-text);opacity:.7}.item-date{font-size:12px;opacity:.4;color:var(--g-text);white-space:nowrap;flex-shrink:0}.arch-empty{padding:var(--space-xl);text-align:center;color:var(--g-text);opacity:.5}@media(max-width:768px){.archive-list{height:auto}.tool-area{margin-bottom:var(--space-md)}.group-header{padding:var(--space-sm)var(--space-md)}.group-item{gap:var(--space-sm);padding:var(--space-sm)var(--space-md)var(--space-sm)12px}}@media(max-width:480px){.view-tab{padding:4px 12px;font-size:12px}.group-item{gap:var(--space-xs);padding:var(--space-xs)var(--space-sm)var(--space-xs)10px}.item-tag{padding:1px 5px;font-size:10px}.item-date{font-size:11px}}.tag-list{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;overflow-y:auto}.cloud-area{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md);padding-top:var(--space-sm);padding-bottom:var(--space-lg);border-bottom:var(--border-width)solid color-mix(in srgb,var(--g-color) 25%,transparent)}.cloud-tag{padding:4px 14px;border-radius:var(--radius-full);border:var(--border-width)solid color-mix(in srgb,var(--g-color) 25%,transparent);background-color:transparent;color:var(--g-text);text-decoration:none;cursor:pointer;transition:transform .25s cubic-bezier(.34,1.56,.64,1),background-color .2s ease,border-color .2s ease,color .2s ease}.cloud-tag:hover{transform:translateY(-2px);border-color:var(--g-color);color:var(--g-color)}.cloud-tag.tag-on{background-color:var(--g-color);border-color:var(--g-color);color:#fff;transform:translateY(-2px)}.timeline-area{flex:1;min-height:0;display:flex;flex-direction:column;padding-top:var(--space-lg)}.timeline-area[hidden],.tl-item[hidden]{display:none}.tl-bar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap}.tl-title{font-size:15px;font-weight:600;color:var(--g-color)}.tl-body{flex:1;min-height:0;overflow-y:auto}.tl-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-xs)var(--space-md);text-decoration:none;border-radius:var(--space-sm);transition:background-color .2s ease,padding-left .2s ease,transform .25s cubic-bezier(.34,1.56,.64,1)}.tl-item:hover{background-color:color-mix(in srgb,var(--g-color) 8%,transparent);transform:translateX(4px)}.tl-dot{width:8px;height:8px;border-radius:var(--radius-full);background-color:var(--g-color);flex-shrink:0}.tl-item-title{flex:1;font-size:14px;color:var(--g-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-item-date{font-size:12px;opacity:.6;color:var(--g-text);white-space:nowrap;flex-shrink:0}@media(max-width:768px){.tag-list{height:auto;overflow-y:visible}.cloud-area{gap:var(--space-sm);padding-bottom:var(--space-md)}.timeline-area{padding-top:var(--space-md)}.tl-bar{margin-bottom:var(--space-sm)}.tl-item{gap:var(--space-sm);padding:var(--space-xs)var(--space-sm)}}@media(max-width:480px){.cloud-tag{padding:3px 10px;font-size:12px}.tl-item-title{font-size:13px}.tl-item-date{font-size:11px}}.link-list{display:flex;flex-direction:column;flex:1;min-height:0;width:100%}.link-list .list-area{flex:1;min-height:0;overflow-y:auto}.link-list .btn-area{position:relative;flex-shrink:0;margin-top:var(--space-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-xs)}.link-list .pager-nav{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);flex-wrap:wrap}.link-list .pager-info{font-size:13px;color:var(--g-text);opacity:.6}.link-list .category-wrap{position:relative}.link-list .dropdown-card{position:absolute;bottom:calc(100% + 8px);right:0;min-width:200px;max-height:320px;overflow-y:auto;display:none;flex-direction:column;z-index:100;border-radius:var(--radius-lg);background-color:rgba(var(--glass-r),var(--glass-g),var(--glass-b),var(--glass-opacity));border:var(--border-width)solid color-mix(in srgb,var(--g-color) 25%,transparent);box-shadow:0 8px 24px rgba(0,0,0,.12);backdrop-filter:blur(16px);animation:dropdown-in .2s ease}.link-list .dropdown-card.open{display:flex}@keyframes dropdown-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.link-list .dropdown-item{padding:var(--space-sm)var(--space-md);border:none;background:0 0;cursor:pointer;text-align:left;font-size:14px;color:var(--g-text);transition:background-color .2s ease}.link-list .dropdown-item:hover{background-color:color-mix(in srgb,var(--g-color) 10%,transparent)}.link-list .dropdown-item.dropdown-on{background-color:var(--g-color);color:#fff}.link-list .page-side{padding:var(--space-sm)var(--space-lg);border:var(--border-width)solid color-mix(in srgb,var(--g-color) 25%,transparent);border-radius:var(--radius-full);background-color:transparent;color:var(--g-text);cursor:pointer;font-size:14px;transition:all .3s ease}.link-list .page-side:hover:not(:disabled){border-color:var(--g-color);color:var(--g-color);transform:translateY(-1px)}.link-list .page-side:disabled{opacity:.4;cursor:not-allowed}.link-list .page-num{min-width:36px;height:36px;padding:0 var(--space-md);border:var(--border-width)solid color-mix(in srgb,var(--g-color) 25%,transparent);border-radius:var(--radius-full);background-color:transparent;color:var(--g-text);cursor:pointer;font-size:14px;transition:all .3s ease}.link-list .page-num[hidden]{display:none}.link-list .page-num:hover:not(:disabled){border-color:var(--g-color);color:var(--g-color);transform:translateY(-1px)}.link-list .page-side:active:not(:disabled),.link-list .page-num:active:not(:disabled){transform:translateY(0)scale(.96)}.link-list .page-num.page-on{background-color:var(--g-color);border-color:var(--g-color);color:#fff}.link-list .link-grid{display:none;flex-wrap:wrap;gap:var(--space-md)}.link-list .link-grid.grid-on{display:flex}.link-list .link-grid>*{flex:1 1 calc(50% - 8px);min-width:260px;max-width:calc( (100% - var(--space-md))/2 )}.link-list .link-card{display:flex;flex-direction:column;justify-content:space-between;min-height:110px;padding:var(--space-md);border-radius:var(--space-lg);border:var(--border-width)solid color-mix(in srgb,var(--g-color) 25%,transparent);background-color:rgba(var(--glass-r),var(--glass-g),var(--glass-b),.3);text-decoration:none;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,border-color .3s ease;animation:card-enter .4s cubic-bezier(.22,1,.36,1)backwards}.link-list .link-card:nth-child(2){animation-delay:.04s}.link-list .link-card:nth-child(3){animation-delay:.08s}.link-list .link-card:nth-child(4){animation-delay:.12s}.link-list .link-card:nth-child(5){animation-delay:.16s}.link-list .link-card:nth-child(6){animation-delay:.2s}.link-list .link-card:nth-child(7){animation-delay:.24s}.link-list .link-card:nth-child(8){animation-delay:.28s}.link-list .link-card:nth-child(n+9){animation-delay:.32s}@keyframes card-enter{from{opacity:0;transform:translateY(12px)}}.link-list .link-card:hover{transform:translateY(-4px);box-shadow:0 2px 6px rgba(0,0,0,6%),0 8px 20px rgba(0,0,0,.1),0 0 0 1px color-mix(in srgb,var(--g-color) 30%,transparent);border-color:color-mix(in srgb,var(--g-color) 40%,transparent)}.link-list .link-name{font-size:16px;font-weight:600;color:var(--g-text)}.link-list .link-des{font-size:13px;opacity:.7;color:var(--g-text)}.link-list .link-empty{padding:var(--space-xl)0;text-align:center;font-size:14px;color:var(--g-text);opacity:.6}@media(max-width:1280px){.link-list .link-grid>*{min-width:240px}}@media(max-width:768px){.link-list .pager-nav{gap:var(--space-xs)}.link-list .page-side{padding:var(--space-xs)var(--space-md);font-size:13px}.link-list .page-num{min-width:32px;height:32px;padding:0 var(--space-sm);font-size:13px}.link-list .dropdown-card{min-width:160px}}@media(max-width:480px){.link-list .link-grid>*{flex:1 1 100%;min-width:0;max-width:100%}.link-list .pager-nav{gap:6px}.link-list .page-side{padding:var(--space-xs)var(--space-sm);font-size:12px}.link-list .page-num{min-width:28px;height:28px;padding:0 var(--space-xs);font-size:12px}}.about-page{flex:1;min-height:0;width:100%;min-width:0}.about-page .content{color:var(--g-text);font-size:16px;line-height:1.75;overflow-wrap:break-word}.about-page .content h2,.about-page .content h3{margin:1.5em 0 .75em;font-weight:600;line-height:1.3}.about-page .content h2{margin-top:.5em;font-size:1.5em}.about-page .content h3{font-size:1.25em}.about-page .content p{margin:.9em 0}.about-page .content ul{margin:.9em 0;padding-left:1.6em}.about-page .content li{margin:.35em 0}.about-page .content li::marker{color:var(--g-color)}.about-page .content hr{margin:2em 0;border:none;border-top:1px solid color-mix(in srgb,var(--g-text) 15%,transparent)}.about-page .content a{color:var(--g-color);border-bottom:1px solid color-mix(in srgb,var(--g-color) 40%,transparent);transition:border-bottom-color .15s}.about-page .content a:hover{border-bottom-color:transparent}.notfound{width:100%;flex:1;min-height:400px;display:flex;align-items:center;justify-content:center;flex-direction:column}.error{font-size:120px;font-weight:900;line-height:1;color:var(--g-color);margin-bottom:16px;animation:error-in .6s cubic-bezier(.34,1.56,.64,1)}@keyframes error-in{from{opacity:0;transform:translateY(20px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.title{font-size:24px;font-weight:700;color:var(--g-text);margin:0 0 12px}.text{font-size:15px;line-height:1.6;color:var(--g-text);opacity:.65;margin:0 0 32px}.back-index{display:inline-block;padding:10px 28px;border:2px solid var(--g-color);border-radius:50px;font-size:15px;color:var(--g-color);text-decoration:none;transition:background-color .2s ease,color .2s ease,transform .25s cubic-bezier(.34,1.56,.64,1)}.back-index:hover{background:var(--g-color);color:var(--g-on-color);transform:translateY(-2px)}@media(max-width:768px){.error{font-size:90px}.title{font-size:20px}.text{font-size:14px}}:root{--glass-opacity:0.5}