:root{--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;--bg-primary:#f8f9fa;--bg-secondary:#fff;--bg-sidebar:linear-gradient(135deg,#667eea,#764ba2);--bg-sidebar-dark:linear-gradient(135deg,#2d3748,#1a202c);--bg-content:linear-gradient(135deg,#f8f9fa,#e9ecef);--bg-card:#f8f9fa;--bg-card-hover:#e9ecef;--bg-website:var(--bg-sidebar);--bg-website-dark:var(--bg-sidebar-dark);--text-primary:#333;--text-secondary:#555;--text-muted:#6c757d;--text-light:#a0aec0;--text-white:#fff;--border-color:#e9ecef;--border-color-dark:#4a5568;--shadow-light:0 2px 8px rgba(0,0,0,.1);--shadow-medium:0 4px 12px rgba(0,0,0,.15);--shadow-heavy:0 8px 24px rgba(0,0,0,.2);--primary-color:#667eea;--primary-hover:#5a6fd8;--success-color:#28a745;--success-hover:#218838;--transition-fast:.2s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--sidebar-width:300px;--sidebar-width-mobile:280px;--right-sidebar-width:300px;--max-container-width:1800px;--main-content-max-width:1000px;--border-radius:8px;--border-radius-small:6px;--border-radius-large:12px;--right-sidebar-bg:#fff;--right-sidebar-about-bg:#f8f9fa;--right-sidebar-item-bg:#f8f9fa;--right-sidebar-text:#555;--right-sidebar-border:#e9ecef}[data-theme=dark]{--bg-primary:#1a1a1a;--bg-secondary:#2d3748;--bg-content:linear-gradient(135deg,#1a1a1a,#2d3748);--bg-card:#4a5568;--bg-card-hover:#5a6b7d;--text-primary:#cbd5e0;--text-secondary:#a0aec0;--text-muted:#a0aec0;--text-light:#718096;--border-color:#4a5568;--border-color-dark:#2d3748;--shadow-light:0 2px 8px rgba(0,0,0,.3);--shadow-medium:0 4px 12px rgba(0,0,0,.4);--shadow-heavy:0 8px 24px rgba(0,0,0,.5);--bg-website:var(--bg-sidebar-dark);--bg-sidebar:var(--bg-sidebar-dark);--left-sidebar-bg:var(--bg-sidebar-dark);--right-sidebar-bg:var(--bg-sidebar-dark);--right-sidebar-about-bg:#4a5568;--right-sidebar-item-bg:#4a5568;--right-sidebar-text:#a0aec0;--right-sidebar-border:#4a5568;--about-title-color:hsla(0,0%,100%,.9);--about-border-color:hsla(0,0%,100%,.3);--about-content-bg:hsla(0,0%,100%,.15);--about-item-border:hsla(0,0%,100%,.2);--about-text-color:hsla(0,0%,100%,.8)}.dark-mode{--bg-primary:#1a1a1a;--bg-secondary:#2d3748;--bg-content:linear-gradient(135deg,#1a1a1a,#2d3748);--bg-card:#4a5568;--bg-card-hover:#5a6b7d;--text-primary:#cbd5e0;--text-secondary:#a0aec0;--text-muted:#a0aec0;--text-light:#718096;--border-color:#4a5568;--border-color-dark:#2d3748;--shadow-light:0 2px 8px rgba(0,0,0,.3);--shadow-medium:0 4px 12px rgba(0,0,0,.4);--shadow-heavy:0 8px 24px rgba(0,0,0,.5);--bg-website:var(--bg-sidebar-dark);--bg-sidebar:var(--bg-sidebar-dark);--right-sidebar-bg:#2d3748;--right-sidebar-about-bg:#4a5568;--right-sidebar-item-bg:#4a5568;--right-sidebar-text:#a0aec0;--right-sidebar-border:#4a5568}.theme-default{--bg-sidebar:linear-gradient(135deg,#667eea,#764ba2);--bg-sidebar-dark:linear-gradient(135deg,#2d3748,#1a202c);--bg-content:linear-gradient(135deg,#f8f9fa,#e9ecef);--bg-content-dark:linear-gradient(135deg,#1a1a1a,#2d3748);--primary-color:#667eea;--primary-hover:#5a6fd8;--text-white:#fff;--text-white-soft:hsla(0,0%,100%,.9);--text-white-muted:hsla(0,0%,100%,.7)}.theme-ocean{--bg-sidebar:linear-gradient(135deg,#4facfe,#00f2fe);--bg-sidebar-dark:linear-gradient(135deg,#1e3c72,#2a5298);--bg-content:linear-gradient(135deg,#e3f2fd,#bbdefb);--bg-content-dark:linear-gradient(135deg,#0d47a1,#1565c0);--primary-color:#4facfe;--primary-hover:#3d8bfe;--text-white:#fff;--text-white-soft:hsla(0,0%,100%,.95);--text-white-muted:hsla(0,0%,100%,.8)}.theme-forest{--bg-sidebar:linear-gradient(135deg,#56ab2f,#a8e6cf);--bg-sidebar-dark:linear-gradient(135deg,#2c5530,#1a3d1a);--bg-content:linear-gradient(135deg,#e8f5e8,#c8e6c9);--bg-content-dark:linear-gradient(135deg,#1b5e20,#2e7d32);--primary-color:#56ab2f;--primary-hover:#4a9a26;--text-white:#fff;--text-white-soft:hsla(0,0%,100%,.95);--text-white-muted:hsla(0,0%,100%,.8)}.theme-sunset{--bg-sidebar:linear-gradient(135deg,#ff9a9e,#fecfef);--bg-sidebar-dark:linear-gradient(135deg,#8b2635,#4a1a2e);--bg-content:linear-gradient(135deg,#fff3e0,#ffe0b2);--bg-content-dark:linear-gradient(135deg,#bf360c,#d84315);--primary-color:#ff9a9e;--primary-hover:#ff8a8e;--text-white:#fff;--text-white-soft:hsla(0,0%,100%,.95);--text-white-muted:hsla(0,0%,100%,.8)}.theme-purple{--bg-sidebar:linear-gradient(135deg,#a8edea,#fed6e3);--bg-sidebar-dark:linear-gradient(135deg,#4a148c,#7b1fa2);--bg-content:linear-gradient(135deg,#f3e5f5,#e1bee7);--bg-content-dark:linear-gradient(135deg,#4a148c,#7b1fa2);--primary-color:#a8edea;--primary-hover:#9de5e2;--text-white:#fff;--text-white-soft:hsla(0,0%,100%,.95);--text-white-muted:hsla(0,0%,100%,.8)}.theme-minimal{--bg-sidebar:linear-gradient(135deg,#fff,#f8f9fa 50%,#e9ecef);--bg-sidebar-dark:linear-gradient(135deg,#2d3748,#4a5568 50%,#718096);--bg-content:linear-gradient(135deg,#fff,#f8f9fa);--bg-content-dark:linear-gradient(135deg,#1a202c,#2d3748);--primary-color:#4a5568;--primary-hover:#2d3748;--text-white:#2d3748;--text-white-soft:#4a5568;--text-white-muted:#718096;--text-white-dark:#e2e8f0;--text-white-soft-dark:#a0aec0;--text-white-muted-dark:#718096;--text-white-on-primary:#fff;--tag-bg:rgba(74,85,104,.08);--tag-border:rgba(74,85,104,.15);--tag-text:#4a5568;--tag-hover-bg:rgba(74,85,104,.15);--tag-hover-border:rgba(74,85,104,.25);--sidebar-section-bg:hsla(0,0%,100%,.6);--sidebar-section-bg-dark:rgba(45,55,72,.4);--sidebar-section-border:rgba(74,85,104,.1);--sidebar-section-border-dark:rgba(160,174,192,.2)}[data-theme=dark].theme-default,[data-theme=dark].theme-forest,[data-theme=dark].theme-minimal,[data-theme=dark].theme-ocean,[data-theme=dark].theme-purple,[data-theme=dark].theme-sunset{--bg-sidebar:var(--bg-sidebar-dark);--bg-content:var(--bg-content-dark)}[data-theme=dark].theme-minimal{--text-white:var(--text-white-dark);--text-white-soft:var(--text-white-soft-dark);--text-white-muted:#cbd5e0;--text-white-on-primary:#fff;--tag-bg:rgba(160,174,192,.1);--tag-border:rgba(160,174,192,.2);--tag-text:#a0aec0;--tag-hover-bg:rgba(160,174,192,.2);--tag-hover-border:rgba(160,174,192,.3);--sidebar-section-bg:var(--sidebar-section-bg-dark);--sidebar-section-border:var(--sidebar-section-border-dark)}html ::-webkit-scrollbar{background-color:#f5f5f5;height:8px;width:8px}html ::-webkit-scrollbar-corner{background-color:transparent}html ::-webkit-scrollbar-track{background-color:#49b1f533;border-radius:2em}html ::-webkit-scrollbar-thumb{background-color:#49b1f5;background-image:-webkit-linear-gradient(45deg,hsla(0,0%,100%,.4) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 75%,transparent 0,transparent);border-radius:2em}html{overflow-y:auto;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:100%;word-break:normal}*,html{box-sizing:border-box}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);margin:0;padding:0;transition:background-color var(--transition-normal),color var(--transition-normal)}#app,body{min-height:100vh}#app{width:100%}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-normal)}a:hover{color:var(--primary-hover)}button{border:none;cursor:pointer;font-family:inherit;outline:none;transition:all var(--transition-normal)}button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:1200px){.website-container{flex-direction:column}.website-container .left-sidebar{flex-direction:row;height:auto;overflow-x:auto;overflow-y:hidden;position:relative;transform:none!important;width:100%}.website-container .right-sidebar{display:flex;flex-wrap:wrap;gap:20px;height:auto;position:relative;width:100%}.website-container .right-sidebar>div{flex:1;min-width:250px}}@media (max-width:768px){.website-container{flex-direction:column}.website-container .left-sidebar{flex-direction:column;height:100vh;position:fixed;transform:translate(-100%);width:280px;z-index:999}.website-container .left-sidebar:not(.mobile-hidden){transform:translate(0)}.website-container .main-content{width:100%}.website-container .right-sidebar{display:grid;gap:20px;grid-template-columns:1fr;height:auto;padding:15px;position:relative;width:100%}.nav-menu ul{display:flex;flex-direction:column;gap:8px}.nav-menu li{flex:1;min-width:80px;text-align:center}.stats-grid{grid-template-columns:repeat(2,1fr)}.category-tabs{flex-wrap:wrap;gap:4px}.category-tab{flex:1;min-width:60px;text-align:center}.post-footer{align-items:flex-start;flex-direction:column;gap:15px}}.md-editor{--md-bk-color:var(--bg-content)!important}.loading-spinner[data-v-64cc005f]{animation:spinner-rotate-64cc005f 1s linear infinite;border-color:transparent;border-radius:50%;border-style:solid;display:inline-block}@keyframes spinner-rotate-64cc005f{0%{transform:rotate(0)}to{transform:rotate(1turn)}}