.header[data-v-f7838ba3]{background-color:var(--color-bg-card);border-bottom:1px solid var(--color-border);z-index:100;position:sticky;top:0}.header-inner[data-v-f7838ba3]{justify-content:space-between;align-items:center;height:64px;display:flex}.brand[data-v-f7838ba3]{align-items:center;gap:var(--spacing-sm);text-decoration:none;display:flex}.logo[data-v-f7838ba3]{width:32px;height:32px}.brand-text[data-v-f7838ba3]{font-size:var(--font-size-xl);color:var(--color-text);letter-spacing:-.02em;font-weight:700}.brand-text[data-v-f7838ba3]:hover{color:var(--color-primary)}.header-right[data-v-f7838ba3]{align-items:center;gap:var(--spacing-lg);display:flex}.search-box[data-v-f7838ba3]{align-items:center;display:flex;position:relative}.search-icon[data-v-f7838ba3]{color:var(--color-text-tertiary);pointer-events:none;position:absolute;left:10px}.search-input[data-v-f7838ba3]{border:1px solid var(--color-border);border-radius:var(--radius-pill);font-size:var(--font-size-sm);background-color:var(--color-bg);color:var(--color-text);width:180px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), width var(--transition-normal);outline:none;padding:6px 30px 6px 32px}.search-input[data-v-f7838ba3]:not(:has(~.search-clear)){padding-right:12px}.search-input[data-v-f7838ba3]:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);width:240px}.search-input[data-v-f7838ba3]::placeholder{color:var(--color-text-tertiary)}.search-clear[data-v-f7838ba3]{color:var(--color-text-tertiary);cursor:pointer;transition:color var(--transition-fast), background-color var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:2px;display:flex;position:absolute;right:8px}.search-clear[data-v-f7838ba3]:hover{color:var(--color-text);background-color:var(--color-bg-hover)}.nav[data-v-f7838ba3]{gap:var(--spacing-xs);align-items:center;display:flex}.nav-link[data-v-f7838ba3]{border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:var(--transition-fast);padding:6px 14px;font-weight:500;text-decoration:none}.nav-link[data-v-f7838ba3]:hover,.nav-link.router-link-active[data-v-f7838ba3]{color:var(--color-primary);background-color:var(--color-primary-light)}.menu-toggle[data-v-f7838ba3]{padding:var(--spacing-sm);cursor:pointer;background:0 0;border:none;display:none}.hamburger[data-v-f7838ba3]{flex-direction:column;gap:5px;width:22px;display:flex}.hamburger span[data-v-f7838ba3]{background-color:var(--color-text);height:2px;transition:var(--transition-fast);border-radius:1px;display:block}.hamburger.active span[data-v-f7838ba3]:first-child{transform:rotate(45deg)translate(5px,5px)}.hamburger.active span[data-v-f7838ba3]:nth-child(2){opacity:0}.hamburger.active span[data-v-f7838ba3]:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.theme-toggle[data-v-f7838ba3]{color:var(--color-text);cursor:pointer;padding:var(--spacing-sm);transition:background var(--transition-normal), color var(--transition-normal);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.theme-toggle[data-v-f7838ba3]:hover{background:var(--color-bg-hover)}@media (width<=768px){.menu-toggle[data-v-f7838ba3]{display:block}.nav[data-v-f7838ba3]{background-color:var(--color-bg-card);border-bottom:1px solid var(--color-border);padding:var(--spacing-md);gap:var(--spacing-xs);box-shadow:var(--shadow);flex-direction:column;display:none;position:absolute;top:64px;left:0;right:0}.nav-open[data-v-f7838ba3]{display:flex}.nav-link[data-v-f7838ba3]{width:100%;padding:var(--spacing-sm) var(--spacing-md);text-align:left}.search-input[data-v-f7838ba3]{width:120px}.search-input[data-v-f7838ba3]:focus{width:160px}}.footer[data-v-815d3e19]{background-color:var(--color-bg-footer);border-top:1px solid var(--color-border);padding:var(--spacing-md) 0 var(--spacing-md);margin-top:auto}.footer-bottom[data-v-815d3e19]{font-size:var(--font-size-xs);color:var(--color-text-secondary);justify-content:space-between;align-items:center;display:flex}.records[data-v-815d3e19]{gap:var(--spacing-md);display:flex}.record-link[data-v-815d3e19]{font-size:var(--font-size-xs);color:var(--color-text-secondary);transition:var(--transition-fast);align-items:center;gap:4px;text-decoration:none;display:inline-flex}.record-link[data-v-815d3e19]:hover{color:var(--color-primary)}.record-icon[data-v-815d3e19]{width:var(--font-size-xs);height:var(--font-size-xs)}@media (width<=768px){.footer-bottom[data-v-815d3e19]{gap:var(--spacing-sm);text-align:center;flex-direction:column}.records[data-v-815d3e19]{gap:var(--spacing-xs);flex-direction:column}}.back-to-top[data-v-b5da8ee3]{background-color:var(--color-primary);color:#fff;cursor:pointer;width:44px;height:44px;box-shadow:0 2px 8px var(--color-shadow);transition:background-color var(--transition-normal), transform var(--transition-fast), box-shadow var(--transition-fast);z-index:999;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:32px;right:32px}.back-to-top[data-v-b5da8ee3]:hover{background-color:var(--color-primary-hover);box-shadow:0 4px 12px var(--color-shadow);transform:translateY(-2px)}.back-to-top-fade-enter-active[data-v-b5da8ee3],.back-to-top-fade-leave-active[data-v-b5da8ee3]{transition:opacity var(--transition-normal), transform var(--transition-normal)}.back-to-top-fade-enter-from[data-v-b5da8ee3],.back-to-top-fade-leave-to[data-v-b5da8ee3]{opacity:0;transform:translateY(10px)}@media (width<=768px){.back-to-top[data-v-b5da8ee3]{width:40px;height:40px;bottom:20px;right:20px}}.layout[data-v-b0f89fbe]{flex-direction:column;min-height:100vh;display:flex}.main[data-v-b0f89fbe]{flex:1}:root{--color-primary:#42b883;--color-primary-hover:#36a06f;--color-primary-light:#42b8831a;--color-primary-glow:#42b88333;--color-bg:#f5f5f5;--color-bg-card:#fff;--color-bg-sidebar:#f8f9fa;--color-bg-code:#f0f0f0;--color-bg-hover:#0000000d;--color-bg-tag:#f0f0f0;--color-bg-footer:#f5f5f5;--color-text:#333;--color-text-secondary:#666;--color-text-tertiary:#999;--color-text-link:#42b883;--color-border:#e0e0e0;--color-border-sidebar:#e9ecef;--color-shadow:#0000001a;--color-shadow-dark:#0000004d;--shadow-sm:0 1px 2px #0000000d;--shadow:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-pill:1rem;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2.25rem;--font-size-4xl:3rem;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-mono:"Courier New", Courier, monospace;--header-height:60px;--sidebar-width:220px;--container-max:1200px;--content-max:800px;--article-max:1000px;--transition-fast:.2s ease;--transition-normal:.3s ease}.dark-mode{--color-bg:#121212;--color-bg-card:#1e1e1e;--color-bg-sidebar:#1e1e1e;--color-bg-code:#333;--color-bg-hover:#ffffff1a;--color-bg-tag:#333;--color-bg-footer:#1e1e1e;--color-text:#e0e0e0;--color-text-secondary:#999;--color-text-tertiary:#777;--color-text-link:#42b883;--color-border:#333;--color-border-sidebar:#333;--color-shadow:#0000004d;--color-shadow-dark:#00000080}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans), serif;color:var(--color-text);background-color:var(--color-bg);transition:background-color var(--transition-normal), color var(--transition-normal);line-height:1.6}a{color:var(--color-text-link);transition:color var(--transition-normal);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:var(--container-max);padding:0 var(--spacing-md);margin:0 auto}.btn{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);transition:background-color var(--transition-normal), color var(--transition-normal);cursor:pointer;border:none;text-decoration:none;display:inline-block}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover);text-decoration:none}.btn-secondary{background-color:var(--color-bg-tag);color:var(--color-text)}.btn-secondary:hover{background-color:var(--color-border);text-decoration:none}.card{background-color:var(--color-bg-card);border-radius:var(--radius-md);box-shadow:0 2px 4px var(--color-shadow);padding:var(--spacing-lg);transition:transform var(--transition-normal), box-shadow var(--transition-normal)}.card:hover{box-shadow:0 5px 15px var(--color-shadow);transform:translateY(-5px)}@media (width<=768px){.container{padding:0 .75rem}.card{padding:var(--spacing-md)}}.page-layout{gap:var(--spacing-xl);display:flex}.page-content{flex:1;min-width:0}.page-content-header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.page-title{color:var(--color-text);margin:0;font-size:1.75rem}.sort-control{gap:var(--spacing-xs);flex-shrink:0;display:flex}.sort-btn{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);background-color:var(--color-bg-card);color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);transition:all var(--transition-fast);align-items:center;gap:4px;display:flex}.sort-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.sort-btn.active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.posts-container{gap:var(--spacing-lg);flex-direction:column;display:flex}.empty-state{text-align:center;color:var(--color-text-secondary);padding:4rem 0}.empty-state p{margin-bottom:var(--spacing-sm)}.empty-hint{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}@media (width<=768px){.page-layout{flex-direction:column}.page-content-header{flex-direction:column;align-items:flex-start}}