:root{--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-primary-light:#60a5fa;--color-primary-bg:#eff6ff;--color-primary-border:#93c5fd;--author-bg-overlay-color:#000;--author-bg-overlay-opacity:.35;--author-bg-text-color:#fff;--color-bg:#f8fafc;--color-card:#fff;--color-card-hover:#f8fafc;--color-text:#1e293b;--color-text-secondary:#64748b;--color-text-muted:#94a3b8;--color-border:#e2e8f0;--color-border-light:#f1f5f9;--color-dark:#0f172a;--container-max:1200px;--container-md:960px;--container-sm:720px;--header-height:64px;--sidebar-width:320px;--sidebar-width-md:280px;--content-gap:24px;--content-gap-md:20px;--toc-width:240px;--radius-lg:12px;--radius-md:8px;--radius-sm:6px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000a;--shadow:0 1px 3px #00000014;--shadow-md:0 4px 6px -1px #00000014;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-hover:0 8px 25px -5px #0000001f;--transition:.2s ease;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Source Han Sans CN", "Noto Sans CJK SC", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", Consolas, monospace;--color-bg-dark:#0f172a;--color-card-dark:#1e293b;--color-card-hover-dark:#334155;--color-text-dark:#f1f5f9;--color-text-secondary-dark:#94a3b8;--color-text-muted-dark:#64748b;--color-border-dark:#334155;--color-border-light-dark:#1e293b;--color-dark-dark:#f1f5f9;--color-primary-bg-dark:#2c7cda26;--color-primary-border-dark:#2c7cda4d;--shadow-sm-dark:0 1px 2px #0003;--shadow-dark:0 1px 3px #0000004d;--shadow-md-dark:0 4px 6px -1px #0000004d;--shadow-lg-dark:0 10px 15px -3px #0006;--shadow-hover-dark:0 8px 25px -5px #0006;--halo-search-widget-base-font-size:14px;--halo-search-widget-base-font-family:var(--font-sans);--halo-search-widget-base-rounded:8px;--halo-search-widget-base-bg-color:var(--color-card);--halo-search-widget-primary-color:var(--color-primary);--halo-search-widget-muted-color:var(--color-text-muted);--halo-search-widget-content-color:var(--color-text);--halo-search-widget-modal-bg-color:var(--color-card);--halo-search-widget-modal-layer-color:#0009;--halo-search-widget-hit-bg-color:var(--color-bg);--halo-search-widget-divider-color:var(--color-border);--halo-search-widget-kbd-border-color:var(--color-border);--halo-search-widget-kbd-shadow:0px 1px 0px 0px #0000001a}:root[data-theme=dark]{--color-bg:var(--color-bg-dark);--color-card:var(--color-card-dark);--color-card-hover:var(--color-card-hover-dark);--color-text:var(--color-text-dark);--color-text-secondary:var(--color-text-secondary-dark);--color-text-muted:var(--color-text-muted-dark);--color-border:var(--color-border-dark);--color-border-light:var(--color-border-light-dark);--color-dark:var(--color-dark-dark);--color-primary-bg:var(--color-primary-bg-dark);--color-primary-border:var(--color-primary-border-dark);--shadow-sm:var(--shadow-sm-dark);--shadow:var(--shadow-dark);--shadow-md:var(--shadow-md-dark);--shadow-lg:var(--shadow-lg-dark);--shadow-hover:var(--shadow-hover-dark)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);color:var(--color-text);background-color:var(--color-bg);transition:background-color var(--transition), color var(--transition);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.7}body.has-wallpaper{background-color:#0000}body.has-wallpaper .site-header,body.has-wallpaper .site-footer,body.has-wallpaper .widget{background:color-mix(in srgb, var(--color-card) 70%, transparent);-webkit-backdrop-filter:blur(20px)}body.has-wallpaper .post-card{background:color-mix(in srgb, var(--color-card) 75%, transparent);-webkit-backdrop-filter:blur(20px)}body.has-wallpaper .post-content,body.has-wallpaper .post-header,body.has-wallpaper .comment-list,body.has-wallpaper .comment-form,body.has-wallpaper .page-content{background:color-mix(in srgb, var(--color-card) 80%, transparent);-webkit-backdrop-filter:blur(20px)}body.has-wallpaper .btn-outline{background:color-mix(in srgb, var(--color-card) 80%, transparent);-webkit-backdrop-filter:blur(10px)}body.has-wallpaper .tag{background:color-mix(in srgb, var(--color-primary-bg) 80%, transparent);-webkit-backdrop-filter:blur(10px)}body.has-wallpaper .pagination-item,body.has-wallpaper .share-item{background:color-mix(in srgb, var(--color-card) 80%, transparent);-webkit-backdrop-filter:blur(10px)}body.has-wallpaper .action-share-menu{background:color-mix(in srgb, var(--color-card) 85%, transparent);-webkit-backdrop-filter:blur(20px)}body.has-wallpaper .article-card,body.has-wallpaper .page-header-inner,body.has-wallpaper .archive-month-card{background:color-mix(in srgb, var(--color-card) 75%, transparent);-webkit-backdrop-filter:blur(20px)}body.has-wallpaper .archive-year-badge{background:color-mix(in srgb, var(--color-card) 80%, transparent);-webkit-backdrop-filter:blur(20px)}body.has-wallpaper .category-item,body.has-wallpaper .category-card,body.has-wallpaper .tag-card{background:color-mix(in srgb, var(--color-card) 75%, transparent);-webkit-backdrop-filter:blur(20px)}body.has-wallpaper .article-detail{background:color-mix(in srgb, var(--color-card) 80%, transparent);-webkit-backdrop-filter:blur(20px)}body.has-wallpaper .post-actions-bar{background:color-mix(in srgb, var(--color-card) 80%, transparent);-webkit-backdrop-filter:blur(10px)}body.has-wallpaper .floating-backtop,body.has-wallpaper .post-nav-item{background:color-mix(in srgb, var(--color-card) 75%, transparent);-webkit-backdrop-filter:blur(15px)}.wallpaper-container{z-index:-9999;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}body.has-wallpaper .wallpaper-container:after{content:"";background:color-mix(in srgb, var(--color-bg) 30%, transparent);z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.wallpaper-video,.wallpaper-image{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0}.wallpaper-video.light-mode,.wallpaper-image.light-mode{opacity:1}[data-theme=dark] .wallpaper-video.light-mode,[data-theme=dark] .wallpaper-image.light-mode{opacity:0}[data-theme=dark] .wallpaper-video.dark-mode,[data-theme=dark] .wallpaper-image.dark-mode{opacity:1}.wallpaper-video.light-mode+.wallpaper-image.light-mode,[data-theme=dark] .wallpaper-video.dark-mode+.wallpaper-image.dark-mode{display:none}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--color-primary) 45%, transparent) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--color-primary) 40%, transparent);transition:background-color var(--transition);background-clip:padding-box;border:1px solid #0000;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--color-primary) 70%, transparent);background-clip:padding-box}::-webkit-scrollbar-thumb:active{background:var(--color-primary);background-clip:padding-box}[data-theme=dark] ::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--color-primary) 55%, transparent);background-clip:padding-box}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--color-primary) 80%, transparent);background-clip:padding-box}a{color:var(--color-primary);transition:color var(--transition);text-decoration:none}a:hover{color:var(--color-primary-hover)}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea{font-family:inherit;font-size:inherit}.container{max-width:var(--container-max);margin:0 auto;padding:0 20px}@media (width<=1200px){.container{max-width:var(--container-md)}}@media (width<=1024px){.container{max-width:var(--container-sm)}}.layout-grid{grid-template-columns:var(--sidebar-width) 1fr;gap:var(--content-gap);align-items:start;display:grid}.layout-grid.no-sidebar{grid-template-columns:1fr}.content-area{min-width:0}.site-main{padding:32px 0 40px}@media (width<=1200px){.layout-grid{grid-template-columns:var(--sidebar-width-md) 1fr;gap:var(--content-gap-md)}}@media (width<=1024px){.layout-grid{gap:var(--content-gap-md);grid-template-columns:1fr}.sidebar{display:none}}.tag{color:var(--color-primary);background:var(--color-primary-bg);border-radius:var(--radius-full);transition:all var(--transition);border:1px solid #0000;align-items:center;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.tag:hover{border-color:var(--color-primary)}.page-header{margin-bottom:24px}.page-header-inner{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition);align-items:center;gap:20px;padding:24px 32px;display:flex}.page-header-inner:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.page-header-icon{background:linear-gradient(135deg, var(--color-primary-bg), color-mix(in srgb, var(--color-primary-bg) 70%, transparent));border-radius:var(--radius-lg);width:56px;height:56px;transition:all var(--transition);flex-shrink:0;justify-content:center;align-items:center;display:flex}.page-header-icon svg{width:26px;height:26px;color:var(--color-primary)}.page-header-content{flex:1;min-width:0}.page-header-content .page-title{color:var(--color-text);margin:0 0 8px;font-size:24px;font-weight:700;line-height:1.3}.page-header-content .page-desc{color:var(--color-text-secondary);margin:0 0 8px;font-size:14px;line-height:1.6}.page-header-content .page-header-meta{align-items:center;gap:16px;display:flex}.page-header-content .page-count{color:var(--color-text-muted);background:var(--color-bg);border-radius:var(--radius-full);padding:3px 10px;font-size:13px}.page-header-stats{gap:16px;display:flex}.page-header-stats .stat-item{background:var(--color-bg);border-radius:var(--radius-md);flex-direction:column;align-items:center;min-width:70px;padding:12px 20px;display:flex}.page-header-stats .stat-value{color:var(--color-primary);font-size:24px;font-weight:700;line-height:1}.page-header-stats .stat-label{color:var(--color-text-muted);margin-top:4px;font-size:12px}.page-header-right{flex-shrink:0}.page-back-link{color:var(--color-primary);background:var(--color-primary-bg);border-radius:var(--radius-full);align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:500;display:inline-flex}.page-back-link svg{width:16px;height:16px}.pagination{justify-content:center;align-items:center;gap:16px;padding:28px 0 8px;display:flex}.pagination a{color:var(--color-text-secondary);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition);justify-content:center;align-items:center;gap:4px;padding:6px 14px;font-size:13px;display:inline-flex}.pagination a:hover{color:var(--color-primary);border-color:var(--color-primary)}.pagination .current{color:var(--color-text);font-size:14px;font-weight:500}.pagination .page-separator{color:var(--color-text-muted);font-size:14px}.pagination .disabled{opacity:.4;cursor:not-allowed}.error-page{flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex}.error-content{text-align:center;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:420px;padding:48px 40px}.error-icon{width:80px;height:80px;color:var(--color-primary);justify-content:center;align-items:center;margin:0 auto 24px;display:flex}.error-icon svg{width:64px;height:64px}.error-content h1{color:var(--color-text);margin:0 0 8px;font-size:48px;font-weight:700}.error-content>p{color:var(--color-text);margin:0 0 12px;font-size:18px;font-weight:500}.error-desc{color:var(--color-text-muted);margin:0 0 28px;font-size:14px;line-height:1.6}.error-btn{color:var(--color-text);border-radius:var(--radius-full);transition:all var(--transition);background:0 0;justify-content:center;align-items:center;padding:7px 16px;font-size:14px;font-weight:600;display:inline-flex}.error-btn:hover{color:var(--color-primary);background:var(--color-primary-bg)}.error-btn.secondary{color:var(--color-text);background:0 0}.error-btn.secondary:hover{color:var(--color-primary);background:var(--color-primary-bg)}.error-actions{justify-content:center;gap:12px;display:flex}.empty-state{text-align:center;color:var(--color-text-muted);padding:60px 20px}.empty-state svg{opacity:.5;width:48px;height:48px;margin-bottom:16px}.empty-state p{font-size:14px}