.icon[data-v-7b54e03c]{display:inline-block;vertical-align:middle;flex-shrink:0}:root{--bg-body: #f5f7fa;--bg-main: #ffffff;--bg-card: #ffffff;--bg-primary: #f5f7fa;--bg-elevated: #f2f2f2;--bg-fill: #eef1f5;--bg-hover: #e8ebef;--text-primary: #333333;--text-secondary: #6c757d;--text-muted: #b2b2b2;--text-transparent: rgba(60, 60, 60, .7);--text-on-accent: #ffffff;--border: #e4e4e4;--border-light: #eef1f5;--border-solid: 2px solid var(--bg-main);--separator: rgba(0, 0, 0, .1);--color-primary: var(--accent-custom, #2b2b2e);--accent: var(--accent-custom, #2b2b2e);--accent-hover: #000000;--accent-soft: rgba(43, 43, 46, .08);--accent-bg: rgba(43, 43, 46, .06);--success: #34c759;--warning: #ff9f0a;--error: #ff3b30;--font-body: -apple-system, BlinkMacSystemFont, "PingFang SC", "Noto Sans SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-heading: -apple-system, BlinkMacSystemFont, "PingFang SC", "Noto Sans SC", "Microsoft YaHei", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-code: "SF Mono", ui-monospace, "JetBrains Mono", "Fira Code", "Cascadia Code", Consolas, monospace;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-lg: 1.0625rem;--fs-xl: 1.25rem;--fs-2xl: 1.5rem;--fs-3xl: 2rem;--space-xs: 4px;--space-sm: 8px;--space-md: 14px;--space-lg: 20px;--space-xl: 32px;--space-2xl: 44px;--space-3xl: 64px;--radius-sm: 5px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 30px;--radius-full: 999px;--shadow-box-main: 8px 8px 20px 0 rgba(55, 99, 170, .1), -8px -8px 20px 0 var(--bg-main);--shadow-box-small: 5px 5px 12px 0 rgba(55, 99, 170, .1), -5px -5px 12px 0 var(--bg-main);--shadow-box-hover: 8px 8px 15px 0 rgba(55, 99, 170, .18), -8px -8px 15px 0 var(--bg-main);--shadow-inset: inset -4px -4px 12px #f1f1f1, inset 4px 4px 12px #e2e2e2;--shadow-nav: 0 5px 12px 0 rgba(50, 98, 170, .1);--shadow-sm: var(--shadow-box-small);--shadow-md: var(--shadow-box-main);--shadow-lg: var(--shadow-box-hover);--nav-height: 52px;--nav-bg: rgba(255, 255, 255, .72);--nav-bg-scrolled: rgba(255, 255, 255, .92);--layout-width: 1200px;--content-width: 820px;--sidebar-width: 300px;--gradient-0deg: linear-gradient(0deg, var(--bg-body), #f8f8f8);--gradient-45deg: linear-gradient(45deg, var(--bg-main), #f3f5f8);--ease: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--backdrop-filter: saturate(180%) blur(20px)}[data-theme=dark]{--bg-body: #222222;--bg-main: #262626;--bg-card: #262626;--bg-primary: #222222;--bg-elevated: #2c2c2c;--bg-fill: #2e2e2e;--bg-hover: #2c2c2c;--text-primary: #f5f5f5;--text-secondary: #b3b3b3;--text-muted: #757575;--text-transparent: rgba(220, 220, 220, .7);--text-on-accent: #ffffff;--border: #333333;--border-light: #333333;--border-solid: 2px solid var(--bg-main);--separator: rgba(255, 255, 255, .12);--color-primary: var(--accent-custom-dark, #e8e8e8);--accent: var(--accent-custom-dark, #e8e8e8);--accent-hover: #ffffff;--accent-soft: rgba(232, 232, 232, .1);--accent-bg: rgba(232, 232, 232, .1);--shadow-box-main: 8px 8px 15px 0 rgba(0, 0, 0, .35), -8px -8px 15px 0 var(--bg-main);--shadow-box-small: 5px 5px 12px 0 rgba(0, 0, 0, .3), -5px -5px 12px 0 var(--bg-main);--shadow-box-hover: 8px 8px 15px 0 rgba(0, 0, 0, .45), -8px -8px 15px 0 var(--bg-main);--shadow-inset: inset -4px -4px 12px #1a1a1a, inset 4px 4px 12px #1e1e1e;--shadow-nav: 0 5px 12px 0 rgba(0, 0, 0, .35);--gradient-0deg: linear-gradient(0deg, var(--bg-body), #2a2a2a);--gradient-45deg: linear-gradient(45deg, var(--bg-main), var(--bg-body));--nav-bg: rgba(38, 38, 38, .72);--nav-bg-scrolled: rgba(38, 38, 38, .92)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--fs-base);line-height:1.7;color:var(--text-primary);background:var(--bg-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;transition:background-color .4s var(--ease),color .4s var(--ease)}a{color:var(--text-primary);text-decoration:none;transition:color .25s var(--ease)}a:hover{color:var(--accent)}img{max-width:100%;height:auto;display:block}ul,ol{padding-left:1.5em}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;-webkit-tap-highlight-color:transparent}input,textarea,select{font-family:inherit;font-size:inherit}::selection{background:var(--accent);color:var(--text-on-accent)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.theme-transition,.theme-transition *,.theme-transition *:before,.theme-transition *:after{transition:background-color .45s var(--ease),border-color .45s var(--ease),color .45s var(--ease),box-shadow .45s var(--ease)!important}*{-webkit-tap-highlight-color:transparent}.container{max-width:var(--layout-width);margin:0 auto;padding:0 20px}.nav-fixed{height:calc(var(--nav-height) + 20px)}.content-area{max-width:var(--content-width);margin:0 auto;padding:32px 20px 56px}.navbar{position:fixed;top:0;left:0;right:0;z-index:99;background:transparent;transition:transform .35s var(--ease),background .3s ease,box-shadow .3s ease;padding:6px 0;transform:translateY(0)}.navbar.hidden{transform:translateY(calc(-100% - 12px))}.navbar.nav-glass{background-image:radial-gradient(transparent 1px,var(--bg-main) 1px);background-size:4px 4px;-webkit-backdrop-filter:saturate(50%) blur(8px);backdrop-filter:saturate(50%) blur(8px);-webkit-box-shadow:var(--shadow-nav);box-shadow:var(--shadow-nav)}.navbar.nav-floating{padding:12px 14px 0}.navbar.nav-floating .navbar-box{height:calc(var(--nav-height) + 6px);border-radius:18px;background:var(--bg-card);border:var(--border-solid);box-shadow:0 6px 24px #3262aa1a,0 2px 8px #0000000a;padding:0 18px}.navbar.nav-floating.scrolled .navbar-box{box-shadow:0 8px 28px #3262aa21,0 3px 10px #0000000d}.navbar.nav-floating.scrolled,.navbar.nav-floating{box-shadow:none!important}.navbar.nav-solid{background:var(--bg-card);-webkit-box-shadow:var(--shadow-nav);box-shadow:var(--shadow-nav)}.navbar.nav-solid .navbar-box{background:transparent}.navbar.nav-glass-capsule{padding:12px 14px 0;background:transparent;box-shadow:none!important}.navbar.nav-glass-capsule .navbar-box{height:calc(var(--nav-height) + 6px);border-radius:18px;background-color:#ffffff4d;background-image:radial-gradient(rgba(43,43,46,.24) 1.2px,transparent 1.2px);background-size:5px 5px;-webkit-backdrop-filter:saturate(60%) blur(14px);backdrop-filter:saturate(60%) blur(14px);border:var(--border-solid);box-shadow:0 6px 24px #3262aa1a,0 2px 8px #0000000a;padding:0 18px}.navbar.nav-glass-capsule.scrolled .navbar-box{box-shadow:0 8px 28px #3262aa21,0 3px 10px #0000000d}[data-theme=dark] .navbar.nav-glass-capsule .navbar-box{background-color:#2626264d;background-image:radial-gradient(rgba(255,255,255,.22) 1.2px,transparent 1.2px)}.navbar-box{max-width:var(--layout-width);margin:0 auto;height:var(--nav-height);display:flex;align-items:center;justify-content:space-between;padding:0 20px}.navbar-logo{font-family:var(--font-heading);font-size:1.05rem;font-weight:700;color:var(--text-primary);text-decoration:none;display:flex;align-items:center;gap:10px;letter-spacing:-.02em;transition:color .3s ease}.navbar-logo:hover{color:var(--accent)}.navbar-logo .logo-mark{width:30px;height:30px;border-radius:10px;background:var(--gradient-45deg);box-shadow:var(--shadow-box-small);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;color:var(--accent)}.navbar-logo .logo-img{width:32px;height:32px;border-radius:10px;object-fit:cover;box-shadow:var(--shadow-box-small);flex-shrink:0}.nav-inner{display:flex}.nav-menu{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0}.nav-a{display:inline-block;padding:7px 13px;border-radius:var(--radius-full);color:var(--text-secondary);font-family:var(--font-heading);font-weight:500;font-size:var(--fs-sm);text-decoration:none;transition:color .3s ease,background .3s ease}.nav-a:hover,.nav-a.router-link-active,.nav-a.is-active{color:var(--accent);background:var(--accent-soft)}.navbar-icon{display:flex;align-items:center;gap:4px}.nav-top-item{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:color .3s ease,background .3s ease,transform .3s ease}.nav-top-item:hover{color:var(--accent);background:var(--accent-soft)}.nav-top-item:active{transform:scale(.9)}.nav-top-item svg{width:18px;height:18px}.mobile-menu{position:fixed;top:calc(var(--nav-height) + 22px);left:12px;right:12px;z-index:98;background:var(--bg-main);border:var(--border-solid);border-radius:var(--radius-md);box-shadow:var(--shadow-box-main);padding:10px;display:flex;flex-direction:column;margin-top:4px}.mobile-menu a{padding:12px 16px;border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-heading);font-weight:500;text-decoration:none;transition:background .2s ease,color .2s ease}.mobile-menu a:hover,.mobile-menu a.router-link-active{color:var(--accent);background:var(--accent-soft)}.home-wrap{display:flex;gap:24px;align-items:flex-start;max-width:var(--layout-width);margin:0 auto;padding:24px 20px 56px}.home-main{flex:1;min-width:0}.home-side{width:var(--sidebar-width);flex-shrink:0;position:sticky;top:calc(var(--nav-height) + 16px);display:flex;flex-direction:column;gap:18px}.home-hero{margin-bottom:16px}.home-hero h1{font-family:var(--font-heading);font-size:var(--fs-2xl);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:6px}.home-hero p{color:var(--text-muted);font-size:var(--fs-base)}.post-main{width:100%}.post-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (min-width: 768px){.post-list{grid-template-columns:repeat(3,1fr);gap:14px}}.post-item{position:relative;min-width:0;word-wrap:break-word;align-self:stretch;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--radius-md);border:var(--border-solid);box-shadow:var(--shadow-box-main);background:var(--bg-card);cursor:pointer;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}.post-item:hover{transform:translateY(-6px);box-shadow:var(--shadow-box-hover)}.post-cover{position:relative;width:calc(100% - 16px);margin:12px 8px 0;aspect-ratio:16 / 9;border-radius:var(--radius-md);overflow:hidden;background:linear-gradient(135deg,var(--bg-hover) 0%,var(--bg-fill) 100%);background-size:cover;background-position:center;box-shadow:var(--shadow-box-small)}.post-item:nth-child(3n+2) .post-cover{background:linear-gradient(135deg,var(--accent-soft) 0%,var(--bg-fill) 100%)}.post-item:nth-child(3n+3) .post-cover{background:linear-gradient(135deg,var(--bg-fill) 0%,var(--accent-soft) 100%)}.post-cover img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md);transform:scale(1.04);transition:transform .6s var(--ease-out)}.post-item:hover .post-cover img{transform:scale(1.1)}.post-cover-letter{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:3rem;font-weight:700;color:var(--text-muted);opacity:.45}.post-info{flex:1;display:flex;flex-direction:column;gap:8px;padding:12px 14px 14px}.post-head>a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--text-primary);font-family:var(--font-heading);font-size:1.0625rem;font-weight:600;line-height:1.45;text-decoration:none;transition:color .25s var(--ease)}.post-head>a:hover{color:var(--accent)}.post-description{color:var(--text-transparent);font-size:14px;line-height:1.6;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.post-meta-wrap{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;margin-top:auto;padding-top:4px;font-size:13px;font-family:var(--font-heading)}.post-cat{display:inline-flex;align-items:center;gap:5px;max-width:62%;min-width:0;font-family:var(--font-heading);font-size:13px;font-weight:500;color:var(--accent);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .25s var(--ease)}.post-cat:before{content:"";width:6px;height:6px;border-radius:var(--radius-full);background:var(--accent);flex-shrink:0}.post-cat:hover{color:var(--accent-hover)}.author-name{color:var(--text-secondary)}.post-meta{flex-shrink:0;color:var(--text-muted)}.post-meta time{font-variant-numeric:tabular-nums}.hh-widget{width:100%;border:var(--border-solid);border-radius:var(--radius-md);box-shadow:var(--shadow-box-main);background:var(--gradient-45deg);background-clip:padding-box;overflow:hidden}.widget-title{display:flex;align-items:center;gap:8px;font-family:var(--font-heading);font-size:1rem;font-weight:700;color:var(--text-primary);padding:14px 18px 10px}.widget-title .w-icon{display:flex;color:var(--accent)}.widget-content{padding:2px 18px 16px}.side-about{text-align:center}.side-avatar{width:72px;height:72px;border-radius:var(--radius-full);margin:0 auto 12px;background:var(--gradient-45deg);box-shadow:var(--shadow-box-small);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:700;font-size:28px;color:var(--accent);overflow:hidden}.side-avatar-img{width:100%;height:100%;object-fit:cover}.side-about-name{font-family:var(--font-heading);font-weight:700;font-size:1.1rem;color:var(--text-primary)}.side-about-bio{font-size:13px;color:var(--text-secondary);margin-top:6px;line-height:1.6}.side-about-social{display:flex;justify-content:center;gap:10px;margin-top:14px}.side-social-link{width:34px;height:34px;border-radius:var(--radius-full);background:var(--bg-fill);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-family:var(--font-heading);font-size:var(--fs-sm);font-weight:600;text-decoration:none;transition:all .25s var(--ease)}.side-social-link:hover{background:var(--accent);color:var(--text-on-accent);transform:translateY(-2px)}.hotposts-list{list-style:none;padding:0;margin:0}.hotposts-link{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--border-light);text-decoration:none}.hotposts-item:last-child .hotposts-link{border-bottom:none;padding-bottom:0}.hotposts-number{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--bg-fill);color:var(--text-muted);font-family:var(--font-heading);font-weight:700;font-size:13px}.hotposts-item:nth-child(1) .hotposts-number,.hotposts-item:nth-child(2) .hotposts-number,.hotposts-item:nth-child(3) .hotposts-number{background:var(--accent);color:var(--text-on-accent)}.hotposts-title{flex:1;min-width:0;font-size:14px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .2s}.hotposts-link:hover .hotposts-title{color:var(--accent)}.side-tags{display:flex;flex-wrap:wrap;gap:8px}.tag-pill{display:inline-flex;align-items:center;padding:5px 14px;background:var(--bg-fill);color:var(--text-secondary);border-radius:var(--radius-full);font-size:13px;font-family:var(--font-heading);font-weight:500;text-decoration:none;cursor:pointer;transition:all .25s var(--ease)}.tag-pill:hover{background:var(--accent);color:var(--text-on-accent);transform:translateY(-1px)}.post.card{width:100%;border:var(--border-solid);border-radius:var(--radius-xl);box-shadow:var(--shadow-box-main);background:var(--gradient-45deg);background-clip:padding-box;overflow:hidden}.post.card .card-body{padding:26px 30px 30px}.post-header{margin-bottom:18px}.post-title{font-family:var(--font-heading);font-size:1.7rem;font-weight:700;color:var(--text-primary);line-height:1.3;letter-spacing:-.02em;margin-bottom:12px}.post-detail .meta{display:flex;align-items:center;gap:16px;color:var(--text-muted);font-size:14px;font-family:var(--font-heading);flex-wrap:wrap}.post-detail .meta a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.post-detail .meta a:hover{color:var(--accent)}.post-end{text-align:center;color:var(--text-muted);letter-spacing:.3em;font-weight:600;margin:22px 0 16px;font-family:var(--font-heading);font-size:14px}.category-and-tags{display:flex;flex-wrap:wrap;gap:16px;margin-top:6px;font-size:14px}.ct-title{color:var(--text-muted);margin-right:4px}.category-and-tags a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.category-and-tags a:hover{color:var(--accent)}.post-next-prev{display:flex;justify-content:space-between;gap:14px;margin-top:26px}.post-nav-item{flex:1 1 0;min-width:0;border:var(--border-solid);border-radius:var(--radius-md);box-shadow:var(--shadow-box-small);background:var(--bg-main);padding:14px 18px;cursor:pointer;transition:all .3s var(--ease)}.post-nav-item.empty{border:none;box-shadow:none;background:transparent;cursor:default;flex:0 0 0;padding:0}.post-next-prev .post-nav-item.prev:hover,.post-next-prev .post-nav-item.next:hover{box-shadow:var(--shadow-box-hover);transform:translateY(-2px);border-color:var(--accent)}.nav-dir{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text-muted);margin-bottom:8px;font-family:var(--font-heading);font-weight:600}.post-nav-item.next .nav-dir{justify-content:flex-end}.nav-title{font-size:14px;font-weight:500;color:var(--text-primary);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-nav-item.next{text-align:right}} .post-content{font-family:var(--font-body);font-size:var(--fs-lg);line-height:1.9;color:var(--text-primary);letter-spacing:.01em;word-break:break-word}.post-content>*:first-child{margin-top:0}.post-content h2{font-family:var(--font-heading);font-size:var(--fs-xl);font-weight:700;margin:1.5em 0 .6em;padding-bottom:.3em;border-bottom:1px solid var(--border-light);color:var(--text-primary)}.post-content h3{font-family:var(--font-heading);font-size:var(--fs-lg);font-weight:600;margin:1.35em 0 .5em;color:var(--text-primary)}.post-content p{margin:1em 0}.post-content a{color:var(--accent);text-decoration:none;border-bottom:1px solid var(--accent-soft);transition:border-color .25s var(--ease)}.post-content a:hover{border-bottom-color:var(--accent)}.post-content blockquote{border-left:3px solid var(--accent);padding:10px 18px;margin:1.3em 0;color:var(--text-secondary);background:var(--accent-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-style:italic}.post-content blockquote p{margin:.4em 0}.post-content pre{background:var(--bg-fill);border:var(--border-solid);border-radius:var(--radius-md);padding:14px 18px;margin:1.3em 0;overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch;font-family:var(--font-code);font-size:var(--fs-sm);line-height:1.6;box-shadow:var(--shadow-inset)}.post-content pre code{display:inline-block;min-width:100%;white-space:pre}.post-content code{font-family:var(--font-code);font-size:.88em}.post-content :not(pre)>code{background:var(--bg-fill);padding:3px 7px;border-radius:var(--radius-sm);color:var(--accent);font-size:.85em}.post-content ul,.post-content ol{margin:1em 0;padding-left:1.6em}.post-content li{margin:.5em 0}.post-content img{border-radius:var(--radius-md);margin:1.4em 0;box-shadow:var(--shadow-box-small)}.post-content hr{border:none;border-top:1px solid var(--border);margin:2.2em 0}.post-content table{width:100%;border-collapse:collapse;margin:1.4em 0;font-size:var(--fs-sm);border-radius:var(--radius-md);overflow:hidden;border:var(--border-solid)}.post-content th,.post-content td{border-bottom:1px solid var(--border-light);padding:12px 16px;text-align:left}.post-content th{background:var(--bg-fill);font-family:var(--font-heading);font-weight:600}.post-content tr:last-child td{border-bottom:none}.page-header{text-align:center;margin-bottom:32px}.page-title{font-family:var(--font-heading);font-size:var(--fs-3xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-sm);letter-spacing:-.03em;line-height:1.2}.page-subtitle{font-family:var(--font-heading);font-size:var(--fs-base);color:var(--text-muted);font-weight:400}.archive-group{margin-bottom:36px}.archive-month{font-family:var(--font-heading);font-size:var(--fs-xl);font-weight:700;color:var(--accent);margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--border);letter-spacing:-.01em}.archive-list{list-style:none;padding:0}.archive-item{display:flex;align-items:center;gap:var(--space-lg);padding:12px 16px;border:var(--border-solid);border-radius:var(--radius-md);box-shadow:var(--shadow-box-small);background:var(--bg-main);margin-bottom:10px;cursor:pointer;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}.archive-item:hover{transform:translate(4px);box-shadow:var(--shadow-box-hover)}.archive-date{font-family:var(--font-heading);font-size:var(--fs-sm);color:var(--text-muted);min-width:90px;font-variant-numeric:tabular-nums}.archive-title{flex:1;color:var(--text-primary);font-size:var(--fs-base);transition:color .2s}.archive-item:hover .archive-title{color:var(--accent)}.archive-category{font-family:var(--font-heading);font-size:var(--fs-xs);color:var(--text-muted);background:var(--bg-fill);padding:4px 12px;border-radius:var(--radius-full)}.tags-cloud{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;padding:28px 0}.tag-cloud-item{cursor:pointer;padding:8px 18px}.search-box{display:flex;gap:12px;max-width:560px;margin:0 auto 36px}.search-input{flex:1;padding:13px 20px;border:var(--border-solid);border-radius:var(--radius-full);background:var(--bg-main);color:var(--text-primary);outline:none;font-size:var(--fs-sm);box-shadow:var(--shadow-inset);transition:box-shadow .25s var(--ease)}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{box-shadow:var(--shadow-inset),0 0 0 2px var(--accent-soft)}.search-btn{padding:13px 28px;background:var(--accent);color:#fff;border-radius:var(--radius-full);font-family:var(--font-heading);font-size:var(--fs-sm);font-weight:500;transition:all .25s var(--ease)}.search-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#00000059;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding-top:11vh}.search-overlay-box{width:100%;max-width:560px;margin:0 20px;border:var(--border-solid);border-radius:var(--radius-lg);box-shadow:var(--shadow-box-main);background:var(--bg-main);padding:10px;display:flex;gap:8px}.search-overlay-box .search-input{box-shadow:none;border:none;background:var(--bg-fill)}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-md);margin-top:32px;padding-top:var(--space-lg)}.pagination-btn{padding:10px 22px;border:var(--border-solid);border-radius:var(--radius-full);background:var(--bg-main);font-family:var(--font-heading);font-size:var(--fs-sm);font-weight:500;color:var(--text-secondary);cursor:pointer;box-shadow:var(--shadow-box-small);transition:all .25s var(--ease)}.pagination-btn:hover:not(:disabled){color:var(--accent);box-shadow:var(--shadow-box-hover)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{font-family:var(--font-heading);font-size:var(--fs-sm);color:var(--text-muted);min-width:56px;text-align:center}.loading{text-align:center;padding:var(--space-3xl) 0;color:var(--text-muted);font-family:var(--font-heading);font-size:var(--fs-sm)}.loading-dots{display:inline-flex;gap:6px}.loading-dot{display:inline-block;width:8px;height:8px;border-radius:var(--radius-full);background:var(--accent);animation:bounce 1.4s infinite ease-in-out}.loading-dot:nth-child(2){animation-delay:.16s}.loading-dot:nth-child(3){animation-delay:.32s}@keyframes bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.empty-state{text-align:center;padding:var(--space-3xl) 0;color:var(--text-muted)}.empty-state h3{font-family:var(--font-heading);font-size:var(--fs-xl);margin-bottom:var(--space-sm);color:var(--text-secondary)}.empty-state p{font-size:var(--fs-sm)}.not-found{text-align:center;padding:72px 24px}.not-found-code{font-family:var(--font-heading);font-size:6rem;font-weight:700;color:var(--accent);margin-bottom:var(--space-md);letter-spacing:-.05em;line-height:1}.not-found-text{font-size:var(--fs-lg);color:var(--text-secondary);margin-bottom:var(--space-xl)}.back-link{display:inline-block;margin-top:var(--space-md);font-family:var(--font-heading);font-size:var(--fs-sm);color:var(--text-secondary);transition:color .2s,transform .2s}.back-link:hover{color:var(--accent);transform:translate(-3px)}.footer{background:var(--bg-main);border-top:var(--border-solid);padding:40px 0;margin-top:40px}.footer-inner{max-width:var(--layout-width);margin:0 auto;padding:0 20px;text-align:center}.footer-text{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-family:var(--font-heading);font-size:var(--fs-sm);color:var(--text-muted);margin-bottom:12px}.footer-heart{width:14px;height:14px;color:var(--accent);flex-shrink:0}.footer-links{display:flex;justify-content:center;gap:var(--space-lg);list-style:none;padding:0}.footer-links a{font-family:var(--font-heading);font-size:var(--fs-sm);color:var(--text-secondary);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--accent)}.page-enter-active{transition:opacity .35s var(--ease-out),transform .35s var(--ease-out)}.page-leave-active{transition:opacity .2s var(--ease)}.page-enter-from{opacity:0;transform:translateY(8px)}.page-leave-to{opacity:0}@media (max-width: 992px){.home-wrap{flex-direction:column}.home-side{width:100%;position:static;flex-direction:column}}@media (max-width: 768px){.nav-inner{display:none}.nav-menu-trigger{cursor:pointer}.content-area{padding:var(--space-xl) 16px var(--space-2xl)}.post.card .card-body{padding:22px 20px 24px}.page-title,.post-title{font-size:var(--fs-xl)}.post-content{font-size:var(--fs-base)}.post-next-prev{gap:10px}.post-nav-item{padding:11px 12px}.nav-title{font-size:13px}.archive-item{flex-wrap:wrap;gap:8px}}.navbar.scrolled{box-shadow:0 4px 18px #3262aa1f}.navbar.scrolled.nav-glass{background-image:radial-gradient(transparent 1px,var(--nav-bg-scrolled) 1px)}.back-to-top{position:fixed;right:24px;bottom:28px;z-index:150;width:44px;height:44px;border-radius:var(--radius-full);background:var(--bg-main);color:var(--accent);box-shadow:var(--shadow-box-main);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .3s var(--ease),box-shadow .3s var(--ease),color .2s}.back-to-top:hover{transform:translateY(-3px);box-shadow:var(--shadow-box-hover)}.back-to-top svg{width:20px;height:20px}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.post-content pre{position:relative}.code-copy-btn{position:absolute;top:10px;right:10px;z-index:2;display:inline-flex;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-family:var(--font-heading);color:var(--text-secondary);background:var(--bg-main);border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;opacity:0;transition:opacity .2s,color .2s,background .2s}.post-content pre:hover .code-copy-btn{opacity:1}.code-copy-btn:hover{color:var(--accent)}.code-copy-btn.copied{color:var(--success)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#000000c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:40px;cursor:zoom-out;animation:lb-fade .25s ease}.lightbox img{max-width:92%;max-height:88%;border-radius:var(--radius-md);box-shadow:0 20px 60px #00000080}@keyframes lb-fade{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.back-to-top{right:16px;bottom:18px;width:40px;height:40px}}