/* build time:Sat Mar 14 2026 16:26:19 GMT+0800 (中国标准时间)*/
@charset "UTF-8";:root{--brand-50:#fafafa;--brand-100:#f4f4f5;--brand-200:#e4e4e7;--brand-300:#d4d4d8;--brand-400:#a1a1aa;--brand-500:#71717a;--brand-600:#52525b;--brand-700:#3f3f46;--brand-800:#27272a;--brand-900:#18181b;--brand-950:#09090b;--accent-primary:#6366f1;--accent-primary-hover:#4f46e5;--accent-primary-light:rgba(99, 102, 241, 0.1);--accent-primary-dark:#4338ca;--color-success:#10b981;--color-success-light:rgba(16, 185, 129, 0.1);--color-warning:#f59e0b;--color-warning-light:rgba(245, 158, 11, 0.1);--color-error:#ef4444;--color-error-light:rgba(239, 68, 68, 0.1);--color-info:#3b82f6;--color-info-light:rgba(59, 130, 246, 0.1);--neutral-50:#fafafa;--neutral-100:#f5f5f5;--neutral-200:#e5e5e5;--neutral-300:#d4d4d4;--neutral-400:#a3a3a3;--neutral-500:#737373;--neutral-600:#525252;--neutral-700:#404040;--neutral-800:#262626;--neutral-900:#171717;--neutral-950:#0a0a0a;--bg-base:#ffffff;--bg-subtle:#fafafa;--bg-muted:#f5f5f5;--bg-emphasis:#e5e5e5;--bg-inverse:#171717;--bg-overlay:rgba(0, 0, 0, 0.5);--text-primary:#171717;--text-secondary:#525252;--text-tertiary:#737373;--text-muted:#a3a3a3;--text-inverse:#ffffff;--border-default:#e5e5e5;--border-muted:#f0f0f0;--border-emphasis:#d4d4d4;--border-focus:#6366f1;--shadow-xs:0 1px 2px rgba(0, 0, 0, 0.05);--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.1),0 1px 2px rgba(0, 0, 0, 0.06);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05);--shadow-xl:0 20px 25px -5px rgba(0, 0, 0, 0.1),0 10px 10px -5px rgba(0, 0, 0, 0.04);--shadow-2xl:0 25px 50px -12px rgba(0, 0, 0, 0.25);--shadow-inner:inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);--shadow-primary:0 4px 14px 0 rgba(99, 102, 241, 0.39);--shadow-success:0 4px 14px 0 rgba(16, 185, 129, 0.39);--shadow-error:0 4px 14px 0 rgba(239, 68, 68, 0.39);--gradient-primary:linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-secondary:linear-gradient(135deg, #ec4899 0%, #8b5cf6 100%);--gradient-success:linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-dark:linear-gradient(135deg, #18181b 0%, #27272a 100%);--gradient-mesh:radial-gradient(at 40% 20%, hsla(240, 100%, 74%, 0.1) 0px, transparent 50%),radial-gradient(at 80% 0%, hsla(189, 100%, 56%, 0.1) 0px, transparent 50%),radial-gradient(at 0% 50%, hsla(355, 100%, 93%, 0.1) 0px, transparent 50%)}:root{--font-sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--font-thin:100;--font-extralight:200;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--font-black:900;--tracking-tighter:-0.05em;--tracking-tight:-0.025em;--tracking-normal:0;--tracking-wide:0.025em;--tracking-wider:0.05em;--tracking-widest:0.1em}:root{--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem}:root{--radius-none:0;--radius-sm:0.25rem;--radius-base:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px}:root{--duration-75:75ms;--duration-100:100ms;--duration-150:150ms;--duration-200:200ms;--duration-300:300ms;--duration-500:500ms;--duration-700:700ms;--duration-1000:1000ms;--ease-linear:linear;--ease-in:cubic-bezier(0.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, 0.2, 1);--ease-in-out:cubic-bezier(0.4, 0, 0.2, 1);--ease-bounce:cubic-bezier(0.68, -0.55, 0.265, 1.55);--ease-spring:cubic-bezier(0.175, 0.885, 0.32, 1.275);--transition-fast:all var(--duration-150) var(--ease-out);--transition-base:all var(--duration-200) var(--ease-out);--transition-slow:all var(--duration-300) var(--ease-out);--transition-colors:color,background-color,border-color var(--duration-200) var(--ease-out);--transition-opacity:opacity var(--duration-200) var(--ease-out);--transition-shadow:box-shadow var(--duration-200) var(--ease-out);--transition-transform:transform var(--duration-200) var(--ease-out)}:root{--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080}:root{--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px}[data-theme=dark]{--bg-base:#0a0a0a;--bg-subtle:#171717;--bg-muted:#262626;--bg-emphasis:#404040;--bg-inverse:#fafafa;--bg-overlay:rgba(0, 0, 0, 0.75);--text-primary:#fafafa;--text-secondary:#d4d4d4;--text-tertiary:#a3a3a3;--text-muted:#737373;--text-inverse:#171717;--border-default:#262626;--border-muted:#1a1a1a;--border-emphasis:#404040;--shadow-xs:0 1px 2px rgba(0, 0, 0, 0.3);--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.4),0 1px 2px rgba(0, 0, 0, 0.3);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.4),0 2px 4px -1px rgba(0, 0, 0, 0.3);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.4),0 4px 6px -2px rgba(0, 0, 0, 0.3);--shadow-xl:0 20px 25px -5px rgba(0, 0, 0, 0.4),0 10px 10px -5px rgba(0, 0, 0, 0.3);--shadow-2xl:0 25px 50px -12px rgba(0, 0, 0, 0.5);--shadow-primary:0 4px 20px 0 rgba(99, 102, 241, 0.5);--shadow-success:0 4px 20px 0 rgba(16, 185, 129, 0.5);--shadow-error:0 4px 20px 0 rgba(239, 68, 68, 0.5)}:root{--color-primary:var(--accent-primary);--color-primary-light:var(--accent-primary-hover);--color-primary-dark:var(--accent-primary-dark);--color-secondary:var(--brand-500);--color-accent:var(--accent-primary);--bg-card:var(--bg-subtle);--bg-surface:var(--bg-muted);--bg-hover:rgba(0, 0, 0, 0.05);--bg-active:rgba(0, 0, 0, 0.08);--border-color:var(--border-default);--border-focus:var(--accent-primary);--shadow-card:var(--shadow-md);--shadow-float:var(--shadow-xl);--shadow-primary:0 4px 14px 0 rgba(99, 102, 241, 0.39);--gradient-primary:linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-accent:linear-gradient(135deg, #ec4899 0%, #8b5cf6 100%);--tag-bg:var(--accent-primary-light);--tag-text:var(--accent-primary);--transition-fast:all 150ms var(--ease-out);--transition-base:all 200ms var(--ease-out);--transition-slow:all 300ms var(--ease-out);--radius-sm:0.25rem;--radius-base:0.375rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px}[data-theme=dark]{--bg-hover:rgba(255, 255, 255, 0.05);--bg-active:rgba(255, 255, 255, 0.08);--tag-bg:rgba(99, 102, 241, 0.2)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutRight{to{opacity:0;transform:translateX(100%)}}*,::after,::before{box-sizing:border-box}html{font-size:var(--text-base,16px);line-height:var(--leading-normal,1.5);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--text-base,16px);color:var(--text-primary);background-color:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--leading-normal,1.5);transition:background-color var(--duration-300,.3s) ease,color var(--duration-300,.3s) ease}:focus{outline:0}:focus-visible{outline:2px solid var(--accent-primary,#6366f1);outline-offset:2px;border-radius:4px}a{color:var(--accent-primary,#6366f1);text-decoration:none;transition:color var(--duration-150,.15s) ease-out}a:hover{color:var(--accent-primary-hover,#4f46e5)}a:focus-visible{outline:2px solid var(--accent-primary,#6366f1);outline-offset:4px;border-radius:4px;background:var(--accent-primary-light,rgba(99,102,241,.1))}.skip-link{position:absolute;top:-100%;left:16px;padding:12px 24px;background:var(--accent-primary,#6366f1);color:#fff;font-weight:600;text-decoration:none;border-radius:var(--radius-lg,12px);z-index:9999;transition:top .2s ease}.skip-link:focus{top:16px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold,600);line-height:var(--leading-tight,1.25);margin:0 0 var(--space-4,16px);color:var(--text-primary);letter-spacing:var(--tracking-tight,-.025em)}h1{font-size:var(--text-3xl,30px)}h2{font-size:var(--text-2xl,24px)}h3{font-size:var(--text-xl,20px)}h4{font-size:var(--text-lg,18px)}h5{font-size:var(--text-base,16px)}h6{font-size:var(--text-sm,14px)}p{margin:0 0 var(--space-4,16px)}ol,ul{margin:0 0 var(--space-4,16px);padding-left:var(--space-6,24px)}li{margin-bottom:var(--space-1,4px)}img{max-width:100%;height:auto;display:block}code{font-family:var(--font-mono,ui-monospace,monospace);font-size:.9em;padding:2px 6px;background:var(--bg-muted,#f5f5f5);border-radius:var(--radius-sm,4px);color:var(--color-error,#ef4444)}pre{font-family:var(--font-mono,ui-monospace,monospace);background:var(--bg-muted,#f5f5f5);padding:var(--space-4,16px);border-radius:var(--radius-lg,12px);overflow-x:auto;margin:0 0 var(--space-4,16px)}pre code{padding:0;background:0 0;color:inherit}blockquote{margin:0 0 var(--space-4,16px);padding:var(--space-4,16px) var(--space-6,24px);border-left:4px solid var(--accent-primary,#6366f1);background:var(--bg-muted,#f5f5f5);border-radius:0 var(--radius-lg,12px) var(--radius-lg,12px) 0}table{width:100%;border-collapse:collapse;margin:0 0 var(--space-4,16px)}td,th{padding:var(--space-2,8px) var(--space-4,16px);border:1px solid var(--border-default,#e5e5e5);text-align:left}th{background:var(--bg-muted,#f5f5f5);font-weight:var(--font-semibold,600)}hr{border:none;border-top:1px solid var(--border-default,#e5e5e5);margin:var(--space-6,24px) 0}::selection{background:var(--accent-primary,#6366f1);color:#fff}*{scrollbar-width:thin;scrollbar-color:var(--border-emphasis,#d4d4d4) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-emphasis,#d4d4d4);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted,#a3a3a3)}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}@media (prefers-contrast:high){a{text-decoration:underline;text-decoration-thickness:2px}}@media (forced-colors:active){a:focus-visible{outline:3px solid Highlight}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.hidden{display:none!important}.visible{visibility:visible}.invisible{visibility:hidden}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1,4px)}.mt-2{margin-top:var(--space-2,8px)}.mt-3{margin-top:var(--space-3,12px)}.mt-4{margin-top:var(--space-4,16px)}.mt-5{margin-top:var(--space-5,20px)}.mt-6{margin-top:var(--space-6,24px)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1,4px)}.mb-2{margin-bottom:var(--space-2,8px)}.mb-3{margin-bottom:var(--space-3,12px)}.mb-4{margin-bottom:var(--space-4,16px)}.mb-5{margin-bottom:var(--space-5,20px)}.mb-6{margin-bottom:var(--space-6,24px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2,8px);padding:var(--space-3,12px) var(--space-5,20px);font-size:var(--text-sm,14px);font-weight:var(--font-semibold,600);line-height:1;text-decoration:none;border:none;border-radius:var(--radius-lg,12px);cursor:pointer;transition:all var(--duration-200,.2s) ease-out;white-space:nowrap;user-select:none}.btn:focus-visible{outline:2px solid var(--accent-primary,#6366f1);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--gradient-primary,linear-gradient(135deg,#6366f1,#8b5cf6));color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-primary,0 4px 14px rgba(99,102,241,.39));transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-secondary{background:var(--bg-muted,#f5f5f5);color:var(--text-primary);border:1px solid var(--border-default,#e5e5e5)}.btn-secondary:hover:not(:disabled){background:var(--bg-emphasis,#e5e5e5);border-color:var(--border-emphasis,#d4d4d4)}.btn-ghost{background:0 0;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-muted,#f5f5f5);color:var(--text-primary)}.btn-sm{padding:var(--space-2,8px) var(--space-3,12px);font-size:var(--text-xs,12px);border-radius:var(--radius-md,8px)}.btn-lg{padding:var(--space-4,16px) var(--space-6,24px);font-size:var(--text-base,16px);border-radius:var(--radius-xl,16px)}.btn-icon{width:44px;height:44px;padding:0;border-radius:var(--radius-lg,12px);background:var(--bg-muted,#f5f5f5);color:var(--text-secondary)}.btn-icon:hover:not(:disabled){background:var(--accent-primary,#6366f1);color:#fff;transform:scale(1.05)}.header{position:sticky;top:0;height:64px;background:rgba(255,255,255,.8);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border-bottom:1px solid var(--border-muted);z-index:var(--z-sticky);transition:all var(--duration-300) var(--ease-out)}.header.header-scrolled{box-shadow:var(--shadow-sm);background:rgba(255,255,255,.95)}[data-theme=dark] .header{background:rgba(10,10,10,.8);border-bottom-color:var(--border-default)}[data-theme=dark] .header.header-scrolled{background:rgba(10,10,10,.95)}.header-inner{height:100%;max-width:var(--breakpoint-xl);margin:0 auto;padding:0 var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}@media (max-width:768px){.header-inner{padding:0 var(--space-4)}}.header-brand{display:flex;align-items:center;gap:var(--space-3)}.header-brand .brand-link{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;transition:var(--transition-fast)}.header-brand .brand-link:hover{transform:scale(1.02)}.header-brand .brand-logo{width:36px;height:36px;border-radius:var(--radius-lg);object-fit:contain}.header-brand .brand-title{font-size:var(--text-xl);font-weight:var(--font-bold);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:var(--tracking-tight)}.header-nav{display:flex;align-items:center}@media (max-width:768px){.header-nav{display:none}}.nav-list{display:flex;align-items:center;gap:var(--space-1);list-style:none;margin:0;padding:0}.nav-item .nav-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);border-radius:var(--radius-lg);text-decoration:none;transition:var(--transition-fast)}.nav-item .nav-link i{font-size:var(--text-base);opacity:.7}.nav-item .nav-link:hover{color:var(--text-primary);background:var(--bg-muted)}.nav-item .nav-link.active{color:var(--accent-primary);background:var(--accent-primary-light)}.nav-item .nav-link.active i{opacity:1}.header-tools{display:flex;align-items:center;gap:var(--space-2)}.tool-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:0 0;border:none;border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast)}.tool-btn i{font-size:var(--text-lg)}.tool-btn:hover{background:var(--bg-muted);color:var(--text-primary)}.tool-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.theme-toggle{position:relative}.theme-toggle .theme-icon-dark,.theme-toggle .theme-icon-light{transition:var(--transition-fast)}[data-theme=dark] .theme-toggle .theme-icon-dark{display:none}[data-theme=dark] .theme-toggle .theme-icon-light{display:block}[data-theme=light] .theme-toggle .theme-icon-light{display:none}[data-theme=light] .theme-toggle .theme-icon-dark{display:block}.menu-toggle{display:none}@media (max-width:768px){.menu-toggle{display:flex}}.mobile-nav{display:none}@media (max-width:768px){.mobile-nav{display:none;position:fixed;top:64px;left:0;right:0;bottom:0;background:var(--bg-subtle);padding:var(--space-4);z-index:var(--z-modal);overflow-y:auto;opacity:0;visibility:hidden;transform:translateX(100%);transition:all var(--duration-300) var(--ease-out)}.mobile-nav.active{display:block;opacity:1;visibility:visible;transform:translateX(0)}}.mobile-nav-list{list-style:none;margin:0;padding:0}.mobile-nav-list .mobile-nav-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);font-size:var(--text-lg);font-weight:var(--font-medium);color:var(--text-secondary);border-radius:var(--radius-lg);text-decoration:none;transition:var(--transition-fast)}.mobile-nav-list .mobile-nav-link i{font-size:var(--text-xl);width:24px;text-align:center}.mobile-nav-list .mobile-nav-link.active,.mobile-nav-list .mobile-nav-link:hover{color:var(--accent-primary);background:var(--accent-primary-light)}.main-content{min-height:calc(100vh - 64px);padding:var(--space-8) 0}@media (max-width:768px){.main-content{padding:var(--space-6) 0}}.container{width:100%;max-width:var(--breakpoint-xl);margin:0 auto;padding:0 var(--space-6)}@media (max-width:768px){.container{padding:0 var(--space-4)}}.container.container-sm{max-width:var(--breakpoint-sm)}.container.container-md{max-width:var(--breakpoint-md)}.container.container-lg{max-width:var(--breakpoint-lg)}.main-wrapper{display:grid;gap:var(--space-8)}.main-wrapper.layout-sidebar-right{grid-template-columns:1fr 300px}@media (max-width:1024px){.main-wrapper.layout-sidebar-right{grid-template-columns:1fr}}.main-wrapper.layout-sidebar-left{grid-template-columns:300px 1fr}@media (max-width:1024px){.main-wrapper.layout-sidebar-left{grid-template-columns:1fr}}.main-wrapper.layout-single{grid-template-columns:1fr;max-width:800px;margin:0 auto}.content-wrapper{min-width:0}.sidebar{width:300px}@media (max-width:1024px){.sidebar{display:none}}.sidebar-inner{position:sticky;top:calc(64px + var(--space-6));display:flex;flex-direction:column;gap:var(--space-5);max-height:none;overflow-y:auto;padding-right:var(--space-2)}.sidebar-inner::-webkit-scrollbar{width:4px}.sidebar-inner::-webkit-scrollbar-track{background:0 0}.sidebar-inner::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full)}.sidebar-inner::-webkit-scrollbar-thumb:hover{background:var(--border-emphasis)}.widget{background:var(--bg-subtle);border-radius:var(--radius-xl);padding:var(--space-5);border:1px solid var(--border-muted);transition:var(--transition-base)}.widget:hover{border-color:var(--border-default);box-shadow:var(--shadow-sm)}.widget-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-muted)}.widget-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);letter-spacing:var(--tracking-wide);text-transform:uppercase;margin:0}.widget-profile{text-align:center;background:linear-gradient(135deg,var(--bg-subtle) 0,var(--accent-primary-light) 100%);border:none;position:relative;overflow:hidden}.widget-profile::before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle at center,var(--accent-primary-light) 0,transparent 70%);pointer-events:none}.widget-profile .profile-avatar{position:relative;width:80px;height:80px;margin:0 auto var(--space-4)}.widget-profile .profile-avatar img{width:100%;height:100%;border-radius:var(--radius-full);object-fit:cover;border:3px solid var(--bg-base);box-shadow:var(--shadow-md)}.widget-profile .profile-avatar .status-dot{position:absolute;bottom:2px;right:2px;width:16px;height:16px;background:var(--color-success);border:3px solid var(--bg-base);border-radius:var(--radius-full)}.widget-profile .profile-author{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-1)}.widget-profile .profile-subtitle{font-size:var(--text-sm);color:var(--accent-primary);font-weight:var(--font-medium);margin-bottom:var(--space-3)}.widget-profile .profile-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.widget-profile .profile-stats{display:flex;justify-content:center;gap:var(--space-6);padding:var(--space-4) 0;border-top:1px solid var(--border-muted);border-bottom:1px solid var(--border-muted);margin-bottom:var(--space-4)}.widget-profile .profile-stats .stat-item{text-align:center}.widget-profile .profile-stats .stat-item .stat-value{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary)}.widget-profile .profile-stats .stat-item .stat-label{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.widget-profile .profile-social{display:flex;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-4)}.widget-profile .profile-social .social-link{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-muted);color:var(--text-secondary);border-radius:var(--radius-lg);text-decoration:none;transition:var(--transition-fast)}.widget-profile .profile-social .social-link i{font-size:var(--text-base)}.widget-profile .profile-social .social-link:hover{background:var(--accent-primary);color:#fff;transform:translateY(-2px)}.widget-profile .follow-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-5);background:var(--gradient-primary);color:#fff;font-size:var(--text-sm);font-weight:var(--font-semibold);text-decoration:none;border-radius:var(--radius-lg);transition:var(--transition-base)}.widget-profile .follow-btn:hover{box-shadow:var(--shadow-primary);transform:translateY(-1px)}.footer{background:var(--bg-subtle);border-top:1px solid var(--border-muted);padding:var(--space-12) 0;margin-top:var(--space-16)}@media (max-width:768px){.footer{padding:var(--space-8) 0;margin-top:var(--space-12)}}.footer-inner{text-align:center}.footer-social{display:flex;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-6)}.footer-social .social-link{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--bg-muted);color:var(--text-secondary);border-radius:var(--radius-full);text-decoration:none;transition:var(--transition-fast)}.footer-social .social-link i{font-size:var(--text-lg)}.footer-social .social-link:hover{background:var(--accent-primary);color:#fff;transform:translateY(-3px);box-shadow:var(--shadow-primary)}.footer-copyright{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-relaxed)}.footer-copyright p{margin:0}.footer-copyright p+p{margin-top:var(--space-1)}.footer-copyright a{color:var(--text-secondary);text-decoration:none;transition:var(--transition-fast)}.footer-copyright a:hover{color:var(--accent-primary)}.category-nav-wrapper{background:var(--bg-subtle);border-radius:var(--radius-xl);padding:var(--space-4);margin-bottom:var(--space-6);border:1px solid var(--border-muted)}.category-nav{display:flex;align-items:center;gap:var(--space-2);overflow-x:auto;padding:var(--space-1);scrollbar-width:none;-ms-overflow-style:none}.category-nav::-webkit-scrollbar{display:none}.category-tab{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);background:0 0;border:none;border-radius:var(--radius-lg);cursor:pointer;white-space:nowrap;transition:var(--transition-fast)}.category-tab i{font-size:var(--text-base);opacity:.7}.category-tab:hover{color:var(--text-primary);background:var(--bg-muted)}.category-tab.active{color:#fff;background:var(--gradient-primary);box-shadow:var(--shadow-sm)}.category-tab.active i{opacity:1}.category-select-wrapper{display:none}@media (max-width:768px){.category-select-wrapper{display:block}}.category-select{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;outline:0}.category-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-light)}.post-grid{display:grid;gap:var(--space-6)}.post-grid.grid-1{grid-template-columns:1fr}.post-grid.grid-2{grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.post-grid.grid-2{grid-template-columns:1fr}}.post-grid.grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width:1024px){.post-grid.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.post-grid.grid-3{grid-template-columns:1fr}}.post-grid.grid-masonry{column-count:3;column-gap:var(--space-6)}@media (max-width:1024px){.post-grid.grid-masonry{column-count:2}}@media (max-width:640px){.post-grid.grid-masonry{column-count:1}}.post-grid.grid-masonry .post-card{break-inside:avoid;margin-bottom:var(--space-6)}#back-to-top{position:fixed;bottom:var(--space-8);right:var(--space-8);width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-full);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(16px);transition:all var(--duration-300) var(--ease-out);box-shadow:var(--shadow-lg);z-index:var(--z-fixed)}#back-to-top i{font-size:var(--text-lg)}#back-to-top.show{opacity:1;visibility:visible;transform:translateY(0)}#back-to-top:hover{box-shadow:var(--shadow-primary);transform:translateY(-2px)}#back-to-top:focus-visible{outline:2px solid #fff;outline-offset:2px}@media (max-width:768px){#back-to-top{bottom:var(--space-6);right:var(--space-6);width:44px;height:44px}}.announcement-list{display:flex;flex-direction:column;gap:var(--space-3)}.announcement-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);background:var(--bg-muted);border-radius:var(--radius-lg);border-left:3px solid var(--accent-primary);transition:var(--transition-fast)}.announcement-item:hover{background:var(--bg-emphasis)}.announcement-item .announcement-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--accent-primary-light);color:var(--accent-primary);border-radius:var(--radius-md);flex-shrink:0}.announcement-item .announcement-icon i{font-size:var(--text-sm)}.announcement-item .announcement-content{flex:1;min-width:0}.announcement-item .announcement-content .announcement-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);margin-bottom:var(--space-1)}.announcement-item .announcement-content .announcement-text{font-size:var(--text-xs);color:var(--text-secondary);line-height:var(--leading-relaxed)}.card{background:var(--bg-subtle);border-radius:var(--radius-xl);border:1px solid var(--border-muted);box-shadow:var(--shadow-sm);transition:var(--transition-base);overflow:hidden}.card:hover{box-shadow:var(--shadow-md);border-color:var(--border-default)}.card.card-elevated{border:none;box-shadow:var(--shadow-lg)}.card.card-elevated:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.card.card-outlined{background:0 0;box-shadow:none;border:1px solid var(--border-default)}.card.card-outlined:hover{background:var(--bg-muted)}.card.card-glass{background:rgba(255,255,255,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3)}[data-theme=dark] .card.card-glass{background:rgba(23,23,23,.7);border:1px solid rgba(255,255,255,.1)}.post-card-v3{display:flex;flex-direction:column;background:var(--bg-subtle);border-radius:var(--radius-2xl);overflow:hidden;transition:all var(--duration-300) var(--ease-out);box-shadow:var(--shadow-sm);border:1px solid var(--border-muted);position:relative;opacity:0;transform:translateY(24px);animation:cardEnter var(--duration-500) var(--ease-out) forwards}.post-card-v3:nth-child(1){animation-delay:50ms}.post-card-v3:nth-child(2){animation-delay:.1s}.post-card-v3:nth-child(3){animation-delay:150ms}.post-card-v3:nth-child(4){animation-delay:.2s}.post-card-v3:nth-child(5){animation-delay:250ms}.post-card-v3:nth-child(6){animation-delay:.3s}.post-card-v3:nth-child(7){animation-delay:350ms}.post-card-v3:nth-child(8){animation-delay:.4s}.post-card-v3:nth-child(9){animation-delay:450ms}.post-card-v3:nth-child(10){animation-delay:.5s}.post-card-v3:nth-child(11){animation-delay:550ms}.post-card-v3:nth-child(12){animation-delay:.6s}.post-card-v3:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:transparent}.post-card-v3:hover .post-card-cover img{transform:scale(1.05)}.post-card-v3:hover .post-card-cover::after{opacity:1}.post-card-v3:focus-within{outline:2px solid var(--accent-primary);outline-offset:2px}.post-card-cover{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--bg-muted)}.post-card-cover img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-500) var(--ease-out)}.post-card-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.4) 0,transparent 50%);opacity:0;transition:opacity var(--duration-300) var(--ease-out);pointer-events:none}.post-card-category{position:absolute;top:var(--space-4);left:var(--space-4);padding:var(--space-1) var(--space-3);background:var(--gradient-primary);color:#fff;font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;border-radius:var(--radius-full);box-shadow:var(--shadow-primary);z-index:1;text-decoration:none;transition:var(--transition-fast)}.post-card-category:hover{transform:scale(1.05);box-shadow:var(--shadow-lg)}.post-card-body{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);flex:1}.post-card-meta{display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-sm);color:var(--text-tertiary)}.post-card-meta .meta-item{display:inline-flex;align-items:center;gap:var(--space-1)}.post-card-meta .meta-item i{font-size:var(--text-xs);opacity:.7}.post-card-meta .meta-divider{width:4px;height:4px;background:var(--text-muted);border-radius:var(--radius-full)}.post-card-title{margin:0;font-size:var(--text-xl);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.post-card-title a{color:var(--text-primary);text-decoration:none;transition:var(--transition-fast)}.post-card-title a:hover{color:var(--accent-primary)}.post-card-excerpt{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-secondary)}.post-card-excerpt p{margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--border-muted)}.post-card-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.post-card-tags .tag{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary);background:var(--bg-muted);border-radius:var(--radius-full);text-decoration:none;transition:var(--transition-fast)}.post-card-tags .tag:hover{color:var(--accent-primary);background:var(--accent-primary-light)}.post-card-action{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-semibold);color:#fff;background:var(--gradient-primary);border-radius:var(--radius-lg);text-decoration:none;transition:var(--transition-base)}.post-card-action i{font-size:var(--text-xs);transition:transform var(--duration-200) var(--ease-out)}.post-card-action:hover{box-shadow:var(--shadow-primary);transform:translateY(-1px)}.post-card-action:hover i{transform:translateX(4px)}.post-card-horizontal-v3{display:flex;flex-direction:row;background:var(--bg-subtle);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--duration-300) var(--ease-out);box-shadow:var(--shadow-sm);border:1px solid var(--border-muted)}.post-card-horizontal-v3:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:transparent}.post-card-horizontal-v3:hover .post-card-cover img{transform:scale(1.05)}.post-card-horizontal-v3 .post-card-cover{flex-shrink:0;width:160px;aspect-ratio:1;border-radius:0}@media (max-width:768px){.post-card-horizontal-v3 .post-card-cover{width:100%;aspect-ratio:16/9}}.post-card-horizontal-v3 .post-card-body{flex:1;padding:var(--space-4);min-width:0}.post-card-horizontal-v3 .post-card-title{font-size:var(--text-base)}.post-card-horizontal-v3 .post-card-excerpt{font-size:var(--text-sm)}.post-card-horizontal-v3 .post-card-excerpt p{-webkit-line-clamp:2}@media (max-width:768px){.post-card-horizontal-v3{flex-direction:column}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:1;text-decoration:none;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-200) var(--ease-out);white-space:nowrap;user-select:none}.btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-primary);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-secondary{background:var(--bg-muted);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover:not(:disabled){background:var(--bg-emphasis);border-color:var(--border-emphasis)}.btn-ghost{background:0 0;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-muted);color:var(--text-primary)}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626;box-shadow:var(--shadow-error)}.btn-success{background:var(--color-success);color:#fff}.btn-success:hover:not(:disabled){background:#059669;box-shadow:var(--shadow-success)}.btn-outline{background:0 0;color:var(--accent-primary);border:1px solid var(--accent-primary)}.btn-outline:hover:not(:disabled){background:var(--accent-primary);color:#fff}.btn-xs{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);border-radius:var(--radius-base)}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);border-radius:var(--radius-md)}.btn-lg{padding:var(--space-4) var(--space-6);font-size:var(--text-base);border-radius:var(--radius-xl)}.btn-xl{padding:var(--space-5) var(--space-8);font-size:var(--text-lg);border-radius:var(--radius-xl)}.btn-icon{width:44px;height:44px;padding:0;border-radius:var(--radius-lg)}.btn-icon.btn-icon-sm{width:36px;height:36px}.btn-icon.btn-icon-lg{width:52px;height:52px}.input{width:100%;height:44px;padding:0 var(--space-4);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-lg);transition:var(--transition-fast);outline:0}.input::placeholder{color:var(--text-muted)}.input:hover{border-color:var(--border-emphasis)}.input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-light)}.input:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-muted)}.input.input-sm{height:36px;font-size:var(--text-sm);border-radius:var(--radius-md)}.input.input-lg{height:52px;font-size:var(--text-lg);border-radius:var(--radius-xl)}.textarea{min-height:120px;padding:var(--space-3) var(--space-4);resize:vertical;line-height:var(--leading-relaxed)}.input-group{display:flex}.input-group .input{border-radius:0}.input-group .input:first-child{border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.input-group .input:last-child{border-radius:0 var(--radius-lg) var(--radius-lg) 0}.input-group .btn{border-radius:0}.input-group .btn:first-child{border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.input-group .btn:last-child{border-radius:0 var(--radius-lg) var(--radius-lg) 0}.badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);line-height:1;border-radius:var(--radius-full);white-space:nowrap}.badge.badge-primary{background:var(--accent-primary-light);color:var(--accent-primary)}.badge.badge-success{background:var(--color-success-light);color:var(--color-success)}.badge.badge-warning{background:var(--color-warning-light);color:var(--color-warning)}.badge.badge-error{background:var(--color-error-light);color:var(--color-error)}.badge.badge-info{background:var(--color-info-light);color:var(--color-info)}.badge.badge-solid-primary{background:var(--accent-primary);color:#fff}.badge.badge-solid-success{background:var(--color-success);color:#fff}.badge.badge-solid-error{background:var(--color-error);color:#fff}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);overflow:hidden;background:var(--bg-muted);color:var(--text-secondary);font-weight:var(--font-semibold)}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.avatar-xs{width:24px;height:24px;font-size:var(--text-xs)}.avatar.avatar-sm{width:32px;height:32px;font-size:var(--text-xs)}.avatar.avatar-md{width:40px;height:40px;font-size:var(--text-sm)}.avatar.avatar-lg{width:48px;height:48px;font-size:var(--text-base)}.avatar.avatar-xl{width:64px;height:64px;font-size:var(--text-lg)}.avatar.avatar-2xl{width:80px;height:80px;font-size:var(--text-xl)}.avatar.avatar-busy::after,.avatar.avatar-offline::after,.avatar.avatar-online::after{content:"";position:absolute;bottom:0;right:0;width:25%;height:25%;border-radius:var(--radius-full);border:2px solid var(--bg-base)}.avatar.avatar-online::after{background:var(--color-success)}.avatar.avatar-offline::after{background:var(--text-muted)}.avatar.avatar-busy::after{background:var(--color-error)}.divider{height:1px;background:var(--border-default);margin:var(--space-4) 0}.divider.divider-vertical{width:1px;height:auto;margin:0 var(--space-4);align-self:stretch}.divider.divider-text{display:flex;align-items:center;gap:var(--space-4);background:0 0}.divider.divider-text::after,.divider.divider-text::before{content:"";flex:1;height:1px;background:var(--border-default)}.spinner{width:24px;height:24px;border:2px solid var(--bg-muted);border-top-color:var(--accent-primary);border-radius:var(--radius-full);animation:spin var(--duration-700) linear infinite}.spinner.spinner-sm{width:16px;height:16px;border-width:2px}.spinner.spinner-lg{width:32px;height:32px;border-width:3px}.spinner.spinner-xl{width:48px;height:48px;border-width:4px}.skeleton{background:linear-gradient(90deg,var(--bg-muted) 25%,var(--bg-emphasis) 50%,var(--bg-muted) 75%);background-size:200% 100%;animation:skeleton var(--duration-1000) ease-in-out infinite;border-radius:var(--radius-md)}.skeleton.skeleton-text{height:1em;margin-bottom:var(--space-2)}.skeleton.skeleton-text:last-child{width:80%}.skeleton.skeleton-title{height:1.5em;width:60%;margin-bottom:var(--space-3)}.skeleton.skeleton-avatar{width:48px;height:48px;border-radius:var(--radius-full)}.skeleton.skeleton-image{aspect-ratio:16/9;border-radius:var(--radius-lg)}@keyframes cardEnter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes skeleton{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-25%)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}100%{opacity:1;transform:scale(1)}}@keyframes rotateIn{from{opacity:0;transform:rotate(-10deg)}to{opacity:1;transform:rotate(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutRight{to{opacity:0;transform:translateX(100%)}}@keyframes slideInLeft{from{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,100%,20%,50%,80%{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@keyframes heartbeat{0%,100%{transform:scale(1)}14%{transform:scale(1.1)}28%{transform:scale(1)}42%{transform:scale(1.1)}70%{transform:scale(1)}}.animate-fade-in{animation:fadeIn .5s ease forwards}.animate-fade-in-up{animation:fadeInUp .5s ease forwards}.animate-fade-in-down{animation:fadeInDown .5s ease forwards}.animate-fade-in-left{animation:fadeInLeft .5s ease forwards}.animate-fade-in-right{animation:fadeInRight .5s ease forwards}.animate-scale-in{animation:scaleIn .3s ease forwards}.animate-bounce-in{animation:bounceIn .6s ease forwards}.animate-slide-in-right{animation:slideInRight .4s ease forwards}.animate-slide-out-right{animation:slideOutRight .3s ease forwards}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.stagger-7{animation-delay:.35s}.stagger-8{animation-delay:.4s}.animate-hidden{opacity:0}.animate-visible{opacity:1;transform:translateY(0);transition:all .5s cubic-bezier(.4,0,.2,1)}.skeleton{background:linear-gradient(90deg,var(--bg-surface) 25%,rgba(99,102,241,.08) 50%,var(--bg-surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}.skeleton-card{background:var(--bg-card);border-radius:20px;overflow:hidden}.skeleton-card .skeleton-cover{width:100%;aspect-ratio:16/10;border-radius:0}.skeleton-card .skeleton-content{padding:24px}.skeleton-card .skeleton-title{width:80%;height:24px;margin-bottom:16px}.skeleton-card .skeleton-meta{width:50%;height:14px;margin-bottom:16px}.skeleton-card .skeleton-text{width:100%;height:14px;margin-bottom:8px}.skeleton-card .skeleton-text:nth-child(3){width:90%}.skeleton-card .skeleton-text:nth-child(4){width:75%}.skeleton-card .skeleton-footer{display:flex;justify-content:space-between;margin-top:16px}.skeleton-card .skeleton-footer .skeleton-btn{width:100px;height:36px}.toast-container{position:fixed;top:80px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:12px;pointer-events:none}@media (max-width:767px){.toast-container{left:16px;right:16px;top:70px}}.toast{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--bg-card);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.2),0 0 0 1px rgba(255,255,255,.1);pointer-events:auto;animation:slideInRight .3s ease forwards;min-width:280px;max-width:400px}@media (max-width:767px){.toast{min-width:auto;max-width:none}}.toast .toast-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:12px;flex-shrink:0}.toast .toast-content{flex:1;min-width:0}.toast .toast-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.toast .toast-message{font-size:13px;color:var(--text-secondary);line-height:1.4}.toast .toast-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:0 0;border:none;color:var(--text-muted);cursor:pointer;border-radius:6px;transition:all .2s ease;flex-shrink:0}.toast .toast-close:hover{background:var(--bg-hover);color:var(--text-primary)}.toast.toast-success{border-left:4px solid var(--color-success)}.toast.toast-success .toast-icon{background:rgba(16,185,129,.15);color:var(--color-success)}.toast.toast-error{border-left:4px solid var(--color-error)}.toast.toast-error .toast-icon{background:rgba(239,68,68,.15);color:var(--color-error)}.toast.toast-warning{border-left:4px solid var(--color-warning)}.toast.toast-warning .toast-icon{background:rgba(245,158,11,.15);color:var(--color-warning)}.toast.toast-info{border-left:4px solid var(--color-info)}.toast.toast-info .toast-icon{background:rgba(59,130,246,.15);color:var(--color-info)}.toast.toast-exit{animation:slideOutRight .3s ease forwards}.loading-spinner{width:40px;height:40px;border:3px solid var(--bg-hover);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.loading-spinner-sm{width:20px;height:20px;border-width:2px}.loading-spinner-lg{width:60px;height:60px;border-width:4px}.loading-text{display:flex;align-items:center;justify-content:center;gap:12px;padding:24px;color:var(--text-muted);font-size:14px}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}.skeleton{animation:none;background:var(--bg-surface)}}.color-scheme-picker{position:relative}.color-picker-trigger{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-hover);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease}.color-picker-trigger:hover{background:var(--bg-active);border-color:var(--color-primary)}.color-picker-trigger .color-preview{width:20px;height:20px;border-radius:50%;background:var(--gradient-primary);box-shadow:0 2px 8px rgba(0,0,0,.15)}.color-picker-trigger .color-name{font-size:13px;font-weight:500;color:var(--text-primary)}.color-picker-trigger .trigger-icon{font-size:12px;color:var(--text-muted);transition:transform .2s ease}.color-picker-trigger.active .trigger-icon{transform:rotate(180deg)}.color-picker-panel{position:absolute;top:calc(100% + 8px);right:0;width:320px;max-height:400px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-float);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .25s ease;z-index:100;overflow:hidden}.color-picker-panel.show{opacity:1;visibility:visible;transform:translateY(0)}.color-picker-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border-color)}.color-picker-header .header-title{font-size:14px;font-weight:600;color:var(--text-primary)}.color-picker-header .close-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:0 0;border:none;border-radius:var(--radius-base);color:var(--text-muted);cursor:pointer;transition:all .2s ease}.color-picker-header .close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.color-scheme-list{padding:12px;max-height:320px;overflow-y:auto}.color-scheme-list::-webkit-scrollbar{width:6px}.color-scheme-list::-webkit-scrollbar-track{background:0 0}.color-scheme-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.color-scheme-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;margin-bottom:4px}.color-scheme-item:hover{background:var(--bg-hover)}.color-scheme-item.active{background:var(--bg-active);border:1px solid var(--color-primary)}.color-scheme-item:last-child{margin-bottom:0}.scheme-colors{display:flex;gap:4px;flex-shrink:0}.scheme-colors .color-dot{width:24px;height:24px;border-radius:50%;border:2px solid var(--bg-card);box-shadow:0 2px 4px rgba(0,0,0,.1)}.scheme-colors .color-dot.primary{background:var(--preview-primary,#6366f1)}.scheme-colors .color-dot.secondary{background:var(--preview-secondary,#818cf8)}.scheme-colors .color-dot.accent{background:var(--preview-accent,#ec4899)}.scheme-colors .color-dot.bg{background:var(--preview-bg,#f8fafc);border:2px solid var(--border-color)}.scheme-info{flex:1;min-width:0}.scheme-info .scheme-name{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:2px}.scheme-info .scheme-desc{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scheme-check{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);border-radius:50%;color:#fff;font-size:12px;opacity:0;transform:scale(.5);transition:all .2s ease}.color-scheme-item.active .scheme-check{opacity:1;transform:scale(1)}.scheme-icon{font-size:18px;flex-shrink:0}.color-picker-sidebar .color-picker-panel{position:static;width:100%;max-height:none;opacity:1;visibility:visible;transform:none;border:none;box-shadow:none}.color-picker-sidebar .color-picker-header{display:none}.color-picker-sidebar .color-scheme-item{padding:10px}@media (max-width:768px){.color-picker-panel{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;max-height:70vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;transform:translateY(100%)}.color-picker-panel.show{transform:translateY(0)}.color-picker-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:all .3s ease;z-index:99}.color-picker-backdrop.show{opacity:1;visibility:visible}}.color-scheme-card{display:flex;flex-direction:column;background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;cursor:pointer;transition:all .3s ease}.color-scheme-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:var(--shadow-primary)}.color-scheme-card.active{border-color:var(--color-primary);box-shadow:var(--shadow-primary)}.color-scheme-card .card-preview{height:80px;display:flex;align-items:flex-end;justify-content:center;gap:8px;padding:12px}.color-scheme-card .card-preview .preview-dot{width:32px;height:32px;border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.15)}.color-scheme-card .card-info{padding:12px;text-align:center;border-top:1px solid var(--border-color)}.color-scheme-card .card-info .card-name{font-size:14px;font-weight:600;color:var(--text-primary)}.color-schemes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}@media (max-width:480px){.color-schemes-grid{grid-template-columns:repeat(2,1fr);gap:12px}}[data-theme=dark] .header-brand .brand-title{background:linear-gradient(135deg,#fafafa,#e4e4e7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-theme=dark] .article-wrapper,[data-theme=dark] .post-card,[data-theme=dark] .post-card-horizontal,[data-theme=dark] .related-post-item,[data-theme=dark] .toc-wrapper,[data-theme=dark] .widget{background-color:#18181b;box-shadow:0 4px 20px -2px rgba(0,0,0,.3),0 2px 8px -1px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.06)}[data-theme=dark] .article-wrapper:hover,[data-theme=dark] .post-card-horizontal:hover,[data-theme=dark] .post-card:hover,[data-theme=dark] .related-post-item:hover,[data-theme=dark] .toc-wrapper:hover,[data-theme=dark] .widget:hover{box-shadow:0 8px 30px -4px rgba(0,0,0,.4),0 4px 12px -2px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.05)}[data-theme=dark] .post-card-title,[data-theme=dark] .post-card-title a{color:var(--text-primary,#fafafa)}[data-theme=dark] .post-card-excerpt,[data-theme=dark] .post-card-meta{color:var(--text-secondary,#d4d4d4)}[data-theme=dark] .post-card-date{color:var(--text-tertiary,#a3a3a3)}[data-theme=dark] .post-card-tag{background:rgba(99,102,241,.2);color:var(--text-secondary,#d4d4d4)}[data-theme=dark] .post-card-tag:hover{color:var(--accent-primary,#818cf8);background:rgba(99,102,241,.3)}[data-theme=dark] .widget{background-color:#18181b}[data-theme=dark] .widget .widget-title{color:var(--text-primary,#fafafa)}[data-theme=dark] .widget .widget-header{border-bottom-color:rgba(255,255,255,.08)}[data-theme=dark] .widget-profile{background:linear-gradient(135deg,#18181b 0,rgba(99,102,241,.15) 100%)}[data-theme=dark] .widget-profile::before{background:radial-gradient(circle at center,rgba(99,102,241,.2) 0,transparent 70%)}[data-theme=dark] .widget-profile .profile-author{color:var(--text-primary,#fafafa)}[data-theme=dark] .widget-profile .profile-subtitle{color:var(--accent-primary,#818cf8)}[data-theme=dark] .widget-profile .profile-description{color:var(--text-secondary,#d4d4d4)}[data-theme=dark] .widget-profile .profile-stats{border-top-color:rgba(255,255,255,.08);border-bottom-color:rgba(255,255,255,.08)}[data-theme=dark] .widget-profile .profile-stats .stat-value{color:var(--text-primary,#fafafa)}[data-theme=dark] .widget-profile .profile-stats .stat-label{color:var(--text-muted,#737373)}[data-theme=dark] .widget-profile .profile-social .social-link{background:rgba(255,255,255,.08);color:var(--text-secondary,#d4d4d4)}[data-theme=dark] .widget-profile .profile-social .social-link:hover{background:var(--accent-primary,#6366f1);color:#fff}[data-theme=dark] .widget-profile .follow-btn{background:var(--gradient-primary);color:#fff}[data-theme=dark] .category-nav-wrapper{background:#18181b;border-color:rgba(255,255,255,.06)}[data-theme=dark] .category-tab{color:var(--text-secondary,#d4d4d4)}[data-theme=dark] .category-tab:hover{color:var(--text-primary,#fafafa);background:rgba(255,255,255,.08)}[data-theme=dark] .category-tab.active{color:#fff;background:var(--gradient-primary)}[data-theme=dark] .announcement-item{background:rgba(255,255,255,.05);border-left-color:var(--accent-primary,#6366f1)}[data-theme=dark] .announcement-item:hover{background:rgba(255,255,255,.08)}[data-theme=dark] .announcement-item .announcement-icon{background:rgba(99,102,241,.2);color:var(--accent-primary,#818cf8)}[data-theme=dark] .announcement-item .announcement-title{color:var(--text-primary,#fafafa)}[data-theme=dark] .announcement-item .announcement-text{color:var(--text-secondary,#d4d4d4)}[data-theme=dark] .color-picker-trigger{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.1)}[data-theme=dark] .color-picker-trigger:hover{background:rgba(255,255,255,.12);border-color:var(--accent-primary,#6366f1)}[data-theme=dark] .color-picker-trigger .color-name{color:var(--text-primary,#fafafa)}[data-theme=dark] .color-picker-trigger .trigger-icon{color:var(--text-muted,#737373)}[data-theme=dark] .color-picker-panel{background:#18181b;border-color:rgba(255,255,255,.1)}[data-theme=dark] .color-picker-header{border-bottom-color:rgba(255,255,255,.08)}[data-theme=dark] .color-picker-header .header-title{color:var(--text-primary,#fafafa)}[data-theme=dark] .color-picker-header .close-btn{color:var(--text-muted,#737373)}[data-theme=dark] .color-picker-header .close-btn:hover{background:rgba(255,255,255,.08);color:var(--text-primary,#fafafa)}[data-theme=dark] .color-scheme-item:hover{background:rgba(255,255,255,.08)}[data-theme=dark] .color-scheme-item.active{background:rgba(99,102,241,.15);border-color:var(--accent-primary,#6366f1)}[data-theme=dark] .color-scheme-item .scheme-name{color:var(--text-primary,#fafafa)}[data-theme=dark] .color-scheme-item .scheme-desc{color:var(--text-muted,#737373)}[data-theme=dark] .scheme-colors .color-dot{border-color:#18181b}[data-theme=dark] .scheme-colors .color-dot.bg{border-color:rgba(255,255,255,.2)}[data-theme=dark] .back-to-top{background:linear-gradient(145deg,#3f3f46,#18181b);box-shadow:4px 4px 8px rgba(0,0,0,.5),-4px -4px 8px rgba(63,63,70,.3)}[data-theme=dark] .btn-secondary{background:rgba(255,255,255,.08);color:var(--text-primary,#fafafa);border-color:rgba(255,255,255,.1)}[data-theme=dark] .btn-secondary:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2)}[data-theme=dark] .btn-ghost{color:var(--text-secondary,#d4d4d4)}[data-theme=dark] .btn-ghost:hover{background:rgba(255,255,255,.08);color:var(--text-primary,#fafafa)}[data-theme=dark] .btn-icon{background:rgba(255,255,255,.08);color:var(--text-secondary,#d4d4d4)}[data-theme=dark] .btn-icon:hover{background:var(--accent-primary,#6366f1);color:#fff}[data-theme=dark] .input,[data-theme=dark] .search-input{background-color:#27272a;color:#fafafa;border-color:rgba(255,255,255,.1)}[data-theme=dark] .input::placeholder,[data-theme=dark] .search-input::placeholder{color:#71717a}[data-theme=dark] .input:focus,[data-theme=dark] .search-input:focus{border-color:var(--accent-primary,#6366f1);box-shadow:0 0 0 3px rgba(99,102,241,.2)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#27272a}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#71717a}[data-theme=dark] .footer{background:#0f0f10;border-top-color:rgba(255,255,255,.06)}[data-theme=dark] .footer-social .social-link{background:rgba(255,255,255,.08);color:var(--text-secondary,#d4d4d4)}[data-theme=dark] .footer-social .social-link:hover{background:var(--accent-primary,#6366f1);color:#fff}[data-theme=dark] .footer-copyright{color:var(--text-muted,#737373)}[data-theme=dark] .footer-copyright a{color:var(--text-secondary,#d4d4d4)}[data-theme=dark] .footer-copyright a:hover{color:var(--accent-primary,#818cf8)}[data-theme=dark] .header{background:rgba(10,10,10,.95);border-bottom-color:rgba(255,255,255,.06)}[data-theme=dark] .header.header-scrolled{background:rgba(10,10,10,.98)}[data-theme=dark] .nav-link{color:var(--text-secondary,#d4d4d4)}[data-theme=dark] .nav-link:hover{color:var(--text-primary,#fafafa);background:rgba(255,255,255,.08)}[data-theme=dark] .nav-link.active{color:var(--accent-primary,#818cf8);background:rgba(99,102,241,.15)}[data-theme=dark] .tool-btn{color:var(--text-secondary,#d4d4d4)}[data-theme=dark] .tool-btn:hover{background:rgba(255,255,255,.08);color:var(--text-primary,#fafafa)}[data-theme=dark] .mobile-nav{background:#0a0a0a;border-bottom-color:rgba(255,255,255,.06)}[data-theme=dark] .mobile-nav-list .nav-link{color:var(--text-secondary,#d4d4d4)}[data-theme=dark] .mobile-nav-list .nav-link.active,[data-theme=dark] .mobile-nav-list .nav-link:hover{color:var(--accent-primary,#818cf8);background:rgba(99,102,241,.15)}[data-theme=dark] .tag-cloud a{color:var(--text-secondary,#d4d4d4);background:rgba(255,255,255,.08)}[data-theme=dark] .tag-cloud a:hover{color:var(--accent-primary,#818cf8);background:rgba(99,102,241,.2)}[data-theme=dark] .toc-wrapper{background:#18181b}[data-theme=dark] .toc-link{color:var(--text-secondary,#d4d4d4)}[data-theme=dark] .toc-link:hover{color:var(--accent-primary,#818cf8)}[data-theme=dark] .toc-link.active{color:var(--accent-primary,#818cf8);background:rgba(99,102,241,.15)}[data-theme=dark] .article-content{color:var(--text-primary,#fafafa)}[data-theme=dark] .article-content h1,[data-theme=dark] .article-content h2,[data-theme=dark] .article-content h3,[data-theme=dark] .article-content h4,[data-theme=dark] .article-content h5,[data-theme=dark] .article-content h6{color:var(--text-primary,#fafafa)}[data-theme=dark] .article-content blockquote{background:rgba(99,102,241,.1);border-left-color:var(--accent-primary,#6366f1);color:var(--text-secondary,#d4d4d4)}[data-theme=dark] .article-content code{background:rgba(255,255,255,.08);color:#f87171}[data-theme=dark] .article-content pre{background:#0f0f10;border:1px solid rgba(255,255,255,.06)}[data-theme=dark] .article-content table th{background:rgba(255,255,255,.08);color:var(--text-primary,#fafafa)}[data-theme=dark] .article-content table td{border-color:rgba(255,255,255,.08)}[data-theme=dark] .skeleton{background:linear-gradient(90deg,rgba(255,255,255,.05) 25%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.05) 75%)}[data-theme=dark] .toast{background:#27272a;color:var(--text-primary,#fafafa);box-shadow:0 10px 30px rgba(0,0,0,.4)}[data-theme=dark] .empty-state{color:var(--text-muted,#737373)}[data-theme=dark] .empty-state i{color:var(--text-muted,#737373)}[data-theme=dark] .read-more-link{color:var(--accent-primary,#818cf8)}[data-theme=dark] .read-more-link:hover{color:var(--accent-primary-hover,#6366f1)}[data-theme=dark] .archive-year{color:var(--text-primary,#fafafa)}[data-theme=dark] .archive-month{color:var(--text-secondary,#d4d4d4)}[data-theme=dark] .archive-post-title{color:var(--text-primary,#fafafa)}[data-theme=dark] .archive-post-title:hover{color:var(--accent-primary,#818cf8)}[data-theme=dark] .paginator .extend,[data-theme=dark] .paginator .page-number{color:var(--text-secondary,#d4d4d4);background:rgba(255,255,255,.08)}[data-theme=dark] .paginator .extend:hover,[data-theme=dark] .paginator .page-number:hover{color:var(--accent-primary,#818cf8);background:rgba(99,102,241,.15)}[data-theme=dark] .paginator .extend.current,[data-theme=dark] .paginator .page-number.current{color:#fff;background:var(--gradient-primary)}[data-theme=dark] .like-btn{color:var(--text-secondary,#d4d4d4)}[data-theme=dark] .like-btn.liked{color:#f87171}[data-theme=dark] .reward-btn{color:var(--text-secondary,#d4d4d4);background:rgba(255,255,255,.08)}[data-theme=dark] .reward-btn:hover{color:var(--accent-primary,#818cf8);background:rgba(99,102,241,.15)}[data-theme=dark] .related-post-title{color:var(--text-primary,#fafafa)}[data-theme=dark] .related-post-item{background:#18181b}[data-theme=dark] .related-post-item .post-title{color:var(--text-primary,#fafafa)}[data-theme=dark] .related-post-item .post-date{color:var(--text-muted,#737373)}.theme-transition,.theme-transition *,.theme-transition ::after,.theme-transition ::before{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease!important}.lazy-image{opacity:0;transition:opacity .3s ease;background-color:var(--bg-surface)}.lazy-image.loading{background:linear-gradient(90deg,var(--bg-surface) 25%,var(--bg-hover) 50%,var(--bg-surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.lazy-image.loaded{opacity:1}.lazy-image.fallback-image{opacity:1;object-fit:contain;padding:20px;background-color:var(--bg-surface)}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.post-card-horizontal{content-visibility:auto;contain-intrinsic-size:0 200px;contain:layout style paint}.widget{content-visibility:auto;contain-intrinsic-size:0 300px;contain:layout style}.article-content{content-visibility:auto;contain-intrinsic-size:0 500px}.animate-hidden{will-change:opacity,transform}.animate-visible{will-change:auto}.post-card.animate-hidden,.widget.animate-hidden{will-change:opacity,transform}.post-card.animate-visible,.widget.animate-visible{will-change:auto}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}.lazy-image{transition:none;opacity:1}.article-content,.post-card-horizontal,.widget{content-visibility:visible}.animate-hidden{opacity:1;transform:none}}@media (prefers-contrast:high){.post-card-horizontal{border:2px solid currentColor}.post-card-tag{border:1px solid currentColor}a:focus-visible{outline:3px solid currentColor;outline-offset:2px}}@media print{.lazy-image{opacity:1}.post-card-horizontal{break-inside:avoid;page-break-inside:avoid;box-shadow:none;border:1px solid #ccc}.post-card-cover img{max-height:150px}.post-card-tags,.read-more-link{display:none}}.image-loading-placeholder{position:relative;background-color:var(--bg-surface);overflow:hidden}.image-loading-placeholder::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 25%,rgba(255,255,255,.1) 50%,transparent 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@font-face{font-family:"Fira Code";font-display:swap;src:local("Fira Code"),local("FiraCode")}@media (max-width:479px){.header-inner{padding:0 var(--space-3)}.brand-title{font-size:var(--text-base)}.post-card-body{padding:var(--space-4)}.post-card-title{font-size:var(--text-base)}.post-card-excerpt{font-size:var(--text-sm)}.widget-profile .profile-avatar{width:64px;height:64px}.widget-profile .profile-author{font-size:var(--text-base)}.widget-profile .profile-stats{gap:var(--space-4)}.widget-profile .profile-stats .stat-value{font-size:var(--text-lg)}.footer{padding:var(--space-6) 0}.footer-social{gap:var(--space-2)}.footer-social .social-link{width:40px;height:40px}}@media (min-width:480px) and (max-width:767px){.post-grid.grid-2,.post-grid.grid-3{grid-template-columns:1fr}}@media (min-width:768px) and (max-width:1023px){.main-wrapper.layout-sidebar-left,.main-wrapper.layout-sidebar-right{grid-template-columns:1fr}.sidebar{display:none}.post-grid.grid-3{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px) and (max-width:1279px){.container{max-width:100%;padding:0 var(--space-6)}}@media (min-width:1280px){.header-inner{padding:0 var(--space-8)}.post-grid.grid-3{grid-template-columns:repeat(3,1fr)}}@media (hover:none) and (pointer:coarse){.btn,.nav-link,.social-link,.tag-link,.tool-btn{min-height:44px;min-width:44px}.post-card:hover{transform:none;box-shadow:var(--shadow-md)}.post-card-cover img{transition:none}.post-card:hover .post-card-cover img{transform:none}.post-card:active{transform:scale(.98)}.btn:hover{transform:none}.btn:active{transform:scale(.95)}.mobile-nav{display:block;position:fixed;top:64px;left:0;right:0;bottom:0;background:var(--bg-base);z-index:var(--z-modal);overflow-y:auto;padding:var(--space-4);transform:translateX(-100%);transition:transform var(--duration-300) var(--ease-out)}.mobile-nav.active{transform:translateX(0)}.mobile-nav-list{display:flex;flex-direction:column;gap:var(--space-2)}.mobile-nav-item .mobile-nav-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);font-size:var(--text-lg);border-radius:var(--radius-lg)}.mobile-nav-item .mobile-nav-link i{font-size:var(--text-xl)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.card,.post-card,.widget{border-width:.5px}.divider,hr{height:.5px}}@media (orientation:landscape) and (max-height:500px){.header{height:56px}.sidebar-inner{top:calc(56px + var(--space-2))}.widget-profile .profile-avatar{width:60px;height:60px}.widget-profile .profile-stats{padding:var(--space-2) 0}.widget-profile .profile-stats .stat-value{font-size:var(--text-lg)}}@media print{#back-to-top,.comments-wrapper,.footer,.header,.like-wrapper,.mobile-nav,.post-card-action,.reward-wrapper,.search-popup,.sidebar,.theme-toggle{display:none!important}body{background:#fff;color:#000}.article-content{font-size:12pt;line-height:1.5}.article-content a{color:#000;text-decoration:underline}.article-content img{max-width:100%;page-break-inside:avoid}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{page-break-after:avoid;color:#000}.article-content blockquote,.article-content ol,.article-content p,.article-content ul{page-break-inside:avoid}.post-card{box-shadow:none;border:1px solid #ccc;page-break-inside:avoid;margin-bottom:1em}.article-content a[href]::after{content:" (" attr(href) ")";font-size:.8em;color:#666}}@media (prefers-reduced-motion:no-preference){html{font-size:16px}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}.btn,.post-card,.widget{transition:none}.post-card:hover{transform:none}.post-card-cover img{transition:none}.post-card:hover .post-card-cover img{transform:none}}@media (prefers-contrast:high){:root{--border-default:currentColor;--border-muted:currentColor}.card,.post-card,.widget{border:2px solid currentColor}.btn{border:2px solid currentColor}a:focus-visible{outline:3px solid currentColor;outline-offset:2px}}@media (forced-colors:active){.btn-ghost,.btn-primary,.btn-secondary{border:1px solid currentColor}.badge-primary,.post-card-category{border:1px solid currentColor}}@supports (container-type:inline-size){.post-grid{container-type:inline-size}.post-card-cover{width:100%;aspect-ratio:16/9}}#back-to-top{bottom:calc(var(--space-8) + env(safe-area-inset-bottom))}.mobile-nav{padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom))}.main-wrapper.layout-sidebar-left{grid-template-columns:300px env(fold-width) 1fr}.mobile-bottom-nav,.mobile-sidebar-drawer{display:none}.menu-toggle{display:none}@media (max-width:767px){.container{padding:0 16px}.main-content{padding-bottom:70px}.main-wrapper{flex-direction:column}.sidebar{display:none}.desktop-only{display:none!important}.mobile-only{display:block!important}.menu-toggle{display:flex!important}.mobile-bottom-nav{display:flex!important;position:fixed;bottom:0;left:0;right:0;height:60px;background:var(--bg-subtle,#fafafa);border-top:1px solid var(--border-default,#e5e5e5);z-index:1000;box-shadow:0 -4px 20px rgba(0,0,0,.1)}.mobile-bottom-nav .nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--text-secondary,#525252);text-decoration:none;font-size:10px;transition:all .2s ease}.mobile-bottom-nav .nav-item i{font-size:18px;transition:transform .2s ease}.mobile-bottom-nav .nav-item:active{background:var(--bg-muted,#f5f5f5)}.mobile-bottom-nav .nav-item.active{color:var(--accent-primary,#6366f1)}.mobile-bottom-nav .nav-item.active i{transform:scale(1.1)}[data-theme=dark] .mobile-bottom-nav{background:linear-gradient(180deg,rgba(30,35,50,.98),rgba(20,25,40,.99));border-top-color:rgba(255,255,255,.1);box-shadow:0 -4px 20px rgba(0,0,0,.3)}[data-theme=dark] .mobile-bottom-nav .nav-item{color:#a0a8b8}[data-theme=dark] .mobile-bottom-nav .nav-item:active{background:rgba(255,255,255,.05)}[data-theme=dark] .mobile-bottom-nav .nav-item.active{color:#667eea}.mobile-sidebar-drawer{display:block;position:fixed;top:0;left:0;right:0;bottom:0;z-index:2000;pointer-events:none}.mobile-sidebar-drawer .drawer-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);opacity:0;transition:opacity .3s ease;pointer-events:none}.mobile-sidebar-drawer .drawer-content{position:absolute;top:0;right:0;width:280px;height:100%;background:linear-gradient(180deg,#1e2332,#141928);transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:-4px 0 20px rgba(0,0,0,.4);overflow-y:auto}.mobile-sidebar-drawer .drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1);font-size:16px;font-weight:600;color:#e8eaed}.mobile-sidebar-drawer .drawer-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);border:none;border-radius:8px;color:#e8eaed;cursor:pointer;transition:background .2s ease}.mobile-sidebar-drawer .drawer-close:active{background:rgba(255,255,255,.2)}.mobile-sidebar-drawer .drawer-body{padding:16px}.mobile-sidebar-drawer .drawer-body .sidebar{display:block;width:100%;margin:0}.mobile-sidebar-drawer .drawer-body .widget{margin-bottom:16px}.mobile-sidebar-drawer.open{pointer-events:auto}.mobile-sidebar-drawer.open .drawer-overlay{opacity:1;pointer-events:auto}.mobile-sidebar-drawer.open .drawer-content{transform:translateX(0)}.back-to-top{position:fixed;bottom:76px;right:16px;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .3s ease;box-shadow:0 4px 15px rgba(102,126,234,.4);z-index:999;display:flex;align-items:center;justify-content:center}.back-to-top i{font-size:16px;z-index:1}.back-to-top .progress-ring{position:absolute;top:-2px;left:-2px;width:48px;height:48px}.back-to-top .progress-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.back-to-top .progress-ring .progress-ring-circle{stroke-dasharray:0,100;transition:stroke-dasharray .1s ease}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:active{transform:scale(.95)}#infinite-loader{display:none;align-items:center;justify-content:center;gap:8px;padding:20px;color:#a0a8b8;font-size:14px}#infinite-loader .spinner{width:20px;height:20px;border:2px solid rgba(102,126,234,.3);border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.header{height:56px}.header-brand .brand-title{font-size:18px}.header-brand .brand-logo{height:28px}.header-nav{display:none}.menu-toggle{display:flex;min-width:44px;min-height:44px;align-items:center;justify-content:center}.tool-btn{min-width:44px;min-height:44px}.post-card{margin-bottom:16px}.post-card-content{padding:16px}.post-card-title a{font-size:18px;line-height:1.4}.post-card-excerpt{font-size:14px;line-height:1.6}.article-wrapper{padding:16px}.article-title{font-size:20px;line-height:1.3}.article-meta{font-size:14px;gap:8px}.article-content{font-size:16px;line-height:1.75}.article-content h1{font-size:20px}.article-content h2{font-size:18px}.article-content h3{font-size:16px;font-weight:600}.article-content h4{font-size:14px;font-weight:600}.article-content p{margin-bottom:16px}.related-posts-list{grid-template-columns:1fr}.pagination{flex-wrap:wrap}.extend,.page-number{min-width:32px;height:32px;font-size:12px}.search-popup{padding-top:56px}.search-popup-inner{margin:0 8px;border-radius:8px}.widget{padding:8px}.widget-title{font-size:14px}.widget-profile .profile-avatar{width:80px;height:80px}.widget-profile .profile-author{font-size:16px}.widget-profile .profile-description,.widget-profile .profile-subtitle{font-size:12px}.reward-images{flex-direction:column}.reward-images img{width:160px;height:160px}.archive-page .archive-year-title{font-size:18px}.archive-page .archive-post-list{padding-left:16px}.not-found{padding:24px 0}.not-found .error-code{font-size:80px}.not-found .error-title{font-size:18px}.back-to-top{bottom:16px;right:16px;width:36px;height:36px}.footer{padding:24px 0}.footer-social{gap:8px}.footer-social .social-link{width:32px;height:32px}}@media (min-width:768px) and (max-width:1023px){.container{padding:0 16px}.sidebar{width:260px}.post-card-title a{font-size:16px}.article-title{font-size:20px}.related-posts-list{grid-template-columns:repeat(2,1fr)}.mobile-bottom-nav,.mobile-sidebar-drawer{display:none!important}}@media (min-width:768px){.mobile-bottom-nav,.mobile-sidebar-drawer{display:none!important}.back-to-top{bottom:32px;right:32px;width:48px;height:48px}.back-to-top i{font-size:18px}.back-to-top .progress-ring{width:52px;height:52px}}@media (min-width:1280px){.container{max-width:1400px}.sidebar{width:320px}}@media print{.back-to-top,.comments-wrapper,.footer,.header,.like-wrapper,.related-posts,.reward-wrapper,.search-popup,.sidebar{display:none!important}body{background:#fff;color:#000;font-size:12pt}.main-wrapper{display:block}.content-wrapper{max-width:100%}.article-wrapper{box-shadow:none;padding:0}a[href]::after{content:" (" attr(href) ")";font-size:10pt;color:#666}.article-header,.article-title,img{page-break-inside:avoid}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}html{scroll-behavior:auto}}@media (prefers-contrast:high){:root{--primary-color:#0000ff;--text-color:#000000;--bg-color:#ffffff}a{text-decoration:underline}.article-wrapper,.post-card,.widget{border:2px solid currentColor}}.post-card,.post-card-v2{display:flex;flex-direction:column;background:var(--bg-card);border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-md);margin-bottom:24px;position:relative;opacity:0;transform:translateY(30px);animation:fadeInUp .5s ease forwards}.post-card-v2:nth-child(1),.post-card:nth-child(1){animation-delay:50ms}.post-card-v2:nth-child(2),.post-card:nth-child(2){animation-delay:.1s}.post-card-v2:nth-child(3),.post-card:nth-child(3){animation-delay:.15s}.post-card-v2:nth-child(4),.post-card:nth-child(4){animation-delay:.2s}.post-card-v2:nth-child(5),.post-card:nth-child(5){animation-delay:.25s}.post-card-v2:nth-child(6),.post-card:nth-child(6){animation-delay:.3s}.post-card-v2:focus-within,.post-card:focus-within{outline:2px solid var(--color-primary);outline-offset:4px}.post-card-v2:hover,.post-card:hover{transform:translateY(-8px);box-shadow:0 24px 48px -12px var(--shadow-primary),0 0 0 1px var(--border-focus)}.post-card-cover{position:relative;aspect-ratio:16/10;overflow:hidden}.post-card-cover img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.post-card-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.3) 100%);opacity:0;transition:opacity .3s ease;pointer-events:none}.post-card:hover .post-card-cover img{transform:scale(1.08)}.post-card:hover .post-card-cover::after{opacity:1}.post-card-category-badge{position:absolute;top:16px;left:16px;padding:6px 14px;background:var(--gradient-primary);color:#fff;font-size:12px;font-weight:600;border-radius:20px;box-shadow:var(--shadow-primary);backdrop-filter:blur(8px);z-index:1;text-decoration:none;transition:all .2s ease}.post-card-category-badge:hover{transform:scale(1.05)}.post-card-content{padding:24px;display:flex;flex-direction:column;gap:12px;flex:1}.post-card-meta{display:flex;align-items:center;gap:16px;font-size:13px;color:var(--text-muted)}.post-card-meta .meta-item{display:flex;align-items:center;gap:6px}.post-card-meta .meta-item i{font-size:14px}.post-card-meta .meta-item a{color:var(--color-primary);text-decoration:none}.post-card-meta .meta-item a:hover{text-decoration:underline}.post-card-meta .meta-divider{width:1px;height:12px;background-color:var(--border-color)}.post-card-title{margin:0;font-size:18px;font-weight:700;line-height:1.4}.post-card-title a{color:var(--text-primary);text-decoration:none;transition:color .2s ease}.post-card-title a:hover{color:var(--color-primary)}.post-card-title a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card-excerpt{font-size:14px;line-height:1.7;color:var(--text-secondary)}.post-card-excerpt p{margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:8px}.post-card-tags{display:flex;flex-wrap:wrap;gap:6px}.post-card-tags .tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;color:var(--tag-text);background:var(--tag-bg);border-radius:12px;text-decoration:none;transition:all .2s ease}.post-card-tags .tag:hover{color:var(--color-primary);background:var(--bg-active)}.post-card-read-more{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--gradient-primary);color:#fff;font-size:14px;font-weight:500;text-decoration:none;border-radius:12px;transition:all .3s ease}.post-card-read-more i{transition:transform .2s ease}.post-card-read-more:hover{transform:translateX(4px);box-shadow:var(--shadow-primary)}.post-card-read-more:hover i{transform:translateX(4px)}.post-card-bookmark{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-hover);border:none;border-radius:10px;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.post-card-bookmark:hover{background:var(--color-primary);color:#fff}.post-card-bookmark.bookmarked{color:var(--color-primary)}.post-card-bookmark.bookmarked i{font-weight:900}.post-card-horizontal{display:flex;flex-direction:row;background:var(--bg-card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;overflow:hidden;transition:all .3s ease;box-shadow:var(--shadow-md);margin-bottom:24px;opacity:0;transform:translateY(20px);animation:fadeInUp .4s ease forwards}.post-card-horizontal:hover{transform:translateY(-4px);box-shadow:0 12px 32px -8px var(--shadow-primary),0 0 0 1px var(--border-focus)}@media (max-width:767px){.post-card-horizontal{flex-direction:column}}.post-card-horizontal .post-card-cover{flex-shrink:0;width:140px;height:auto;aspect-ratio:1}@media (max-width:767px){.post-card-horizontal .post-card-cover{width:100%;aspect-ratio:16/9;height:auto}}.post-card-horizontal .post-card-cover img{width:100%;height:100%;object-fit:cover}.post-card-horizontal .post-card-info{flex:1;display:flex;flex-direction:column;padding:16px;min-width:0}.post-card-horizontal .post-card-header{margin-bottom:8px}.post-card-horizontal .post-card-title{font-size:15px}.post-card-horizontal .post-card-title a{color:var(--text-primary)}.post-card-horizontal .post-card-date{font-size:12px;color:var(--text-muted)}.post-card-horizontal .post-card-tags{margin-bottom:8px}.post-card-horizontal .post-card-tag{display:inline-block;padding:3px 10px;font-size:11px;font-weight:500;color:#fff;background:var(--tag-bg,var(--color-primary));border-radius:12px;text-decoration:none;transition:all .2s ease}.post-card-horizontal .post-card-tag:hover{transform:scale(1.05);box-shadow:0 2px 8px rgba(0,0,0,.2)}.post-card-horizontal .post-card-excerpt p{margin:0;font-size:13px;line-height:1.5;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card-horizontal .read-more-link{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:500;color:var(--color-primary);background:var(--tag-bg);border-radius:12px;text-decoration:none;transition:all .2s ease}.post-card-horizontal .read-more-link:hover{background:var(--bg-active)}.post-card-horizontal .read-more-link i{font-size:10px;transition:transform .2s ease}.post-card-horizontal .read-more-link:hover i{transform:translateX(4px)}@media (max-width:767px){.post-card-horizontal{flex-direction:column}}.article-wrapper{background:var(--bg-card);border-radius:20px;padding:24px;box-shadow:var(--shadow-md)}@media (max-width:767px){.article-wrapper{padding:16px}}.article-header{margin-bottom:24px;text-align:center}.article-title{font-size:24px;font-weight:700;margin-bottom:16px;line-height:1.4;color:var(--text-primary)}@media (max-width:767px){.article-title{font-size:20px}}.article-meta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px;font-size:14px;color:var(--text-muted)}.article-meta .meta-item{display:flex;align-items:center;gap:4px}.article-meta .meta-item i{font-size:14px}.article-meta .meta-item a{color:var(--color-primary)}.article-meta .meta-item a:hover{text-decoration:underline}.article-cover{margin-bottom:24px;border-radius:12px;overflow:hidden}.article-cover img{width:100%;height:auto}.article-content{font-size:16px;line-height:1.8;color:var(--text-primary)}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{margin-top:24px;margin-bottom:16px;font-weight:600;color:var(--text-primary)}.article-content h1:first-child,.article-content h2:first-child,.article-content h3:first-child,.article-content h4:first-child,.article-content h5:first-child,.article-content h6:first-child{margin-top:0}.article-content h2{padding-bottom:8px;border-bottom:2px solid var(--border-color)}.article-content p{margin-bottom:16px}.article-content img{display:block;max-width:100%;margin:16px auto;border-radius:8px;cursor:zoom-in}.article-content a{color:var(--color-primary);border-bottom:1px solid transparent}.article-content a:hover{border-bottom-color:var(--color-primary)}.article-content ol,.article-content ul{margin-bottom:16px;padding-left:24px}.article-content li{margin-bottom:4px}.article-content blockquote{margin:16px 0;padding:16px 24px;background-color:var(--bg-surface);border-left:4px solid var(--color-primary);border-radius:0 8px 8px 0}.article-content blockquote p:last-child{margin-bottom:0}.article-content pre{position:relative;margin:16px 0;padding:16px;background-color:#282c34;border-radius:8px;overflow-x:auto}.article-content pre code{background:0 0;padding:0;color:#abb2bf}.article-content table{width:100%;margin:16px 0;border-collapse:collapse}.article-content table td,.article-content table th{padding:8px 16px;border:1px solid var(--border-color);text-align:left}.article-content table th{font-weight:600;background-color:var(--bg-surface)}.article-content table tr:nth-child(even){background-color:var(--bg-surface)}.article-content hr{margin:24px 0;border:none;height:1px;background-color:var(--border-color)}.code-copy-btn{position:absolute;top:8px;right:8px;padding:4px 8px;font-size:12px;color:#abb2bf;background-color:rgba(255,255,255,.1);border:none;border-radius:4px;cursor:pointer;opacity:0;transition:var(--transition-fast)}.code-copy-btn:hover{background-color:rgba(255,255,255,.2)}pre:hover .code-copy-btn{opacity:1}.article-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;padding-top:24px;border-top:1px solid var(--border-color)}.article-tags .tag{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;font-size:14px;color:var(--text-secondary);background-color:var(--bg-hover);border-radius:9999px;transition:var(--transition-fast);text-decoration:none}.article-tags .tag:hover{color:var(--color-primary)}.toc-wrapper{background:var(--bg-card);border-radius:16px;padding:16px;margin-bottom:24px;box-shadow:var(--shadow-sm)}@media (max-width:767px){.toc-wrapper{display:none}}.toc-title{font-size:16px;font-weight:600;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.toc-list{list-style:none;margin:0;padding:0}.toc-list ul{list-style:none;margin:0;padding-left:16px}.toc-link{display:block;padding:4px 0;font-size:14px;color:var(--text-secondary);transition:var(--transition-fast);text-decoration:none}.toc-link.active,.toc-link:hover{color:var(--color-primary)}.reward-wrapper{text-align:center;margin:24px 0;padding:24px;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.reward-title{font-size:16px;font-weight:600;margin-bottom:16px;color:var(--text-primary)}.reward-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 24px;font-size:16px;font-weight:500;color:#fff;background:var(--gradient-primary);border:none;border-radius:9999px;cursor:pointer;transition:var(--transition-fast)}.reward-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary)}.reward-images{display:none;justify-content:center;gap:24px;margin-top:24px}.reward-images.show{display:flex}@media (max-width:767px){.reward-images{flex-direction:column;align-items:center}}.reward-item{text-align:center}.reward-item img{width:200px;height:200px;border-radius:8px;margin-bottom:8px}.reward-item span{font-size:14px;color:var(--text-muted)}.like-wrapper{text-align:center;margin:24px 0}.like-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 24px;font-size:16px;color:var(--text-secondary);background-color:var(--bg-hover);border:none;border-radius:9999px;cursor:pointer;transition:var(--transition-fast)}.like-btn.liked,.like-btn:hover{color:var(--color-error)}.like-btn i{font-size:18px;transition:transform .3s ease}.like-btn:hover i{transform:scale(1.2)}.related-posts{margin-top:24px}.related-posts-title{font-size:18px;font-weight:600;margin-bottom:16px;color:var(--text-primary)}.related-posts-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width:767px){.related-posts-list{grid-template-columns:1fr}}.related-post-item{background:var(--bg-card);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm);transition:all .3s ease}.related-post-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.related-post-item .cover{aspect-ratio:16/9;overflow:hidden}.related-post-item .cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.related-post-item:hover .cover img{transform:scale(1.05)}.related-post-item .info{padding:8px}.related-post-item .title{font-size:14px;font-weight:500;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.pagination{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:24px}.extend,.page-number{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 8px;font-size:14px;color:var(--text-secondary);background-color:var(--bg-card);border-radius:8px;transition:var(--transition-fast);text-decoration:none}.extend:hover,.page-number:hover{color:var(--color-primary);background-color:var(--bg-hover)}.extend.current,.page-number.current{color:#fff;background:var(--gradient-primary)}#infinite-loader{display:flex;align-items:center;justify-content:center;gap:12px;padding:32px 20px;margin-top:20px;color:var(--text-muted);font-size:14px}#infinite-loader .spinner{width:20px;height:20px;border:2px solid var(--bg-hover);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}#infinite-loader .loading-text{display:flex;align-items:center;gap:10px}#infinite-loader .end-message{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:14px}#infinite-loader .end-message i{color:var(--color-success)}@keyframes spin{to{transform:rotate(360deg)}}.search-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);backdrop-filter:blur(4px);display:none;align-items:flex-start;justify-content:center;padding-top:100px;z-index:500}.search-popup.show{display:flex}.search-popup-inner{width:100%;max-width:600px;background-color:var(--bg-card);border-radius:20px;box-shadow:var(--shadow-lg);overflow:hidden;animation:scaleIn .3s ease}.search-header{display:flex;align-items:center;padding:16px;border-bottom:1px solid var(--border-color)}.search-input{flex:1;height:44px;padding:0 16px;font-size:16px;color:var(--text-primary);background-color:var(--bg-surface);border:none;border-radius:8px;outline:0}.search-input::placeholder{color:var(--text-muted)}.search-input:focus-visible{box-shadow:0 0 0 2px var(--color-primary)}.search-close{width:44px;height:44px;margin-left:8px;display:flex;align-items:center;justify-content:center;background:0 0;border:none;border-radius:8px;cursor:pointer;color:var(--text-muted);transition:var(--transition-fast)}.search-close:hover{color:var(--color-error);background:var(--bg-hover)}.search-results{max-height:400px;overflow-y:auto;padding:16px}.search-results::-webkit-scrollbar{width:6px;height:6px}.search-results::-webkit-scrollbar-track{background:0 0;border-radius:6px}.search-results::-webkit-scrollbar-thumb{background:#e4e4e7;border-radius:6px}.search-results::-webkit-scrollbar-thumb:hover{background:rgba(228,228,231,.8)}.search-loading{text-align:center;padding:32px;color:var(--text-muted)}.search-loading i{font-size:24px;margin-bottom:8px}.search-result-item{padding:8px;border-radius:8px;margin-bottom:8px;transition:var(--transition-fast)}.search-result-item:hover{background-color:var(--bg-hover)}.search-result-item .title{font-size:16px;font-weight:500;color:var(--text-primary);margin-bottom:4px}.search-result-item .excerpt{font-size:14px;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.comments-wrapper{margin-top:24px}.comments-title{font-size:18px;font-weight:600;margin-bottom:16px;color:var(--text-primary)}.archive-page .archive-year{margin-bottom:24px}.archive-page .archive-year-title{font-size:20px;font-weight:600;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--color-primary);color:var(--text-primary)}.archive-page .archive-month{margin-bottom:16px}.archive-page .archive-month-title{font-size:16px;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.archive-page .archive-post-list{list-style:none;margin:0;padding:0;padding-left:24px;border-left:2px solid var(--border-color)}.archive-page .archive-post-item{position:relative;padding:8px 0 8px 16px}.archive-page .archive-post-item::before{content:"";position:absolute;left:-6px;top:50%;transform:translateY(-50%);width:10px;height:10px;background-color:var(--color-primary);border-radius:50%}.archive-page .archive-post-date{font-size:14px;color:var(--text-muted);margin-right:8px}.archive-page .archive-post-title{font-size:16px;color:var(--text-primary);text-decoration:none}.archive-page .archive-post-title:hover{color:var(--color-primary)}.category-page .page-header,.tag-page .page-header{text-align:center;margin-bottom:24px}.category-page .page-header .page-title,.tag-page .page-header .page-title{font-size:24px;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.category-page .page-header .page-count,.tag-page .page-header .page-count{font-size:14px;color:var(--text-muted)}.not-found{text-align:center;padding:48px 0}.not-found .error-code{font-size:120px;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:16px}@media (max-width:767px){.not-found .error-code{font-size:80px}}.not-found .error-title{font-size:24px;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.not-found .error-text{font-size:16px;color:var(--text-muted);margin-bottom:24px}.not-found .back-home{display:inline-flex;align-items:center;gap:8px;padding:8px 24px;font-size:16px;font-weight:500;color:#fff;background:var(--gradient-primary);border-radius:9999px;transition:var(--transition-fast);text-decoration:none}.not-found .back-home:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary);color:#fff}.back-to-home{margin-bottom:24px}.back-home-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;color:var(--text-secondary);background:var(--bg-card);border-radius:8px;text-decoration:none;transition:var(--transition-fast);box-shadow:var(--shadow-sm)}.back-home-btn i{font-size:12px;transition:transform .2s ease}.back-home-btn:hover{color:var(--color-primary);transform:translateX(-4px)}.back-home-btn:hover i{transform:translateX(-2px)}@media (max-width:767px){.back-home-btn{padding:8px 12px;font-size:13px}}.header{position:sticky;top:0;height:64px;background:rgba(255,255,255,.9);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.3);box-shadow:0 4px 30px rgba(0,0,0,.05);z-index:200;transition:var(--transition-base)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.header-brand .brand-link{display:flex;align-items:center;gap:8px;text-decoration:none}.header-brand .brand-logo{height:36px;width:auto}.header-brand .brand-title{font-size:20px;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width:767px){.header-nav{display:none}}.nav-list{display:flex;align-items:center;gap:16px;list-style:none;margin:0;padding:0}.nav-item .nav-link{display:block;padding:8px 16px;font-size:16px;font-weight:500;color:var(--text-secondary);border-radius:8px;transition:var(--transition-fast);text-decoration:none}.nav-item .nav-link.active,.nav-item .nav-link:hover{color:var(--color-primary);background-color:var(--bg-hover)}.header-tools{display:flex;align-items:center;gap:8px}.tool-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:0 0;border:none;border-radius:8px;cursor:pointer;color:var(--text-secondary);transition:var(--transition-fast)}.tool-btn:hover{color:var(--color-primary);background-color:var(--bg-hover)}.theme-toggle .theme-icon-light{display:none}[data-theme=dark] .theme-toggle .theme-icon-dark{display:none}[data-theme=dark] .theme-toggle .theme-icon-light{display:block}.menu-toggle{display:none}@media (max-width:767px){.menu-toggle{display:flex}}.mobile-nav{display:none;position:absolute;top:100%;left:0;right:0;background-color:var(--bg-card);box-shadow:var(--shadow-lg);padding:16px}.mobile-nav.active{display:block}.mobile-nav-list{list-style:none;margin:0;padding:0}.mobile-nav-item .mobile-nav-link{display:block;padding:16px;font-size:16px;color:var(--text-secondary);border-radius:8px;text-decoration:none}.mobile-nav-item .mobile-nav-link.active,.mobile-nav-item .mobile-nav-link:hover{color:var(--color-primary);background-color:var(--bg-hover)}.footer{background-color:var(--bg-card);padding:32px 0;margin-top:48px;border-top:1px solid var(--border-color)}.footer-inner{text-align:center}.footer-social{display:flex;justify-content:center;gap:16px;margin-bottom:16px}.footer-social .social-link{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--bg-hover);border-radius:50%;color:var(--text-secondary);font-size:18px;text-decoration:none;transition:all .2s ease}.footer-social .social-link:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px)}.footer-copyright{color:var(--text-muted);font-size:14px}.footer-copyright p{margin-bottom:4px}.footer-copyright a{color:var(--color-primary);text-decoration:none}.footer-copyright a:hover{text-decoration:underline}.main-content{min-height:calc(100vh - 64px);padding:24px 0}.container{max-width:1200px;margin:0 auto;padding:0 16px}.main-wrapper{display:flex;gap:24px}.main-wrapper.sidebar-right{flex-direction:row}.main-wrapper.sidebar-right .content-wrapper{order:1;flex:1;min-width:0}.main-wrapper.sidebar-right .sidebar{order:2;flex-shrink:0;width:300px}.main-wrapper.sidebar-left{flex-direction:row}.main-wrapper.sidebar-left .sidebar{order:1;flex-shrink:0;width:300px}.main-wrapper.sidebar-left .content-wrapper{order:2;flex:1;min-width:0}.content-wrapper{flex:1;min-width:0}.sidebar{width:300px;flex-shrink:0}@media (max-width:767px){.sidebar{display:none}}.sidebar-inner{position:sticky;top:calc(64px + 16px);display:flex;flex-direction:column;gap:20px;overflow-y:auto}.sidebar-inner::-webkit-scrollbar{width:4px}.sidebar-inner::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.widget{background:var(--bg-card);border-radius:16px;padding:16px;box-shadow:var(--shadow-sm);transition:all .3s ease}.widget:hover{box-shadow:var(--shadow-md)}.widget-header{margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.widget-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.widget-profile{text-align:center;background:linear-gradient(145deg,var(--bg-card),var(--tag-bg));position:relative;overflow:hidden}.widget-profile::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,var(--tag-bg) 0,transparent 50%);pointer-events:none}.widget-profile .profile-avatar{position:relative;width:100px;height:100px;margin:0 auto 16px}.widget-profile .profile-avatar .avatar-img,.widget-profile .profile-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid var(--bg-card);box-shadow:var(--shadow-primary)}.widget-profile .profile-avatar .status-indicator{position:absolute;bottom:4px;right:4px;width:20px;height:20px;background:var(--color-success);border:3px solid var(--bg-card);border-radius:50%}.widget-profile .profile-author{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.widget-profile .profile-subtitle{font-size:14px;color:var(--color-primary);margin-bottom:8px}.widget-profile .profile-description{font-size:14px;line-height:1.6;color:var(--text-secondary);margin-bottom:16px}.widget-profile .profile-stats{display:flex;justify-content:center;gap:32px;margin-bottom:16px;padding:16px 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.widget-profile .profile-stats .stat-item{text-align:center}.widget-profile .profile-stats .stat-item .stat-value{font-size:24px;font-weight:700;color:var(--color-primary)}.widget-profile .profile-stats .stat-item .stat-label{font-size:12px;color:var(--text-muted);margin-top:4px}.widget-profile .profile-social{display:flex;justify-content:center;gap:12px;margin-bottom:16px}.widget-profile .profile-social .social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-hover);color:var(--text-secondary);border-radius:10px;text-decoration:none;transition:all .2s ease}.widget-profile .profile-social .social-link:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px)}.widget-profile .follow-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;background:var(--gradient-primary);color:#fff;font-size:15px;font-weight:600;text-decoration:none;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease}.widget-profile .follow-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary)}.recent-post-list{list-style:none;margin:0;padding:0}.recent-post-item{margin-bottom:8px}.recent-post-item:last-child{margin-bottom:0}.recent-post-link{display:flex;align-items:center;gap:8px;padding:8px;border-radius:8px;transition:var(--transition-fast);text-decoration:none}.recent-post-link:hover{background-color:var(--bg-hover)}.recent-post-cover{width:60px;height:45px;border-radius:4px;overflow:hidden;flex-shrink:0}.recent-post-cover img{width:100%;height:100%;object-fit:cover}.recent-post-info{flex:1;min-width:0}.recent-post-title{display:block;font-size:14px;font-weight:500;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.recent-post-date{display:block;font-size:12px;color:var(--text-muted);margin-top:2px}.category-list{list-style:none;margin:0;padding:0}.category-list-item{margin-bottom:4px}.category-list-item:last-child{margin-bottom:0}.category-list-link{display:flex;align-items:center;justify-content:space-between;padding:8px;border-radius:8px;transition:var(--transition-fast);text-decoration:none}.category-list-link:hover{background-color:var(--bg-hover)}.category-name{font-size:14px;color:var(--text-secondary)}.category-count{font-size:12px;color:var(--text-muted);background-color:var(--bg-hover);padding:2px 8px;border-radius:9999px}.tag-cloud{display:flex;flex-wrap:wrap;gap:4px}.tag-link{display:inline-block;padding:4px 10px;font-size:14px;color:var(--text-secondary);background-color:var(--bg-hover);border-radius:12px;transition:all .2s ease;text-decoration:none}.tag-link:hover{color:#fff;background-color:var(--color-primary);transform:scale(1.05)}.archive-list{list-style:none;margin:0;padding:0}.archive-list-item{margin-bottom:4px}.archive-list-item:last-child{margin-bottom:0}.archive-list-link{display:flex;align-items:center;justify-content:space-between;padding:8px;border-radius:8px;transition:var(--transition-fast);text-decoration:none}.archive-list-link:hover{background-color:var(--bg-hover)}.archive-date{font-size:14px;color:var(--text-secondary)}.archive-count{font-size:12px;color:var(--text-muted)}.link-list{list-style:none;margin:0;padding:0}.link-item{margin-bottom:4px}.link-item:last-child{margin-bottom:0}.link-url{display:flex;align-items:center;gap:8px;padding:8px;border-radius:8px;transition:var(--transition-fast);text-decoration:none}.link-url:hover{background-color:var(--bg-hover)}.link-avatar{width:24px;height:24px;border-radius:4px}.link-name{font-size:14px;color:var(--text-secondary)}
/* rebuild by neat */