:root{--spacing-unit: .25rem ;--spacing-1: calc(var(--spacing-unit) * 1);--spacing-2: calc(var(--spacing-unit) * 2);--spacing-3: calc(var(--spacing-unit) * 3);--spacing-4: calc(var(--spacing-unit) * 4);--spacing-5: calc(var(--spacing-unit) * 5);--spacing-6: calc(var(--spacing-unit) * 6);--spacing-8: calc(var(--spacing-unit) * 8);--spacing-10: calc(var(--spacing-unit) * 10);--spacing-12: calc(var(--spacing-unit) * 12);--spacing-16: calc(var(--spacing-unit) * 16);--spacing-20: calc(var(--spacing-unit) * 20);--spacing-24: calc(var(--spacing-unit) * 24);--navbar-height: 4rem;--sidebar-width: 16rem;--container-max-width: 1200px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}[data-theme=light]{--md-sys-color-primary: rgb(65 95 145);--md-sys-color-surface-tint: rgb(65 95 145);--md-sys-color-on-primary: rgb(255 255 255);--md-sys-color-primary-container: rgb(214 227 255);--md-sys-color-on-primary-container: rgb(40 71 119);--md-sys-color-secondary: rgb(86 95 113);--md-sys-color-on-secondary: rgb(255 255 255);--md-sys-color-secondary-container: rgb(218 226 249);--md-sys-color-on-secondary-container: rgb(62 71 89);--md-sys-color-tertiary: rgb(112 85 117);--md-sys-color-on-tertiary: rgb(255 255 255);--md-sys-color-tertiary-container: rgb(250 216 253);--md-sys-color-on-tertiary-container: rgb(87 62 92);--md-sys-color-error: rgb(186 26 26);--md-sys-color-on-error: rgb(255 255 255);--md-sys-color-error-container: rgb(255 218 214);--md-sys-color-on-error-container: rgb(147 0 10);--md-sys-color-surface: rgb(249 249 255);--md-sys-color-surface-alpha-tiny: rgb(249 249 255 / .95);--md-sys-color-on-surface: rgb(25 28 32);--md-sys-color-surface-variant: rgb(224 226 236);--md-sys-color-on-surface-variant: rgb(68 71 78);--md-sys-color-outline: rgb(116 119 127);--md-sys-color-outline-variant: rgb(196 198 208);--md-sys-color-shadow: rgb(0 0 0);--md-sys-color-scrim: rgb(0 0 0);--md-sys-color-inverse-surface: rgb(46 48 54);--md-sys-color-inverse-on-surface: rgb(240 240 247);--md-sys-color-on-surface-alpha-1: rgba(240, 240, 247, 1);--md-sys-color-inverse-primary: rgb(170 199 255);--md-sys-color-primary-fixed: rgb(214 227 255);--md-sys-color-on-primary-fixed: rgb(0 27 62);--md-sys-color-primary-fixed-dim: rgb(170 199 255);--md-sys-color-on-primary-fixed-variant: rgb(40 71 119);--md-sys-color-secondary-fixed: rgb(218 226 249);--md-sys-color-on-secondary-fixed: rgb(19 28 43);--md-sys-color-secondary-fixed-dim: rgb(190 198 220);--md-sys-color-on-secondary-fixed-variant: rgb(62 71 89);--md-sys-color-tertiary-fixed: rgb(250 216 253);--md-sys-color-on-tertiary-fixed: rgb(40 19 46);--md-sys-color-tertiary-fixed-dim: rgb(221 188 224);--md-sys-color-on-tertiary-fixed-variant: rgb(87 62 92);--md-sys-color-surface-dim: rgb(217 217 224);--md-sys-color-surface-bright: rgb(249 249 255);--md-sys-color-surface-container-lowest: rgb(255 255 255);--md-sys-color-surface-container-low: rgb(243 243 250);--md-sys-color-surface-container: rgb(237 237 244);--md-sys-color-surface-container-high: rgb(231 232 238);--md-sys-color-surface-container-highest: rgb(226 226 233)}[data-theme=dark]{--md-sys-color-primary: rgb(170 199 255);--md-sys-color-surface-tint: rgb(170 199 255);--md-sys-color-on-primary: rgb(10 48 95);--md-sys-color-primary-container: rgb(40 71 119);--md-sys-color-on-primary-container: rgb(214 227 255);--md-sys-color-secondary: rgb(190 198 220);--md-sys-color-on-secondary: rgb(40 49 65);--md-sys-color-secondary-container: rgb(62 71 89);--md-sys-color-on-secondary-container: rgb(218 226 249);--md-sys-color-tertiary: rgb(221 188 224);--md-sys-color-on-tertiary: rgb(63 40 68);--md-sys-color-tertiary-container: rgb(87 62 92);--md-sys-color-on-tertiary-container: rgb(250 216 253);--md-sys-color-error: rgb(255 180 171);--md-sys-color-on-error: rgb(105 0 5);--md-sys-color-error-container: rgb(147 0 10);--md-sys-color-on-error-container: rgb(255 218 214);--md-sys-color-surface: rgb(17 19 24);--md-sys-color-surface-alpha-tiny: rgb(17 19 24 / .95);--md-sys-color-on-surface: rgb(226 226 233);--md-sys-color-on-surface-alpha-1: rgba(226, 226, 233, .1);--md-sys-color-surface-variant: rgb(68 71 78);--md-sys-color-on-surface-variant: rgb(196 198 208);--md-sys-color-outline: rgb(142 144 153);--md-sys-color-outline-variant: rgb(68 71 78);--md-sys-color-shadow: rgb(0 0 0);--md-sys-color-scrim: rgb(0 0 0);--md-sys-color-inverse-surface: rgb(226 226 233);--md-sys-color-inverse-on-surface: rgb(46 48 54);--md-sys-color-inverse-primary: rgb(65 95 145);--md-sys-color-primary-fixed: rgb(214 227 255);--md-sys-color-on-primary-fixed: rgb(0 27 62);--md-sys-color-primary-fixed-dim: rgb(170 199 255);--md-sys-color-on-primary-fixed-variant: rgb(40 71 119);--md-sys-color-secondary-fixed: rgb(218 226 249);--md-sys-color-on-secondary-fixed: rgb(19 28 43);--md-sys-color-secondary-fixed-dim: rgb(190 198 220);--md-sys-color-on-secondary-fixed-variant: rgb(62 71 89);--md-sys-color-tertiary-fixed: rgb(250 216 253);--md-sys-color-on-tertiary-fixed: rgb(40 19 46);--md-sys-color-tertiary-fixed-dim: rgb(221 188 224);--md-sys-color-on-tertiary-fixed-variant: rgb(87 62 92);--md-sys-color-surface-dim: rgb(17 19 24);--md-sys-color-surface-bright: rgb(55 57 62);--md-sys-color-surface-container-lowest: rgb(12 14 19);--md-sys-color-surface-container-low: rgb(25 28 32);--md-sys-color-surface-container: rgb(29 32 36);--md-sys-color-surface-container-high: rgb(40 42 47);--md-sys-color-surface-container-highest: rgb(51 53 58)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);transition:background-color .3s ease,color .3s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}h1{font-size:120px;margin:0;font-weight:700}h2{font-size:32px;margin:10px 0}ul,ol{list-style:none}a{color:inherit;text-decoration:none;background-color:transparent}a:hover{text-decoration:underline}button,input,optgroup,select,textarea{color:var(--md-sys-color-on-surface);background-color:var(--md-sys-color-surface);font-family:inherit;font-size:100%;line-height:1.15;margin:0}input{color:var(--md-sys-color-on-surface);background-color:var(--md-sys-color-surface);width:100%;padding:.75rem;border:1px solid var(--md-sys-color-outline);border-radius:.375rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}input:focus{outline:none;border-color:var(--md-sys-color-primary);box-shadow:0 0 0 3px rgb(var(--md-sys-color-primary) / .1)}input::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:.6}select{color:var(--md-sys-color-on-surface);background-color:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline);border-radius:.375rem;padding:.75rem 2.5rem .75rem .75rem;font-size:1rem;transition:border-color .2s,box-shadow .2s;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='rgb(var(--md-sys-color-on-surface))' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4 4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1em 1em;cursor:pointer}select:focus{outline:none;border-color:var(--md-sys-color-primary);box-shadow:0 0 0 3px rgb(var(--md-sys-color-primary) / .1)}option{background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface)}label{color:var(--md-sys-color-on-surface);font-weight:500;display:block;margin-bottom:.25rem;font-size:.875rem}.hint,.helper-text{color:var(--md-sys-color-on-surface);opacity:.7;font-size:.75rem;margin-top:.25rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:var(--md-sys-color-on-surface)}.checkbox-input{display:none}.checkmark{width:1rem;height:1rem;border:1px solid var(--md-sys-color-outline);border-radius:.1875rem;display:flex;align-items:center;justify-content:center;transition:all .3s;flex-shrink:0}.checkbox-input:checked+.checkmark{background-color:var(--md-sys-color-primary);border-color:var(--md-sys-color-primary)}.checkbox-input:checked+.checkmark:after{content:"✓";color:var(--md-sys-color-on-primary);font-size:.75rem;font-weight:700}.password-input-group{position:relative}.password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:.25rem;border-radius:.25rem;color:var(--md-sys-color-on-surface-variant);transition:all .2s}.password-toggle:hover{background:var(--md-sys-color-surface-variant)}.toggle-icon{font-size:1rem}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}img,svg,video,canvas,audio,iframe,embed,object{display:block;max-width:100%;height:auto}table{border-collapse:collapse;border-spacing:0}@media(max-width:240px){html{transform:scale(calc(var(100vw) / 240));transform-origin:top left;width:240px}}.icon-default{width:100%;height:100%;fill:currentColor;flex-shrink:0}.basic-framework{max-width:800px;margin:0 auto;padding:2rem 1rem}.list-item-shadow{box-shadow:0 0 20px -3px var(--md-sys-color-surface-variant);transition:transform .2s ease}.list-item-shadow:hover{box-shadow:0 0 0 2px var(--md-sys-color-surface-variant);transform:translateY(-2px)}.btn-sm{padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;cursor:pointer;transition:all .2s ease}.btn-md{padding:.75rem 1.5rem;border-radius:.375rem;font-size:1rem;cursor:pointer;transition:all .3s ease;font-weight:500}.btn-solid{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border:2px solid var(--md-sys-color-primary)}.btn-solid:hover{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--md-sys-color-on-surface);border:2px solid var(--md-sys-color-on-surface)}.btn-outline:hover{background:var(--md-sys-color-on-surface-alpha-1)}.btn-md.btn-solid.auth-btn{padding:.875rem 1rem;width:100%;margin:0}.btn-md.btn-solid.auth-btn:hover:not(:disabled){transform:translateY(-1px)}.btn-md.btn-solid.auth-btn:disabled{background:var(--md-sys-color-surface-variant);color:var(--md-sys-color-on-surface-variant);cursor:not-allowed;transform:none}.btn-sm.btn-outline{padding:.5rem .75rem;font-size:.875rem}.form-group{display:flex;flex-direction:column;gap:.5rem;width:100%}.form-label{font-size:.875rem;color:var(--md-sys-color-on-surface);font-weight:500;display:block;margin-bottom:.25rem}.form-input{padding:.75rem 1rem;border:1px solid var(--md-sys-color-outline);border-radius:.375rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s;background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);width:100%}.form-input:focus{outline:none;border-color:var(--md-sys-color-primary);box-shadow:0 0 0 3px rgb(var(--md-sys-color-primary) / .1)}.form-row{display:flex;gap:1rem;width:100%;align-items:start}.error-message{color:var(--md-sys-color-error);font-size:.75rem;margin-top:.25rem}.terms-link{color:var(--md-sys-color-primary);text-decoration:none;font-size:.875rem}.terms-link:hover{text-decoration:underline}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:12px 20px;border-radius:4px;z-index:100000}.toast-enter-active,.toast-leave-active{transition:all .3s ease}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%) translateY(-20px)}.navbar[data-v-c4536040]{display:flex;width:100%;align-items:center;min-height:4rem;padding:.5rem;position:sticky;background:var(--md-sys-color-surface-alpha-tiny);top:calc(var(--spacing-unit) * 0);z-index:99999;padding-inline:calc(var(--spacing-unit) * 5);box-shadow:0 0 0 1px var(--md-sys-color-surface-variant),0 0 0 1px var(--md-sys-color-surface-variant),0 10px 15px -3px var(--md-sys-color-surface-variant),0 4px 6px -4px var(--md-sys-color-surface-variant)}@media(min-width:48rem){.navbar[data-v-c4536040]{padding-inline:calc(var(--spacing-unit) * 20)}}.navbar-item[data-v-c4536040]{display:flex;align-items:center;max-height:50%;max-width:50%;gap:.5rem;padding:.5rem 1rem;text-decoration:none;border-radius:6px;transition:background-color .2s}.navbar-item-content[data-v-c4536040]{display:inline-flex;gap:2.5rem;flex-direction:row;padding-inline:calc(var(--spacing-unit) * 1)}.icon[data-v-c4536040]{width:1.5rem;height:1.5rem}.logo-text[data-v-c4536040]{font-family:Courier New,monospace;font-weight:700;position:relative}.logo-text[data-v-c4536040]:after{content:attr(data-text);position:absolute;left:0;color:var(--md-sys-color-primary);width:0;overflow:hidden;transition:width .5s ease}.nav-logo:hover .logo-text[data-v-c4536040]:after{width:100%}.nav-logo[data-v-c4536040]{padding:.5rem 1rem;text-decoration:none;display:inline-flex}.flex-1[data-v-c4536040]{flex:1}.footer[data-v-05adaed1]{padding:calc(var(--spacing-unit) * 4);padding-block:calc(var(--spacing-unit) * 12);display:grid;width:100%;column-gap:1rem;row-gap:2.5rem;font-size:.875rem;line-height:1.25rem;grid-auto-flow:column dense;place-items:center;text-align:center}.main-content-container[data-v-e4679f50]{display:flex;flex-direction:column}.router-container[data-v-e4679f50]{flex-grow:1;min-height:100vh;position:relative}.blog-list[data-v-400ea2f9]{max-width:800px;margin:0 auto;padding:2rem 1rem}.filter-section[data-v-400ea2f9]{margin-bottom:2rem;border-bottom:1px solid var(--md-sys-color-surface-variant);padding-bottom:1rem}.tag-filters[data-v-400ea2f9]{display:flex;flex-wrap:wrap;gap:.5rem}.tag-filter[data-v-400ea2f9]{color:var(--md-sys-color-on-surface);padding:.375rem .75rem;border:1px solid var(--md-sys-color-primary);border-radius:1.5rem;background:transparent;cursor:pointer;transition:all .2s ease;font-size:.875rem}.tag-filter[data-v-400ea2f9]:hover{border-color:var(--md-sys-color-primary);color:var(--md-sys-color-primary);transform:translateY(-1px)}.tag-filter.active[data-v-400ea2f9]{background:var(--md-sys-color-primary);border-color:var(--md-sys-color-primary);color:var(--md-sys-color-surface)}.tag-filter.clear[data-v-400ea2f9]{font-weight:500}.blog-items[data-v-400ea2f9]{display:flex;flex-direction:column;gap:1.5rem}.blog-item[data-v-400ea2f9]{padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden;border-radius:15px}.blog-item[data-v-400ea2f9]:hover{transform:translateY(-2px)}.blog-header[data-v-400ea2f9]{margin-bottom:.5rem}.blog-title[data-v-400ea2f9]{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;line-height:1.4}.blog-meta[data-v-400ea2f9]{display:flex;gap:1rem;font-size:.875rem}.create-time[data-v-400ea2f9],.update-time[data-v-400ea2f9]{opacity:.8}.blog-hint[data-v-400ea2f9]{margin:.75rem 0;padding:.75rem;background:var(--md-sys-color-surface-container);border-radius:.375rem;font-size:.9rem;line-height:1.5;border:1px solid var(--md-sys-color-primary)}.blog-tags[data-v-400ea2f9]{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.blog-tag[data-v-400ea2f9]{padding:.25rem .5rem;background:var(--md-sys-color-secondary);border-radius:.25rem;font-size:.75rem;color:var(--md-sys-color-surface);cursor:pointer;transition:all .2s ease}.blog-tag[data-v-400ea2f9]:hover{background:var(--md-sys-color-secondary,);color:#fff;transform:scale(1.05)}.empty-state[data-v-400ea2f9]{text-align:center;padding:3rem}@media(max-width:768px){.blog-list[data-v-400ea2f9]{padding:1rem .5rem}.blog-item[data-v-400ea2f9]{padding:1rem}.blog-meta[data-v-400ea2f9]{flex-direction:column;gap:.25rem}.tag-filters[data-v-400ea2f9]{gap:.25rem}.tag-filter[data-v-400ea2f9]{padding:.25rem .5rem;font-size:.8rem}}