.theme-toggle[data-v-81f205f0]{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-primary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px var(--shadow-color)}.theme-toggle[data-v-81f205f0]:hover{background:var(--bg-tertiary);transform:scale(1.05);box-shadow:0 4px 12px var(--shadow-color)}.theme-toggle[data-v-81f205f0]:active{transform:scale(.95)}.toggle-icon[data-v-81f205f0]{display:flex;align-items:center;justify-content:center;color:var(--accent-primary);transition:color .3s ease}.dark{color:#fbbf24}.icon-sun[data-v-81f205f0],.icon-moon[data-v-81f205f0]{width:20px;height:20px;transition:all .3s ease}.theme-toggle:hover .icon-sun[data-v-81f205f0],.theme-toggle:hover .icon-moon[data-v-81f205f0]{transform:scale(1.15) rotate(15deg)}.header[data-v-dc8c0c94]{background:var(--header-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);transition:all .3s ease}.logo-section[data-v-dc8c0c94]{flex-shrink:0}.logo-link[data-v-dc8c0c94]{text-decoration:none;display:flex;align-items:center}.logo-image[data-v-dc8c0c94]{height:40px;max-width:200px;-o-object-fit:contain;object-fit:contain}.logo-text[data-v-dc8c0c94]{font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:opacity .2s ease}.logo-link:hover .logo-text[data-v-dc8c0c94]{opacity:.8}.logo-link:hover .logo-image[data-v-dc8c0c94]{opacity:.9}.desktop-nav[data-v-dc8c0c94]{align-items:center}.nav-link[data-v-dc8c0c94]{display:inline-flex;align-items:center;gap:.5rem;border-radius:20px;padding:.5rem 1rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;color:var(--text-secondary);text-decoration:none;font-weight:500}.nav-link[data-v-dc8c0c94]:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-link.router-link-active[data-v-dc8c0c94]{background:#7c3aed1a;color:var(--accent-primary)}.user-menu[data-v-dc8c0c94]{display:flex;align-items:center;gap:.5rem;border-radius:20px;padding:.5rem .75rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;cursor:pointer;background:var(--bg-tertiary)}.user-menu[data-v-dc8c0c94]:hover{background:var(--border-color)}.user-avatar[data-v-dc8c0c94]{height:2rem;width:2rem;border-radius:9999px;-o-object-fit:cover;object-fit:cover}.user-avatar-placeholder[data-v-dc8c0c94]{height:2rem;width:2rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;font-size:.875rem;line-height:1.25rem;font-weight:600;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff}.user-name[data-v-dc8c0c94]{font-size:.875rem;line-height:1.25rem;font-weight:500;color:var(--text-primary)}.user-dropdown[data-v-dc8c0c94]{position:absolute;right:0;width:12rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.user-dropdown[data-v-dc8c0c94]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.user-dropdown[data-v-dc8c0c94]{border-radius:20px;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.user-dropdown[data-v-dc8c0c94]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.user-dropdown[data-v-dc8c0c94]{padding-top:.5rem;padding-bottom:.5rem;transform-origin:top right;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);z-index:1000;margin-top:8px;opacity:1;transform:scaleY(1)}.user-dropdown[style*="display: none"][data-v-dc8c0c94]{opacity:0;transform:scaleY(0);margin-top:0}.dropdown-item[data-v-dc8c0c94]{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;color:var(--text-secondary);text-decoration:none;width:100%;background:none;border:none;cursor:pointer;text-align:left}.dropdown-item[data-v-dc8c0c94]:hover{background:var(--bg-tertiary);color:var(--text-primary)}.dropdown-item.logout[data-v-dc8c0c94]{color:var(--danger)}.dropdown-item.logout[data-v-dc8c0c94]:hover{background:#ff3b301a}.dropdown-divider[data-v-dc8c0c94]{margin-top:.5rem;margin-bottom:.5rem;border-top-width:1px;border-color:var(--border-color)}.mobile-user-info[data-v-dc8c0c94]{margin-bottom:.5rem;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:20px;--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.mobile-user-info[data-v-dc8c0c94]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.mobile-user-avatar[data-v-dc8c0c94]{height:2.5rem;width:2.5rem;border-radius:9999px;-o-object-fit:cover;object-fit:cover}.mobile-user-avatar-placeholder[data-v-dc8c0c94]{height:2.5rem;width:2.5rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;font-weight:600;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff}.mobile-user-name[data-v-dc8c0c94]{font-weight:500;color:var(--text-primary)}.mobile-nav-link.logout[data-v-dc8c0c94]{color:var(--danger)}.mobile-nav-link.logout[data-v-dc8c0c94]:hover{background:#ff3b301a}.mobile-menu-btn[data-v-dc8c0c94]{display:flex;align-items:center;justify-content:center;height:2.75rem;width:2.75rem;border-radius:20px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;background:none;border:none;cursor:pointer}.mobile-menu-btn[data-v-dc8c0c94]:hover{background:var(--bg-tertiary)}.hamburger[data-v-dc8c0c94]{position:relative;width:24px;height:18px}.bar[data-v-dc8c0c94]{position:absolute;left:0;right:0;height:.125rem;border-radius:9999px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;background:var(--text-primary)}.bar[data-v-dc8c0c94]:nth-child(1){top:0}.bar[data-v-dc8c0c94]:nth-child(2){top:50%;transform:translateY(-50%)}.bar[data-v-dc8c0c94]:nth-child(3){bottom:0}.hamburger.open .bar[data-v-dc8c0c94]:nth-child(1){top:50%;transform:translateY(-50%) rotate(45deg)}.hamburger.open .bar[data-v-dc8c0c94]:nth-child(2){opacity:0}.hamburger.open .bar[data-v-dc8c0c94]:nth-child(3){bottom:50%;transform:translateY(50%) rotate(-45deg)}.mobile-menu[data-v-dc8c0c94]{border-top-width:1px;border-color:var(--border-color);background:var(--bg-primary);overflow:hidden}.mobile-menu-content[data-v-dc8c0c94]>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.mobile-menu-content[data-v-dc8c0c94]{padding:1rem}.mobile-nav-link[data-v-dc8c0c94]{display:flex;align-items:center;gap:.75rem;border-radius:20px;padding:.75rem 1rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;color:var(--text-secondary);text-decoration:none;font-weight:500}.mobile-nav-link[data-v-dc8c0c94]:hover{background:var(--bg-tertiary);color:var(--text-primary)}.mobile-nav-link.router-link-active[data-v-dc8c0c94]{background:#7c3aed1a;color:var(--accent-primary)}.mobile-nav-link-primary[data-v-dc8c0c94]{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff!important;font-weight:600;justify-content:center;min-height:48px}.mobile-nav-link-primary[data-v-dc8c0c94]:hover{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));opacity:.9;transform:translateY(-1px)}.mobile-nav-link-danger[data-v-dc8c0c94]{color:var(--danger)!important;justify-content:center;min-height:48px}.mobile-nav-link-danger[data-v-dc8c0c94]:hover{background:#ff3b301a}.mobile-menu-divider[data-v-dc8c0c94]{margin-top:.75rem;margin-bottom:.75rem;border-top-width:1px;border-color:var(--border-color)}.mobile-theme-toggle[data-v-dc8c0c94]{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;margin-top:.5rem;border-top-width:1px;border-color:var(--border-color)}.theme-label[data-v-dc8c0c94]{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary);font-weight:500}.theme-switch-btn[data-v-dc8c0c94]{display:flex;align-items:center;justify-content:center;height:2.5rem;width:2.5rem;border-radius:20px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;background:var(--bg-tertiary);border:none;cursor:pointer;color:var(--text-secondary);font-size:1.125rem}.theme-switch-btn[data-v-dc8c0c94]:hover{background:var(--border-color);color:var(--accent-primary)}.slide-down-enter-active[data-v-dc8c0c94],.slide-down-leave-active[data-v-dc8c0c94]{transition:all .3s ease}.slide-down-enter-from[data-v-dc8c0c94],.slide-down-leave-to[data-v-dc8c0c94]{opacity:0;transform:translateY(-10px);max-height:0}.slide-down-enter-to[data-v-dc8c0c94],.slide-down-leave-from[data-v-dc8c0c94]{opacity:1;transform:translateY(0);max-height:500px}.dark{background:var(--text-primary)}.site-footer[data-v-507db707]{background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border-top:1px solid var(--border-color);padding:64px 0 32px;margin-top:80px}.footer-main[data-v-507db707]{display:grid;grid-template-columns:repeat(4,1fr);gap:48px;margin-bottom:48px}.footer-section[data-v-507db707]{min-width:0}.footer-title[data-v-507db707]{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:16px;display:flex;align-items:center;gap:8px}.footer-title i[data-v-507db707]{color:var(--accent-primary);font-size:1.25rem}.footer-description[data-v-507db707]{color:var(--text-secondary);font-size:.95rem;line-height:1.7;margin-bottom:16px}.footer-social[data-v-507db707]{display:flex;gap:12px;margin-top:16px}.social-link[data-v-507db707]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:10px;color:var(--text-secondary);font-size:1.125rem;transition:all .3s ease;text-decoration:none}.social-link[data-v-507db707]:hover{background:var(--accent-primary);color:#fff;transform:translateY(-3px)}.footer-nav[data-v-507db707]{list-style:none;padding:0;margin:0}.footer-nav li[data-v-507db707]{margin-bottom:12px}.footer-nav a[data-v-507db707]{color:var(--text-secondary);text-decoration:none;font-size:.95rem;display:flex;align-items:center;gap:8px;transition:all .2s ease;padding:6px 0}.footer-nav a[data-v-507db707]:hover{color:var(--accent-primary);padding-left:8px}.footer-nav a i[data-v-507db707]{width:16px;font-size:.875rem;opacity:.7}.footer-contact[data-v-507db707]{list-style:none;padding:0;margin:0}.footer-contact li[data-v-507db707]{margin-bottom:12px;display:flex;align-items:flex-start;gap:10px;color:var(--text-secondary);font-size:.95rem}.footer-contact li i[data-v-507db707]{width:18px;color:var(--accent-primary);margin-top:2px}.footer-bottom[data-v-507db707]{padding-top:32px;border-top:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.footer-bottom-content[data-v-507db707]{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px}.copyright[data-v-507db707]{color:var(--text-secondary);font-size:.875rem;margin:0}.copyright-link[data-v-507db707]{color:var(--text-secondary);text-decoration:none;transition:color .2s}.copyright-link[data-v-507db707]:hover{color:var(--accent-primary)}.icp[data-v-507db707]{color:var(--text-secondary);font-size:.875rem;margin:0;display:flex;align-items:center;gap:6px}.icp a[data-v-507db707]{color:var(--text-secondary);text-decoration:none;transition:color .2s}.icp a[data-v-507db707]:hover{color:var(--accent-primary)}.powered-by[data-v-507db707]{color:var(--text-tertiary);font-size:.8125rem;margin:0}.powered-by a[data-v-507db707]{color:var(--text-tertiary);text-decoration:none;transition:color .2s}.powered-by a[data-v-507db707]:hover{color:var(--accent-primary)}@media (max-width: 1024px){.footer-main[data-v-507db707]{grid-template-columns:repeat(2,1fr);gap:32px}}@media (max-width: 768px){.site-footer[data-v-507db707]{padding:48px 0 24px;margin-top:60px}.footer-main[data-v-507db707]{grid-template-columns:1fr;gap:32px;margin-bottom:32px}.footer-bottom-content[data-v-507db707]{flex-direction:column;gap:8px}.footer-title[data-v-507db707]{font-size:1rem}.footer-description[data-v-507db707],.footer-nav a[data-v-507db707],.footer-contact li[data-v-507db707]{font-size:.9rem}}@media (max-width: 480px){.site-footer[data-v-507db707]{padding:40px 0 20px}.footer-social[data-v-507db707]{gap:8px}.social-link[data-v-507db707]{width:36px;height:36px;font-size:1rem}.copyright[data-v-507db707],.icp[data-v-507db707],.powered-by[data-v-507db707]{font-size:.75rem}.footer-section[data-v-507db707]:nth-child(3),.footer-section[data-v-507db707]:nth-child(4){display:inline-block;width:48%;vertical-align:top}.footer-section[data-v-507db707]:nth-child(3){margin-right:4%}.footer-section[data-v-507db707]:nth-child(4){margin-right:0}.footer-section:nth-child(3) .footer-title[data-v-507db707],.footer-section:nth-child(4) .footer-title[data-v-507db707]{font-size:.95rem;margin-bottom:12px}.footer-section:nth-child(3) .footer-nav a[data-v-507db707],.footer-section:nth-child(4) .footer-contact li[data-v-507db707]{font-size:.85rem}.footer-section:nth-child(4) .footer-contact li[data-v-507db707]{margin-bottom:8px}}.toast-container[data-v-9f0db7f6]{position:fixed;z-index:9999;pointer-events:none}.toast[data-v-9f0db7f6]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;font-size:14px;font-weight:500;pointer-events:auto;transform:translate(0) translateY(0);transition:all .3s ease;max-width:90vw}.toast.top-right[data-v-9f0db7f6]{top:20px;right:20px}.toast.top-left[data-v-9f0db7f6]{top:20px;left:20px}.toast.bottom-right[data-v-9f0db7f6]{bottom:20px;right:20px}.toast.bottom-left[data-v-9f0db7f6]{bottom:20px;left:20px}.toast.top-center[data-v-9f0db7f6]{top:20px;left:50%;transform:translate(-50%)}.toast.bottom-center[data-v-9f0db7f6]{bottom:20px;left:50%;transform:translate(-50%)}.toast.success[data-v-9f0db7f6]{background:linear-gradient(135deg,#10b981,#059669)}.toast.error[data-v-9f0db7f6]{background:linear-gradient(135deg,#ef4444,#dc2626)}.toast.warning[data-v-9f0db7f6]{background:linear-gradient(135deg,#f59e0b,#d97706)}.toast.info[data-v-9f0db7f6]{background:linear-gradient(135deg,#667eea,#4f46e5)}.toast-content[data-v-9f0db7f6]{display:flex;align-items:center;gap:8px;min-width:0}.toast-message[data-v-9f0db7f6]{white-space:pre-wrap;word-break:break-word;overflow:hidden;text-overflow:ellipsis}.toast-close[data-v-9f0db7f6]{background:none;border:none;color:#fff;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s;font-size:16px}.toast-close[data-v-9f0db7f6]:hover{background:#fff3}@media (max-width: 768px){.toast[data-v-9f0db7f6]{padding:10px 16px;font-size:13px;max-width:calc(100vw - 40px)}.toast.top-center[data-v-9f0db7f6],.toast.bottom-center[data-v-9f0db7f6]{left:20px;right:20px;transform:none;max-width:calc(100vw - 40px)}}.back-to-top[data-v-1eeb75b1]{position:fixed;bottom:100px;right:30px;width:50px;height:50px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;color:#fff;cursor:pointer;box-shadow:0 4px 12px #667eea66;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:100;display:flex;align-items:center;justify-content:center}.back-to-top[data-v-1eeb75b1]:hover{transform:translateY(-4px);box-shadow:0 8px 20px #667eea99}.back-to-top[data-v-1eeb75b1]:active{transform:translateY(-2px)}.back-to-top svg[data-v-1eeb75b1]{width:24px;height:24px}@media (max-width: 768px){.back-to-top[data-v-1eeb75b1]{bottom:80px;right:20px;width:44px;height:44px}.back-to-top svg[data-v-1eeb75b1]{width:20px;height:20px}}.dark{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 4px 12px #5a67d866}.dark{box-shadow:0 8px 20px #5a67d899}.app-container{min-height:100vh;display:flex;flex-direction:column;overflow:hidden}.main-content-wrapper{flex:1;display:flex;flex-direction:column;position:relative;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.main-content-wrapper::-webkit-scrollbar{width:8px}.main-content-wrapper::-webkit-scrollbar-track{background:#f5f5f7}.main-content-wrapper::-webkit-scrollbar-thumb{background:#d2d2d7;border-radius:4px}.main-content-wrapper::-webkit-scrollbar-thumb:hover{background:#86868b}.dark .main-content-wrapper::-webkit-scrollbar-track{background:#1c1c1e}.dark .main-content-wrapper::-webkit-scrollbar-thumb{background:#38383a}.dark .main-content-wrapper::-webkit-scrollbar-thumb:hover{background:#636366}.main-content-inner{flex:1;display:flex;flex-direction:column;min-height:100%}.icon[data-v-3454f52e]{display:inline-block;vertical-align:middle}.code-block-wrapper[data-v-e1e2eeb7]{position:relative;margin:16px 0;border-radius:8px;overflow:hidden;background:#1e1e1e;box-shadow:0 4px 12px #00000026}.code-header[data-v-e1e2eeb7]{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#2d2d2d;border-bottom:1px solid #404040}.language-label[data-v-e1e2eeb7]{font-size:12px;color:#9cdcfe;font-weight:600;text-transform:uppercase}.copy-btn[data-v-e1e2eeb7]{display:flex;align-items:center;gap:4px;padding:4px 8px;background:transparent;border:1px solid #404040;border-radius:4px;color:#9cdcfe;font-size:12px;cursor:pointer;transition:all .2s}.copy-btn[data-v-e1e2eeb7]:hover{background:#404040;border-color:#9cdcfe}.copy-btn svg[data-v-e1e2eeb7]{width:14px;height:14px}.copy-text[data-v-e1e2eeb7]{font-size:12px}.code-content-wrapper[data-v-e1e2eeb7]{display:flex;overflow-x:auto}.line-numbers[data-v-e1e2eeb7]{display:flex;flex-direction:column;padding:16px 8px;background:#2d2d2d;border-right:1px solid #404040;-webkit-user-select:none;-moz-user-select:none;user-select:none;min-width:50px;text-align:right}.line-numbers span[data-v-e1e2eeb7]{font-size:14px;line-height:1.6;color:#858585;font-family:Consolas,Monaco,Courier New,monospace}.code-content[data-v-e1e2eeb7]{flex:1;padding:16px;margin:0;overflow-x:auto;font-size:14px;line-height:1.6;color:#d4d4d4;font-family:Consolas,Monaco,Courier New,monospace;white-space:pre}.code-content[data-v-e1e2eeb7]::-webkit-scrollbar,.code-content-wrapper[data-v-e1e2eeb7]::-webkit-scrollbar{height:8px;width:8px}.code-content[data-v-e1e2eeb7]::-webkit-scrollbar-track,.code-content-wrapper[data-v-e1e2eeb7]::-webkit-scrollbar-track{background:#1e1e1e}.code-content[data-v-e1e2eeb7]::-webkit-scrollbar-thumb,.code-content-wrapper[data-v-e1e2eeb7]::-webkit-scrollbar-thumb{background:#404040;border-radius:4px}.code-content[data-v-e1e2eeb7]::-webkit-scrollbar-thumb:hover,.code-content-wrapper[data-v-e1e2eeb7]::-webkit-scrollbar-thumb:hover{background:#505050}.code-block-wrapper.copied[data-v-e1e2eeb7]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#4caf501a;animation:flash-e1e2eeb7 .5s ease-out;pointer-events:none}@keyframes flash-e1e2eeb7{0%{opacity:0}50%{opacity:1}to{opacity:0}}.dark{background:#1a1a1a}.dark{background:#252525;border-bottom-color:#3a3a3a}.dark{background:#252525;border-right-color:#3a3a3a}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.left-4{left:1rem}.right-0{right:0}.top-0{top:0}.top-1\/2{top:50%}.top-3{top:.75rem}.z-50{z-index:50}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.table-row{display:table-row}.grid{display:grid}.hidden{display:none}.h-0\.5{height:.125rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-16{height:4rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .4s ease-out}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.rounded-full{border-radius:9999px}.rounded-xl{border-radius:20px}.border{border-width:1px}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-6{padding-bottom:1.5rem}.pl-12{padding-left:3rem}.pr-4{padding-right:1rem}.pt-3{padding-top:.75rem}.pt-6{padding-top:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-orange-600{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root{--bg-primary: #faf9f8;--bg-secondary: #f5f0ed;--bg-tertiary: #ebe4dd;--bg-card: #ffffff;--text-primary: #5c544a;--text-secondary: #7a7166;--text-tertiary: #9a9287;--text-placeholder: #b8b1a8;--border-color: #e8e5e3;--border-light: #f3f1f0;--divider: #d4cfc9;--accent-primary: #a89380;--accent-primary-soft: rgba(168, 147, 128, .1);--accent-primary-hover: #968270;--accent-secondary: #bc8ba3;--accent-tertiary: #8ba8b8;--success: #8ba890;--success-soft: rgba(139, 168, 144, .1);--warning: #c29d7f;--warning-soft: rgba(194, 157, 127, .1);--danger: #bc878f;--danger-soft: rgba(188, 135, 143, .1);--shadow-sm: 0 1px 3px rgba(120, 100, 80, .04);--shadow-md: 0 4px 12px rgba(120, 100, 80, .06);--shadow-lg: 0 8px 24px rgba(120, 100, 80, .08);--shadow-float: 0 2px 8px rgba(120, 100, 80, .05);--card-bg: rgba(255, 255, 255, .95);--card-border: rgba(232, 229, 227, .8);--input-bg: #ffffff;--input-border: #e8e5e3;--input-focus-border: #a89380;--input-focus-shadow: rgba(168, 147, 128, .15)}.dark{--bg-primary: #1a1816;--bg-secondary: #24201e;--bg-tertiary: #2d2825;--bg-card: rgba(36, 32, 30, .95);--text-primary: #d4cfc9;--text-secondary: #b8b1a8;--text-tertiary: #9a9287;--text-placeholder: #7a7166;--border-color: #3d3630;--border-light: #2d2825;--divider: #5c544a;--accent-primary: #bfaea0;--accent-primary-soft: rgba(191, 174, 160, .15);--accent-primary-hover: #d4c9be;--accent-secondary: #cda7bc;--accent-tertiary: #a9c0cc;--success: #a9c0ac;--success-soft: rgba(169, 192, 172, .15);--warning: #d1b8a0;--warning-soft: rgba(209, 184, 160, .15);--danger: #cda5ab;--danger-soft: rgba(205, 165, 171, .15);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-float: 0 2px 8px rgba(0, 0, 0, .35);--card-bg: rgba(36, 32, 30, .95);--card-border: rgba(61, 54, 48, .8);--input-bg: #24201e;--input-border: #3d3630;--input-focus-border: #bfaea0;--input-focus-shadow: rgba(191, 174, 160, .2)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease;letter-spacing:-.01em}#app{min-height:100vh;background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%)}.card{overflow:hidden;border-radius:24px;-webkit-mask-image:-webkit-radial-gradient(white,black);background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--accent-primary)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;border-radius:20px;padding:.75rem 1.5rem;font-weight:600;-webkit-mask-image:-webkit-radial-gradient(white,black);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1);background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);color:#fff;box-shadow:0 4px 14px #a8938040;border:none;letter-spacing:-.01em}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #a8938059;filter:brightness(1.05)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:20px;padding:.75rem 1.5rem;font-weight:600;-webkit-mask-image:-webkit-radial-gradient(white,black);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1);background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);letter-spacing:-.01em}.btn-secondary:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--accent-primary);transform:translateY(-1px)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;border-radius:16px;padding:.5rem 1rem;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;background:transparent;color:var(--text-secondary);border:1px solid transparent}.btn-ghost:hover{background:var(--bg-tertiary);color:var(--text-primary)}.form-input,.form-textarea{width:100%;border-radius:20px;padding:.75rem 1rem;-webkit-mask-image:-webkit-radial-gradient(white,black);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1);background:var(--input-bg);border:1.5px solid var(--input-border);color:var(--text-primary);font-size:1rem;letter-spacing:-.01em}.form-input:focus,.form-textarea:focus{outline:2px solid transparent;outline-offset:2px;border-color:var(--input-focus-border);box-shadow:0 0 0 4px var(--input-focus-shadow);transform:translateY(-1px)}.form-input::-moz-placeholder,.form-textarea::-moz-placeholder{color:var(--text-placeholder)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-placeholder)}.form-input:disabled{background:var(--bg-tertiary);cursor:not-allowed;opacity:.7}.form-textarea{resize:vertical;min-height:120px;font-family:inherit}.tag{display:inline-flex;align-items:center;border-radius:9999px;padding:.25rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-light);letter-spacing:-.01em}.tag:hover{background:var(--accent-primary-soft);color:var(--accent-primary);border-color:var(--accent-primary);transform:translateY(-1px)}.tag-primary{background:var(--accent-primary-soft);color:var(--accent-primary);border-color:var(--accent-primary)}.tag-secondary{background:#bc8ba31a;color:var(--accent-secondary);border-color:#bc8ba333}.loading-spinner{height:2.5rem;width:2.5rem;border-radius:9999px;border:3px solid var(--border-light);border-top-color:var(--accent-primary);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}.skeleton{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--border-color) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.container-custom{margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width: 640px){.container-custom{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 1024px){.container-custom{padding-left:2rem;padding-right:2rem}}.container-custom{max-width:1200px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--divider);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::-moz-selection{background:var(--accent-primary-soft);color:var(--text-primary)}::selection{background:var(--accent-primary-soft);color:var(--text-primary)}.dark body{background:linear-gradient(180deg,#1f1b19,#1a1816)}.dark .card:hover{border-color:var(--accent-primary)}@media (max-width: 640px){.hide-mobile{display:none!important}}@media (min-width: 641px){.show-mobile-only{display:none!important}}@media (max-width: 768px){button,.btn,a,input,select,textarea{min-height:44px}.card:hover,.btn-primary:hover,.btn-secondary:hover{transform:none}button:active,.btn:active{transform:scale(.98);opacity:.9}body{font-size:16px}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}input,textarea,select{font-size:16px;-webkit-appearance:none;border-radius:12px}.card{border-radius:16px;margin-bottom:16px}.btn-full-mobile{width:100%;justify-content:center}img{max-width:100%;height:auto}}@media (max-width: 480px){body{font-size:15px}.container,.page-content{padding-left:12px!important;padding-right:12px!important}.card-body{padding:16px!important}.hide-small-mobile{display:none!important}}@supports (padding: max(0px)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.admin-header{padding-top:max(16px,env(safe-area-inset-top))}.mobile-nav{padding-bottom:max(16px,env(safe-area-inset-bottom))}}.skip-link{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.skip-link:focus{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal;position:absolute;top:1rem;left:1rem}.skip-link{z-index:50;border-radius:16px;--tw-bg-opacity: 1;background-color:rgb(150 130 112 / var(--tw-bg-opacity, 1));padding:.5rem 1rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.backdrop-blur{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}html{-webkit-overflow-scrolling:touch}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}*{-webkit-tap-highlight-color:transparent}input,button,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}button,a{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}img{-webkit-user-drag:none;user-drag:none}.sticky{position:sticky}.rounded-xl,.rounded-2xl{-webkit-mask-image:-webkit-radial-gradient(white,black)}@media (max-width: 768px){body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Helvetica Neue,sans-serif;letter-spacing:-.01em}.home-wrapper,.post-view,.category-view,.tags-view{background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%)}.card,.post-card{background:var(--card-bg);border-radius:16px;box-shadow:var(--shadow-sm);border:1px solid var(--card-border);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary,.btn-secondary{border-radius:12px;font-weight:600;font-size:.93rem;padding:11px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:-.01em}input[type=text],input[type=email],input[type=password],textarea,select{border-radius:12px;border:1.5px solid var(--border-color);padding:11px 14px;font-size:1rem;transition:all .3s;background:var(--input-bg)}input:focus,textarea:focus,select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 4px var(--input-focus-shadow);outline:none}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.02em;line-height:1.35;color:var(--text-primary)}h1{font-size:1.65rem}h2{font-size:1.4rem}h3{font-size:1.2rem}a{color:var(--accent-primary);text-decoration:none;transition:opacity .2s}a:hover{opacity:.8}.tag,.badge{border-radius:8px;padding:4px 12px;font-size:.8rem;font-weight:500;letter-spacing:-.01em;border:1px solid var(--border-light)}.header,.mobile-nav{background:#ffffffb8;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color)}:global(.dark) .header,:global(.dark) .mobile-nav{background:#24201eb8;border-bottom-color:var(--border-color)}hr,.divider{border:none;height:1px;background:linear-gradient(90deg,transparent 0%,var(--divider) 50%,transparent 100%);margin:20px 0}.empty-state,.loading-state{padding:48px 20px;text-align:center;border-radius:16px;background:var(--bg-card);border:1px solid var(--card-border)}.empty-state i,.loading-state i{font-size:56px;color:var(--text-tertiary);margin-bottom:16px;opacity:.5}pre,code{border-radius:10px;background:var(--bg-tertiary);font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:.88em;border:1px solid var(--border-light)}table{border-radius:12px;overflow:hidden;border:1px solid var(--border-color)}th,td{padding:11px 14px;border-bottom:1px solid var(--border-color)}th{background:var(--bg-tertiary);font-weight:600}.modal,.dialog{border-radius:20px;padding:20px;box-shadow:var(--shadow-lg);border:1px solid var(--card-border)}.toast{border-radius:12px;padding:11px 18px;background:var(--card-bg);box-shadow:var(--shadow-md);border:1px solid var(--card-border)}.container-custom{padding-left:16px;padding-right:16px}.hero-section{padding:56px 0 40px}.hero-content{padding:32px 20px;border-radius:20px;margin:0 12px;border:1px solid var(--card-border)}.search-input{border-radius:12px;background:var(--bg-card);border:1.5px solid var(--border-color);padding:10px 14px 10px 40px;font-size:.93rem;transition:all .3s}.search-input:focus{background:var(--bg-card);border-color:var(--accent-primary);box-shadow:0 0 0 4px var(--input-focus-shadow)}.pagination-btn{border-radius:10px;padding:10px 18px;font-weight:500;transition:all .3s;border:1px solid var(--border-color)}.site-footer{margin-top:56px;padding:48px 0 24px;border-top:1px solid var(--border-color)}.footer-section{margin-bottom:24px}.footer-title{font-size:.95rem;margin-bottom:12px}.mobile-menu{background:var(--bg-card);border-radius:16px;margin:12px;padding:16px;box-shadow:var(--shadow-md);border:1px solid var(--card-border)}.mobile-nav-link{padding:11px 14px;border-radius:10px;transition:all .2s;display:flex;align-items:center;gap:11px;border:1px solid transparent}.mobile-nav-link:hover{background:var(--bg-tertiary)}}@media (max-width: 375px){.container-custom{padding-left:12px;padding-right:12px}.btn-primary,.btn-secondary{padding:10px 16px;font-size:.88rem}.card,.post-card{border-radius:12px}input,textarea,select{padding:10px 12px;font-size:.95rem}}.dark\:bg-gray-800:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.dark\:text-blue-400:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.dark\:text-gray-300:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.dark\:text-green-400:is(.dark *){--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.dark\:text-orange-400:is(.dark *){--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.dark\:text-red-400:is(.dark *){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.sm\:flex-row{flex-direction:row}}@media (min-width: 768px){.md\:flex{display:flex}.md\:hidden{display:none}}.dark body{background:linear-gradient(135deg,#0f172a,#1e293b);color:var(--text-primary)}.dark .home-container{background:linear-gradient(135deg,#0f172a,#1e293b)}.dark .site-header{background:var(--header-bg);border-bottom-color:var(--border-color)}.dark .site-title{background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dark .site-description{color:var(--text-secondary)}.dark .timeline-card{background:var(--card-bg);box-shadow:0 4px 20px var(--shadow-color)}.dark .timeline-card:hover{box-shadow:0 8px 30px #60a5fa33}.dark .card-title{color:var(--text-primary)}.dark .card-excerpt,.dark .card-meta{color:var(--text-secondary)}.dark .tag{background:#60a5fa26;color:#60a5fa}.dark .tag:hover{background:#60a5fa40}.dark .card-category{color:#60a5fa}.dark .card-date{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff}.dark .read-more{color:#60a5fa;background:#60a5fa26}.dark .read-more:hover{background:#60a5fa40}.dark .page-btn{background:var(--bg-secondary);border-color:var(--border-color);color:#60a5fa}.dark .page-btn:hover:not(:disabled){background:#3b82f6;color:#fff}.dark .page-info{color:var(--text-secondary)}.dark .search-input{background:var(--input-bg);border-color:var(--input-border);color:var(--text-primary)}.dark .search-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}.dark .search-input::-moz-placeholder{color:var(--text-tertiary)}.dark .search-input::placeholder{color:var(--text-tertiary)}.dark .filter-select{background:var(--input-bg);border-color:var(--input-border);color:var(--text-primary)}.dark .filter-select:focus{border-color:#60a5fa}.dark .search-box i{color:var(--text-tertiary)}.dark .loading-spinner{border-color:#60a5fa33;border-top-color:#60a5fa}.dark .empty-state h2{color:var(--text-primary)}.dark .empty-state p{color:var(--text-secondary)}.dark .site-footer{background:var(--header-bg);border-top-color:var(--border-color);color:var(--text-secondary)}.dark .post-view,.dark .post-title{color:var(--text-primary)}.dark .post-meta-top,.dark .post-author,.dark .post-content{color:var(--text-secondary)}.dark .post-content :deep(h1),.dark .post-content :deep(h2),.dark .post-content :deep(h3){color:var(--text-primary)}.dark .post-content :deep(code){background:var(--bg-tertiary);color:#fbbf24}.dark .post-content :deep(pre){background:#1e1e2e;color:#e0e0e0}.dark .post-content :deep(pre code){color:inherit}.dark .post-content :deep(blockquote){border-left-color:#60a5fa;background:#60a5fa1a;color:var(--text-secondary)}.dark .post-content :deep(a){color:#60a5fa}.dark .post-content :deep(a:hover){border-bottom-color:#60a5fa}.dark .post-content :deep(img){box-shadow:0 2px 8px var(--shadow-color)}.dark .post-navigation{border-top-color:var(--border-color)}.dark .nav-link{background:#60a5fa1a}.dark .nav-link:hover{background:#60a5fa33}.dark .nav-label{color:var(--text-secondary)}.dark .nav-title{color:#60a5fa}.dark .comments-section{border-top-color:var(--border-color)}.dark .comments-title{color:var(--text-primary)}.dark .comment-form{background:var(--bg-secondary)}.dark .comment-form h3{color:var(--text-primary)}.dark .form-input,.dark .form-textarea{background:var(--input-bg);border-color:var(--input-border);color:var(--text-primary)}.dark .form-input:focus,.dark .form-textarea:focus{border-color:#60a5fa}.dark .form-input::-moz-placeholder,.dark .form-textarea::-moz-placeholder{color:var(--text-tertiary)}.dark .form-input::placeholder,.dark .form-textarea::placeholder{color:var(--text-tertiary)}.dark .submit-btn{background:#3b82f6;color:#fff}.dark .submit-btn:hover:not(:disabled){background:#2563eb}.dark .no-comments{color:var(--text-secondary)}.dark .comment-item{background:var(--bg-secondary)}.dark .comment-author{color:var(--text-primary)}.dark .comment-date,.dark .comment-text{color:var(--text-secondary)}.dark .comment-avatar{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.dark ::-webkit-scrollbar{width:10px;height:10px}.dark ::-webkit-scrollbar-track{background:var(--bg-secondary)}.dark ::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:5px}.dark ::-webkit-scrollbar-thumb:hover{background:#475569}.dark ::-moz-selection{background:#60a5fa4d;color:var(--text-primary)}.dark ::selection{background:#60a5fa4d;color:var(--text-primary)}.dark .timeline:before{background:linear-gradient(to bottom,#3b82f6,#8b5cf6)}.dark .marker-dot{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-color:var(--bg-secondary);box-shadow:0 2px 8px #60a5fa66}.dark .marker-line{background:#60a5fa4d}.dark *{transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease}@media print{.dark{--bg-primary: #ffffff;--bg-secondary: #f9fafb;--text-primary: #111827;--text-secondary: #6b7280}}pre{background:#1e1e2e;color:#e0e0e0;padding:1.5em;border-radius:8px;overflow-x:auto;margin:1.5em 0;box-shadow:0 4px 12px #0000004d;font-family:Monaco,Consolas,Courier New,monospace;font-size:.875rem;line-height:1.6;position:relative}code{font-family:Monaco,Consolas,Courier New,monospace}p code,li code{background:#0000001a;padding:.2em .4em;border-radius:4px;font-size:.9em;color:#fbbf24}:global(.dark) p code,:global(.dark) li code{background:#ffffff1a;color:#fbbf24}pre[class*=language-]:before{content:attr(data-language);position:absolute;top:8px;right:12px;font-size:.75rem;color:#6b7280;font-weight:600;text-transform:uppercase}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#6b7280;font-style:italic}.token.punctuation,.token.operator{color:#e0e0e0}.token.namespace{opacity:.7}.token.property,.token.keyword,.token.tag{color:#f472b6}.token.class-name,.token.function,.token.constant{color:#60a5fa}.token.boolean,.token.number{color:#fbbf24}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin{color:#a78bfa}.token.inserted{color:#34d399;background:#34d3991a}.token.deleted{color:#f87171;background:#f871711a}.token.regex,.token.important,.token.variable{color:#fbbf24}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.attr-value,.token.url,.token.attr-value .token.punctuation{color:#34d399}:global(.dark) pre{background:#1e1e2e;border:1px solid #334155}:global(.dark) p code,:global(.dark) li code{background:#ffffff1a}pre{position:relative}.copy-button{position:absolute;top:8px;right:8px;padding:4px 8px;background:#ffffff1a;border:none;border-radius:4px;color:#9ca3af;font-size:.75rem;cursor:pointer;transition:all .2s ease}.copy-button:hover{background:#fff3;color:#e0e0e0}.copy-button.copied{color:#34d399}pre::-webkit-scrollbar{height:8px}pre::-webkit-scrollbar-track{background:#0003;border-radius:4px}pre::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}pre::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.line-numbers .line-numbers-rows{border-right:1px solid #334155;padding-right:12px;margin-right:12px}.line-numbers-rows span{color:#4b5563;counter-increment:linenumber}.line-numbers-rows span:before{content:counter(linenumber);display:block;text-align:right;padding-right:8px}