@charset "UTF-8";:root{--primary-color: var(--color-0);--secondary-color: #64748b;--bg-color: #f7f7f7;--text-color: #222;--text-secondary: #64748b;--border-color: rgba(0, 0, 0, .1);--border-radius: .5rem;--transition: all .2s cubic-bezier(.4,0,.2,1);--color-0: #000;--color-50: #0a0a0a;--color-100: #101010;--color-200: #303030;--color-300: #505050;--color-400: #707070;--color-500: #909090;--color-600: #c0c0c0;--color-700: #e0e0e0;--color-800: #f3f4f7;--color-900: #f9f8f7;--color-999-basis: 0, 0%, 100%;--color-999_40: hsla(var(--color-999-basis), .4);--color-999: #f9f8f7;--color-999-rgb: 249, 248, 247;--color-selected: #B1CBFF;--color-disabled: var(--color-900);--color-actived: #B1CBFF;--color-link: var(--text-color);--color-white: #fff;--color-white-rgb: 255, 255, 255;--color-primary-lighter: #e0ecfd;--color-primary-light: #73abf9;--color-primary-main: #499ad5;--color-purple: #6127ff;--color-blue: #499ad5;--color-cyan: #00d0ff;--color-pink: #ff419c;--color-yellow: #f7d252;--color-green: #1bc47d;--color-orange: #ff5a19;--color-errors: #ff2c60;--gradient-stop-1: var(--color-primary-light);--gradient-stop-2: var(--primary-color);--gradient-stop-3: var(--color-primary-main);--gradient-subtle: linear-gradient(150deg, var(--color-900) 19%, var(--color-999) 150%);--gradient-accent: linear-gradient(150deg, var(--gradient-stop-1), var(--gradient-stop-2), var(--gradient-stop-3));--gradient-accent-orange: linear-gradient(150deg, #ca7879, var(--primary-color), var(--color-primary-main));--gradient-stroke: linear-gradient(180deg, var(--color-900), var(--color-700));--shadow-sm: 0px 6px 3px rgba(9, 11, 17, .01), 0px 4px 2px rgba(9, 11, 17, .01), 0px 2px 2px rgba(9, 11, 17, .02), 0px 0px 1px rgba(9, 11, 17, .03);--shadow-md: 0px 28px 11px rgba(9, 11, 17, .01), 0px 16px 10px rgba(9, 11, 17, .03), 0px 7px 7px rgba(9, 11, 17, .05), 0px 2px 4px rgba(9, 11, 17, .06);--shadow-lg: 0px 62px 25px rgba(9, 11, 17, .01), 0px 35px 21px rgba(9, 11, 17, .05), 0px 16px 16px rgba(9, 11, 17, .1), 0px 4px 9px rgba(9, 11, 17, .12);--max-width: 90%;--size-top: 64px;--size-bottom: 64px;--sidebar-width: 280px;--gutter: 20px;--gap: 16px;--cell: 8px;--radius-small: 4px;--radius: 6px;--radius-normal: 8px;--radius-large: 12px;--font-system: system-ui, -apple-system, BlinkMacSystemFont, "PingFang SC", "Lantinghei SC", "Microsoft YaHei", "HanHei SC", "Helvetica Neue", "Open Sans", "Hiragino Sans GB", 微软雅黑, STHeiti, "WenQuanYi Micro Hei", Arial, SimSun, sans-serif;--font-body: "Inter-Regular", "Noto Sans SC", system-ui, -apple-system, BlinkMacSystemFont, "PingFang SC", "MiSans", "Lantinghei SC", "Noto Sans SC", "Microsoft YaHei", "HanHei SC", "Helvetica Neue", "Open Sans", "Hiragino Sans GB", 微软雅黑, STHeiti, "WenQuanYi Micro Hei", Arial, SimSun, sans-serif;--font-brand: "Inter-Regular", "Noto Sans SC", var(--font-system);--font-type: "Inter-Regular", var(--font-system);--text-size: 16px;--text-xs: .75rem;--text-sm: .875rem;--text: 1rem;--text-base: 1rem;--text-md: 1.125rem;--text-lg: 1.5rem;--text-xl: 2rem;--text-2xl: 2.25rem;--text-3xl: 3rem;--text-4xl: 4rem;--text-5xl: 4.5rem;--img-resizing-site: 12 / 9;--img-resizing-post: 10 / 6;--img-resizing-paronamic: 2 / 1;--img-resizing-desktop: 19 / 10;--button-rounded: 8px;--button-rounded-full: 72px;--button-height: 48px;--button-pad: 24px;--button-bg: var(--primary-color);--button-color: var(--color-white);--button-color-border: transparent}html.dark{--bg-color: #18181b;--text-color: #f7f7f7;--text-secondary: #a1a1aa;--border-color: rgba(255, 255, 255, .1);--color-0: #f7f5f3;--color-50: #f7f5f3;--color-100: #a1a1aa;--color-200: #e4e4e7;--color-300: #d6d5d4;--color-400: #a1a1aa;--color-500: #909090;--color-600: #707070;--color-700: #505050;--color-800: #303030;--color-900: #19191b;--color-999: #19191b;--color-999-rgb: 25, 25, 27;--shadow-sm: 0px 6px 3px rgba(255, 255, 255, .01), 0px 4px 2px rgba(255, 255, 255, .01), 0px 2px 2px rgba(255, 255, 255, .02), 0px 0px 1px rgba(255, 255, 255, .03);--shadow-md: 0px 28px 11px rgba(255, 255, 255, .01), 0px 16px 10px rgba(255, 255, 255, .03), 0px 7px 7px rgba(255, 255, 255, .05), 0px 2px 4px rgba(255, 255, 255, .06);--shadow-lg: 0px 62px 25px rgba(255, 255, 255, .01), 0px 35px 21px rgba(255, 255, 255, .05), 0px 16px 16px rgba(255, 255, 255, .1), 0px 4px 9px rgba(255, 255, 255, .12)}body{margin:0;padding:0;font-family:var(--font-body);background:var(--bg-color);color:var(--text-color);min-height:100vh;-webkit-font-smoothing:antialiased;line-height:1.5;font-size:var(--text-size);font-weight:400;letter-spacing:.2px;overflow-x:hidden}*{box-sizing:border-box;margin:0;padding:0}img{max-width:100%;display:block;height:auto;pointer-events:none;-webkit-user-select:none;-webkit-user-drag:none}ul,ol,li,p{padding:0}a{color:var(--primary-color);text-decoration:none;transition:var(--transition)}a:hover{opacity:.8}h1,h2,h3,h4,h5{line-height:1.1;font-family:var(--font-brand);font-weight:600;color:var(--text-color)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}pre,code{font-size:14px;font-family:Inconsolata,"monospace","system-ui",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important}.content pre{padding:1em;border-radius:6px}p code{background-color:var(--color-800);padding:2px 6px;margin:0 2px;border-radius:3px}mark{background-color:var(--color-yellow)}mark code{background:none!important}input,select,textarea,button{font-size:var(--text-base);border:0}.container{width:var(--max-width);margin:0 auto;padding:0 1rem}html::-webkit-scrollbar,body::-webkit-scrollbar{width:6px!important}html::-webkit-scrollbar-track,body::-webkit-scrollbar-track{background:var(--color-800)!important;border-radius:6px!important}html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb{background:var(--color-yellow)!important;border-radius:6px!important}html::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover{background:var(--color-blue)!important}html::-webkit-scrollbar-thumb:active,body::-webkit-scrollbar-thumb:active{background:var(--color-green)!important}*::-webkit-scrollbar{width:6px}*::-webkit-scrollbar-track{background:var(--color-800);border-radius:6px}*::-webkit-scrollbar-thumb{background:var(--color-yellow);border-radius:6px}*::-webkit-scrollbar-thumb:hover{background:var(--color-blue)}*::-webkit-scrollbar-thumb:active{background:var(--color-green)}@media (max-width: 767px){html::-webkit-scrollbar,body::-webkit-scrollbar{width:3px!important}*::-webkit-scrollbar{width:3px}}.item-link{position:absolute;top:0;left:0;display:block;width:100%;height:100%;z-index:0}@font-face{font-family:Inter-Regular;src:url(/assets/Inter-Regular-COLGFB3M.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter-Regular;src:url(/assets/Inter-Regular-COLGFB3M.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}.font-title{font-family:var(--font-brand);font-weight:700;font-size:large}.font-body{font-family:var(--font-body)}.font-special{font-family:var(--font-type)}.train-effect-container[data-v-7a70e664]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;overflow:hidden}.effects[data-v-7a70e664]{position:absolute;width:100%;height:100%;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr);gap:var(--gutter);place-items:center}.effects__img[data-v-7a70e664]{position:absolute;top:0;left:0;width:6.25rem;height:6.25rem;overflow:hidden;opacity:0;pointer-events:none;will-change:transform,opacity}.effects__img-inner[data-v-7a70e664]{width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center}.train-icons[data-v-7a70e664]{--train-color: var(--color-yellow);--train-color-rgb: 247, 210, 82}.train-logo[data-v-7a70e664]{--train-color: var(--color-blue);--train-color-rgb: 73, 154, 213}.train-prism[data-v-7a70e664]{--train-color: var(--color-green);--train-color-rgb: 27, 196, 125}@media (max-width: 48rem){.effects[data-v-7a70e664]{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:var(--cell)}.effects__img[data-v-7a70e664]{width:5rem;height:5rem}}:root{--max-width: 90%;--container-width: 1280px;--pad-inner: 24px;--breakpoint-xxxl: 1600px;--breakpoint-xxl: 1367px;--breakpoint-xl: 1023px;--breakpoint-lg: 991px;--breakpoint-md: 767px;--breakpoint-sm: 576px;--breakpoint-xs: 480px}.container{width:90%;margin:0 auto;padding:0 var(--pad-inner)}@media (max-width: 1440px){:root{--pad-inner: 20px;--max-width: 90%;--container-width: 1200px}}@media (max-width: 1280px){:root{--pad-inner: 16px;--max-width: 90%;--container-width: 1024px}}@media (max-width: 1023px){:root{--container-width: 90%}}@media (max-width: 767px){:root{--pad-inner: 12px;--container-width: 95%}}@media (max-width: 576px){:root{--pad-inner: 8px}}.train-switch[data-v-baa51957]{position:relative;display:block}@media (max-width: 48rem){.train-switch[data-v-baa51957]{display:none!important}}.train-switch button[data-v-baa51957]{display:block;background-color:unset;border-radius:var(--button-rounded-full);border:.063rem solid var(--train-color);background-color:#0000004d;color:var(--text-color);font-size:var(--text-xs);line-height:1.5rem;transform:scale(1.1);padding:0;width:4.688rem;text-align:center;cursor:pointer;transition:var(--transition);background-color:var(--train-color);border-color:var(--train-color);box-shadow:0 0 .75rem .375rem rgba(var(--train-color-rgb),.3)}.train-switch button[data-v-baa51957]:hover{color:var(--bg-color);background-color:var(--train-color);border-color:var(--train-color);box-shadow:0 0 .75rem .375rem rgba(var(--train-color-rgb),.75)}.train-yellow[data-v-baa51957]{--train-color: var(--color-yellow);--train-color-rgb: 247, 210, 82}.train-blue[data-v-baa51957]{--train-color: var(--color-blue);--train-color-rgb: 73, 154, 213}.train-green[data-v-baa51957]{--train-color: var(--color-green);--train-color-rgb: 27, 196, 125}.theme-toggle[data-v-0ea26903]{display:flex;align-items:center}.theme-btn[data-v-0ea26903]{width:2.25rem;height:2.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.theme-btn[data-v-0ea26903]:hover{background-color:var(--bg-color);color:var(--primary-color);transform:rotate(15deg)}.main-nav[data-v-57e9e708]{display:flex;align-items:center;justify-content:space-between;height:3.75rem;width:100%}.logo-area[data-v-57e9e708]{display:flex;align-items:center;gap:.8rem}.avatar[data-v-57e9e708]{width:2rem;height:2rem;border-radius:50%;overflow:hidden;position:relative;line-height:1;transition:var(--transition)}.avatar[data-v-57e9e708]:hover{transform:scale(1.05)}.avatar img[data-v-57e9e708]{width:100%;height:100%;object-fit:cover;display:block}.nav-right[data-v-57e9e708]{display:flex;align-items:center;gap:2rem;height:100%}.nav-menu[data-v-57e9e708]{display:flex;list-style:none;gap:2rem;margin:0;padding:0;height:100%;align-items:center}.nav-item[data-v-57e9e708]{position:relative;height:100%;display:flex;align-items:center}.nav-link[data-v-57e9e708]{color:var(--text-secondary);text-decoration:none;font-size:var(--text-base);font-weight:500;transition:var(--transition);position:relative;padding:.3rem 0;display:flex;align-items:center;height:100%}.nav-link[data-v-57e9e708]:hover{color:var(--primary-color)}.nav-link.active[data-v-57e9e708]{color:var(--text-color);font-weight:600}.nav-actions[data-v-57e9e708]{display:flex;align-items:center;gap:1rem}.user-profile[data-v-57e9e708],.profile-dropdown[data-v-57e9e708]{position:relative}.profile-btn[data-v-57e9e708]{display:flex;align-items:center;gap:.5rem;background:transparent;border:none;padding:.5rem;border-radius:var(--radius-small);cursor:pointer;color:var(--text-secondary);transition:var(--transition)}.profile-btn[data-v-57e9e708]:hover{background-color:rgba(var(--bg-color),.7)}.user-avatar[data-v-57e9e708]{width:1.5rem;height:1.5rem;border-radius:50%;overflow:hidden}.user-avatar img[data-v-57e9e708]{width:100%;height:100%;object-fit:cover}.username-text[data-v-57e9e708]{font-size:var(--text-base);font-weight:500}.rotate-icon[data-v-57e9e708]{transform:rotate(180deg)}.dropdown-menu[data-v-57e9e708]{position:absolute;top:100%;right:0;width:12.5rem;background-color:var(--bg-color);border-radius:var(--radius-normal);box-shadow:var(--shadow-md);margin-top:.5rem;opacity:0;visibility:hidden;transform:translateY(.625rem);transition:var(--transition);z-index:100;border:.063rem solid var(--border-color)}.profile-dropdown.show .dropdown-menu[data-v-57e9e708]{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item[data-v-57e9e708]{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--text-secondary);text-decoration:none;font-size:var(--text-sm);transition:var(--transition)}.dropdown-item[data-v-57e9e708]:hover{background-color:var(--bg-color);color:var(--primary-color)}.dropdown-item svg[data-v-57e9e708]{color:var(--text-secondary)}.dropdown-divider[data-v-57e9e708]{height:.063rem;background-color:var(--border-color)}.mobile-nav[data-v-22eb2157]{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;width:100%}.mobile-menu-btn[data-v-22eb2157]{display:flex;width:2.5rem;height:2.5rem;border-radius:50%;background:transparent;border:none;color:var(--text-color);cursor:pointer;transition:var(--transition);align-items:center;justify-content:center;margin-right:.5rem}.mobile-menu-btn[data-v-22eb2157]:hover{background-color:var(--bg-color);color:var(--primary-color)}.nav-actions[data-v-22eb2157]{display:flex;align-items:center;gap:1rem}.mobile-drawer[data-v-22eb2157]{position:fixed;top:0;left:0;width:17.5rem;height:100vh;background-color:var(--bg-color);z-index:1000;transform:translate(-100%);transition:var(--transition);box-shadow:var(--shadow-md);overflow-y:auto}.mobile-drawer.open[data-v-22eb2157]{transform:translate(0)}.drawer-content[data-v-22eb2157]{display:flex;flex-direction:column;height:100%;padding:1.5rem}.drawer-user-info[data-v-22eb2157]{padding:1rem 0;margin-top:1rem;border-top:.063rem solid var(--border-color)}.drawer-user-profile[data-v-22eb2157]{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.drawer-avatar[data-v-22eb2157]{width:2.5rem;height:2.5rem;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:var(--bg-color);border:.125rem solid var(--primary-color)}.drawer-avatar img[data-v-22eb2157]{width:100%;height:100%;object-fit:cover}.drawer-avatar svg[data-v-22eb2157]{color:var(--text-secondary)}.drawer-username[data-v-22eb2157]{font-weight:600;color:var(--text-color);font-size:var(--text-base)}.drawer-user-actions[data-v-22eb2157]{display:flex;flex-direction:column;gap:.5rem}.drawer-user-action[data-v-22eb2157]{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:var(--radius-small);color:var(--text-secondary);text-decoration:none;transition:var(--transition);color:var(--text-color)}.drawer-user-action[data-v-22eb2157]:hover{background-color:var(--bg-color);color:var(--primary-color)}.drawer-user-action svg[data-v-22eb2157]{color:currentColor}.drawer-user-action span[data-v-22eb2157]{font-size:var(--text-sm)}.drawer-menu[data-v-22eb2157]{list-style:none;padding:0;margin:0;flex:1}.drawer-item[data-v-22eb2157]{margin-bottom:.8rem}.drawer-link[data-v-22eb2157]{display:flex;align-items:center;gap:.8rem;padding:.8rem;border-radius:var(--radius-normal);color:var(--text-secondary);text-decoration:none;transition:var(--transition)}.drawer-link[data-v-22eb2157]:hover{background-color:var(--bg-color);color:var(--primary-color)}.drawer-link.active[data-v-22eb2157]{background-color:var(--bg-color);color:var(--primary-color);font-weight:600}.drawer-link span[data-v-22eb2157]{font-size:var(--text-sm)}.drawer-overlay[data-v-22eb2157]{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#00000040;z-index:999;-webkit-backdrop-filter:blur(.063rem);backdrop-filter:blur(.063rem)}.base-layout[data-v-17a3c683]{display:flex;flex-direction:column;min-height:100vh}.header[data-v-17a3c683]{position:sticky;top:0;background-color:rgba(var(--bg-color),.7);z-index:10;padding:.5rem 0;backdrop-filter:saturate(180%) blur(.625rem);-webkit-backdrop-filter:saturate(180%) blur(.625rem);transition:var(--transition);border-bottom:.063rem solid rgba(var(--card-border-rgb, 234, 234, 234),.2)}.logo-area[data-v-17a3c683]{display:flex;align-items:center;gap:.8rem}.avatar[data-v-17a3c683]{width:2rem;height:2rem;border-radius:50%;overflow:hidden;position:relative;line-height:1;border:.125rem solid var(--accent-color);transition:transform .3s ease}.avatar[data-v-17a3c683]:hover{transform:scale(1.05)}.avatar img[data-v-17a3c683]{width:100%;height:100%;object-fit:cover;display:block}.mobile-nav-container[data-v-17a3c683]{display:flex;align-items:center;justify-content:space-between;height:3.75rem;width:100%}.main-content[data-v-17a3c683]{flex:1;width:100%}.main-content .container[data-v-17a3c683]{width:100%;margin:0 auto;padding:0 var(--pad-inner, 1.5rem)}@media (min-width: 48rem){.main-content .container[data-v-17a3c683]{max-width:90%}}@media (min-width: 62rem){.main-content .container[data-v-17a3c683]{max-width:90%}}@media (min-width: 75rem){.main-content .container[data-v-17a3c683]{max-width:90%}}@media (min-width: 87.5rem){.main-content .container[data-v-17a3c683]{max-width:90%}}.footer[data-v-17a3c683]{padding:1rem 0}.footer-content[data-v-17a3c683]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem}.footer-copyright[data-v-17a3c683]{font-size:.9rem;color:var(--text-light)}.footer-nav[data-v-17a3c683]{display:flex;gap:1.5rem}.footer-link[data-v-17a3c683]{color:var(--text-secondary);font-size:.85rem;text-decoration:none;transition:var(--transition)}.footer-link[data-v-17a3c683]:hover{color:var(--accent-color);text-decoration:underline}.author[data-v-2ce3d42f]{margin:0 auto}.social[data-v-2ce3d42f]{margin:0 auto;display:flex;gap:var(--gap);align-items:center;justify-content:center;padding-bottom:var(--cell)}.social a[data-v-2ce3d42f]{opacity:.75;transition:var(--transition)}.social a[data-v-2ce3d42f]:hover{opacity:1}[data-v-2ce3d42f] .social-link svg{fill:var(--text-secondary);width:auto;height:30px;color:var(--text-secondary)}[data-v-2ce3d42f] .ic-github:hover{fill:var(--text-color)!important}[data-v-2ce3d42f] .ic-twitter:hover{fill:var(--color-blue)!important}[data-v-2ce3d42f] .ic-xiaohongshu{width:45px!important;height:auto}[data-v-2ce3d42f] .ic-xiaohongshu:hover{fill:var(--color-errors)!important}[data-v-2ce3d42f] .social-link:hover .ic-wechat{fill:var(--color-green)!important}[data-v-2ce3d42f] .ic-social{fill:var(--text-secondary);width:auto;height:22px}.hero-section[data-v-66b703ed]{padding:5rem 0 3rem;text-align:center;max-width:50rem}@media (max-width: 48rem){.hero-section[data-v-66b703ed]{padding:3rem 0 2rem}}.hero-meta[data-v-66b703ed]{font-size:var(--text-sm);color:var(--text-secondary);letter-spacing:.063rem;text-transform:uppercase;margin-bottom:1rem}.hero-title[data-v-66b703ed]{font-size:var(--text-3xl);font-weight:700;margin-bottom:1.5rem;line-height:1.2;letter-spacing:-.063rem}@media (max-width: 48rem){.hero-title[data-v-66b703ed]{font-size:var(--text-2xl)}}.hero-description[data-v-66b703ed]{font-size:var(--text-base);color:var(--text-secondary);max-width:37.5rem;margin:0 auto 2rem;line-height:1.8}@media (max-width: 48rem){.hero-description[data-v-66b703ed]{font-size:var(--text-base)}}.filter-container[data-v-5b0ecc35]{padding:.5rem 0;display:flex;justify-content:center;margin-bottom:-.5rem;width:100%}@media (max-width: 48rem){.filter-container[data-v-5b0ecc35]{padding:.5rem;margin-bottom:-.5rem}}.filter-tabs[data-v-5b0ecc35]{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--cell);padding:var(--cell);background-color:var(--color-800);border-radius:2.5rem;max-width:100%}@media (max-width: 48rem){.filter-tabs[data-v-5b0ecc35]{width:100%;padding:var(--cell);justify-content:center;flex-wrap:wrap;gap:var(--cell);border-radius:1.25rem}}@media (max-width: 30rem){.filter-tabs[data-v-5b0ecc35]{padding:calc(var(--cell) * .5);gap:calc(var(--cell) * .5)}}.filter-tab[data-v-5b0ecc35]{padding:var(--cell) var(--gutter);border-radius:1.875rem;border:none;background:transparent;color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:var(--transition);font-weight:500}.filter-tab[data-v-5b0ecc35]:hover{color:var(--text-color);background-color:rgba(var(--bg-color),.9)}.filter-tab.active[data-v-5b0ecc35]{background-color:var(--bg-primary);color:var(--text-color);box-shadow:0 .125rem .5rem #0000000d}@media (max-width: 48rem){.filter-tab[data-v-5b0ecc35]{padding:calc(var(--cell) * .5) var(--gutter);margin-bottom:calc(var(--cell) * .25);font-size:var(--text-xs)}}@media (max-width: 30rem){.filter-tab[data-v-5b0ecc35]{padding:calc(var(--cell) * .5) calc(var(--cell) * .75);font-size:var(--text-xs);margin-bottom:calc(var(--cell) * .25)}}.filter-count[data-v-5b0ecc35]{font-size:var(--text-xs);color:var(--text-secondary);margin-left:.125rem}.card-wrapper[data-v-3acd3267]{box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;transition:var(--transition);margin-bottom:1.5rem;float:left;will-change:transform;box-shadow:none;width:100%}.card-wrapper[data-v-3acd3267]:hover{box-shadow:none;transform:none}.card-header[data-v-3acd3267]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.375rem;font-size:var(--text-xs);color:var(--text-secondary);overflow:hidden}.card-type[data-v-3acd3267]{display:flex;justify-content:flex-start;align-items:center;gap:.75rem;overflow:hidden}.card-type .type-tag[data-v-3acd3267]{display:inline-block;height:1.25rem;padding:0 .625rem;line-height:1.25rem;font-size:var(--text-xs);font-weight:400;border-radius:var(--radius-small);vertical-align:middle;color:var(--text-secondary);letter-spacing:.063rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-body[data-v-3acd3267]{position:relative}.card-figure[data-v-3acd3267]{width:100%;height:auto;max-width:100%;background-color:var(--color-800);border-radius:var(--radius-small);padding-bottom:66.6666666667%;display:inline-block;position:relative;overflow:hidden;border:.063rem solid var(--border-color)}.card-figure__img[data-v-3acd3267],.card-figure__video[data-v-3acd3267]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:var(--transition)}.card-figure:hover .card-figure__img[data-v-3acd3267],.card-figure:hover .card-figure__video[data-v-3acd3267]{transform:scale(1.05)}.card-footer[data-v-3acd3267]{width:100%;margin-top:.75rem;margin-bottom:.75rem;display:flex;justify-content:space-between;align-items:flex-start}.card-detail[data-v-3acd3267]{flex-grow:1;margin-right:.625rem;min-width:0;max-width:calc(100% - 2rem);overflow:hidden}.card-name[data-v-3acd3267]{font-size:var(--text-md);font-weight:600;color:var(--text-color);text-decoration:none;overflow:hidden;display:block;transition:var(--transition);max-width:100%}.card-name[data-v-3acd3267]:hover{color:var(--primary-color)}.title-wrapper[data-v-3acd3267]{display:flex;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.title-text[data-v-3acd3267]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-original[data-v-3acd3267]{display:inline-flex;align-items:center;justify-content:center;height:1.375rem;padding:0 .5rem;font-size:var(--text-xs);font-weight:400;border-radius:var(--radius-small);color:var(--color-white);letter-spacing:.063rem;white-space:nowrap;background-color:var(--color-green);margin-right:.375rem;flex-shrink:0}.card-info[data-v-3acd3267]{display:block;font-size:var(--text-sm);color:var(--text-secondary);font-weight:400;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-top:.25rem;max-width:100%}.card-link__go[data-v-3acd3267]{background-repeat:no-repeat;background-position:.375rem center;background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'>%3Cpath d='M5 15L15 5M15 5H7.5M15 5V12.5' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/>%3C/svg>");width:2rem;height:2rem;text-decoration:none;display:block;position:relative;transition:var(--transition)}.card-link__go[data-v-3acd3267]:hover{transform:rotate(45deg)}@media (max-width: 48rem){.card-wrapper[data-v-3acd3267]{margin-bottom:1rem;width:100%}.card-type .type-tag[data-v-3acd3267]{font-size:calc(var(--text-xs) - .05rem);padding:0 .375rem;overflow:hidden;text-overflow:ellipsis;max-width:6rem}.card-detail[data-v-3acd3267]{margin-right:.5rem;max-width:calc(100% - 2rem)}.card-name[data-v-3acd3267]{font-size:calc(var(--text-md) - .05rem)}.tag-original[data-v-3acd3267]{height:1.25rem;padding:0 .375rem;font-size:calc(var(--text-xs) - .05rem)}.card-info[data-v-3acd3267]{font-size:calc(var(--text-sm) - .05rem)}}@media (max-width: 30rem){.card-wrapper[data-v-3acd3267]{margin-bottom:.75rem}.card-type .type-tag[data-v-3acd3267]{max-width:5rem}}.section.card[data-v-acf56ddf]{margin-top:2rem}.card-list[data-v-acf56ddf]{display:flex;flex-wrap:wrap;width:100%;margin:2rem auto;position:relative}.card-list[data-v-acf56ddf]:after{content:"";display:table;clear:both}.loading-container[data-v-acf56ddf],.empty-state[data-v-acf56ddf]{width:100%;text-align:center;padding:3rem 0;margin:3rem auto;color:var(--text-secondary)}.loading-spinner[data-v-acf56ddf]{display:inline-block;width:2rem;height:2rem;border:.25rem solid rgba(var(--primary-color-rgb),.3);border-radius:50%;border-top-color:var(--primary-color);animation:spin-acf56ddf 1s linear infinite;margin-bottom:1rem}@keyframes spin-acf56ddf{to{transform:rotate(360deg)}}.col-xs-1a[data-v-acf56ddf],.col-sm-1a[data-v-acf56ddf],.col-md-1a[data-v-acf56ddf],.col-lg-1a[data-v-acf56ddf],.col-xl-1a[data-v-acf56ddf],.col-xxl-1a[data-v-acf56ddf]{position:relative;width:100%;padding-right:.75rem;padding-left:.75rem;box-sizing:border-box;float:left}@media (min-width: 48rem){.col-md-2a[data-v-acf56ddf]{flex:0 0 auto;width:50%;float:left}}@media (min-width: 62rem){.col-lg-3a[data-v-acf56ddf]{flex:0 0 auto;width:33.333%;float:left}}@media (min-width: 87.5rem){.col-xxl-4a[data-v-acf56ddf]{flex:0 0 auto;width:25%;float:left}}@media (max-width: 48rem){.card-list[data-v-acf56ddf]{margin:1.5rem auto}.col-xs-1a[data-v-acf56ddf]{padding-right:.5rem;padding-left:.5rem;clear:both}}@media (max-width: 30rem){.card-list[data-v-acf56ddf]{margin:1rem auto}.card-item[data-v-acf56ddf]{width:100%!important;float:none;clear:both}}.js-shuffle-sizer[data-v-acf56ddf]{position:absolute;visibility:hidden;opacity:0}.card-item[data-v-acf56ddf]{opacity:1;visibility:visible;transition:all .35s ease-in-out,opacity .3s ease;box-sizing:border-box}.shuffle-item--hidden[data-v-acf56ddf]{opacity:0;visibility:hidden;height:0;margin:0;padding:0}.project-hero[data-v-d4a1d282]{padding:5rem 0 3rem;text-align:center;max-width:50rem}.page-meta[data-v-d4a1d282]{font-size:.9rem;color:var(--text-light);letter-spacing:.063rem;text-transform:uppercase;margin-bottom:1rem}.page-title[data-v-d4a1d282]{font-size:4rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2;letter-spacing:-.063rem}.page-description[data-v-d4a1d282]{font-size:1.1rem;color:var(--text-secondary);max-width:37.5rem;margin:0 auto 2rem;line-height:1.8}.project-list[data-v-d4a1d282]{max-width:60rem;margin:0 auto;padding:2rem 0 5rem}.project-item[data-v-d4a1d282]{cursor:pointer;display:block;height:min-content;padding:24px 12px 12px;position:relative;text-decoration:none;width:100%;margin-bottom:24px;overflow:hidden;transition:all .25s ease-in-out}.project-item[data-v-d4a1d282]:nth-child(n):hover{background:var(--color-yellow)}.project-item[data-v-d4a1d282]:nth-child(2n):hover{background:var(--color-blue)}.project-item[data-v-d4a1d282]:nth-child(3n):hover{background:var(--color-green)}.project-item:hover .project-icon .icon[data-v-d4a1d282]{transform:rotate(-45deg);border:1px solid var(--color-900, #f8f9fa);background:var(--color-900, #f8f9fa)}.project-header[data-v-d4a1d282]{display:flex;justify-content:space-between;margin-bottom:32px}.project-title[data-v-d4a1d282]{height:auto;position:relative;word-break:break-word;word-wrap:break-word;max-width:85%}.project-title h3[data-v-d4a1d282]{line-height:1.3em;text-align:left;color:var(--color-100);display:flex;align-items:center}.project-title p[data-v-d4a1d282]{display:block;margin:8px 0;color:var(--color-300);padding-left:4px}.project-icon[data-v-d4a1d282]{align-content:center;align-items:center;display:flex;flex:none;flex-direction:row;flex-wrap:nowrap;gap:0px;height:min-content;justify-content:center;overflow:hidden;position:relative;width:min-content}.project-icon .icon[data-v-d4a1d282]{transition:all .25s ease-in-out}.project-icon svg[data-v-d4a1d282]{transition:all .25s ease-in-out}.project-body[data-v-d4a1d282]{position:relative;margin-top:24px;margin-bottom:16px}.project-cover[data-v-d4a1d282]{position:relative;width:auto;overflow:hidden;display:flex;justify-content:flex-start;flex-wrap:nowrap}.project-figure[data-v-d4a1d282]{position:relative;border-radius:5px;overflow:hidden;width:auto;height:128px;margin:0 6px;display:inline-block}.project-figure[data-v-d4a1d282]:hover{opacity:.75}.project-figure[data-v-d4a1d282]:first-child{margin-left:0}.project-figure[data-v-d4a1d282]:last-child{margin-right:0}.project-figure__img[data-v-d4a1d282]{width:100%;height:100%;object-fit:cover;display:block}.project-footer[data-v-d4a1d282]{display:flex;justify-content:space-between;align-items:center}.project-tags[data-v-d4a1d282]{display:flex;justify-content:flex-start;gap:8px}.project-tags .tag[data-v-d4a1d282]{font-size:.75rem;border:1px solid var(--color-700);background:var(--color-999);border-radius:36px;padding:4px 16px;text-transform:uppercase;transition:all .25s ease-in-out}.project-tags .tag[data-v-d4a1d282]:hover{border:1px solid var(--color-300)}.project-date[data-v-d4a1d282]{font-size:1.75rem;font-weight:600}.project-title-pre-icon[data-v-d4a1d282]{width:18px;height:18px;margin-right:6px;color:var(--color-100)}.project-tags .tag.font-type[data-v-d4a1d282]{padding:6px 16px 2px}.font-type[data-v-d4a1d282]{font-family:var(--font-type, system-ui)}.icon[data-v-d4a1d282]{padding:10px;border-radius:36px;border:1px solid var(--color-700);display:inline-block;margin:0;font-size:0}.icon svg[data-v-d4a1d282]{height:20px;width:20px}@media (max-width: 1000px){.project-body[data-v-d4a1d282]{height:132px}.project-cover[data-v-d4a1d282]{position:absolute;left:0;bottom:0}.project-figure[data-v-d4a1d282]{width:180px;height:120px}}.loading-container[data-v-d4a1d282],.error-container[data-v-d4a1d282]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0;text-align:center}.loading-spinner[data-v-d4a1d282]{width:40px;height:40px;border:3px solid var(--color-800);border-top-color:var(--primary-color);border-radius:50%;animation:spin-d4a1d282 1s linear infinite;margin-bottom:1rem}@keyframes spin-d4a1d282{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-container[data-v-d4a1d282]{color:var(--color-errors)}.error-container .retry-btn[data-v-d4a1d282]{margin-top:1rem;padding:.5rem 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-normal);cursor:pointer;transition:opacity .3s}.error-container .retry-btn[data-v-d4a1d282]:hover{opacity:.9}.featured-badge[data-v-d4a1d282]{display:inline-flex;align-items:center;justify-content:center;background:var(--color-yellow);color:var(--color-0);padding:.3rem .5rem;border-radius:var(--radius-small);font-size:.7rem;font-weight:500;margin-right:.5rem;vertical-align:middle;position:relative;top:-1px}@media (max-width: 768px){.featured-badge[data-v-d4a1d282]{padding:.15rem .4rem;font-size:.65rem}}.private-badge[data-v-d4a1d282]{display:inline-flex;align-items:center;justify-content:center;background:var(--color-errors);color:#fff;padding:.3rem .5rem;border-radius:var(--radius-small);font-size:.7rem;font-weight:500;margin-right:.5rem;vertical-align:middle;position:relative;top:-1px}@media (max-width: 768px){.private-badge[data-v-d4a1d282]{padding:.15rem .4rem;font-size:.65rem}}.access-badge[data-v-d4a1d282]{display:inline-flex;align-items:center;justify-content:center;background:var(--color-green);color:#fff;padding:.3rem .5rem;border-radius:var(--radius-small);font-size:.7rem;font-weight:500;margin-right:.5rem;vertical-align:middle;position:relative;top:-1px}@media (max-width: 768px){.access-badge[data-v-d4a1d282]{padding:.15rem .4rem;font-size:.65rem}}.public-badge[data-v-d4a1d282]{display:inline-flex;align-items:center;justify-content:center;background:var(--color-blue);color:#fff;padding:.3rem .5rem;border-radius:var(--radius-small);font-size:.7rem;font-weight:500;margin-right:.5rem;vertical-align:middle;position:relative;top:-1px}@media (max-width: 768px){.public-badge[data-v-d4a1d282]{padding:.15rem .4rem;font-size:.65rem}}.no-access .project-icon .icon[data-v-d4a1d282]{background-color:var(--color-errors-light);border-color:var(--color-errors)}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}.markdown-content{color:var(--color-200);line-height:1.8;font-size:1rem;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{margin:1.75em 0 1em;color:var(--color-100);line-height:1.3}.markdown-content h1{font-size:2.25rem}.markdown-content h2{font-size:1.75rem}.markdown-content h3{font-size:1.5rem}.markdown-content h4{font-size:1.25rem}.markdown-content h5{font-size:1rem}.markdown-content h6{font-size:.875rem}.markdown-content p{margin:1em 0}.markdown-content a{color:var(--color-blue);text-decoration:none}.markdown-content a:hover{text-decoration:underline}.markdown-content img{max-width:100%;border-radius:8px;margin:1em 0}.markdown-content audio,.markdown-content video{display:block;width:100%;max-width:100%;margin:1.5em 0;border-radius:8px}.markdown-content blockquote{border-left:4px solid var(--color-700);margin:1.5em 0;padding:.5em 1em;color:var(--color-300);background:var(--color-900);border-radius:0 4px 4px 0}.markdown-content code{font-family:Fira Code,monospace;background:#f0f0f0;padding:.2em .4em;border-radius:4px;font-size:.9em}.markdown-content pre{background:#f0f0f0;padding:1em;border-radius:8px;overflow-x:auto;margin:1.5em 0}.markdown-content pre code{background:none;padding:0;font-size:.9em;display:block;line-height:1.5;font-family:Fira Code,Consolas,Monaco,Andale Mono,monospace}.markdown-content pre code .hljs-comment,.markdown-content pre code .hljs-quote{color:#6a9955}.markdown-content pre code .hljs-keyword,.markdown-content pre code .hljs-selector-tag{color:#569cd6}.markdown-content pre code .hljs-string,.markdown-content pre code .hljs-attribute,.markdown-content pre code .hljs-addition{color:#ce9178}.markdown-content pre code .hljs-number,.markdown-content pre code .hljs-literal{color:#b5cea8}.markdown-content pre code .hljs-built_in,.markdown-content pre code .hljs-type{color:#4ec9b0}.markdown-content pre code .hljs-tag,.markdown-content pre code .hljs-name,.markdown-content pre code .hljs-selector-id,.markdown-content pre code .hljs-selector-class{color:#569cd6}.markdown-content pre code .hljs-variable,.markdown-content pre code .hljs-template-variable{color:#9cdcfe}.markdown-content pre code .hljs-regexp{color:#d16969}.markdown-content ul,.markdown-content ol{padding-left:2em;margin:1.5em 0}.markdown-content li{margin:.5em 0}.markdown-content table{width:100%;border-collapse:collapse;margin:1.5em 0}.markdown-content table th,.markdown-content table td{border:1px solid var(--color-700);padding:.5em 1em}.markdown-content table th{background:var(--color-900);color:var(--color-100)}.markdown-content hr{border:none;border-top:1px solid var(--color-700);margin:2em 0}@media (max-width: 768px){.markdown-content{font-size:.9rem}.markdown-content h1{font-size:1.75rem}.markdown-content h2{font-size:1.5rem}.markdown-content h3{font-size:1.25rem}.markdown-content h4{font-size:1.1rem}.markdown-content h5{font-size:1rem}.markdown-content h6{font-size:.9rem}}.markdown-content .custom-block{margin:1.5em 0;padding:1.25em 1.5em;border-radius:8px;position:relative}.markdown-content .custom-block:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;border-radius:4px 0 0 4px}.markdown-content .custom-block.tip{background:#34c7591a;border:1px solid rgba(52,199,89,.2)}.markdown-content .custom-block.tip:before{background:#34c759}.markdown-content .custom-block.warning{background:#ff95001a;border:1px solid rgba(255,149,0,.2)}.markdown-content .custom-block.warning:before{background:#ff9500}.markdown-content .custom-block.info{background:#007aff1a;border:1px solid rgba(0,122,255,.2)}.markdown-content .custom-block.info:before{background:#007aff}.markdown-content .custom-block p{margin:0}.markdown-content .custom-block p:first-child{margin-top:0}.markdown-content .custom-block p:last-child{margin-bottom:0}.markdown-content .emoji{height:1.2em;width:1.2em;margin:0 .05em 0 .1em;vertical-align:-.1em}.markdown-content .task-list-item{list-style-type:none;margin-left:-1.5em}.markdown-content .task-list-item input[type=checkbox]{margin-right:.5em}.markdown-content .footnotes{margin-top:2em;padding-top:1em;border-top:1px solid var(--color-700);font-size:.9em;color:var(--color-400)}.markdown-content .footnotes ol{padding-left:1.5em}.markdown-content .footnotes .footnote-backref{text-decoration:none;margin-left:.5em}.markdown-content abbr{cursor:help;border-bottom:1px dotted var(--color-500)}.markdown-content sub,.markdown-content sup{font-size:.75em;line-height:0;position:relative;vertical-align:baseline}.markdown-content sup{top:-.5em}.markdown-content sub{bottom:-.25em}.markdown-content ins{text-decoration:none;background-color:#34c75933;padding:.1em .2em;border-radius:2px}.markdown-content mark{background-color:#fc03;padding:.1em .2em;border-radius:2px}.markdown-content dl{margin:1em 0}.markdown-content dl dt{font-weight:700;color:var(--color-100)}.markdown-content dl dd{margin-left:2em;margin-bottom:1em}.markdown-content .toc{background:var(--color-900);border-radius:8px;padding:1em 2em;margin:1.5em 0}.markdown-content .toc ul{list-style:none;padding-left:0}.markdown-content .toc ul ul{padding-left:1.5em}.markdown-content .toc a{color:var(--color-300);text-decoration:none}.markdown-content .toc a:hover{color:var(--color-100)}.markdown-content .image-grid{display:grid;gap:1rem;margin:1.5em 0}.markdown-content .image-grid.columns-2{grid-template-columns:repeat(2,1fr)}.markdown-content .image-grid.columns-3{grid-template-columns:repeat(3,1fr)}.markdown-content .image-grid.columns-4{grid-template-columns:repeat(4,1fr)}.markdown-content .image-grid.gap-0{gap:0}.markdown-content .image-grid.gap-0\.5{gap:.5rem}.markdown-content .image-grid.gap-1{gap:1rem}.markdown-content .image-grid.gap-2{gap:2rem}.markdown-content .image-grid.gap-3{gap:3rem}.markdown-content .image-grid.justify-start{justify-items:start}.markdown-content .image-grid.justify-center{justify-items:center}.markdown-content .image-grid.justify-end{justify-items:end}.markdown-content .image-grid.justify-between{justify-content:space-between}.markdown-content .image-grid.justify-around{justify-content:space-around}.markdown-content .image-grid.justify-evenly{justify-content:space-evenly}.markdown-content .image-grid .image-cell{display:flex;flex-direction:column}.markdown-content .image-grid .image-cell img{width:100%;height:auto;margin:0;object-fit:cover}.markdown-content .image-grid .image-cell .caption{font-size:.9rem;color:var(--color-300);text-align:center;margin-top:.5rem}@media (max-width: 768px){.markdown-content .image-grid{grid-template-columns:1fr!important}.markdown-content .image-grid .image-cell{margin-bottom:1rem}}.markdown-content .header-anchor{color:var(--color-500);text-decoration:none;margin-right:0;padding:0;width:0;opacity:0;transition:opacity .2s}.markdown-content .header-anchor:hover{color:var(--color-300)}.markdown-content h1:hover .header-anchor,.markdown-content h2:hover .header-anchor,.markdown-content h3:hover .header-anchor,.markdown-content h4:hover .header-anchor,.markdown-content h5:hover .header-anchor,.markdown-content h6:hover .header-anchor{opacity:1}.markdown-content .watermark-container{pointer-events:none!important}.markdown-content .watermark{pointer-events:none!important;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;font-family:sans-serif}.project-detail[data-v-0ba795fa]{max-width:900px;margin:0 auto;padding:3rem 1.5rem}@media (max-width: 768px){.project-detail[data-v-0ba795fa]{padding:2rem 1rem}}.project-navigation[data-v-0ba795fa]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.project-navigation.project-navigation-bottom[data-v-0ba795fa]{margin-top:3rem;margin-bottom:0;padding-top:2rem;border-top:1px solid var(--border-color)}.back-link[data-v-0ba795fa]{display:inline-flex;align-items:center;color:var(--text-color);font-size:1rem;transition:all .3s ease;text-decoration:none;padding:.5rem 0;border-radius:var(--radius-normal);background-color:var(--color-950)}.back-link svg[data-v-0ba795fa]{margin-right:.5rem;stroke-width:2px}.back-link[data-v-0ba795fa]:hover{color:var(--primary-color);background-color:var(--color-950);transition:color .3s ease,transform .3s ease}.nav-actions[data-v-0ba795fa]{display:flex;gap:.5rem}.nav-button-container[data-v-0ba795fa]{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.nav-action[data-v-0ba795fa]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--color-900);color:var(--text-color);transition:all .3s ease;cursor:pointer}.nav-action[data-v-0ba795fa]:hover{color:var(--primary-color);background-color:transparent}.nav-action-placeholder[data-v-0ba795fa]{width:40px;height:40px}.loading-state[data-v-0ba795fa],.error-state[data-v-0ba795fa]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}.loading-spinner[data-v-0ba795fa]{width:40px;height:40px;border:3px solid var(--color-800);border-top-color:var(--primary-color);border-radius:50%;animation:spin-0ba795fa 1s linear infinite;margin-bottom:1rem}@keyframes spin-0ba795fa{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.project-header-wrapper[data-v-0ba795fa]{margin-bottom:2rem}.project-header[data-v-0ba795fa]{margin-bottom:1.5rem}.project-meta[data-v-0ba795fa]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.project-date[data-v-0ba795fa]{font-size:.9rem;color:var(--text-light)}.project-title[data-v-0ba795fa]{font-size:2.5rem;margin-bottom:1rem;line-height:1.3;font-weight:700}@media (max-width: 768px){.project-title[data-v-0ba795fa]{font-size:2rem}}.project-content[data-v-0ba795fa]{font-size:1.05rem;line-height:1.8}.project-content[data-v-0ba795fa] h2{font-size:1.8rem;margin:2rem 0 1rem;font-weight:600}.project-content[data-v-0ba795fa] h3{font-size:1.5rem;margin:1.8rem 0 .8rem;font-weight:600}.project-content[data-v-0ba795fa] p{margin-bottom:1.5rem}.project-content[data-v-0ba795fa] img{max-width:100%;border-radius:var(--radius-small);margin:1rem 0}.project-content[data-v-0ba795fa] a{color:var(--primary-color);text-decoration:none;border-bottom:1px solid var(--primary-color);transition:opacity .3s}.project-content[data-v-0ba795fa] a:hover{opacity:.8}.project-content[data-v-0ba795fa] ul,.project-content[data-v-0ba795fa] ol{margin-bottom:1.5rem;padding-left:1.5rem}.project-content[data-v-0ba795fa] ul li,.project-content[data-v-0ba795fa] ol li{margin-bottom:.5rem}.project-content[data-v-0ba795fa] blockquote{border-left:4px solid var(--primary-color);padding-left:1rem;font-style:italic;margin:1.5rem 0;color:var(--text-secondary)}.project-content[data-v-0ba795fa] pre{background-color:var(--color-900);padding:1rem;border-radius:var(--radius-small);overflow-x:auto;margin:1.5rem 0}.project-content[data-v-0ba795fa] code{font-family:monospace;background-color:var(--color-900);padding:.2rem .4rem;border-radius:var(--radius-small);font-size:.9em}.scroll-to-top-btn[data-v-0ba795fa]{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;border-radius:50%;background-color:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;box-shadow:0 2px 10px #0003;transition:all .3s ease;z-index:10}.scroll-to-top-btn[data-v-0ba795fa]:hover{transform:translateY(-3px);box-shadow:0 4px 15px #0000004d}@media (max-width: 768px){.scroll-to-top-btn[data-v-0ba795fa]{bottom:1.5rem;right:1.5rem;width:45px;height:45px}}.btn[data-v-0ba795fa]{background-color:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-normal);cursor:pointer;font-size:1rem;transition:opacity .3s}.btn[data-v-0ba795fa]:hover{opacity:.9}.unauthorized-state[data-v-0ba795fa]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:300px;padding:3rem 2rem;margin:2rem auto;max-width:700px;background-color:var(--color-900);border-radius:var(--radius-normal);box-shadow:0 4px 12px #0000001a}.unauthorized-icon[data-v-0ba795fa]{width:64px;height:64px;margin-bottom:1.5rem;color:var(--color-errors)}.unauthorized-state h2[data-v-0ba795fa]{font-size:1.8rem;margin-bottom:1rem;color:var(--color-errors)}.unauthorized-state p[data-v-0ba795fa]{font-size:1.1rem;color:var(--color-300);line-height:1.6}.unauthorized-actions[data-v-0ba795fa]{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.action-button[data-v-0ba795fa]{display:inline-block;padding:.5rem 1.25rem;background-color:var(--primary-color);color:#fff;border-radius:var(--radius-normal);font-size:.9rem;text-decoration:none;margin:0 .5rem;transition:all .2s ease;border:none;cursor:pointer}.contact-btn[data-v-0ba795fa]{background-color:var(--primary-color);color:#fff}.contact-message[data-v-0ba795fa]{font-size:.9rem;color:var(--text-light);margin-bottom:2rem}.icon-container[data-v-6a1017a6]{align-content:center;align-items:center;display:flex;flex:none;flex-direction:row;flex-wrap:nowrap;gap:0px;height:min-content;justify-content:center;overflow:hidden;position:relative;width:min-content}.icon[data-v-6a1017a6]{padding:10px;border-radius:36px;border:1px solid var(--border-color);display:inline-block;margin:0;font-size:0;transition:all .25s ease-in-out;transform:rotate(0);will-change:transform}.icon.hovered[data-v-6a1017a6]{transform:rotate(-45deg);border-color:var(--text-color)}.arrow-svg[data-v-6a1017a6]{height:20px;width:20px;transition:all .25s ease-in-out}.arrow-path[data-v-6a1017a6]{transition:fill .25s ease-in-out}.blog-hero[data-v-0ccfaab9]{padding:5rem 0 3rem;text-align:center;max-width:50rem}.page-meta[data-v-0ccfaab9]{font-size:.9rem;color:var(--text-light);letter-spacing:.063rem;text-transform:uppercase;margin-bottom:1rem}.page-title[data-v-0ccfaab9]{font-size:4rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2;letter-spacing:-.063rem}.page-description[data-v-0ccfaab9]{font-size:1.1rem;color:var(--text-secondary);max-width:37.5rem;margin:0 auto 2rem;line-height:1.8}.blog-list[data-v-0ccfaab9]{max-width:60rem;margin:0 auto;padding:2rem 0 5rem}.blog-post[data-v-0ccfaab9]{margin-bottom:3rem;border-bottom:.063rem solid var(--card-border)}.blog-post[data-v-0ccfaab9]:last-child{border-bottom:none}.post-link[data-v-0ccfaab9]{display:grid;grid-template-columns:280px 1fr;gap:2rem;text-decoration:none;color:var(--text-primary);transition:var(--transition)}.post-link[data-v-0ccfaab9]:hover{background-color:var(--card-bg-hover, rgba(0, 0, 0, .03));border-radius:.5rem;padding:1rem;margin:-1rem;transition:all .3s ease}.post-link:hover .post-title[data-v-0ccfaab9],.post-link:hover .post-arrow[data-v-0ccfaab9]{color:var(--text-primary)}.post-link:hover .post-image img[data-v-0ccfaab9]{transform:scale(1.05)}.post-image[data-v-0ccfaab9]{width:280px;height:180px;border-radius:12px;overflow:hidden}.post-image img[data-v-0ccfaab9]{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.post-content[data-v-0ccfaab9]{display:flex;flex-direction:column}.post-date[data-v-0ccfaab9]{font-size:.9rem;color:var(--text-light);margin-bottom:.75rem}.post-title[data-v-0ccfaab9]{font-size:1.8rem;font-weight:700;margin-bottom:.75rem;line-height:1.3;transition:var(--transition)}.post-excerpt[data-v-0ccfaab9]{font-size:1.1rem;color:var(--text-secondary);line-height:1.7;margin-bottom:.75rem;flex-grow:1}.post-meta[data-v-0ccfaab9]{display:flex;align-items:center;justify-content:space-between;margin-top:auto;position:relative}.post-tags[data-v-0ccfaab9]{display:flex;gap:.5rem;flex-wrap:wrap;flex-grow:1}.post-tag[data-v-0ccfaab9]{font-size:.8rem;color:var(--text-light);background-color:var(--color-900);padding:.25rem .75rem;border-radius:16px}.post-arrow[data-v-0ccfaab9]{display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .25s ease-in-out;flex-shrink:0;margin-left:auto}.loading-state[data-v-0ccfaab9],.empty-state[data-v-0ccfaab9]{text-align:center;padding:2rem;color:var(--text-secondary)}.private-badge[data-v-0ccfaab9]{display:inline-flex;align-items:center;justify-content:center;background:var(--color-errors);color:#fff;padding:.3rem .5rem;border-radius:var(--radius-small);font-size:.7rem;font-weight:500;margin-left:.5rem;vertical-align:middle;position:relative;top:-3px}@media (max-width: 768px){.private-badge[data-v-0ccfaab9]{padding:.15rem .4rem;font-size:.65rem}}.featured-badge[data-v-0ccfaab9]{display:inline-flex;align-items:center;justify-content:center;background:var(--color-yellow);color:var(--color-0);padding:.3rem .5rem;border-radius:var(--radius-small);font-size:.7rem;font-weight:500;margin-left:.5rem;vertical-align:middle;position:relative;top:-3px}@media (max-width: 768px){.featured-badge[data-v-0ccfaab9]{padding:.15rem .4rem;font-size:.65rem}}.access-badge[data-v-0ccfaab9]{display:inline-flex;align-items:center;justify-content:center;background:var(--color-green);color:#fff;padding:.3rem .5rem;border-radius:var(--radius-small);font-size:.7rem;font-weight:500;margin-left:.5rem;vertical-align:middle;position:relative;top:-3px}@media (max-width: 768px){.access-badge[data-v-0ccfaab9]{padding:.15rem .4rem;font-size:.65rem}}.public-badge[data-v-0ccfaab9]{display:inline-flex;align-items:center;justify-content:center;background:var(--color-blue);color:#fff;padding:.3rem .5rem;border-radius:var(--radius-small);font-size:.7rem;font-weight:500;margin-left:.5rem;vertical-align:middle;position:relative;top:-3px}@media (max-width: 768px){.public-badge[data-v-0ccfaab9]{padding:.15rem .4rem;font-size:.65rem}}@media (max-width: 768px){.page-title[data-v-0ccfaab9]{font-size:3rem}.page-description[data-v-0ccfaab9]{font-size:1rem}.post-title[data-v-0ccfaab9]{font-size:1.5rem}.post-link[data-v-0ccfaab9]{grid-template-columns:1fr;gap:1rem}.post-image[data-v-0ccfaab9]{width:100%;height:100%}}.blog-hero[data-v-03312b04]{padding:5rem 0 3rem;text-align:center;max-width:50rem}.page-meta[data-v-03312b04]{font-size:.9rem;color:var(--text-light);letter-spacing:.063rem;text-transform:uppercase;margin-bottom:1rem}.page-title[data-v-03312b04]{font-size:4rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2;letter-spacing:-.063rem}.page-description[data-v-03312b04]{font-size:1.1rem;color:var(--text-secondary);max-width:37.5rem;margin:0 auto 2rem;line-height:1.8}.back-link[data-v-03312b04]{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-primary);font-weight:500;padding:.5rem 0;margin-top:1rem;transition:color .3s ease,transform .3s ease;text-decoration:none;background-color:transparent;cursor:pointer}.back-link[data-v-03312b04]:hover{color:var(--primary-color);transform:translate(-.188rem)}.blog-list[data-v-03312b04]{max-width:60rem;margin:0 auto;padding:2rem 0 5rem}.blog-post[data-v-03312b04]{margin-bottom:3rem;border-bottom:.063rem solid var(--card-border)}.blog-post[data-v-03312b04]:last-child{border-bottom:none}.post-link[data-v-03312b04]{display:grid;grid-template-columns:280px 1fr;gap:2rem;text-decoration:none;color:var(--text-primary);transition:var(--transition)}.post-link[data-v-03312b04]:hover{background-color:var(--card-bg-hover, rgba(0, 0, 0, .03));border-radius:.5rem;padding:1rem;margin:-1rem;transition:all .3s ease}.post-link:hover .post-title[data-v-03312b04],.post-link:hover .post-arrow[data-v-03312b04]{color:var(--text-primary)}.post-link:hover .post-image img[data-v-03312b04]{transform:scale(1.05)}.post-image[data-v-03312b04]{width:280px;height:180px;border-radius:12px;overflow:hidden}.post-image img[data-v-03312b04]{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.post-content[data-v-03312b04]{display:flex;flex-direction:column}.post-date[data-v-03312b04]{font-size:.9rem;color:var(--text-light);margin-bottom:.75rem}.post-title[data-v-03312b04]{font-size:1.8rem;font-weight:700;margin-bottom:.75rem;line-height:1.3;transition:var(--transition)}.post-excerpt[data-v-03312b04]{font-size:1.1rem;color:var(--text-secondary);line-height:1.7;margin-bottom:.75rem;flex-grow:1}.post-meta[data-v-03312b04]{display:flex;align-items:center;justify-content:space-between;margin-top:auto;position:relative}.post-tags[data-v-03312b04]{display:flex;gap:.5rem;flex-wrap:wrap;flex-grow:1}.post-tag[data-v-03312b04]{font-size:.8rem;color:var(--text-light);background-color:var(--color-900);padding:.25rem .75rem;border-radius:16px}.post-arrow[data-v-03312b04]{display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .25s ease-in-out;flex-shrink:0;margin-left:auto}.loading-state[data-v-03312b04],.empty-state[data-v-03312b04]{text-align:center;padding:2rem;color:var(--text-secondary)}@media (max-width: 768px){.page-title[data-v-03312b04]{font-size:3rem}.page-description[data-v-03312b04]{font-size:1rem}.post-title[data-v-03312b04]{font-size:1.5rem}.post-link[data-v-03312b04]{grid-template-columns:1fr;gap:1rem}.post-image[data-v-03312b04]{width:100%;height:200px}}.search-container[data-v-03312b04]{display:flex;margin:1.5rem auto;max-width:500px;width:100%}.search-input[data-v-03312b04]{flex:1;padding:.75rem 1rem;font-size:1rem;border:1px solid var(--border-color);border-radius:var(--radius-normal) 0 0 var(--radius-normal);background-color:var(--bg-color);color:var(--text-color);outline:none;transition:all .3s ease}.search-input[data-v-03312b04]:focus{border-color:var(--primary-color)}.search-button[data-v-03312b04]{display:flex;align-items:center;justify-content:center;padding:.75rem 1rem;background-color:var(--primary-color);color:var(--bg-color);border:none;border-radius:0 var(--radius-normal) var(--radius-normal) 0;cursor:pointer;transition:all .3s ease}.search-button[data-v-03312b04]:hover{background-color:var(--primary-dark)}.search-results-info[data-v-03312b04]{margin-bottom:1.5rem;padding:1rem;background-color:var(--color-900);border-radius:var(--radius-normal)}.search-results-info p[data-v-03312b04]{display:flex;justify-content:space-between;align-items:center;margin:0;font-size:.9rem}.search-results-info .clear-search-button[data-v-03312b04]{background-color:transparent;color:var(--primary-color);border:1px solid var(--primary-color);border-radius:var(--radius-small);padding:.3rem .75rem;font-size:.8rem;cursor:pointer;transition:all .3s ease}.search-results-info .clear-search-button[data-v-03312b04]:hover{background-color:var(--primary-color);color:var(--bg-color)}.blog-hero[data-v-d2f5206c]{padding:5rem 0 3rem;text-align:center;max-width:50rem}.page-meta[data-v-d2f5206c]{font-size:.9rem;color:var(--text-light);letter-spacing:.063rem;text-transform:uppercase;margin-bottom:1rem}.page-title[data-v-d2f5206c]{font-size:4rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2;letter-spacing:-.063rem}.page-description[data-v-d2f5206c]{font-size:1.1rem;color:var(--text-secondary);max-width:37.5rem;margin:0 auto 2rem;line-height:1.8}.back-link[data-v-d2f5206c]{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-primary);font-weight:500;padding:.5rem 0;margin-top:1rem;transition:color .3s ease,transform .3s ease;text-decoration:none;background-color:transparent;cursor:pointer}.back-link[data-v-d2f5206c]:hover{color:var(--primary-color);transform:translate(-.188rem)}.blog-list[data-v-d2f5206c]{max-width:60rem;margin:0 auto;padding:2rem 0 5rem}.blog-post[data-v-d2f5206c]{margin-bottom:3rem;border-bottom:.063rem solid var(--card-border)}.blog-post[data-v-d2f5206c]:last-child{border-bottom:none}.post-link[data-v-d2f5206c]{display:grid;grid-template-columns:280px 1fr;gap:2rem;text-decoration:none;color:var(--text-primary);transition:var(--transition)}.post-link[data-v-d2f5206c]:hover{background-color:var(--card-bg-hover, rgba(0, 0, 0, .03));border-radius:.5rem;padding:1rem;margin:-1rem;transition:all .3s ease}.post-link:hover .post-title[data-v-d2f5206c],.post-link:hover .post-arrow[data-v-d2f5206c]{color:var(--text-primary)}.post-link:hover .post-image img[data-v-d2f5206c]{transform:scale(1.05)}.post-image[data-v-d2f5206c]{width:280px;height:180px;border-radius:12px;overflow:hidden}.post-image img[data-v-d2f5206c]{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.post-content[data-v-d2f5206c]{display:flex;flex-direction:column}.post-date[data-v-d2f5206c]{font-size:.9rem;color:var(--text-light);margin-bottom:.75rem}.post-title[data-v-d2f5206c]{font-size:1.8rem;font-weight:700;margin-bottom:.75rem;line-height:1.3;transition:var(--transition)}.post-excerpt[data-v-d2f5206c]{font-size:1.1rem;color:var(--text-secondary);line-height:1.7;margin-bottom:.75rem;flex-grow:1}.post-meta[data-v-d2f5206c]{display:flex;align-items:center;justify-content:space-between;margin-top:auto;position:relative}.post-tags[data-v-d2f5206c]{display:flex;gap:.5rem;flex-wrap:wrap;flex-grow:1}.post-tag[data-v-d2f5206c]{font-size:.8rem;color:var(--text-light);background-color:var(--color-900);padding:.25rem .75rem;border-radius:16px}.post-arrow[data-v-d2f5206c]{display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .25s ease-in-out;flex-shrink:0;margin-left:auto}.loading-state[data-v-d2f5206c],.empty-state[data-v-d2f5206c]{text-align:center;padding:2rem;color:var(--text-secondary)}@media (max-width: 768px){.page-title[data-v-d2f5206c]{font-size:3rem}.page-description[data-v-d2f5206c]{font-size:1rem}.post-title[data-v-d2f5206c]{font-size:1.5rem}.post-link[data-v-d2f5206c]{grid-template-columns:1fr;gap:1rem}.post-image[data-v-d2f5206c]{width:100%;height:200px}}.search-container[data-v-d2f5206c]{display:flex;margin:1.5rem auto;max-width:500px;width:100%}.search-input[data-v-d2f5206c]{flex:1;padding:.75rem 1rem;font-size:1rem;border:1px solid var(--border-color);border-radius:var(--radius-normal) 0 0 var(--radius-normal);background-color:var(--bg-color);color:var(--text-color);outline:none;transition:all .3s ease}.search-input[data-v-d2f5206c]:focus{border-color:var(--primary-color)}.search-button[data-v-d2f5206c]{display:flex;align-items:center;justify-content:center;padding:.75rem 1rem;background-color:var(--primary-color);color:var(--bg-color);border:none;border-radius:0 var(--radius-normal) var(--radius-normal) 0;cursor:pointer;transition:all .3s ease}.search-button[data-v-d2f5206c]:hover{background-color:var(--primary-dark)}.search-results-info[data-v-d2f5206c]{margin-bottom:1.5rem;padding:1rem;background-color:var(--color-900);border-radius:var(--radius-normal)}.search-results-info p[data-v-d2f5206c]{display:flex;justify-content:space-between;align-items:center;margin:0;font-size:.9rem}.search-results-info .clear-search-button[data-v-d2f5206c]{background-color:transparent;color:var(--primary-color);border:1px solid var(--primary-color);border-radius:var(--radius-small);padding:.3rem .75rem;font-size:.8rem;cursor:pointer;transition:all .3s ease}.search-results-info .clear-search-button[data-v-d2f5206c]:hover{background-color:var(--primary-color);color:var(--bg-color)}.blog-detail-grid{display:grid;grid-template-columns:1fr;padding:0;position:relative;width:100%}.blog-toc-sidebar{width:280px;position:fixed;top:calc(50% + 3rem);transform:translateY(-50%);max-height:calc(100vh - 8rem);overflow-y:auto;background-color:transparent;padding:1rem 1rem 1rem 0;font-size:1rem;z-index:10;transition:left .3s ease}.blog-toc-sidebar h3{font-size:1.3rem;font-weight:600;margin-bottom:1.2rem;color:var(--color-200)}.blog-toc-sidebar .toc-content ul{list-style:none;padding-left:0;margin:0}.blog-toc-sidebar .toc-content a{display:block;padding:.5rem 0;color:var(--color-300);text-decoration:none;transition:all .2s ease;line-height:1.5;border-left:3px solid transparent;word-break:break-word;position:relative}.blog-toc-sidebar .toc-content a:hover{color:var(--color-100)}.blog-toc-sidebar .toc-content a.router-link-active,.blog-toc-sidebar .toc-content a.router-link-exact-active,.blog-toc-sidebar .toc-content a.active{color:var(--primary-color);font-weight:600}.blog-toc-sidebar .toc-content a.router-link-active:before,.blog-toc-sidebar .toc-content a.router-link-exact-active:before,.blog-toc-sidebar .toc-content a.active:before{content:"";position:absolute;left:-15px;top:50%;transform:translateY(-50%);height:1.5em;width:3px;background-color:var(--primary-color);border-radius:1.5px}.blog-toc-sidebar .toc-content li{padding-left:0}.blog-toc-sidebar .toc-content li li{padding-left:1rem}.blog-toc-sidebar .toc-content li li li{padding-left:2rem}.blog-toc-sidebar .toc-content .toc-h1{padding-left:0}.blog-toc-sidebar .toc-content .toc-h2{padding-left:1rem}.blog-toc-sidebar .toc-content .toc-h3{padding-left:2rem}.blog-toc-sidebar .toc-content nav.toc>ul>li{padding-left:0}.blog-toc-sidebar .toc-content nav.toc>ul>li>ul>li{padding-left:1rem}.blog-toc-sidebar .toc-content nav.toc>ul>li>ul>li>ul>li{padding-left:2rem}.blog-content-wrapper{grid-column-start:2;min-width:0;width:100%}.blog-content{width:100%;padding:2rem 0}.blog-navigation{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.back-link{display:flex;align-items:center;gap:.5rem;color:var(--text-primary);font-weight:500;padding:.5rem 0;transition:color .3s ease,transform .3s ease;text-decoration:none;background-color:transparent;cursor:pointer}.back-link span,.back-link svg{cursor:pointer}.back-link:hover{color:var(--primary-color);transform:translate(-.188rem)}.nav-actions{display:flex;gap:.5rem}.nav-button-container{width:40px;height:40px}.nav-action{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--color-900);color:var(--color-300);transition:all .3s}.nav-action:hover{color:var(--primary-color);background-color:transparent}.nav-actions .nav-button-container:first-child .nav-action:hover svg{transform:translate(-.188rem)}.nav-actions .nav-button-container:last-child .nav-action:hover svg{transform:translate(.188rem)}.nav-action svg{transition:transform .3s ease;cursor:pointer}.nav-action-placeholder{width:40px;height:40px}.blog-header{margin-bottom:3rem}.blog-meta{display:flex;color:var(--color-400);font-size:.9rem;margin-bottom:1rem}.blog-date{margin-right:1rem}.blog-title{font-size:2.5rem;line-height:1.2;margin-bottom:1.5rem;color:var(--color-100)}.blog-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.blog-tag{background:var(--color-900);color:var(--color-300);padding:.25rem .75rem;border-radius:16px;font-size:.8rem}.blog-body{margin-bottom:3rem}.blog-body h1,.blog-body h2,.blog-body h3{scroll-margin-top:120px}.blog-navigation-bottom{margin-top:3rem;margin-bottom:2rem}.loading-state,.error-state{text-align:center;padding:3rem 1rem;color:var(--color-400);font-size:1.1rem}.error-state{color:var(--color-error, #e53935)}.scroll-to-top-btn{position:fixed;bottom:3rem;right:3rem;width:50px;height:50px;border-radius:50%;background-color:var(--color-900);color:var(--color-300);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:1000;box-shadow:0 4px 12px #00000026}.scroll-to-top-btn svg{width:24px;height:24px}.scroll-to-top-btn:hover{background-color:var(--color-800);color:var(--color-100);transform:translateY(-2px)}.scroll-to-top-btn:active{transform:translateY(0)}@media (max-width: 1199px){.blog-detail-grid{grid-template-columns:1fr;padding:0 1rem}.blog-content-wrapper{grid-column-start:1}.blog-toc-sidebar{order:-1;position:static;width:auto;height:auto;max-height:300px;transform:none;left:auto;align-self:auto;overflow-y:auto;margin-bottom:2.5rem;padding:1rem;border-bottom:1px solid var(--color-700);background-color:rgba(var(--color-800-rgb),.5)}.blog-body h1,.blog-body h2,.blog-body h3{scroll-margin-top:120px}}.toc-toggle-btn{display:none;position:fixed;left:0;top:50%;transform:translateY(-50%);background:var(--color-900);color:var(--color-300);border:none;border-top-right-radius:50%;border-bottom-right-radius:50%;padding:12px;width:48px;height:48px;cursor:pointer;z-index:100;align-items:center;justify-content:center;box-shadow:2px 0 8px #0003;transition:all .3s ease}.toc-toggle-btn svg{width:20px;height:20px}.toc-toggle-btn:hover,.toc-toggle-btn.active{color:var(--primary-color);background-color:var(--color-800)}.toc-toggle-btn.active{left:280px}@media (min-width: 769px) and (max-width: 1199px){.toc-toggle-btn{display:flex}.blog-toc-sidebar{position:fixed;top:calc(50% + 3rem);transform:translateY(-50%);left:-280px;width:280px;max-height:80vh;background-color:var(--color-900);border-radius:0 4px 4px 0;box-shadow:2px 0 8px #0003;transition:left .3s ease;z-index:99;padding:1.5rem;margin-bottom:0;border-bottom:none}.blog-toc-sidebar.toc-expanded{left:0}}@media (min-width: 1200px){.blog-detail-grid{grid-template-columns:280px minmax(0,1fr);gap:3rem}.blog-content-wrapper{grid-column-start:2}.blog-toc-sidebar{width:250px}.toc-toggle-btn{display:none!important}}@media (max-width: 768px){.blog-title{font-size:2rem}.blog-toc-sidebar,.toc-toggle-btn{display:none}.blog-body h1,.blog-body h2,.blog-body h3{scroll-margin-top:100px}.scroll-to-top-btn{bottom:2rem;right:2rem;width:45px;height:45px}.scroll-to-top-btn svg{width:22px;height:22px}}.unauthorized-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:300px;padding:3rem 2rem;margin:2rem auto;max-width:700px;background-color:var(--color-900);border-radius:var(--radius-normal);box-shadow:0 4px 12px #0000001a}.unauthorized-icon{width:64px;height:64px;margin-bottom:1.5rem;color:var(--color-errors)}.unauthorized-state h2{font-size:1.8rem;margin-bottom:1rem;color:var(--color-errors)}.unauthorized-state p{font-size:1.1rem;color:var(--color-300);line-height:1.6}.action-button{display:inline-block;padding:.5rem 1.25rem;background-color:var(--primary-color);color:#fff;border-radius:var(--radius-normal);font-size:.9rem;text-decoration:none;margin:.5rem;transition:all .2s ease;border:none;cursor:pointer}.unauthorized-actions{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:1rem}.contact-message{font-size:.9rem;color:var(--text-light);margin-bottom:1rem}.about-hero[data-v-23e0f15c]{padding:5rem 0 3rem;text-align:center;max-width:50rem}.page-meta[data-v-23e0f15c]{font-size:.9rem;color:var(--text-light);letter-spacing:.063rem;text-transform:uppercase;margin-bottom:1rem}.page-title[data-v-23e0f15c]{font-size:4rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2;letter-spacing:-.063rem}@media (max-width: 48rem){.page-title[data-v-23e0f15c]{font-size:3rem}}.page-description[data-v-23e0f15c]{font-size:1.1rem;color:var(--text-secondary);max-width:37.5rem;margin:0 auto 2rem;line-height:1.8}@media (max-width: 48rem){.page-description[data-v-23e0f15c]{font-size:1rem}}.about-content[data-v-23e0f15c]{max-width:60rem;margin:0 auto;padding:2rem 0 5rem}.profile-section[data-v-23e0f15c]{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-bottom:3rem}@media (min-width: 48rem){.profile-section[data-v-23e0f15c]{flex-direction:row;text-align:left;gap:3rem}}.profile-image[data-v-23e0f15c]{width:8.75rem;height:8.75rem;border-radius:50%;overflow:hidden;border:.188rem solid var(--bg-secondary)}@media (min-width: 48rem){.profile-image[data-v-23e0f15c]{width:12.5rem;height:12.5rem}}.profile-image img[data-v-23e0f15c]{width:100%;height:100%;object-fit:cover}.profile-info[data-v-23e0f15c]{text-align:center}@media (min-width: 48rem){.profile-info[data-v-23e0f15c]{text-align:left}}.profile-name[data-v-23e0f15c]{font-size:1.8rem;font-weight:700;margin-bottom:.5rem}@media (max-width: 48rem){.profile-name[data-v-23e0f15c]{font-size:1.5rem}}.profile-title[data-v-23e0f15c]{font-size:1.2rem;color:var(--text-secondary);margin-bottom:1rem;line-height:1.6}.profile-bio[data-v-23e0f15c]{font-size:1.1rem;color:var(--text-secondary);line-height:1.7}@media (max-width: 48rem){.profile-bio[data-v-23e0f15c]{font-size:1rem}}.about-text[data-v-23e0f15c]{margin-top:3rem}.section-title[data-v-23e0f15c]{font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary)}@media (max-width: 48rem){.section-title[data-v-23e0f15c]{font-size:1.5rem}}.about-text p[data-v-23e0f15c]{font-size:1.1rem;color:var(--text-secondary);line-height:1.8;margin-bottom:1.5rem}@media (max-width: 48rem){.about-text p[data-v-23e0f15c]{font-size:1rem}}.about-button[data-v-23e0f15c]{display:inline-block;background-color:var(--color-yellow);color:var(--text-primary);padding:.8rem 2rem;border-radius:1.875rem;font-weight:600;font-size:1.1rem;text-decoration:none;margin-top:1rem;transition:var(--transition)}.about-button[data-v-23e0f15c]:hover{transform:translateY(-.188rem);box-shadow:0 .313rem .938rem #0000001a}.modal-overlay[data-v-029504ab]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-container[data-v-029504ab]{background-color:var(--card-bg, #ffffff);border-radius:.625rem;box-shadow:var(--card-shadow, 0 10px 25px -5px rgba(0, 0, 0, .1));width:90%;max-width:450px;overflow:hidden;border:1px solid var(--card-border, #e5e7eb);animation:modal-appear-029504ab .3s ease-out}@keyframes modal-appear-029504ab{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-029504ab]{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--card-border, #e5e7eb)}.modal-header h3[data-v-029504ab]{margin:0;font-size:1.2rem;font-weight:600;color:var(--text-primary, #1f2937)}.close-btn[data-v-029504ab]{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary, #6b7280);transition:color .2s;line-height:1;padding:0;margin:0}.close-btn[data-v-029504ab]:hover{color:var(--text-primary, #1f2937)}.modal-body[data-v-029504ab]{padding:1.75rem 1.5rem;font-size:1.05rem;line-height:1.6;color:var(--text-primary, #1f2937);background-color:var(--card-bg, #ffffff);font-weight:400}.modal-footer[data-v-029504ab]{display:flex;justify-content:flex-end;padding:1.25rem 1.5rem;border-top:1px solid var(--card-border, #e5e7eb);gap:1rem}.cancel-btn[data-v-029504ab],.confirm-btn[data-v-029504ab]{padding:.75rem 1.25rem;border-radius:var(--border-radius, .375rem);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.cancel-btn[data-v-029504ab]{background-color:var(--bg-secondary, #f8f9fa);color:var(--text-primary, #1f2937);border:1px solid var(--card-border, #e5e7eb)}.confirm-btn[data-v-029504ab]{background-color:var(--primary-color, #4f46e5);color:#fff;border:none}.cancel-btn[data-v-029504ab]:hover{background-color:var(--card-border, #e5e7eb)}.confirm-btn[data-v-029504ab]:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.login-hero[data-v-029504ab]{padding:5rem 0 2rem;text-align:center;max-width:50rem}.page-meta[data-v-029504ab]{font-size:.9rem;color:var(--text-light);letter-spacing:.063rem;text-transform:uppercase;margin-bottom:1rem}.page-title[data-v-029504ab]{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2;letter-spacing:-.063rem}.page-description[data-v-029504ab]{font-size:1.1rem;color:var(--text-secondary);max-width:37.5rem;margin:0 auto 2rem;line-height:1.8}.login-content[data-v-029504ab]{padding:0 0 5rem}.form-container[data-v-029504ab]{max-width:28.125rem;margin:0 auto;background-color:var(--card-bg);border-radius:.625rem;box-shadow:var(--card-shadow);padding:2.5rem;transition:var(--transition)}.form-container[data-v-029504ab]:hover{box-shadow:var(--card-hover-shadow)}.login-form[data-v-029504ab]{display:flex;flex-direction:column;gap:1rem}.form-group[data-v-029504ab]{display:flex;flex-direction:column;gap:.5rem}.form-group label[data-v-029504ab]{font-weight:500;color:var(--text-primary)}.form-group input[data-v-029504ab]{padding:.75rem 1rem;border:.063rem solid var(--card-border);border-radius:var(--border-radius);font-size:1rem;transition:var(--transition);background-color:var(--bg-primary);color:var(--text-primary)}.form-group input[data-v-029504ab]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 .125rem rgba(var(--primary-color),.1)}.form-options[data-v-029504ab]{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.remember-me[data-v-029504ab]{display:flex;align-items:center;gap:.5rem}.forgot-password[data-v-029504ab]{color:var(--primary-color);text-decoration:none;transition:var(--transition)}.forgot-password[data-v-029504ab]:hover{text-decoration:underline}.error-message[data-v-029504ab]{color:var(--danger-color);font-size:.9rem;padding:.5rem 0}.submit-btn[data-v-029504ab]{background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);padding:.75rem 1.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:var(--transition)}.submit-btn[data-v-029504ab]:hover{opacity:.9;transform:translateY(-.125rem)}.form-footer[data-v-029504ab]{text-align:center;font-size:.9rem;color:var(--text-secondary)}.form-footer a[data-v-029504ab]{color:var(--primary-color);font-weight:500;text-decoration:none}.form-footer a[data-v-029504ab]:hover{text-decoration:underline}@media (max-width: 48rem){.login-hero[data-v-029504ab]{padding:3rem 0 1.5rem}.page-title[data-v-029504ab]{font-size:2.5rem}.form-container[data-v-029504ab]{padding:1.5rem}}.error-message[data-v-9f803c52]{color:var(--error-color);background-color:var(--error-bg);padding:.75rem;border-radius:var(--border-radius);font-size:.9rem;margin-bottom:1rem;border:1px solid rgba(220,38,38,.3)}.success-message[data-v-9f803c52]{color:var(--success-color, #22c55e);background-color:var(--success-bg, #f0fdf4);padding:.75rem;border-radius:var(--border-radius);font-size:.9rem;margin-bottom:1rem;border:1px solid rgba(34,197,94,.3)}.register-hero[data-v-9f803c52]{padding:5rem 0 2rem;text-align:center;max-width:50rem}.page-meta[data-v-9f803c52]{font-size:.9rem;color:var(--text-light);letter-spacing:.063rem;text-transform:uppercase;margin-bottom:1rem}.page-title[data-v-9f803c52]{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2;letter-spacing:-.063rem}.page-description[data-v-9f803c52]{font-size:1.1rem;color:var(--text-secondary);max-width:37.5rem;margin:0 auto 2rem;line-height:1.8}.register-content[data-v-9f803c52]{padding:0 0 5rem}.form-container[data-v-9f803c52]{max-width:28.125rem;margin:0 auto;background-color:var(--card-bg);border-radius:.625rem;box-shadow:var(--card-shadow);padding:2.5rem;transition:var(--transition)}.form-container[data-v-9f803c52]:hover{box-shadow:var(--card-hover-shadow)}.register-form[data-v-9f803c52]{display:flex;flex-direction:column;gap:1rem}.form-group[data-v-9f803c52]{display:flex;flex-direction:column;gap:.5rem}.form-group label[data-v-9f803c52]{font-weight:500;color:var(--text-primary);display:flex;align-items:center}.required-mark[data-v-9f803c52]{color:var(--error-color, #ef4444);margin-left:.25rem}.form-group input[data-v-9f803c52]{padding:.75rem 1rem;border:.063rem solid var(--card-border);border-radius:var(--border-radius);font-size:1rem;transition:var(--transition);background-color:var(--bg-primary);color:var(--text-primary)}.form-group input[data-v-9f803c52]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 .125rem rgba(var(--primary-color-rgb),.1)}.input-with-button[data-v-9f803c52]{display:flex;gap:.5rem}.input-with-button input[data-v-9f803c52]{flex:1}.send-code-btn[data-v-9f803c52]{padding:0 1rem;background-color:var(--bg-primary);color:#fff;border:none;border-radius:var(--border-radius);font-size:.9rem;cursor:pointer;transition:var(--transition);white-space:nowrap}.send-code-btn[data-v-9f803c52]:hover:not(:disabled){opacity:.9}.send-code-btn[data-v-9f803c52]:disabled{background-color:var(--disabled-color, #d1d5db);cursor:not-allowed}.form-options[data-v-9f803c52]{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.terms-agreement[data-v-9f803c52]{display:flex;align-items:center;gap:.5rem}.terms-agreement a[data-v-9f803c52]{color:var(--primary-color);text-decoration:none}.terms-agreement a[data-v-9f803c52]:hover{text-decoration:underline}.submit-btn[data-v-9f803c52]{background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);padding:.75rem 1.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:var(--transition)}.submit-btn[data-v-9f803c52]:hover:not(:disabled){opacity:.9;transform:translateY(-.125rem)}.submit-btn[data-v-9f803c52]:disabled{background-color:var(--disabled-color, #d1d5db);cursor:not-allowed;transform:none}.form-footer[data-v-9f803c52]{text-align:center;font-size:.9rem;color:var(--text-secondary)}.form-footer a[data-v-9f803c52]{color:var(--primary-color);font-weight:500;text-decoration:none}.form-footer a[data-v-9f803c52]:hover{text-decoration:underline}@media (max-width: 48rem){.register-hero[data-v-9f803c52]{padding:3rem 0 1.5rem}.page-title[data-v-9f803c52]{font-size:2.5rem}.form-container[data-v-9f803c52]{padding:1.5rem}.input-with-button[data-v-9f803c52]{flex-direction:column}.send-code-btn[data-v-9f803c52]{height:2.5rem}}.network-error-hint[data-v-9f803c52]{margin-top:.75rem;font-size:.85rem;background-color:#f443360d;padding:.75rem;border-radius:4px}.network-error-hint p[data-v-9f803c52]{margin:.5rem 0}.network-error-hint ul[data-v-9f803c52]{margin:.5rem 0;padding-left:1.5rem}.network-error-hint li[data-v-9f803c52]{margin-bottom:.25rem}.debug-link[data-v-9f803c52]{color:var(--primary-color);text-decoration:none;font-weight:500}.debug-link[data-v-9f803c52]:hover{text-decoration:underline}.api-status-warning[data-v-9f803c52]{margin-bottom:1.5rem;padding:1rem;border-radius:var(--border-radius);background-color:#ffc1071a;border-left:4px solid #ffc107}.api-status-warning p[data-v-9f803c52]{margin:.5rem 0;font-size:.9rem}.api-status-warning strong[data-v-9f803c52]{color:#f57c00}.dev-mode-toggle[data-v-9f803c52]{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem;background-color:#ffc1071a;border-radius:var(--border-radius);font-size:.9rem}.dev-mode-toggle label[data-v-9f803c52]{color:var(--text-secondary);cursor:pointer}.captcha-container[data-v-9f803c52]{display:flex;align-items:center;gap:.5rem}.captcha-image-container[data-v-9f803c52]{width:120px;height:40px;border:1px solid #ccc;border-radius:4px;overflow:hidden;cursor:pointer;background-color:#fff;display:flex;align-items:center;justify-content:center;position:relative}.captcha-image[data-v-9f803c52]{width:100%;height:100%;object-fit:contain;display:block}.captcha-loading[data-v-9f803c52]{display:flex;align-items:center;justify-content:center;height:100%;font-size:.8rem;color:#666}.captcha-refresh-hint[data-v-9f803c52]{position:absolute;bottom:0;left:0;right:0;font-size:.7rem;background-color:#00000080;color:#fff;text-align:center;padding:2px 0;opacity:0;transition:opacity .3s}.captcha-image-container:hover .captcha-refresh-hint[data-v-9f803c52]{opacity:1}.debug-btn[data-v-9f803c52]{margin-top:1rem;background-color:#f59e0b;color:#fff;border:none;border-radius:var(--border-radius);padding:.5rem 1rem;font-size:.9rem;cursor:pointer}.debug-btn[data-v-9f803c52]:hover{background-color:#d97706}.password-hint[data-v-9f803c52]{font-size:.85rem;color:var(--text-secondary);margin-top:.25rem}.forgot-password-hero[data-v-4f6f6901]{padding:5rem 0 2rem;text-align:center;max-width:50rem}.page-meta[data-v-4f6f6901]{font-size:.9rem;color:var(--text-light);letter-spacing:.063rem;text-transform:uppercase;margin-bottom:1rem}.page-title[data-v-4f6f6901]{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2;letter-spacing:-.063rem}.page-description[data-v-4f6f6901]{font-size:1.1rem;color:var(--text-secondary);max-width:37.5rem;margin:0 auto 2rem;line-height:1.8}.forgot-password-content[data-v-4f6f6901]{padding:0 0 5rem}.form-container[data-v-4f6f6901]{max-width:28.125rem;margin:0 auto;background-color:var(--card-bg);border-radius:.625rem;box-shadow:var(--card-shadow);padding:2.5rem;transition:var(--transition)}.form-container[data-v-4f6f6901]:hover{box-shadow:var(--card-hover-shadow)}.forgot-password-form[data-v-4f6f6901]{display:flex;flex-direction:column;gap:1rem}.form-group[data-v-4f6f6901]{display:flex;flex-direction:column;gap:.5rem}.form-group label[data-v-4f6f6901]{font-weight:500;color:var(--text-primary)}.form-group input[data-v-4f6f6901]{padding:.75rem 1rem;border:.063rem solid var(--card-border);border-radius:var(--border-radius);font-size:1rem;transition:var(--transition);background-color:var(--bg-primary);color:var(--text-primary)}.form-group input[data-v-4f6f6901]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 .125rem rgba(var(--primary-color),.1)}.password-hint[data-v-4f6f6901]{font-size:.8rem;color:var(--text-secondary)}.submit-btn[data-v-4f6f6901]{background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);padding:.75rem 1.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:var(--transition);margin-top:1rem}.submit-btn[data-v-4f6f6901]:hover{opacity:.9;transform:translateY(-.125rem)}.form-footer[data-v-4f6f6901]{text-align:center;font-size:.9rem;color:var(--text-secondary);margin-top:1rem}.form-footer a[data-v-4f6f6901]{color:var(--primary-color);font-weight:500;text-decoration:none}.form-footer a[data-v-4f6f6901]:hover{text-decoration:underline}.error-message[data-v-4f6f6901]{color:var(--danger-color);font-size:.9rem;padding:.5rem 0}.success-message[data-v-4f6f6901]{color:var(--success-color);font-size:.9rem;padding:.5rem 0}@media (max-width: 48rem){.page-title[data-v-4f6f6901]{font-size:2.5rem}.form-container[data-v-4f6f6901]{padding:1.5rem;margin:0 1rem}}.profile-container[data-v-3acc36d9]{max-width:50rem;margin:0 auto;padding:2rem 1rem}.page-title[data-v-3acc36d9]{font-size:2rem;margin-bottom:2rem;color:var(--color-heading);text-align:center}.profile-card[data-v-3acc36d9]{background-color:var(--bg-primary, #ffffff);border-radius:.75rem;box-shadow:0 .25rem 1rem #0000001a;overflow:hidden}.profile-header[data-v-3acc36d9]{display:flex;align-items:center;padding:2rem;background-color:var(--bg-secondary, #f8fafc)}.avatar-container[data-v-3acc36d9]{margin-right:2rem}.avatar-image[data-v-3acc36d9]{width:6.25rem;height:6.25rem;border-radius:50%;object-fit:cover;border:.188rem solid var(--bg-primary, #ffffff);box-shadow:0 .125rem .5rem #00000026}.user-info .username[data-v-3acc36d9]{font-size:1.5rem;margin:0 0 .5rem;color:var(--text-primary, #1a202c)}.user-info .phone[data-v-3acc36d9]{font-size:1rem;color:var(--text-secondary, #4a5568);margin:0}.profile-content[data-v-3acc36d9]{padding:2rem}.info-section[data-v-3acc36d9]{margin-bottom:2rem}.info-section h3[data-v-3acc36d9]{font-size:1.2rem;margin-bottom:1rem;color:var(--text-primary, #1a202c);border-bottom:.063rem solid var(--border-color, #e2e8f0);padding-bottom:.5rem}.info-item[data-v-3acc36d9]{display:flex;margin-bottom:1rem;padding:.75rem;background-color:var(--bg-secondary, #f8fafc);border-radius:.5rem;transition:all .2s ease}.info-item[data-v-3acc36d9]:hover{background-color:var(--bg-hover, #edf2f7)}.info-item .label[data-v-3acc36d9]{font-weight:600;width:8rem;color:var(--text-primary, #1a202c)}.info-item .value[data-v-3acc36d9]{flex:1;color:var(--text-primary, #1a202c)}.text-muted[data-v-3acc36d9]{color:var(--text-secondary, #718096)}.link-button[data-v-3acc36d9]{background:none;border:none;color:var(--primary-color, #4299e1);cursor:pointer;font-size:.9rem;padding:0;margin-left:.5rem;text-decoration:underline}.link-button[data-v-3acc36d9]:hover{opacity:.8}.profile-actions[data-v-3acc36d9]{padding:1rem 2rem 2rem;display:flex;justify-content:flex-end}.btn[data-v-3acc36d9]{display:inline-block;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;text-align:center;text-decoration:none;border-radius:.5rem;cursor:pointer;transition:all .3s ease;border:none}.btn-primary[data-v-3acc36d9]{background-color:var(--primary-color, #4299e1);color:#fff}.btn-primary[data-v-3acc36d9]:hover{background-color:var(--primary-color-dark, #3182ce);transform:translateY(-.125rem)}.btn-secondary[data-v-3acc36d9]{background-color:var(--bg-secondary, #f8fafc);color:var(--text-primary, #1a202c);border:.063rem solid var(--border-color, #e2e8f0)}.btn-secondary[data-v-3acc36d9]:hover{background-color:var(--bg-hover, #edf2f7);transform:translateY(-.125rem)}.not-logged-in[data-v-3acc36d9]{text-align:center;padding:3rem;background-color:var(--bg-primary, #ffffff);border-radius:.75rem;box-shadow:0 .25rem 1rem #0000001a}.not-logged-in p[data-v-3acc36d9]{margin-bottom:1.5rem;font-size:1.1rem;color:var(--text-primary, #1a202c)}.modal[data-v-3acc36d9]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content[data-v-3acc36d9]{background-color:var(--bg-primary, #ffffff);border-radius:.5rem;box-shadow:0 .6rem 3rem #00000059;width:90%;max-width:30rem;overflow:hidden;position:relative;z-index:1001;border:1px solid var(--border-color, #e2e8f0);transform:translateY(0);animation:modalAppear-3acc36d9 .2s ease-out}@keyframes modalAppear-3acc36d9{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-3acc36d9]{padding:1.5rem;border-bottom:.063rem solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-secondary, #f8fafc)}.modal-header h3[data-v-3acc36d9]{margin:0;font-size:1.25rem;color:var(--text-primary)}.close-button[data-v-3acc36d9]{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary)}.modal-body[data-v-3acc36d9]{padding:1.5rem}.modal-footer[data-v-3acc36d9]{padding:1rem 1.5rem;border-top:.063rem solid var(--border-color);display:flex;justify-content:flex-end;gap:1rem}.form-group[data-v-3acc36d9]{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.form-group label[data-v-3acc36d9]{font-weight:500;color:var(--text-primary)}.form-group input[data-v-3acc36d9]{padding:.75rem 1rem;border:.063rem solid var(--border-color);border-radius:var(--border-radius);font-size:1rem;transition:var(--transition);background-color:var(--bg-primary);color:var(--text-primary)}.form-group input[data-v-3acc36d9]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 .125rem rgba(var(--primary-color-rgb),.1)}.field-hint[data-v-3acc36d9]{font-size:.8rem;color:var(--text-secondary);margin-top:.25rem}.error-message[data-v-3acc36d9]{color:var(--error-color, #ef4444);background-color:var(--error-bg, #fef2f2);padding:.75rem;border-radius:var(--border-radius);font-size:.9rem;margin-bottom:1rem}.success-message[data-v-3acc36d9]{color:var(--success-color, #22c55e);background-color:var(--success-bg, #f0fdf4);padding:.75rem;border-radius:var(--border-radius);font-size:.9rem;margin-bottom:1rem}.tag[data-v-3acc36d9]{display:inline-block;padding:.25rem .5rem;border-radius:.25rem;font-size:.875rem;margin-right:.5rem;color:#0f766e}.tag-code[data-v-3acc36d9],.tag-content[data-v-3acc36d9]{background-color:#34d39933}.add-button[data-v-3acc36d9]{display:inline-flex;align-items:center;padding:.25rem .5rem;background-color:transparent;border:1px solid var(--primary-color, #4299e1);color:var(--primary-color, #4299e1);border-radius:.25rem;font-size:.875rem;cursor:pointer;margin-left:.5rem;transition:all .2s ease}.add-button[data-v-3acc36d9]:hover{background-color:var(--primary-color, #4299e1);color:#fff}.add-icon[data-v-3acc36d9]{font-size:1rem;margin-right:.25rem;font-weight:700}@media (max-width: 48rem){.profile-header[data-v-3acc36d9]{flex-direction:column;text-align:center}.avatar-container[data-v-3acc36d9]{margin-right:0;margin-bottom:1.5rem}.info-item[data-v-3acc36d9]{flex-direction:column;gap:.25rem}.info-item .label[data-v-3acc36d9]{width:100%}}.settings-container[data-v-429d4dec]{max-width:50rem;margin:0 auto;padding:2rem 1rem}.page-title[data-v-429d4dec]{font-size:2rem;margin-bottom:2rem;color:var(--color-heading);text-align:center}.settings-card[data-v-429d4dec]{background-color:var(--bg-primary, #fff);border-radius:.75rem;box-shadow:0 .25rem 1rem #0000001a;overflow:hidden;padding:2rem}.form-section[data-v-429d4dec]{margin-bottom:2rem}.form-section h3[data-v-429d4dec]{font-size:1.2rem;margin-bottom:1.5rem;color:var(--color-heading, #2d3748);border-bottom:.063rem solid var(--color-border, #e2e8f0);padding-bottom:.5rem}.form-group[data-v-429d4dec]{margin-bottom:1.5rem}.form-group label[data-v-429d4dec]{display:block;margin-bottom:.5rem;font-weight:600;color:var(--color-text, #4a5568)}.form-control[data-v-429d4dec]{width:100%;padding:.75rem 1rem;font-size:1rem;border:.063rem solid var(--color-border, #e2e8f0);border-radius:.5rem;background-color:var(--bg-primary, #fff);transition:border-color .3s ease,box-shadow .3s ease}.form-control[data-v-429d4dec]:focus{outline:none;border-color:var(--color-primary, #4299e1);box-shadow:0 0 0 .125rem #4299e133}.form-control[data-v-429d4dec]:disabled{background-color:var(--color-background-mute, #f8fafc);cursor:not-allowed}.form-text[data-v-429d4dec]{display:block;margin-top:.25rem;font-size:.875rem;color:var(--color-text-light, #718096)}.form-text.error[data-v-429d4dec]{color:#dc3545}.form-actions[data-v-429d4dec]{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.btn[data-v-429d4dec]{display:inline-block;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;text-align:center;text-decoration:none;border-radius:.5rem;cursor:pointer;transition:all .3s ease}.btn-primary[data-v-429d4dec]{background-color:var(--primary-color);color:#fff;border:none}.btn-primary[data-v-429d4dec]:hover{transform:translateY(-2px)}.btn-primary[data-v-429d4dec]:disabled{background-color:var(--color-disabled);cursor:not-allowed;transform:none}.btn-secondary[data-v-429d4dec]{background-color:#f8f9fa;color:#212529;border:.063rem solid #dee2e6}.btn-secondary[data-v-429d4dec]:hover{background-color:#e2e6ea;border-color:#dae0e5;transform:translateY(-2px)}.alert[data-v-429d4dec]{margin-top:1.5rem;padding:1rem;border-radius:.5rem;font-weight:500;border:1px solid transparent}.alert-success[data-v-429d4dec]{background-color:#d4edda;color:#155724;border-color:#c3e6cb}.alert-error[data-v-429d4dec]{background-color:#f8d7da;color:#721c24;border-color:#f5c6cb}.not-logged-in[data-v-429d4dec]{text-align:center;padding:3rem;background-color:var(--bg-primary, #fff);border-radius:.75rem;box-shadow:0 .25rem 1rem #0000001a}.not-logged-in p[data-v-429d4dec]{margin-bottom:1.5rem;font-size:1.1rem;color:var(--color-text, #4a5568)}.api-status[data-v-8de890a4]{margin:1rem;padding:1rem;border-radius:8px;background-color:var(--color-900, #f5f5f5);max-width:800px;box-shadow:0 2px 8px #0000001a}.status-header[data-v-8de890a4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.status-header h3[data-v-8de890a4]{margin:0;font-size:1.2rem}.check-button[data-v-8de890a4]{padding:.5rem 1rem;border:none;border-radius:4px;background-color:var(--primary-color, #4caf50);color:#fff;cursor:pointer;transition:background-color .2s}.check-button[data-v-8de890a4]:hover{background-color:var(--primary-dark, #388e3c)}.check-button[data-v-8de890a4]:disabled{background-color:#ccc;cursor:not-allowed}.status-result[data-v-8de890a4]{display:flex;align-items:flex-start;padding:1rem;border-radius:4px;margin-bottom:1rem}.status-result.online[data-v-8de890a4]{background-color:#4caf501a;border-left:4px solid #4caf50}.status-result.partial[data-v-8de890a4]{background-color:#ffc1071a;border-left:4px solid #ffc107}.status-result.offline[data-v-8de890a4],.status-result.error[data-v-8de890a4],.status-result.timeout[data-v-8de890a4]{background-color:#f443361a;border-left:4px solid #f44336}.status-icon[data-v-8de890a4]{margin-right:1rem;font-size:1.5rem}.status-message[data-v-8de890a4]{flex:1}.status-message p[data-v-8de890a4]{margin-top:0;margin-bottom:.5rem}.toggle-details[data-v-8de890a4]{background:none;border:none;color:var(--primary-color, #4caf50);padding:0;cursor:pointer;font-size:.9rem;text-decoration:underline;margin-top:.5rem}.details[data-v-8de890a4]{background-color:#0000000d;border-radius:4px;padding:.5rem;margin:.5rem 0;overflow-x:auto;max-height:200px}.details pre[data-v-8de890a4]{margin:0;font-size:.8rem}.server-info[data-v-8de890a4]{margin-top:1rem;padding:1rem;background-color:#00000008;border-radius:4px}.server-info h4[data-v-8de890a4]{margin-top:0;margin-bottom:.5rem;font-size:1rem}.info-grid[data-v-8de890a4]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.info-item[data-v-8de890a4]{display:flex;flex-direction:column}.info-label[data-v-8de890a4]{font-size:.8rem;color:#666}.info-value[data-v-8de890a4]{font-family:monospace}.api-checks[data-v-8de890a4]{margin-top:1rem}.api-checks h4[data-v-8de890a4]{margin-top:0;margin-bottom:.5rem;font-size:1rem}.endpoint-status[data-v-8de890a4]{padding:.75rem;border-radius:4px;margin-bottom:.5rem;transition:background-color .2s}.endpoint-status[data-v-8de890a4]:hover{background-color:#00000005}.endpoint-status.ok[data-v-8de890a4]{border-left:3px solid rgba(76,175,80,.7)}.endpoint-status.checking[data-v-8de890a4]{border-left:3px solid rgba(33,150,243,.7)}.endpoint-status.error[data-v-8de890a4]{border-left:3px solid rgba(244,67,54,.7)}.endpoint-header[data-v-8de890a4]{display:flex;justify-content:space-between;align-items:center}.endpoint-name[data-v-8de890a4]{font-weight:500}.endpoint-url[data-v-8de890a4]{font-family:monospace;font-size:.8rem;color:#666;margin:0 1rem}.endpoint-result[data-v-8de890a4]{padding:.2rem .5rem;border-radius:2px;font-size:.8rem}.endpoint-result.ok[data-v-8de890a4]{background-color:#4caf501a;color:#388e3c}.endpoint-result.checking[data-v-8de890a4]{background-color:#2196f31a;color:#1976d2}.endpoint-result.error[data-v-8de890a4]{background-color:#f443361a;color:#d32f2f}.endpoint-details[data-v-8de890a4]{margin-top:.5rem;padding-left:.5rem;display:flex;flex-wrap:wrap;gap:1rem}.detail-item[data-v-8de890a4]{display:flex;align-items:center;gap:.5rem}.detail-label[data-v-8de890a4]{font-size:.8rem;color:#666}.detail-value[data-v-8de890a4]{font-family:monospace;font-size:.9rem}.endpoint-error[data-v-8de890a4]{margin-top:.5rem;padding:.5rem;background-color:#f443360d;border-radius:2px}.error-code[data-v-8de890a4]{font-weight:500;color:#d32f2f}.error-message[data-v-8de890a4]{font-size:.9rem;color:#666;margin-top:.25rem}.troubleshooting[data-v-8de890a4]{margin-top:1rem;padding:1rem;background-color:#2196f31a;border-radius:4px}.troubleshooting h4[data-v-8de890a4]{margin-top:0;margin-bottom:.5rem;font-size:1rem}.troubleshooting ul[data-v-8de890a4]{margin:0;padding-left:1.5rem}.troubleshooting li[data-v-8de890a4]{margin-bottom:.5rem}.troubleshooting code[data-v-8de890a4]{background-color:#0000001a;padding:.2rem .4rem;border-radius:2px;font-family:monospace}.api-debug-view[data-v-97e40660]{padding:2rem;max-width:800px;margin:0 auto}h1[data-v-97e40660]{margin-bottom:1rem}p[data-v-97e40660]{margin-bottom:2rem;color:#666}.image-test-view[data-v-db8798b9]{max-width:1200px;margin:0 auto;padding:20px}h1[data-v-db8798b9]{text-align:center;margin-bottom:30px}.test-section[data-v-db8798b9]{margin-bottom:40px;border:1px solid #ddd;padding:20px;border-radius:8px}.test-section h2[data-v-db8798b9]{margin-top:0;border-bottom:1px solid #eee;padding-bottom:10px}.api-config[data-v-db8798b9]{background-color:#f5f5f5;padding:15px;border-radius:5px}.image-test-container[data-v-db8798b9]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:20px}.image-test-card[data-v-db8798b9]{border:1px solid #eee;border-radius:8px;overflow:hidden}.image-test-card h3[data-v-db8798b9]{margin:0;padding:10px;background-color:#f5f5f5;font-size:16px}.image-container[data-v-db8798b9]{height:200px;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#f9f9f9}.image-container img[data-v-db8798b9]{max-width:100%;max-height:100%;object-fit:contain}.image-info[data-v-db8798b9]{padding:10px;font-size:14px}.image-info p[data-v-db8798b9]{margin:5px 0}.image-info code[data-v-db8798b9]{background-color:#f5f5f5;padding:2px 4px;border-radius:3px;font-family:monospace;word-break:break-all}.success[data-v-db8798b9]{color:green}.error[data-v-db8798b9]{color:red}.custom-test[data-v-db8798b9]{display:flex;gap:10px;margin-top:15px}.custom-test input[data-v-db8798b9]{flex:1;padding:8px;border:1px solid #ddd;border-radius:4px}.custom-test button[data-v-db8798b9]{padding:8px 15px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer}.custom-test button[data-v-db8798b9]:hover{background-color:#45a049}@media (max-width: 768px){.image-test-container[data-v-db8798b9]{grid-template-columns:1fr}}.terms-container[data-v-9d39f44d]{max-width:65rem;margin:0 auto;padding:2rem 1rem}.terms-header[data-v-9d39f44d]{margin-bottom:2rem;text-align:center}.terms-header h1[data-v-9d39f44d]{font-size:2rem;color:var(--color-heading);margin-bottom:.5rem}.last-updated[data-v-9d39f44d]{color:var(--color-text-light);font-size:.9rem}.terms-content[data-v-9d39f44d]{background-color:var(--bg-primary, #ffffff);border-radius:.75rem;box-shadow:0 .25rem 1rem #0000001a;padding:2rem;font-size:1rem;line-height:1.6}.terms-content[data-v-9d39f44d] h1{font-size:1.8rem;margin-bottom:1.5rem;color:var(--color-heading)}.terms-content[data-v-9d39f44d] h2{font-size:1.5rem;margin-top:2rem;margin-bottom:1rem;color:var(--color-heading);border-bottom:1px solid var(--border-color, #e2e8f0);padding-bottom:.5rem}.terms-content[data-v-9d39f44d] h3{font-size:1.2rem;margin-top:1.5rem;margin-bottom:.75rem;color:var(--color-heading)}.terms-content[data-v-9d39f44d] p{margin-bottom:1rem;line-height:1.6}.terms-content[data-v-9d39f44d] ul,.terms-content[data-v-9d39f44d] ol{margin-bottom:1rem;padding-left:1.5rem}.terms-content[data-v-9d39f44d] li{margin-bottom:.5rem;line-height:1.6}@media (max-width: 48rem){.terms-container[data-v-9d39f44d]{padding:1rem}.terms-content[data-v-9d39f44d]{padding:1.5rem;font-size:.95rem}.terms-header h1[data-v-9d39f44d]{font-size:1.8rem}.terms-content[data-v-9d39f44d] h1{font-size:1.6rem}.terms-content[data-v-9d39f44d] h2{font-size:1.4rem}.terms-content[data-v-9d39f44d] h3{font-size:1.1rem}}@media (max-width: 30rem){.terms-container[data-v-9d39f44d]{padding:.75rem}.terms-content[data-v-9d39f44d]{padding:1.25rem;font-size:.9rem}.terms-header h1[data-v-9d39f44d]{font-size:1.6rem}.terms-content[data-v-9d39f44d] h1{font-size:1.5rem}.terms-content[data-v-9d39f44d] h2{font-size:1.3rem}.terms-content[data-v-9d39f44d] h3{font-size:1.05rem}}.privacy-container[data-v-bfc7f00c]{max-width:65rem;margin:0 auto;padding:2rem 1rem}.privacy-header[data-v-bfc7f00c]{margin-bottom:2rem;text-align:center}.privacy-header h1[data-v-bfc7f00c]{font-size:2rem;color:var(--color-heading);margin-bottom:.5rem}.last-updated[data-v-bfc7f00c]{color:var(--color-text-light);font-size:.9rem}.privacy-content[data-v-bfc7f00c]{background-color:var(--bg-primary, #ffffff);border-radius:.75rem;box-shadow:0 .25rem 1rem #0000001a;padding:2rem;font-size:1rem;line-height:1.6}.privacy-content[data-v-bfc7f00c] h1{font-size:1.8rem;margin-bottom:1.5rem;color:var(--color-heading)}.privacy-content[data-v-bfc7f00c] h2{font-size:1.5rem;margin-top:2rem;margin-bottom:1rem;color:var(--color-heading);border-bottom:1px solid var(--border-color, #e2e8f0);padding-bottom:.5rem}.privacy-content[data-v-bfc7f00c] h3{font-size:1.2rem;margin-top:1.5rem;margin-bottom:.75rem;color:var(--color-heading)}.privacy-content[data-v-bfc7f00c] p{margin-bottom:1rem;line-height:1.6}.privacy-content[data-v-bfc7f00c] ul,.privacy-content[data-v-bfc7f00c] ol{margin-bottom:1rem;padding-left:1.5rem}.privacy-content[data-v-bfc7f00c] li{margin-bottom:.5rem;line-height:1.6}@media (max-width: 48rem){.privacy-container[data-v-bfc7f00c]{padding:1rem}.privacy-content[data-v-bfc7f00c]{padding:1.5rem;font-size:.95rem}.privacy-header h1[data-v-bfc7f00c]{font-size:1.8rem}.privacy-content[data-v-bfc7f00c] h1{font-size:1.6rem}.privacy-content[data-v-bfc7f00c] h2{font-size:1.4rem}.privacy-content[data-v-bfc7f00c] h3{font-size:1.1rem}}@media (max-width: 30rem){.privacy-container[data-v-bfc7f00c]{padding:.75rem}.privacy-content[data-v-bfc7f00c]{padding:1.25rem;font-size:.9rem}.privacy-header h1[data-v-bfc7f00c]{font-size:1.6rem}.privacy-content[data-v-bfc7f00c] h1{font-size:1.5rem}.privacy-content[data-v-bfc7f00c] h2{font-size:1.3rem}.privacy-content[data-v-bfc7f00c] h3{font-size:1.05rem}}