@import"https://fonts.font.im/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--tint: #007AFF;--tint-light: #64B5F6;--tint-dark: #0056B3;--system-red: #FF3B30;--system-orange: #FF9500;--system-yellow: #FFCC00;--system-green: #34C759;--system-blue: #007AFF;--system-indigo: #5856D6;--system-purple: #AF52DE;--system-pink: #FF2D55;--system-teal: #5AC8FA;--system-cyan: #32ADE6;--label: #000000;--secondary-label: rgba(60, 60, 67, .6);--tertiary-label: rgba(60, 60, 67, .3);--quaternary-label: rgba(60, 60, 67, .18);--system-background: #FFFFFF;--secondary-system-background: #F2F2F7;--tertiary-system-background: #FFFFFF;--system-grouped-background: #F2F2F7;--secondary-system-grouped-background: #FFFFFF;--tertiary-system-grouped-background: #F2F2F7;--separator: rgba(60, 60, 67, .12);--opaque-separator: #C6C6C8;--system-fill: rgba(120, 120, 128, .2);--secondary-system-fill: rgba(120, 120, 128, .16);--tertiary-system-fill: rgba(118, 118, 128, .12);--quaternary-system-fill: rgba(116, 116, 128, .08);--shadow-s: 0 1px 2px rgba(0, 0, 0, .04), 0 2px 6px rgba(0, 0, 0, .06);--shadow-m: 0 4px 12px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .04);--shadow-l: 0 8px 24px rgba(0, 0, 0, .1), 0 4px 8px rgba(0, 0, 0, .06);--shadow-xl: 0 12px 40px rgba(0, 0, 0, .12), 0 6px 12px rgba(0, 0, 0, .08);--corner-s: 8px;--corner-m: 12px;--corner-l: 16px;--corner-xl: 20px;--corner-2xl: 28px;--corner-full: 9999px;--duration-fast: .15s;--duration-base: .25s;--duration-slow: .35s;--spring-damping: .75;--spring-stiffness: 250;--spring: cubic-bezier(.25, .46, .45, .94);--spring-bounce: cubic-bezier(.34, 1.56, .64, 1);--spacing-2xs: 4px;--spacing-xs: 8px;--spacing-s: 12px;--spacing-m: 16px;--spacing-l: 20px;--spacing-xl: 24px;--spacing-2xl: 32px;--spacing-3xl: 48px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Monaco, "Fira Code", monospace;--typography-large-title: 34px;--typography-title-1: 28px;--typography-title-2: 22px;--typography-title-3: 20px;--typography-headline: 17px;--typography-body: 17px;--typography-callout: 16px;--typography-subheadline: 15px;--typography-footnote: 13px;--typography-caption-1: 12px;--typography-caption-2: 11px;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}[data-theme=dark]{--label: #FFFFFF;--secondary-label: #EBEBF599;--tertiary-label: #EBEBF54D;--quaternary-label: #EBEBF52E;--system-background: #000000;--secondary-system-background: #1C1C1E;--tertiary-system-background: #2C2C2E;--system-grouped-background: #000000;--secondary-system-grouped-background: #1C1C1E;--tertiary-system-grouped-background: #2C2C2E;--separator: #38383A;--opaque-separator: #38383A;--system-fill: #63636680;--secondary-system-fill: #63636666;--tertiary-system-fill: #64646640;--quaternary-system-fill: #64646620;--shadow-s: 0px 1px 3px rgba(0, 0, 0, .4);--shadow-m: 0px 4px 10px rgba(0, 0, 0, .4);--shadow-l: 0px 8px 24px rgba(0, 0, 0, .4);--shadow-xl: 0px 12px 48px rgba(0, 0, 0, .6)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--typography-body);line-height:1.5;color:var(--label);background-color:var(--system-background);min-height:100vh;transition:background-color var(--duration-base) var(--spring),color var(--duration-base) var(--spring);letter-spacing:-.01em}#app{min-height:100vh;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}main{flex:1}a{text-decoration:none;color:var(--tint);transition:color var(--duration-fast) var(--spring)}a:hover{opacity:.7}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit;transition:all var(--duration-fast) var(--spring)}button:disabled{cursor:not-allowed;opacity:.4}input,textarea,select{font-family:inherit;font-size:var(--typography-body);border:1px solid var(--separator);border-radius:var(--corner-m);padding:var(--spacing-s) var(--spacing-m);background:var(--tertiary-system-background);color:var(--label);transition:all var(--duration-base) var(--spring);width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--tint);box-shadow:0 0 0 4px #007aff26}input::placeholder,textarea::placeholder{color:var(--tertiary-label)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-l)}.section{padding:var(--spacing-3xl) 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-s) var(--spacing-l);border-radius:var(--corner-m);font-weight:500;font-size:var(--typography-callout);transition:all var(--duration-fast) var(--spring);cursor:pointer;border:none;text-decoration:none;letter-spacing:-.01em}.btn-primary{background:linear-gradient(180deg,var(--tint) 0%,#0062CC 100%);color:#fff;box-shadow:var(--shadow-s)}.btn-primary:hover{filter:brightness(1.08)}.btn-primary:active{filter:brightness(.95)}.btn-secondary{background:var(--secondary-system-fill);color:var(--tint)}.btn-secondary:hover{background:var(--system-fill)}.btn-ghost{background:transparent;color:var(--tint)}.btn-ghost:hover{background:var(--tertiary-system-fill)}.btn-sm{padding:var(--spacing-xs) var(--spacing-m);font-size:var(--typography-footnote);border-radius:var(--corner-s)}.btn-lg{padding:var(--spacing-m) var(--spacing-xl);font-size:var(--typography-headline);border-radius:var(--corner-l)}.card{background:linear-gradient(180deg,var(--secondary-system-background) 0%,#ECECF1 100%);border-radius:var(--corner-l);box-shadow:var(--shadow-m);transition:all var(--duration-base) var(--spring);overflow:hidden}.card:hover{box-shadow:var(--shadow-l);transform:translateY(-2px)}.card:active{transform:translateY(0)}.glass{background:#ffffffb8;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}[data-theme=dark] .glass{background:#1e1e20b8}.loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-3xl);color:var(--tertiary-label)}.spinner{width:40px;height:40px;border:3px solid var(--system-fill);border-top-color:var(--tint);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--secondary-system-fill) 25%,var(--system-fill) 50%,var(--secondary-system-fill) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--corner-s)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.badge{display:inline-flex;align-items:center;padding:var(--spacing-2xs) var(--spacing-s);border-radius:var(--corner-full);font-size:var(--typography-caption-1);font-weight:600;letter-spacing:.02em}.badge-tint{background:#007aff1f;color:var(--tint)}.badge-green{background:#34c7591f;color:var(--system-green)}.badge-red{background:#ff3b301f;color:var(--system-red)}.fade-enter-active,.fade-leave-active{transition:opacity var(--duration-base) var(--spring)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:all var(--duration-slow) var(--spring)}.slide-up-enter-from,.slide-up-leave-to{opacity:0;transform:translateY(20px)}.scale-enter-active,.scale-leave-active{transition:all var(--duration-base) var(--spring-bounce)}.scale-enter-from,.scale-leave-to{opacity:0;transform:scale(.92)}.haptic{transition:transform var(--duration-fast) var(--spring)}.haptic:active{transform:scale(.95)}@media(max-width:1024px){.container{padding:0 var(--spacing-m)}}@media(max-width:768px){.container{padding:0 var(--spacing-m)}.section{padding:var(--spacing-2xl) 0}.btn{padding:var(--spacing-s) var(--spacing-l);font-size:var(--typography-body)}.btn-lg{padding:var(--spacing-m) var(--spacing-l)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--system-fill);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--secondary-system-fill)}::selection{background:#007aff33;color:var(--label)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.header[data-v-8c06de60]{position:sticky;top:0;z-index:var(--z-sticky);background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:.5px solid rgba(0,0,0,.06);transition:all var(--duration-base) var(--spring)}.header.scrolled[data-v-8c06de60]{background:#fffffff2;box-shadow:var(--shadow-s)}[data-theme=dark] .header[data-v-8c06de60]{background:#000000d9}[data-theme=dark] .header.scrolled[data-v-8c06de60]{background:#000000f2}.header-inner[data-v-8c06de60]{max-width:1200px;margin:0 auto;padding:0 var(--spacing-l);display:flex;align-items:center;justify-content:space-between;height:60px;gap:var(--spacing-l)}.logo[data-v-8c06de60]{display:flex;align-items:center;gap:var(--spacing-s);cursor:pointer;transition:all var(--duration-fast) var(--spring)}.logo[data-v-8c06de60]:hover{opacity:.8}.logo[data-v-8c06de60]:active{transform:scale(.98)}.logo-icon[data-v-8c06de60]{display:flex;align-items:center;justify-content:center}.logo-text[data-v-8c06de60]{font-size:var(--typography-headline);font-weight:600;letter-spacing:-.02em;color:var(--label)}.nav-desktop[data-v-8c06de60]{flex:1;display:flex;justify-content:center}.nav-list[data-v-8c06de60]{display:flex;list-style:none;margin:0;padding:0;gap:var(--spacing-xs)}.nav-link[data-v-8c06de60]{display:block;padding:var(--spacing-xs) var(--spacing-m);color:var(--secondary-label);font-weight:500;font-size:var(--typography-callout);border-radius:var(--corner-m);transition:all var(--duration-fast) var(--spring);letter-spacing:-.01em}.nav-link[data-v-8c06de60]:hover{background:var(--system-fill);color:var(--label)}.nav-link.active[data-v-8c06de60]{background:var(--tint);color:#fff}.header-actions[data-v-8c06de60]{display:flex;align-items:center;gap:var(--spacing-xs)}.theme-toggle[data-v-8c06de60]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--corner-m);color:var(--label);transition:all var(--duration-fast) var(--spring);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;z-index:10}.theme-toggle[data-v-8c06de60]:hover{background:var(--system-fill)}.theme-toggle[data-v-8c06de60]:active{transform:scale(.95)}.menu-btn[data-v-8c06de60]{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--corner-m);color:var(--label)}.menu-btn[data-v-8c06de60]:hover{background:var(--system-fill)}.menu-icon[data-v-8c06de60]{display:flex;flex-direction:column;gap:4px;padding:8px}.menu-line[data-v-8c06de60]{display:block;width:18px;height:2px;background:var(--label);border-radius:2px;transition:all var(--duration-base) var(--spring)}.menu-line.open[data-v-8c06de60]:nth-child(1){transform:rotate(45deg) translate(4px,4px)}.menu-line.open[data-v-8c06de60]:nth-child(2){opacity:0;transform:scaleX(.5)}.menu-line.open[data-v-8c06de60]:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}.mobile-menu[data-v-8c06de60]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--z-modal);display:flex;justify-content:flex-start}.mobile-menu-overlay[data-v-8c06de60]{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.mobile-menu-content[data-v-8c06de60]{position:relative;width:100%;max-width:280px;height:100vh;background:var(--system-background);box-shadow:var(--shadow-xl);padding:var(--spacing-l);padding-top:calc(var(--spacing-l) + 60px);display:flex;flex-direction:column;gap:var(--spacing-xl);overflow-y:auto}.mobile-menu-header[data-v-8c06de60]{display:flex;justify-content:flex-end;padding:var(--spacing-xs) 0}.close-btn[data-v-8c06de60]{width:36px;height:36px;border-radius:var(--corner-s);display:flex;align-items:center;justify-content:center;color:var(--label)}.close-btn[data-v-8c06de60]:hover{background:var(--system-fill)}.mobile-nav-list[data-v-8c06de60]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-2xs)}.mobile-nav-link[data-v-8c06de60]{display:flex;align-items:center;gap:var(--spacing-m);padding:var(--spacing-s) var(--spacing-m);color:var(--label);border-radius:var(--corner-m);transition:all var(--duration-fast) var(--spring);text-align:left;width:100%}.mobile-nav-link[data-v-8c06de60]:hover{background:var(--secondary-system-background)}.mobile-nav-link.active[data-v-8c06de60]{background:var(--secondary-system-background);color:var(--tint)}.mobile-nav-link.active svg[data-v-8c06de60]{margin-left:auto}.mobile-nav-icon[data-v-8c06de60]{font-size:24px;line-height:1}.mobile-nav-text[data-v-8c06de60]{font-weight:500;font-size:var(--typography-headline);letter-spacing:-.01em}.sheet-enter-active[data-v-8c06de60],.sheet-leave-active[data-v-8c06de60]{transition:all var(--duration-slow) var(--spring)}.sheet-enter-from .mobile-menu-content[data-v-8c06de60],.sheet-leave-to .mobile-menu-content[data-v-8c06de60]{transform:translate(100%)}.sheet-enter-from .mobile-menu-overlay[data-v-8c06de60],.sheet-leave-to .mobile-menu-overlay[data-v-8c06de60]{opacity:0}@media(max-width:768px){.nav-desktop[data-v-8c06de60]{display:none}.menu-btn[data-v-8c06de60]{display:flex}.header-inner[data-v-8c06de60]{padding:0 var(--spacing-m);height:56px;position:relative;z-index:1}.logo-text[data-v-8c06de60]{font-size:var(--typography-callout);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logo-icon svg[data-v-8c06de60]{width:24px;height:24px}.header[data-v-8c06de60]{position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);background:#fffffff2}[data-theme=dark] .header[data-v-8c06de60]{background:#000000f2}}.back-to-top-btn[data-v-03ba7049]{position:fixed;bottom:2rem;right:2rem;width:56px;height:56px;background:var(--primary);color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-lg);transition:all var(--transition-base);z-index:50}.back-to-top-btn[data-v-03ba7049]:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.back-to-top-btn svg[data-v-03ba7049]{width:20px;height:20px}.fade-enter-active[data-v-03ba7049],.fade-leave-active[data-v-03ba7049]{transition:opacity .3s ease,transform .3s ease}.fade-enter-from[data-v-03ba7049],.fade-leave-to[data-v-03ba7049]{opacity:0;transform:translateY(20px)}@media(max-width:768px){.back-to-top-btn[data-v-03ba7049]{width:48px;height:48px;bottom:1.5rem;right:1.5rem}.back-to-top-btn svg[data-v-03ba7049]{width:18px;height:18px}}.app[data-v-7a7a37b1]{min-height:100vh;display:flex;flex-direction:column;background:var(--system-background);transition:background-color var(--duration-base) var(--spring)}main[data-v-7a7a37b1]{flex:1}.footer[data-v-7a7a37b1]{background:linear-gradient(180deg,var(--tertiary-system-background) 0%,#E8E8ED 100%);color:var(--label);padding:var(--spacing-2xl) 0;margin-top:auto;border-top:.5px solid rgba(0,0,0,.06);transition:all var(--duration-base) var(--spring)}.footer-main[data-v-7a7a37b1]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.footer-brand[data-v-7a7a37b1]{display:flex;align-items:center;gap:var(--spacing-m)}.brand-icon[data-v-7a7a37b1]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--tint) 0%,var(--system-indigo) 100%);color:#fff;border-radius:var(--corner-m);flex-shrink:0;box-shadow:var(--shadow-s)}.brand-icon svg[data-v-7a7a37b1]{width:18px;height:18px}.brand-info h3[data-v-7a7a37b1]{font-size:var(--typography-headline);font-weight:600;margin-bottom:2px;letter-spacing:-.01em}.brand-info p[data-v-7a7a37b1]{color:var(--secondary-label);font-size:var(--typography-footnote);margin:0}.footer-nav ul[data-v-7a7a37b1]{display:flex;gap:var(--spacing-xl);list-style:none;padding:0;margin:0}.footer-nav a[data-v-7a7a37b1]{color:var(--secondary-label);font-size:var(--typography-callout);font-weight:500;transition:all var(--duration-fast) var(--spring)}.footer-nav a[data-v-7a7a37b1]:hover{color:var(--tint)}.footer-bottom[data-v-7a7a37b1]{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-xl);border-top:.5px solid var(--separator);flex-wrap:wrap;gap:var(--spacing-m)}.footer-info[data-v-7a7a37b1]{display:flex;flex-direction:column;gap:var(--spacing-2xs)}.copyright[data-v-7a7a37b1]{color:var(--tertiary-label);font-size:var(--typography-caption-1)}.icp-link[data-v-7a7a37b1]{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--secondary-label);font-size:var(--typography-caption-1);font-weight:500;text-decoration:none;transition:all var(--duration-fast) var(--spring);padding:var(--spacing-2xs) var(--spacing-xs);border-radius:var(--corner-s)}.icp-link[data-v-7a7a37b1]:hover{color:var(--tint);background:var(--system-fill);text-decoration:none}.icp-link svg[data-v-7a7a37b1]{width:14px;height:14px}.social-links[data-v-7a7a37b1]{display:flex;gap:var(--spacing-m)}.social-link[data-v-7a7a37b1]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff9;border-radius:var(--corner-s);color:var(--secondary-label);transition:all var(--duration-fast) var(--spring);box-shadow:var(--shadow-s)}.social-link[data-v-7a7a37b1]:hover{background:var(--tint);color:#fff;transform:translateY(-2px)}.social-link svg[data-v-7a7a37b1]{width:14px;height:14px}.fade-enter-active[data-v-7a7a37b1],.fade-leave-active[data-v-7a7a37b1]{transition:opacity var(--duration-base) var(--spring)}.fade-enter-from[data-v-7a7a37b1],.fade-leave-to[data-v-7a7a37b1]{opacity:0}@media(max-width:768px){.footer-main[data-v-7a7a37b1]{flex-direction:column;gap:var(--spacing-l);text-align:center}.footer-nav ul[data-v-7a7a37b1]{flex-wrap:wrap;justify-content:center;gap:var(--spacing-l)}.footer-bottom[data-v-7a7a37b1]{flex-direction:column;gap:var(--spacing-m);text-align:center}}.post-card[data-v-779221c3]{background:linear-gradient(180deg,#fff,#f8f8fa);border-radius:var(--corner-xl);overflow:hidden;transition:all var(--duration-base) var(--spring);cursor:pointer}.post-card[data-v-779221c3]:hover{transform:translateY(-3px);box-shadow:var(--shadow-l)}.post-card[data-v-779221c3]:active{transform:translateY(-1px)}.post-card-inner[data-v-779221c3]{padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-m);height:100%}.post-card-header[data-v-779221c3]{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-s)}.post-date[data-v-779221c3]{font-size:var(--typography-caption-1);color:var(--tertiary-label);font-weight:500;letter-spacing:.01em}.post-title[data-v-779221c3]{font-size:var(--typography-title-3);font-weight:600;color:var(--label);margin:0;line-height:1.3;letter-spacing:-.02em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card:hover .post-title[data-v-779221c3]{color:var(--tint)}.post-excerpt[data-v-779221c3]{font-size:var(--typography-subheadline);color:var(--secondary-label);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-footer[data-v-779221c3]{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-m);margin-top:auto;border-top:.5px solid var(--separator)}.author-info[data-v-779221c3]{display:flex;align-items:center;gap:var(--spacing-s)}.author-avatar[data-v-779221c3]{width:28px;height:28px;border-radius:var(--corner-full);background:var(--tint);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--typography-caption-1);letter-spacing:.02em}.author-name[data-v-779221c3]{font-size:var(--typography-footnote);font-weight:500;color:var(--label)}.post-tags[data-v-779221c3]{display:flex;gap:var(--spacing-xs)}.tag[data-v-779221c3]{background:var(--tertiary-system-background);color:var(--secondary-label);padding:4px 10px;border-radius:var(--corner-full);font-size:var(--typography-caption-2);font-weight:500;transition:all var(--duration-fast) var(--spring)}.post-card:hover .tag[data-v-779221c3]{background:var(--system-fill);color:var(--label)}@media(max-width:768px){.post-card-inner[data-v-779221c3]{padding:var(--spacing-l)}.post-title[data-v-779221c3]{font-size:var(--typography-headline)}.post-footer[data-v-779221c3]{flex-direction:column;gap:var(--spacing-s);align-items:flex-start}}.code-block[data-v-b0c65cf4]{position:relative;background:#1e1e1e;border-radius:var(--border-radius-lg);overflow:hidden;font-family:var(--font-mono);box-shadow:0 4px 12px #0000004d}[data-theme=dark] .code-block[data-v-b0c65cf4]{background:#0d1117}.code-header[data-v-b0c65cf4]{display:flex;justify-content:space-between;align-items:center;background:#2d2d2d;padding:.5rem 1rem;border-bottom:1px solid #3d3d3d}[data-theme=dark] .code-header[data-v-b0c65cf4]{background:#161b22;border-bottom:1px solid #30363d}.code-dots[data-v-b0c65cf4]{display:flex;gap:6px}.dot[data-v-b0c65cf4]{width:12px;height:12px;border-radius:50%}.dot.red[data-v-b0c65cf4]{background:#ff5f56}.dot.yellow[data-v-b0c65cf4]{background:#ffbd2e}.dot.green[data-v-b0c65cf4]{background:#27c93f}.code-info[data-v-b0c65cf4]{display:flex;align-items:center;gap:.75rem}.language-tag[data-v-b0c65cf4]{padding:.25rem .75rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.copy-btn[data-v-b0c65cf4]{display:flex;align-items:center;gap:4px;background:#ffffff1a;border:none;color:#94a3b8;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.copy-btn[data-v-b0c65cf4]:hover{background:#ffffff26;color:#fff}.copy-btn.copied[data-v-b0c65cf4]{background:#10b98133;color:#10b981}.copy-btn svg[data-v-b0c65cf4]{width:14px;height:14px}.code-body[data-v-b0c65cf4]{max-height:500px;overflow-y:auto}.code-body pre[data-v-b0c65cf4]{margin:0;padding:1rem;overflow-x:auto}.code-body code[data-v-b0c65cf4]{font-size:.85rem;line-height:1.6;color:#d4d4d4;white-space:pre}.copy-toast[data-v-b0c65cf4]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:.5rem;background:#10b981e6;color:#fff;padding:.75rem 1.25rem;border-radius:var(--border-radius-md);font-size:.9rem;font-weight:500;animation:toast-in-b0c65cf4 .3s ease;z-index:10}.copy-toast svg[data-v-b0c65cf4]{width:18px;height:18px}@keyframes toast-in-b0c65cf4{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media(max-width:768px){.code-header[data-v-b0c65cf4]{padding:.5rem}.copy-btn span[data-v-b0c65cf4]{display:none}.code-body pre[data-v-b0c65cf4]{padding:.75rem}.code-body code[data-v-b0c65cf4]{font-size:.8rem}}.snippet-card[data-v-e24b9cf4]{background:linear-gradient(180deg,#fff,#f8f8fa);border-radius:var(--corner-xl);overflow:hidden;transition:all var(--duration-base) var(--spring);cursor:pointer}.snippet-card[data-v-e24b9cf4]:hover{transform:translateY(-3px);box-shadow:var(--shadow-l)}.snippet-card[data-v-e24b9cf4]:active{transform:translateY(-1px)}.snippet-card-inner[data-v-e24b9cf4]{padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-m);height:100%}.snippet-header[data-v-e24b9cf4]{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-s)}.language-badge[data-v-e24b9cf4]{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--corner-full);font-size:var(--typography-caption-1);font-weight:600;letter-spacing:.02em}.language-dot[data-v-e24b9cf4]{width:8px;height:8px;border-radius:50%}.snippet-date[data-v-e24b9cf4]{font-size:var(--typography-caption-1);color:var(--tertiary-label);font-weight:500;letter-spacing:.01em}.snippet-title[data-v-e24b9cf4]{font-size:var(--typography-headline);font-weight:600;color:var(--label);margin:0;line-height:1.3;letter-spacing:-.02em}.snippet-card:hover .snippet-title[data-v-e24b9cf4]{color:var(--tint)}.snippet-description[data-v-e24b9cf4]{font-size:var(--typography-subheadline);color:var(--secondary-label);line-height:1.5;margin:0}.code-preview[data-v-e24b9cf4]{margin-top:var(--spacing-s);border-radius:var(--corner-m);overflow:hidden}@media(max-width:768px){.snippet-card-inner[data-v-e24b9cf4]{padding:var(--spacing-l)}.snippet-title[data-v-e24b9cf4]{font-size:var(--typography-callout)}}.skeleton-wrapper[data-v-539cbf3d]{width:100%}.skeleton-hero[data-v-539cbf3d]{text-align:center;padding:var(--spacing-3xl) var(--spacing-xl)}.skeleton-badge[data-v-539cbf3d]{display:inline-block;width:180px;height:32px;border-radius:var(--corner-full);background:linear-gradient(90deg,var(--tertiary-system-background) 25%,var(--secondary-system-fill) 50%,var(--tertiary-system-background) 75%);background-size:200% 100%;animation:skeleton-loading-539cbf3d 1.5s infinite;margin-bottom:var(--spacing-xl)}.skeleton-badge.small[data-v-539cbf3d]{width:100px;height:24px}.skeleton-title[data-v-539cbf3d]{width:60%;height:44px;margin:0 auto var(--spacing-lg);border-radius:var(--corner-s);background:linear-gradient(90deg,var(--tertiary-system-background) 25%,var(--secondary-system-fill) 50%,var(--tertiary-system-background) 75%);background-size:200% 100%;animation:skeleton-loading-539cbf3d 1.5s infinite .1s}.skeleton-title-line[data-v-539cbf3d]{height:22px;border-radius:var(--corner-s);background:linear-gradient(90deg,var(--tertiary-system-background) 25%,var(--secondary-system-fill) 50%,var(--tertiary-system-background) 75%);background-size:200% 100%;animation:skeleton-loading-539cbf3d 1.5s infinite;margin-bottom:var(--spacing-sm)}.skeleton-title-line.short[data-v-539cbf3d]{width:70%}.skeleton-description[data-v-539cbf3d]{width:70%;height:18px;margin:0 auto var(--spacing-md);border-radius:var(--corner-s);background:linear-gradient(90deg,var(--tertiary-system-background) 25%,var(--secondary-system-fill) 50%,var(--tertiary-system-background) 75%);background-size:200% 100%;animation:skeleton-loading-539cbf3d 1.5s infinite .2s}.skeleton-excerpt[data-v-539cbf3d]{height:16px;border-radius:var(--corner-s);background:linear-gradient(90deg,var(--tertiary-system-background) 25%,var(--secondary-system-fill) 50%,var(--tertiary-system-background) 75%);background-size:200% 100%;animation:skeleton-loading-539cbf3d 1.5s infinite;margin-bottom:var(--spacing-xs)}.skeleton-excerpt.short[data-v-539cbf3d]{width:60%}.skeleton-actions[data-v-539cbf3d]{display:flex;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-xl)}.skeleton-btn[data-v-539cbf3d]{height:44px;border-radius:var(--corner-l);background:linear-gradient(90deg,var(--tertiary-system-background) 25%,var(--secondary-system-fill) 50%,var(--tertiary-system-background) 75%);background-size:200% 100%;animation:skeleton-loading-539cbf3d 1.5s infinite}.skeleton-btn.primary[data-v-539cbf3d]{width:160px}.skeleton-btn.secondary[data-v-539cbf3d]{width:200px}.skeleton-card[data-v-539cbf3d]{background:var(--secondary-system-background);border-radius:var(--corner-xl);padding:var(--spacing-xl)}.skeleton-card-header[data-v-539cbf3d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-m)}.skeleton-date[data-v-539cbf3d]{width:80px;height:16px;border-radius:var(--corner-s);background:linear-gradient(90deg,var(--tertiary-system-background) 25%,var(--secondary-system-fill) 50%,var(--tertiary-system-background) 75%);background-size:200% 100%;animation:skeleton-loading-539cbf3d 1.5s infinite .15s}.skeleton-card-footer[data-v-539cbf3d]{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-m);padding-top:var(--spacing-m);border-top:.5px solid var(--separator)}.skeleton-avatar[data-v-539cbf3d]{width:32px;height:32px;border-radius:var(--corner-full);background:linear-gradient(90deg,var(--tertiary-system-background) 25%,var(--secondary-system-fill) 50%,var(--tertiary-system-background) 75%);background-size:200% 100%;animation:skeleton-loading-539cbf3d 1.5s infinite}.skeleton-author[data-v-539cbf3d]{width:80px;height:16px;border-radius:var(--corner-s);background:linear-gradient(90deg,var(--tertiary-system-background) 25%,var(--secondary-system-fill) 50%,var(--tertiary-system-background) 75%);background-size:200% 100%;animation:skeleton-loading-539cbf3d 1.5s infinite .1s}.skeleton-code-block[data-v-539cbf3d]{background:var(--tertiary-system-background);border-radius:var(--corner-l);overflow:hidden;margin-top:var(--spacing-m)}.skeleton-code-lines[data-v-539cbf3d]{padding:var(--spacing-lg)}.skeleton-code-line[data-v-539cbf3d]{height:16px;border-radius:var(--corner-s);background:var(--system-fill);margin-bottom:var(--spacing-xs)}.skeleton-code-line.short[data-v-539cbf3d]{width:70%}.skeleton-tech-card[data-v-539cbf3d]{background:var(--secondary-system-background);border-radius:var(--corner-xl);padding:var(--spacing-xl);text-align:center}.skeleton-tech-icon[data-v-539cbf3d]{width:56px;height:56px;margin:0 auto var(--spacing-m);border-radius:var(--corner-l);background:linear-gradient(90deg,var(--tertiary-system-background) 25%,var(--secondary-system-fill) 50%,var(--tertiary-system-background) 75%);background-size:200% 100%;animation:skeleton-loading-539cbf3d 1.5s infinite}.skeleton-tech-title[data-v-539cbf3d]{height:18px;width:60%;margin:0 auto var(--spacing-xs);border-radius:var(--corner-s);background:linear-gradient(90deg,var(--tertiary-system-background) 25%,var(--secondary-system-fill) 50%,var(--tertiary-system-background) 75%);background-size:200% 100%;animation:skeleton-loading-539cbf3d 1.5s infinite .1s}.skeleton-tech-desc[data-v-539cbf3d]{height:14px;width:80%;margin:0 auto;border-radius:var(--corner-s);background:linear-gradient(90deg,var(--tertiary-system-background) 25%,var(--secondary-system-fill) 50%,var(--tertiary-system-background) 75%);background-size:200% 100%;animation:skeleton-loading-539cbf3d 1.5s infinite .2s}.skeleton-default[data-v-539cbf3d]{padding:var(--spacing-md)}.skeleton-line[data-v-539cbf3d]{height:18px;border-radius:var(--corner-s);background:linear-gradient(90deg,var(--tertiary-system-background) 25%,var(--secondary-system-fill) 50%,var(--tertiary-system-background) 75%);background-size:200% 100%;animation:skeleton-loading-539cbf3d 1.5s infinite;margin-bottom:var(--spacing-sm)}.skeleton-line.short[data-v-539cbf3d]{width:60%}@keyframes skeleton-loading-539cbf3d{0%{background-position:200% 0}to{background-position:-200% 0}}.home[data-v-2dc54a20]{min-height:100vh;padding-top:calc(60px + env(safe-area-inset-top))}.hero[data-v-2dc54a20]{position:relative;padding:var(--spacing-3xl) 0;padding-bottom:var(--spacing-3xl);background:linear-gradient(180deg,var(--secondary-system-background) 0%,var(--system-background) 70%)}.container[data-v-2dc54a20]{max-width:1200px;margin:0 auto;padding:0 var(--spacing-l)}.hero-content[data-v-2dc54a20]{text-align:center;max-width:700px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-m)}.hero-pill[data-v-2dc54a20]{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:var(--secondary-system-fill);color:var(--secondary-label);padding:var(--spacing-xs) var(--spacing-m);border-radius:var(--corner-full);font-size:var(--typography-footnote);font-weight:500;letter-spacing:.01em}.hero-title[data-v-2dc54a20]{font-size:var(--typography-large-title);font-weight:700;color:var(--label);margin:0;line-height:1.2;letter-spacing:-.03em}.hero-gradient[data-v-2dc54a20]{background:linear-gradient(135deg,var(--tint) 0%,var(--system-indigo) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description[data-v-2dc54a20]{font-size:var(--typography-callout);color:var(--secondary-label);line-height:1.6;margin:0}.hero-actions[data-v-2dc54a20]{display:flex;gap:var(--spacing-s);margin-top:var(--spacing-s)}.btn-icon[data-v-2dc54a20]{width:20px;height:20px;margin-left:var(--spacing-xs)}.btn-icon-sm[data-v-2dc54a20]{width:16px;height:16px;margin-left:var(--spacing-xs)}.content[data-v-2dc54a20]{padding:var(--spacing-3xl) 0}.section-header[data-v-2dc54a20]{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:var(--spacing-l);gap:var(--spacing-m)}.section-title[data-v-2dc54a20]{font-size:var(--typography-title-1);font-weight:700;color:var(--label);margin:0;letter-spacing:-.02em}.section-subtitle[data-v-2dc54a20]{font-size:var(--typography-subheadline);color:var(--secondary-label);margin:var(--spacing-2xs) 0 0 0}.posts-grid[data-v-2dc54a20],.snippets-grid[data-v-2dc54a20]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-l);margin-bottom:var(--spacing-3xl)}.card-animate[data-v-2dc54a20]{animation:fadeInUp-2dc54a20 .5s var(--spring) forwards;opacity:0}@keyframes fadeInUp-2dc54a20{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.tech-stack[data-v-2dc54a20]{background:linear-gradient(180deg,var(--secondary-system-background) 0%,#E8E8ED 100%);padding:var(--spacing-2xl);border-radius:var(--corner-xl);margin-top:var(--spacing-3xl)}.tech-stack-header[data-v-2dc54a20]{text-align:center;margin-bottom:var(--spacing-xl)}.tech-grid[data-v-2dc54a20]{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-l)}.tech-card[data-v-2dc54a20]{background:linear-gradient(180deg,#fff,#fafafa);padding:var(--spacing-xl);border-radius:var(--corner-l);text-align:center;transition:all var(--duration-base) var(--spring)}.tech-card[data-v-2dc54a20]:hover{transform:translateY(-2px);box-shadow:var(--shadow-m)}.tech-icon[data-v-2dc54a20]{width:56px;height:56px;margin:0 auto var(--spacing-m);color:#fff;font-size:1.25rem;font-weight:700;border-radius:var(--corner-l);display:flex;align-items:center;justify-content:center;letter-spacing:.02em}.tech-card h3[data-v-2dc54a20]{font-size:var(--typography-headline);font-weight:600;margin:0 0 var(--spacing-xs);color:var(--label);letter-spacing:-.01em}.tech-card p[data-v-2dc54a20]{font-size:var(--typography-footnote);color:var(--secondary-label);margin:0}@media(max-width:1024px){.posts-grid[data-v-2dc54a20],.snippets-grid[data-v-2dc54a20],.tech-grid[data-v-2dc54a20]{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hero[data-v-2dc54a20]{padding:var(--spacing-2xl) 0}.hero-title[data-v-2dc54a20]{font-size:var(--typography-title-1)}.hero-description[data-v-2dc54a20]{font-size:var(--typography-body)}.hero-actions[data-v-2dc54a20]{flex-direction:column;width:100%}.hero-actions .btn[data-v-2dc54a20]{width:100%}.section-header[data-v-2dc54a20]{flex-direction:column;align-items:flex-start;gap:var(--spacing-m)}.posts-grid[data-v-2dc54a20],.snippets-grid[data-v-2dc54a20]{grid-template-columns:1fr}.tech-stack[data-v-2dc54a20]{padding:var(--spacing-l)}.tech-grid[data-v-2dc54a20]{grid-template-columns:1fr}}.tag-cloud[data-v-6a64cc7f]{background:var(--secondary-system-background);border-radius:var(--corner-xl);padding:var(--spacing-xl)}.tag-cloud-title[data-v-6a64cc7f]{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--typography-headline);font-weight:600;color:var(--label);margin:0 0 var(--spacing-l)}.tag-cloud-title svg[data-v-6a64cc7f]{width:18px;height:18px;color:var(--tint)}.tags-container[data-v-6a64cc7f]{display:flex;flex-wrap:wrap;gap:16px}.tag-item[data-v-6a64cc7f]{display:inline-flex;align-items:center;gap:8px;background:var(--tertiary-system-background);border:none;border-radius:var(--corner-full);padding:10px 16px;cursor:pointer;transition:all var(--duration-fast) var(--spring)}.tag-item[data-v-6a64cc7f]:hover{transform:translateY(-2px)}.tag-item.active[data-v-6a64cc7f]{transform:scale(1.05)}.tag-item.small[data-v-6a64cc7f]{font-size:var(--typography-caption-1)}.tag-item.medium[data-v-6a64cc7f]{font-size:var(--typography-footnote)}.tag-item.large[data-v-6a64cc7f]{font-size:var(--typography-callout)}.tag-name[data-v-6a64cc7f]{font-weight:500}.tag-count[data-v-6a64cc7f]{background:#fff3;padding:.125rem .375rem;border-radius:var(--corner-full);font-size:.65rem;font-weight:600}@media(max-width:768px){.tag-cloud[data-v-6a64cc7f]{padding:var(--spacing-l)}}.blog[data-v-d0b5daa0]{padding:var(--spacing-2xl) 0 var(--spacing-3xl);min-height:calc(100vh - 60px);padding-top:calc(var(--spacing-2xl) + env(safe-area-inset-top))}.container[data-v-d0b5daa0]{max-width:1200px;margin:0 auto;padding:0 var(--spacing-l)}.page-header[data-v-d0b5daa0]{text-align:center;margin-bottom:var(--spacing-xl)}.page-title[data-v-d0b5daa0]{font-size:var(--typography-title-1);color:var(--label);margin:0 0 var(--spacing-xs);font-weight:700;letter-spacing:-.02em}.page-subtitle[data-v-d0b5daa0]{font-size:var(--typography-callout);color:var(--secondary-label);margin:0}.search-bar[data-v-d0b5daa0]{position:relative;max-width:500px;margin:0 auto var(--spacing-xl)}.search-icon[data-v-d0b5daa0]{position:absolute;left:var(--spacing-m);top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--tertiary-label)}.search-bar input[data-v-d0b5daa0]{width:100%;padding:var(--spacing-m) var(--spacing-m) var(--spacing-m) 44px;border:1px solid var(--separator);border-radius:var(--corner-l);font-size:var(--typography-body);background:var(--secondary-system-background);color:var(--label);transition:all var(--duration-base) var(--spring)}.search-bar input[data-v-d0b5daa0]:focus{outline:none;border-color:var(--tint);box-shadow:0 0 0 4px #007aff1a}.search-bar input[data-v-d0b5daa0]::placeholder{color:var(--tertiary-label)}.posts-grid[data-v-d0b5daa0]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-l);margin-top:var(--spacing-xl)}.card-animate[data-v-d0b5daa0]{animation:fadeInUp-d0b5daa0 .4s var(--spring) forwards;opacity:0}@keyframes fadeInUp-d0b5daa0{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.empty-state[data-v-d0b5daa0]{grid-column:1 / -1;text-align:center;padding:var(--spacing-3xl) var(--spacing-xl);color:var(--secondary-label)}.empty-icon[data-v-d0b5daa0]{width:64px;height:64px;margin-bottom:var(--spacing-m);color:var(--tertiary-label)}.empty-state h3[data-v-d0b5daa0]{font-size:var(--typography-title-3);font-weight:600;color:var(--label);margin:0 0 var(--spacing-xs);letter-spacing:-.01em}.empty-state p[data-v-d0b5daa0]{font-size:var(--typography-subheadline);margin:0}@media(max-width:1024px){.posts-grid[data-v-d0b5daa0]{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.blog[data-v-d0b5daa0]{padding:var(--spacing-xl) 0 var(--spacing-2xl)}.page-title[data-v-d0b5daa0]{font-size:var(--typography-title-2)}.posts-grid[data-v-d0b5daa0]{grid-template-columns:1fr}}.post-detail[data-v-88a31469]{padding:var(--spacing-2xl) 0;min-height:calc(100vh - 60px);padding-top:calc(var(--spacing-2xl) + env(safe-area-inset-top))}.container[data-v-88a31469]{max-width:1200px;margin:0 auto;padding:0 var(--spacing-m)}.back-btn[data-v-88a31469]{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:var(--secondary-system-background);border:.5px solid var(--separator);color:var(--label);font-size:var(--typography-callout);cursor:pointer;margin-bottom:var(--spacing-xl);padding:var(--spacing-sm) var(--spacing-m);border-radius:var(--corner-l);font-weight:500;transition:all var(--duration-base) var(--spring);box-shadow:var(--shadow-s)}.back-btn[data-v-88a31469]:hover{background:var(--tertiary-system-background);box-shadow:var(--shadow-m)}.back-btn[data-v-88a31469]:active{transform:scale(.98)}.post-wrapper[data-v-88a31469]{display:flex;gap:var(--spacing-2xl)}.toc-sidebar[data-v-88a31469]{position:sticky;top:calc(60px + var(--spacing-xl) + env(safe-area-inset-top));width:240px;flex-shrink:0;background:var(--secondary-system-background);border-radius:var(--corner-xl);padding:var(--spacing-l);border:.5px solid var(--separator);height:fit-content}.toc-header[data-v-88a31469]{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-l);padding-bottom:var(--spacing-m);border-bottom:.5px solid var(--separator);font-weight:600;color:var(--label)}.toc-header svg[data-v-88a31469]{width:18px;height:18px;color:var(--tint)}.toc-nav ul[data-v-88a31469]{list-style:none;padding:0;margin:0}.toc-nav li[data-v-88a31469]{margin-bottom:var(--spacing-xs)}.toc-link[data-v-88a31469]{display:block;width:100%;text-align:left;background:none;border:none;color:var(--secondary-label);font-size:var(--typography-footnote);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--corner-s);cursor:pointer;transition:all var(--duration-fast);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toc-link[data-v-88a31469]:hover{background:var(--system-fill);color:var(--label)}.toc-link.active[data-v-88a31469]{background:var(--tint);color:#fff}.toc-link.level3[data-v-88a31469]{padding-left:var(--spacing-l)}.post-content[data-v-88a31469]{flex:1;min-width:0}.post-header[data-v-88a31469]{margin-bottom:var(--spacing-2xl)}.post-header h1[data-v-88a31469]{font-size:var(--typography-large-title);color:var(--label);margin:0 0 var(--spacing-xl);font-weight:700;line-height:1.2;letter-spacing:-.03em}.post-meta[data-v-88a31469]{display:flex;flex-direction:column;gap:var(--spacing-m);padding-bottom:var(--spacing-xl);border-bottom:.5px solid var(--separator)}.post-info[data-v-88a31469]{display:flex;align-items:center;gap:var(--spacing-m)}.author-avatar[data-v-88a31469]{width:40px;height:40px;border-radius:var(--corner-full);background:var(--tint);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--typography-callout)}.post-info-text[data-v-88a31469]{display:flex;flex-direction:column;gap:var(--spacing-2xs)}.author[data-v-88a31469]{font-weight:600;color:var(--label);font-size:var(--typography-callout)}.date[data-v-88a31469]{color:var(--secondary-label);font-size:var(--typography-footnote)}.tags[data-v-88a31469]{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.tag[data-v-88a31469]{background:var(--tertiary-system-background);color:var(--secondary-label);padding:var(--spacing-2xs) var(--spacing-sm);border-radius:var(--corner-full);font-size:var(--typography-footnote);font-weight:500}.content[data-v-88a31469]{line-height:1.7;color:var(--label);font-size:var(--typography-headline)}.content h2[data-v-88a31469]{font-size:var(--typography-title-3);margin:var(--spacing-2xl) 0 var(--spacing-l);color:var(--label);font-weight:600;letter-spacing:-.01em;padding-top:var(--spacing-xl);scroll-margin-top:calc(60px + var(--spacing-xl))}.content h3[data-v-88a31469]{font-size:var(--typography-headline);margin:var(--spacing-xl) 0 var(--spacing-m);color:var(--label);font-weight:600;scroll-margin-top:calc(60px + var(--spacing-xl))}.content p[data-v-88a31469]{margin:var(--spacing-md) 0;color:var(--label)}.content ul[data-v-88a31469],.content ol[data-v-88a31469]{margin:var(--spacing-md) 0;padding-left:var(--spacing-xl);color:var(--label)}.content li[data-v-88a31469]{margin:var(--spacing-sm) 0}.content code[data-v-88a31469]{background:var(--tertiary-system-background);color:var(--tint);padding:.2rem .4rem;border-radius:var(--corner-s);font-family:var(--font-mono);font-size:.9em}.code-wrapper[data-v-88a31469]{background:#1e1e1e;border-radius:12px;overflow:hidden;margin:var(--spacing-md) 0;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0006}.code-wrapper .code-header[data-v-88a31469]{display:flex;align-items:center;padding:10px 14px;background:#252526;border-bottom:1px solid #3c3c3c;gap:8px}.code-wrapper .dot[data-v-88a31469]{width:12px;height:12px;border-radius:50%}.code-wrapper .dot.red[data-v-88a31469]{background:#ff5f56}.code-wrapper .dot.yellow[data-v-88a31469]{background:#ffbd2e}.code-wrapper .dot.green[data-v-88a31469]{background:#27ca40}.code-wrapper .code-lang[data-v-88a31469]{margin-left:auto;font-size:12px;color:#858585;font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-right:12px}.code-wrapper .copy-btn[data-v-88a31469]{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#a0a0a0;padding:4px 10px;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s}.code-wrapper .copy-btn[data-v-88a31469]:hover{background:#ffffff26;color:#d4d4d4}.code-wrapper .copy-btn.copied[data-v-88a31469]{background:#2e7d32cc;border-color:#4caf5080;color:#fff}.code-wrapper pre[data-v-88a31469]{background:transparent!important;color:#d4d4d4;padding:16px;overflow-x:auto;margin:0;border:none;box-shadow:none}[data-theme=dark] .content pre[data-v-88a31469]{background:#0d1117}.content pre code[data-v-88a31469]{background:none;padding:0;color:inherit;font-family:var(--font-mono);font-size:var(--typography-footnote)}.content blockquote[data-v-88a31469]{border-left:3px solid var(--tint);padding-left:var(--spacing-md);margin:var(--spacing-md) 0;color:var(--secondary-label);font-style:italic;padding:var(--spacing-md) var(--spacing-lg);border-radius:0 var(--corner-l) var(--corner-l) 0;background:var(--secondary-system-background)}.content a[data-v-88a31469]{color:var(--tint);text-decoration:none;font-weight:500;transition:color var(--duration-base)}.content a[data-v-88a31469]:hover{text-decoration:underline}.content img[data-v-88a31469]{max-width:100%;border-radius:var(--corner-l);margin:var(--spacing-md) 0}.content hr[data-v-88a31469]{border:none;border-top:.5px solid var(--separator);margin:var(--spacing-2xl) 0}.loading-container[data-v-88a31469]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);gap:var(--spacing-md);color:var(--tertiary-label)}.not-found[data-v-88a31469]{text-align:center;padding:var(--spacing-3xl)}.not-found h2[data-v-88a31469]{color:var(--secondary-label);margin-bottom:var(--spacing-lg);font-size:var(--typography-title-2)}@media(max-width:1024px){.toc-sidebar[data-v-88a31469]{display:none}}@media(max-width:768px){.post-detail[data-v-88a31469]{padding:var(--spacing-xl) 0}.post-header h1[data-v-88a31469]{font-size:var(--typography-title-1)}.content[data-v-88a31469]{font-size:var(--typography-callout)}}.snippets[data-v-7624301b]{padding:var(--spacing-2xl) 0 var(--spacing-3xl);min-height:calc(100vh - 60px);padding-top:calc(var(--spacing-2xl) + env(safe-area-inset-top))}.container[data-v-7624301b]{max-width:1200px;margin:0 auto;padding:0 var(--spacing-l)}.page-header[data-v-7624301b]{text-align:center;margin-bottom:var(--spacing-xl)}.page-title[data-v-7624301b]{font-size:var(--typography-title-1);color:var(--label);margin:0 0 var(--spacing-xs);font-weight:700;letter-spacing:-.02em}.page-subtitle[data-v-7624301b]{font-size:var(--typography-callout);color:var(--secondary-label);margin:0}.filter-bar[data-v-7624301b]{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;justify-content:center;margin-bottom:var(--spacing-xl)}.filter-btn[data-v-7624301b]{padding:var(--spacing-xs) var(--spacing-m);border:1px solid var(--separator);background:var(--secondary-system-background);border-radius:var(--corner-full);cursor:pointer;color:var(--secondary-label);font-weight:500;font-size:var(--typography-footnote);transition:all var(--duration-base) var(--spring)}.filter-btn[data-v-7624301b]:hover{background:var(--tertiary-system-background);color:var(--label)}.filter-btn.active[data-v-7624301b]{background:var(--tint);color:#fff;border-color:var(--tint)}.snippets-grid[data-v-7624301b]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-l)}.card-animate[data-v-7624301b]{animation:fadeInUp-7624301b .4s var(--spring) forwards;opacity:0}@keyframes fadeInUp-7624301b{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.empty-state[data-v-7624301b]{grid-column:1 / -1;text-align:center;padding:var(--spacing-3xl) var(--spacing-xl);color:var(--secondary-label)}.empty-icon[data-v-7624301b]{width:64px;height:64px;margin-bottom:var(--spacing-m);color:var(--tertiary-label)}.empty-state h3[data-v-7624301b]{font-size:var(--typography-title-3);font-weight:600;color:var(--label);margin:0 0 var(--spacing-xs);letter-spacing:-.01em}.empty-state p[data-v-7624301b]{font-size:var(--typography-subheadline);margin:0}@media(max-width:1024px){.snippets-grid[data-v-7624301b]{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.snippets[data-v-7624301b]{padding:var(--spacing-xl) 0 var(--spacing-2xl)}.page-title[data-v-7624301b]{font-size:var(--typography-title-2)}.snippets-grid[data-v-7624301b]{grid-template-columns:1fr}}.about[data-v-f22b56f8]{padding:var(--spacing-2xl) 0;min-height:calc(100vh - 60px);padding-top:calc(var(--spacing-2xl) + env(safe-area-inset-top))}.container[data-v-f22b56f8]{max-width:1000px;margin:0 auto;padding:0 var(--spacing-l)}.page-header[data-v-f22b56f8]{text-align:center;margin-bottom:var(--spacing-2xl)}.page-title[data-v-f22b56f8]{font-size:var(--typography-title-1);color:var(--label);margin:0 0 var(--spacing-xs);font-weight:700;letter-spacing:-.02em}.page-subtitle[data-v-f22b56f8]{font-size:var(--typography-callout);color:var(--secondary-label);margin:0}.intro[data-v-f22b56f8]{display:flex;align-items:center;gap:var(--spacing-xl);background:linear-gradient(135deg,var(--tint),var(--system-indigo));padding:var(--spacing-2xl);border-radius:var(--corner-xl);color:#fff;margin-bottom:var(--spacing-3xl)}.avatar[data-v-f22b56f8]{flex-shrink:0}.avatar-icon[data-v-f22b56f8]{width:80px;height:80px;border-radius:var(--corner-full);background:#fff3;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700}.bio h2[data-v-f22b56f8]{margin:0 0 var(--spacing-sm);font-size:var(--typography-title-3)}.bio p[data-v-f22b56f8]{margin:0 0 var(--spacing-m);opacity:.9;line-height:1.6}.social-links[data-v-f22b56f8]{display:flex;gap:var(--spacing-sm)}.social-link[data-v-f22b56f8]{color:#fff;text-decoration:none;padding:var(--spacing-xs) var(--spacing-m);border:1px solid rgba(255,255,255,.3);border-radius:var(--corner-full);font-size:var(--typography-footnote);font-weight:500;transition:all var(--duration-base) var(--spring)}.social-link[data-v-f22b56f8]:hover{background:#fff3}.section[data-v-f22b56f8]{margin-bottom:var(--spacing-3xl)}.section-title[data-v-f22b56f8]{font-size:var(--typography-title-2);color:var(--label);margin:0 0 var(--spacing-m);font-weight:700;letter-spacing:-.01em}.section-desc[data-v-f22b56f8]{color:var(--secondary-label);margin:0 0 var(--spacing-xl);font-size:var(--typography-subheadline)}.tech-stack-grid[data-v-f22b56f8]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-l)}.tech-card[data-v-f22b56f8]{background:var(--secondary-system-background);padding:var(--spacing-xl);border-radius:var(--corner-xl);text-align:center;transition:all var(--duration-base) var(--spring)}.tech-card[data-v-f22b56f8]:hover{transform:translateY(-2px);box-shadow:var(--shadow-s)}.tech-card .tech-icon[data-v-f22b56f8]{width:56px;height:56px;margin:0 auto var(--spacing-m);color:#fff;border-radius:var(--corner-l);display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700}.tech-card h4[data-v-f22b56f8]{margin:0 0 var(--spacing-xs);color:var(--label);font-size:var(--typography-headline);font-weight:600}.tech-card p[data-v-f22b56f8]{margin:0;color:var(--secondary-label);font-size:var(--typography-footnote)}.compute-grid[data-v-f22b56f8]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-l)}.compute-card[data-v-f22b56f8]{background:var(--secondary-system-background);padding:var(--spacing-xl);border-radius:var(--corner-xl);text-align:center;transition:all var(--duration-base) var(--spring)}.compute-card h4[data-v-f22b56f8]{margin:0 0 var(--spacing-m);color:var(--label);font-size:var(--typography-headline);font-weight:600}.compute-card .result[data-v-f22b56f8]{font-size:1.75rem;font-weight:700;color:var(--tint)}.compute-card .time[data-v-f22b56f8]{margin-top:var(--spacing-s);font-size:var(--typography-footnote);color:var(--secondary-label)}.user-card[data-v-f22b56f8]{background:var(--secondary-system-background);padding:var(--spacing-xl);border-radius:var(--corner-xl);display:flex;align-items:center;gap:var(--spacing-l)}.user-avatar[data-v-f22b56f8]{width:80px;height:80px;border-radius:var(--corner-full);background:linear-gradient(135deg,var(--tint),var(--system-indigo));color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;flex-shrink:0}.user-details h4[data-v-f22b56f8]{margin:0 0 var(--spacing-xs);color:var(--label);font-size:var(--typography-headline);font-weight:600}.user-details p[data-v-f22b56f8]{margin:0 0 var(--spacing-xs);color:var(--secondary-label);font-size:var(--typography-body)}.user-details .bio[data-v-f22b56f8]{color:var(--tertiary-label);font-size:var(--typography-footnote)}.todo-add[data-v-f22b56f8]{display:flex;gap:var(--spacing-s);margin-bottom:var(--spacing-l)}.todo-input[data-v-f22b56f8]{flex:1;padding:var(--spacing-s) var(--spacing-m);border:1px solid var(--tertiary-system-fill);border-radius:var(--corner-m);font-size:var(--typography-body);background:var(--secondary-system-background);color:var(--label);outline:none;transition:border-color var(--duration-base)}.todo-input[data-v-f22b56f8]:focus{border-color:var(--tint)}.todo-btn[data-v-f22b56f8]{padding:var(--spacing-s) var(--spacing-l);background:var(--tint);color:#fff;border:none;border-radius:var(--corner-m);font-size:var(--typography-body);font-weight:500;cursor:pointer;transition:background var(--duration-base)}.todo-btn[data-v-f22b56f8]:hover{background:var(--system-indigo)}.todo-list[data-v-f22b56f8]{display:flex;flex-direction:column;gap:var(--spacing-s)}.todo-item[data-v-f22b56f8]{display:flex;align-items:center;gap:var(--spacing-s);padding:var(--spacing-m);background:var(--secondary-system-background);border-radius:var(--corner-l);transition:all var(--duration-base)}.todo-item[data-v-f22b56f8]:hover{box-shadow:var(--shadow-s)}.todo-checkbox[data-v-f22b56f8]{width:20px;height:20px;cursor:pointer}.todo-title[data-v-f22b56f8]{flex:1;font-size:var(--typography-body);color:var(--label)}.todo-completed[data-v-f22b56f8]{text-decoration:line-through;color:var(--tertiary-label)}.todo-delete[data-v-f22b56f8]{padding:var(--spacing-xs) var(--spacing-s);background:transparent;color:var(--system-red);border:1px solid var(--system-red);border-radius:var(--corner-s);font-size:var(--typography-footnote);cursor:pointer;transition:all var(--duration-base)}.todo-delete[data-v-f22b56f8]:hover{background:var(--system-red);color:#fff}.todo-loading[data-v-f22b56f8]{padding:var(--spacing-xl);text-align:center;color:var(--secondary-label)}.todo-error[data-v-f22b56f8]{padding:var(--spacing-xl);text-align:center;color:var(--system-red);background:#ef44441a;border-radius:var(--corner-l)}.todo-empty[data-v-f22b56f8]{padding:var(--spacing-xl);text-align:center;color:var(--tertiary-label)}.architecture[data-v-f22b56f8]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.layer[data-v-f22b56f8]{background:var(--secondary-system-background);padding:var(--spacing-m) var(--spacing-xl);border-radius:var(--corner-l);text-align:center;box-shadow:var(--shadow-s)}.layer h4[data-v-f22b56f8]{margin:0 0 var(--spacing-2xs);color:var(--label);font-weight:600}.layer p[data-v-f22b56f8]{margin:0;color:var(--secondary-label);font-size:var(--typography-footnote)}.arrow[data-v-f22b56f8]{color:var(--tertiary-label)}@media(max-width:1024px){.tech-stack-grid[data-v-f22b56f8],.compute-grid[data-v-f22b56f8]{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.about[data-v-f22b56f8]{padding:var(--spacing-xl) 0}.page-title[data-v-f22b56f8]{font-size:var(--typography-title-2)}.intro[data-v-f22b56f8]{flex-direction:column;text-align:center;padding:var(--spacing-xl)}.social-links[data-v-f22b56f8]{justify-content:center}.tech-stack-grid[data-v-f22b56f8],.compute-grid[data-v-f22b56f8]{grid-template-columns:1fr}}