:root{--primary-color:#2563eb;--primary-hover:#1d4ed8;--secondary-color:#64748b;--background-color:#fff;--surface-color:#f8fafc;--border-color:#e2e8f0;--text-primary:#1e293b;--text-secondary:#64748b;--text-light:#fff;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--info-color:#3b82f6;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}@media (prefers-color-scheme:dark){:root{--background-color:#0f172a;--surface-color:#1e293b;--border-color:#334155;--text-primary:#f1f5f9;--text-secondary:#94a3b8}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--background-color);color:#1e293b;color:var(--text-primary);font-family:Inter,Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;min-height:100vh}code,pre{font-family:JetBrains Mono,Fira Code,Menlo,Monaco,Consolas,Courier New,monospace}a{color:#2563eb;color:var(--primary-color);text-decoration:none;transition:color .15s ease;transition:color var(--transition-fast)}a:hover{color:#1d4ed8;color:var(--primary-hover);text-decoration:underline}button{border:none;cursor:pointer;font-family:inherit;outline:none;transition:all .15s ease;transition:all var(--transition-fast)}button:disabled{cursor:not-allowed;opacity:.6}input,select,textarea{border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);font-family:inherit;outline:none;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:border-color .15s ease;transition:border-color var(--transition-fast)}input:focus,select:focus,textarea:focus{border-color:#2563eb;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.container,.container-sm{padding:0 1.5rem}.grid{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.flex{display:flex}.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}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem;margin-left:var(--spacing-xs)}.ml-2{margin-left:.5rem;margin-left:var(--spacing-sm)}.ml-4{margin-left:1rem;margin-left:var(--spacing-md)}.mr-1{margin-right:.25rem;margin-right:var(--spacing-xs)}.mr-2{margin-right:.5rem;margin-right:var(--spacing-sm)}.mr-4{margin-right:1rem;margin-right:var(--spacing-md)}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-left:var(--spacing-sm);padding-right:.5rem;padding-right:var(--spacing-sm)}.px-4{padding-left:1rem;padding-left:var(--spacing-md);padding-right:1rem;padding-right:var(--spacing-md)}.px-6{padding-left:1.5rem;padding-left:var(--spacing-lg);padding-right:1.5rem;padding-right:var(--spacing-lg)}.py-2{padding-bottom:.5rem;padding-bottom:var(--spacing-sm);padding-top:.5rem;padding-top:var(--spacing-sm)}.py-4{padding-bottom:1rem;padding-bottom:var(--spacing-md);padding-top:1rem;padding-top:var(--spacing-md)}.py-6{padding-bottom:1.5rem;padding-bottom:var(--spacing-lg);padding-top:1.5rem;padding-top:var(--spacing-lg)}.text-xs{font-size:.75rem;font-size:var(--font-size-xs)}.text-sm{font-size:.875rem;font-size:var(--font-size-sm)}.text-base{font-size:1rem;font-size:var(--font-size-base)}.text-lg{font-size:1.125rem;font-size:var(--font-size-lg)}.text-xl{font-size:1.25rem;font-size:var(--font-size-xl)}.text-2xl{font-size:1.5rem;font-size:var(--font-size-2xl)}.text-3xl{font-size:1.875rem;font-size:var(--font-size-3xl)}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:#1e293b;color:var(--text-primary)}.text-secondary{color:#64748b;color:var(--text-secondary)}.text-light{color:#fff;color:var(--text-light)}.bg-primary{background-color:#2563eb;background-color:var(--primary-color)}.bg-secondary{background-color:#64748b;background-color:var(--secondary-color)}.bg-background{background-color:#fff;background-color:var(--background-color)}.bg-surface{background-color:#f8fafc;background-color:var(--surface-color)}.border{border:1px solid #e2e8f0;border:1px solid var(--border-color)}.border-t{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color)}.border-b{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color)}.border-l{border-left:1px solid #e2e8f0;border-left:1px solid var(--border-color)}.border-r{border-right:1px solid #e2e8f0;border-right:1px solid var(--border-color)}.rounded{border-radius:.5rem;border-radius:var(--radius-md)}.rounded-lg{border-radius:.75rem;border-radius:var(--radius-lg)}.rounded-xl{border-radius:1rem;border-radius:var(--radius-xl)}.rounded-full{border-radius:50%}.shadow-sm{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.hidden{display:none}@media (max-width:640px){.container,.container-sm{padding:0 1rem;padding:0 var(--spacing-md)}.sm-hidden{display:none}.sm-block{display:block}.sm-flex{display:flex}}@media (min-width:641px) and (max-width:1024px){.md-hidden{display:none}.md-block{display:block}.md-flex{display:flex}}@media (min-width:1025px){.lg-hidden{display:none}.lg-block{display:block}.lg-flex{display:flex}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f8fafc;background:var(--surface-color)}::-webkit-scrollbar-thumb{background:#64748b;background:var(--secondary-color);border-radius:.25rem;border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:#2563eb;background:var(--primary-color)}::selection{background:#2563eb;background:var(--primary-color);color:#fff;color:var(--text-light)}::-moz-selection{background:#2563eb;background:var(--primary-color);color:#fff;color:var(--text-light)}@media (max-width:768px){.header-nav-links{display:none}.header-mobile-menu{display:block}.header-container{padding:var(--spacing-sm) var(--spacing-md)}.post-card{padding:var(--spacing-md)}.post-card-title{font-size:var(--font-size-lg)}.archive{padding:var(--spacing-md)}.footer-links{flex-direction:column;gap:var(--spacing-sm)}}@media (max-width:480px){.header-container{padding:var(--spacing-xs) var(--spacing-sm)}.header-logo{font-size:var(--font-size-lg)}.post-card-footer,.post-card-meta{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:var(--spacing-md) var(--spacing-lg)}.header-logo{color:var(--primary-color);font-size:var(--font-size-2xl);font-weight:700;text-decoration:none;transition:transform var(--transition-fast)}.header-logo:hover{text-decoration:none;transform:scale(1.05)}.header-nav{align-items:center;display:flex;gap:var(--spacing-xl)}.header-nav-links{display:flex;gap:var(--spacing-lg);list-style:none}.header-nav-link{border-radius:var(--radius-md);color:var(--text-primary);font-weight:500;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all var(--transition-fast)}.header-nav-link:hover{background-color:var(--surface-color);color:var(--primary-color);text-decoration:none}.header-nav-link.active{background-color:#2563eb1a;color:var(--primary-color)}.header-user{align-items:center;display:flex;gap:var(--spacing-md)}.header-user-menu{position:relative}.header-avatar{border:2px solid var(--border-color);border-radius:50%;cursor:pointer;height:36px;object-fit:cover;transition:all var(--transition-fast);width:36px}.header-avatar:hover{border-color:var(--primary-color);transform:scale(1.1)}.header-dropdown{background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);margin-top:var(--spacing-sm);min-width:120px;position:absolute;right:0;top:100%;z-index:1001}.header-dropdown-item{background:none;border:none;color:var(--text-primary);cursor:pointer;display:block;padding:var(--spacing-sm) var(--spacing-md);text-align:left;text-decoration:none;transition:background-color var(--transition-fast);width:100%}.header-dropdown-item:hover{background-color:var(--surface-color);text-decoration:none}.header-mobile-menu{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:none;font-size:var(--font-size-2xl);padding:var(--spacing-sm);transition:background-color var(--transition-fast)}.header-mobile-menu:hover{background-color:var(--surface-color)}.header-mobile-dropdown{background:var(--background-color);border-top:1px solid var(--border-color);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--spacing-sm);left:0;padding:var(--spacing-md);position:absolute;right:0;top:100%}.header-mobile-link{border-radius:var(--radius-sm);color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:background-color var(--transition-fast)}.header-mobile-link:hover{background-color:var(--surface-color);text-decoration:none}.header-mobile-link.active{background-color:#2563eb1a;color:var(--primary-color)}@media (max-width:768px){.header-nav-links{display:none}.header-mobile-menu{display:block}.header-container{padding:var(--spacing-sm) var(--spacing-md)}.header-logo{font-size:var(--font-size-lg)}.header-dropdown{left:50%;right:auto;transform:translateX(-50%)}}@media (max-width:480px){.header-container{padding:var(--spacing-xs) var(--spacing-sm)}.header-logo{font-size:var(--font-size-lg)}.header-mobile-dropdown{padding:var(--spacing-sm)}}.footer{background-color:var(--surface-color);border-top:1px solid var(--border-color);margin-top:auto;padding:var(--spacing-2xl) 0 var(--spacing-xl);width:100%}.footer-container{margin:0 auto;max-width:1200px;padding:0 var(--spacing-lg);text-align:center}.footer-content{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md)}.footer-text{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5}.footer-links{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:center;list-style:none}.footer-link{color:var(--text-secondary);font-size:var(--font-size-sm);position:relative;text-decoration:none;transition:color var(--transition-fast)}.footer-link:hover{color:var(--primary-color);text-decoration:none}.footer-link:after{background-color:var(--primary-color);bottom:-2px;content:"";height:1px;left:0;position:absolute;transition:width var(--transition-fast);width:0}.footer-link:hover:after{width:100%}@media (max-width:768px){.footer{padding:var(--spacing-xl) 0 var(--spacing-lg)}.footer-container{padding:0 var(--spacing-md)}.footer-content,.footer-links{gap:var(--spacing-sm)}.footer-links{flex-direction:column}.footer-link{padding:var(--spacing-xs) 0}}@media (max-width:480px){.footer{padding:var(--spacing-lg) 0}.footer-container{padding:0 var(--spacing-sm)}.footer-link,.footer-text{font-size:var(--font-size-xs)}}.post-card{background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;overflow:hidden;padding:var(--spacing-lg);position:relative;transition:all var(--transition-normal)}.post-card:before{background:var(--primary-color);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transform-origin:bottom;transition:transform var(--transition-normal);width:4px}.post-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.post-card:hover:before{transform:scaleY(1)}.post-card-header{margin-bottom:var(--spacing-md)}.post-card-title{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600;line-height:1.4;margin-bottom:var(--spacing-sm);transition:color var(--transition-fast)}.post-card:hover .post-card-title{color:var(--primary-color)}.post-card-meta{align-items:center;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:var(--font-size-sm);gap:var(--spacing-md)}.post-card-author{align-items:center;display:flex;gap:var(--spacing-xs)}.post-card-avatar{border:1px solid var(--border-color);border-radius:50%;height:20px;object-fit:cover;width:20px}.post-card-excerpt{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;line-height:1.6;margin-bottom:var(--spacing-md);overflow:hidden;text-overflow:ellipsis}.post-card-footer{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between}.post-card-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.post-card-tag{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast)}.post-card-tag:hover{background:var(--primary-color);border-color:var(--primary-color);color:var(--text-light);transform:translateY(-1px)}.post-card-stats{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-md)}.post-card-stat{align-items:center;display:flex;gap:var(--spacing-xs);transition:color var(--transition-fast)}.post-card-stat:hover{color:var(--primary-color)}@media (max-width:768px){.post-card{padding:var(--spacing-md)}.post-card-title{font-size:var(--font-size-lg)}.post-card-meta{font-size:var(--font-size-xs);gap:var(--spacing-sm)}.post-card-footer{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.post-card-stats{align-self:flex-end}}@media (max-width:480px){.post-card{border-radius:var(--radius-md);padding:var(--spacing-sm)}.post-card-title{font-size:var(--font-size-base);margin-bottom:var(--spacing-xs)}.post-card-excerpt{-webkit-line-clamp:2;font-size:var(--font-size-sm)}.post-card-tags{gap:var(--spacing-xs)}.post-card-tag{font-size:var(--font-size-xs);padding:var(--spacing-xs)}}.archive{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);height:-webkit-fit-content;height:fit-content;padding:var(--spacing-lg);position:-webkit-sticky;position:sticky;top:100px}.archive-title{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.archive-section:last-child{margin-bottom:0}.archive-section-title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:500;margin-bottom:var(--spacing-md);padding-left:var(--spacing-md);position:relative}.archive-section-title:before{background:var(--primary-color);border-radius:var(--radius-sm);content:"";height:60%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.archive-list{list-style:none}.archive-item{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-sm) 0;transition:all var(--transition-fast)}.archive-item:hover{background:var(--background-color);border-radius:var(--radius-sm);margin:0 calc(var(--spacing-md)*-1);padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.archive-item:last-child{border-bottom:none}.archive-link{align-items:center;color:var(--text-primary);display:flex;flex:1 1;justify-content:space-between;padding:var(--spacing-xs) 0;text-decoration:none;transition:color var(--transition-fast)}.archive-link:hover{color:var(--primary-color);text-decoration:none}.archive-count{background:var(--primary-color);border-radius:var(--radius-sm);color:var(--text-light);font-size:var(--font-size-xs);font-weight:500;min-width:20px;padding:var(--spacing-xs) var(--spacing-sm);text-align:center}.tag-cloud{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.tag-cloud-item{background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);line-height:1.2;padding:var(--spacing-xs) var(--spacing-sm);text-decoration:none;transition:all var(--transition-fast)}.tag-cloud-item:hover{background:var(--primary-color);border-color:var(--primary-color);box-shadow:var(--shadow-sm);color:var(--text-light);text-decoration:none;transform:translateY(-1px)}.archive-stat-item{align-items:center;background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.archive-stat-label{color:var(--text-secondary);font-size:var(--font-size-sm)}.archive-stat-value{color:var(--primary-color);font-size:var(--font-size-base);font-weight:600}@media (max-width:1024px){.archive{margin-bottom:var(--spacing-lg);position:static}}@media (max-width:768px){.archive{padding:var(--spacing-md)}.archive-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}.archive-section-title{font-size:var(--font-size-base)}.archive-item:hover{margin:0 calc(var(--spacing-sm)*-1);padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.tag-cloud-item{font-size:var(--font-size-xs);padding:var(--spacing-xs)}}@media (max-width:480px){.archive{border-radius:var(--radius-md);padding:var(--spacing-sm)}.archive-section{margin-bottom:var(--spacing-lg)}.archive-stats{gap:var(--spacing-xs)}.archive-stat-item{padding:var(--spacing-xs) var(--spacing-sm)}.archive-stat-label{font-size:var(--font-size-xs)}.archive-stat-value{font-size:var(--font-size-sm)}}.main{min-height:calc(100vh - 200px);padding:var(--spacing-xl) 0}.home-search{margin-bottom:var(--spacing-2xl)}.search-form{display:flex;margin:0 auto;max-width:600px;position:relative}.search-input{background:var(--background-color);border:2px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);flex:1 1;font-size:var(--font-size-base);padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-fast)}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a;outline:none}.search-button{background:var(--primary-color);border:none;border-radius:var(--radius-md);color:var(--text-light);cursor:pointer;font-size:var(--font-size-lg);padding:var(--spacing-sm) var(--spacing-md);position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);transition:all var(--transition-fast)}.search-button:hover{background:var(--primary-hover);transform:translateY(-50%) scale(1.05)}.home-stats{display:flex;flex-wrap:wrap;gap:var(--spacing-2xl);justify-content:center;margin-bottom:var(--spacing-2xl)}.stat-item{background:var(--surface-color);border-radius:var(--radius-lg);flex-direction:column;min-width:120px;padding:var(--spacing-lg);transition:all var(--transition-fast)}.stat-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-number{color:var(--primary-color);font-size:var(--font-size-2xl);font-weight:700}.home-content{grid-gap:var(--spacing-2xl);align-items:start;display:grid;gap:var(--spacing-2xl);grid-template-columns:1fr 300px}.posts-section{min-height:400px}.sidebar{position:-webkit-sticky;position:sticky;top:120px}@media (max-width:1024px){.home-content{gap:var(--spacing-xl);grid-template-columns:1fr}.sidebar{order:-1;position:static}}@media (max-width:768px){.main{padding:var(--spacing-lg) 0}.home-search{margin-bottom:var(--spacing-xl)}.search-form{max-width:100%}.search-input{padding:var(--spacing-sm) var(--spacing-md)}.search-button{padding:var(--spacing-xs) var(--spacing-sm)}.home-stats{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.stat-item{min-width:100px;padding:var(--spacing-md)}.stat-number{font-size:var(--font-size-xl)}.posts-grid{gap:var(--spacing-lg)}.empty-state{padding:var(--spacing-xl)}.empty-state h3{font-size:var(--font-size-xl)}}@media (max-width:480px){.main{padding:var(--spacing-md) 0}.home-stats{gap:var(--spacing-md)}.stat-item{min-width:80px;padding:var(--spacing-sm)}.stat-number{font-size:var(--font-size-lg)}.stat-label{font-size:var(--font-size-xs)}.posts-grid{gap:var(--spacing-md)}.empty-state{padding:var(--spacing-lg)}.empty-state h3{font-size:var(--font-size-lg)}.loading-spinner{height:30px;width:30px}}.about-container{margin:0 auto;max-width:800px;padding:var(--spacing-2xl) 0}.about-guest{padding:var(--spacing-2xl) 0;text-align:center}.about-guest h1{color:var(--text-primary);font-size:var(--font-size-4xl);margin-bottom:var(--spacing-2xl)}.about-content{margin:0 auto;max-width:600px;text-align:left}.about-content h2{color:var(--text-primary);font-size:var(--font-size-2xl);margin:var(--spacing-xl) 0 var(--spacing-md)}.about-content h3{color:var(--text-primary);font-size:var(--font-size-xl);margin:var(--spacing-lg) 0 var(--spacing-sm)}.about-content ul{list-style:none;margin-bottom:var(--spacing-md);padding-left:0}.about-content li{color:var(--text-secondary);padding:var(--spacing-xs) 0;padding-left:var(--spacing-lg);position:relative}.about-content li:before{color:var(--primary-color);content:"•";left:0;position:absolute}.about-actions{margin-top:var(--spacing-xl);text-align:center}.about-header{margin-bottom:var(--spacing-2xl);text-align:center}.about-avatar{border:4px solid var(--primary-color);border-radius:50%;height:120px;margin-bottom:var(--spacing-lg);object-fit:cover;transition:transform var(--transition-normal);width:120px}.about-avatar:hover{transform:scale(1.05)}.about-header h1{color:var(--text-primary);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-sm)}.about-member-since{color:var(--text-secondary);font-size:var(--font-size-sm)}.about-content{background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl)}.about-form .form-group{margin-bottom:var(--spacing-lg)}.about-form label{color:var(--text-primary);display:block;font-weight:500;margin-bottom:var(--spacing-sm)}.about-form input,.about-form textarea{border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition-fast);width:100%}.about-form input:focus,.about-form textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a;outline:none}.about-form textarea{min-height:100px;resize:vertical}.about-info .info-item{border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.about-info .info-item:last-child{border-bottom:none;margin-bottom:var(--spacing-xl)}.info-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500}.info-value{color:var(--text-primary);font-size:var(--font-size-base);word-break:break-word}.about-stats{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl)}.about-stats h3{color:var(--text-primary);font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg);text-align:center}.stats-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card{background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center;transition:all var(--transition-fast)}.stat-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card .stat-number{color:var(--primary-color);font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-xs)}.stat-card .stat-label{color:var(--text-secondary);font-size:var(--font-size-sm)}.about-posts{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.about-posts h3{color:var(--text-primary);font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg);text-align:center}.posts-list{gap:var(--spacing-md)}.post-item,.posts-list{display:flex;flex-direction:column}.post-item{background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--radius-md);gap:var(--spacing-xs);padding:var(--spacing-md);transition:all var(--transition-fast)}.post-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow-sm);transform:translateX(4px)}.post-title{font-size:var(--font-size-base);font-weight:500;text-decoration:none;transition:color var(--transition-fast)}.post-title:hover{color:var(--primary-color);text-decoration:none}.post-meta{color:var(--text-secondary);font-size:var(--font-size-xs);gap:var(--spacing-xs)}@media (max-width:768px){.about-container{padding:var(--spacing-xl) 0}.about-avatar{height:100px;width:100px}.about-header h1{font-size:var(--font-size-2xl)}.about-content{padding:var(--spacing-lg)}.form-actions{flex-direction:column}.stats-grid{gap:var(--spacing-md);grid-template-columns:1fr}.about-posts,.about-stats{padding:var(--spacing-lg)}}@media (max-width:480px){.about-container{padding:var(--spacing-lg) 0}.about-avatar{height:80px;width:80px}.about-header h1{font-size:var(--font-size-xl)}.about-content,.about-posts,.about-stats{padding:var(--spacing-md)}.stat-card .stat-number{font-size:var(--font-size-xl)}.post-item{padding:var(--spacing-sm)}}.archive-page{padding:var(--spacing-xl) 0}.archive-header{margin-bottom:var(--spacing-2xl);text-align:center}.archive-header h1{color:var(--text-primary);font-size:var(--font-size-4xl);margin-bottom:var(--spacing-md)}.archive-subtitle{color:var(--text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}.clear-filter-btn{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.clear-filter-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:var(--text-light)}.archive-content{grid-gap:var(--spacing-2xl);align-items:start;display:grid;gap:var(--spacing-2xl);grid-template-columns:280px 1fr}.archive-sidebar{position:-webkit-sticky;position:sticky;top:100px}.archive-nav{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-xl)}.archive-nav-btn{background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md);text-align:left;transition:all var(--transition-fast)}.archive-nav-btn:hover{background:var(--surface-color);border-color:var(--primary-color);color:var(--primary-color)}.archive-nav-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:var(--text-light)}.archive-section{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.archive-section h3{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.archive-date-list{list-style:none}.archive-date-item{margin-bottom:var(--spacing-xs)}.archive-date-link{align-items:center;background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all var(--transition-fast);width:100%}.archive-date-link:hover{text-decoration:none}.archive-date-link.active,.archive-date-link:hover{background:var(--primary-color);border-color:var(--primary-color);color:var(--text-light)}.archive-date-link .archive-count{background:#fff3;border-radius:var(--radius-sm);color:inherit;font-size:var(--font-size-xs);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm)}.archive-tag-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.archive-tag-item{align-items:center;background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all var(--transition-fast);width:100%}.archive-tag-item:hover{text-decoration:none}.archive-tag-item.active,.archive-tag-item:hover{background:var(--primary-color);border-color:var(--primary-color);color:var(--text-light)}.tag-count{background:#fff3;border-radius:var(--radius-sm);color:inherit;font-size:var(--font-size-xs);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm)}.archive-stats{display:flex;flex-direction:column;gap:var(--spacing-sm)}.stat-item{background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--radius-md);justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.stat-label{color:var(--text-secondary);font-size:var(--font-size-sm)}.stat-value{color:var(--primary-color);font-size:var(--font-size-base);font-weight:600}.archive-posts{min-height:400px}.posts-grid{display:flex;flex-direction:column;gap:var(--spacing-xl)}.empty-state{color:var(--text-secondary);padding:var(--spacing-2xl);text-align:center}.empty-state h3{color:var(--text-primary);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md)}.empty-state p{font-size:var(--font-size-base)}@media (max-width:1024px){.archive-content{gap:var(--spacing-xl);grid-template-columns:1fr}.archive-sidebar{order:-1;position:static}.archive-nav{flex-direction:row;flex-wrap:wrap;justify-content:center}.archive-nav-btn{flex:1 1;min-width:120px;text-align:center}}@media (max-width:768px){.archive-page{padding:var(--spacing-lg) 0}.archive-header h1{font-size:var(--font-size-3xl)}.archive-subtitle{font-size:var(--font-size-base)}.archive-section{padding:var(--spacing-md)}.archive-date-link,.archive-tag-item{padding:var(--spacing-xs) var(--spacing-sm)}.posts-grid{gap:var(--spacing-lg)}.empty-state{padding:var(--spacing-xl)}}@media (max-width:480px){.archive-header h1{font-size:var(--font-size-2xl)}.archive-nav-btn{font-size:var(--font-size-sm);min-width:100px;padding:var(--spacing-xs) var(--spacing-sm)}.archive-section{padding:var(--spacing-sm)}.archive-section h3{font-size:var(--font-size-base)}.archive-date-link,.archive-tag-item{font-size:var(--font-size-xs)}.posts-grid{gap:var(--spacing-md)}.empty-state{padding:var(--spacing-lg)}.empty-state h3{font-size:var(--font-size-xl)}}.auth-container{grid-gap:var(--spacing-2xl);align-items:start;display:grid;gap:var(--spacing-2xl);grid-template-columns:1fr 300px;padding:var(--spacing-2xl) 0}.auth-card{background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-2xl)}.auth-header{margin-bottom:var(--spacing-xl);text-align:center}.auth-header h1{color:var(--text-primary);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-sm)}.auth-header p{color:var(--text-secondary);font-size:var(--font-size-base)}.auth-form{gap:var(--spacing-lg)}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:var(--spacing-xs)}.form-group label{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:500}.form-group input{background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.form-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a;outline:none}.error-message{background:#fee;border:1px solid #fcc;border-radius:var(--radius-md);color:#c33;font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.submit-btn{background:var(--primary-color);border:none;border-radius:var(--radius-md);color:var(--text-light);cursor:pointer;font-size:var(--font-size-base);font-weight:500;margin-top:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-fast)}.submit-btn:hover{background:var(--primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.submit-btn:disabled{background:var(--text-secondary);box-shadow:none;cursor:not-allowed;transform:none}.auth-footer{border-top:1px solid var(--border-color);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);text-align:center}.auth-footer p{color:var(--text-secondary)}.auth-footer p,.toggle-btn{font-size:var(--font-size-sm)}.toggle-btn{background:none;border:none;color:var(--primary-color);cursor:pointer;margin-left:var(--spacing-xs);text-decoration:underline;transition:color var(--transition-fast)}.toggle-btn:hover{color:var(--primary-hover)}.auth-features{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);height:-webkit-fit-content;height:fit-content;padding:var(--spacing-xl);position:-webkit-sticky;position:sticky;top:100px}.auth-features h3{color:var(--text-primary);font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg);text-align:center}.auth-features ul{list-style:none;padding:0}.auth-features li{border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:var(--font-size-sm);padding:var(--spacing-sm) 0}.auth-features li:last-child{border-bottom:none}@media (max-width:1024px){.auth-container{gap:var(--spacing-xl);grid-template-columns:1fr}.auth-features{order:-1;position:static}.auth-features ul{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.auth-features li{border-bottom:none;text-align:center}}@media (max-width:768px){.auth-container{padding:var(--spacing-lg) 0}.auth-card{padding:var(--spacing-xl)}.auth-header h1{font-size:var(--font-size-2xl)}.auth-features{padding:var(--spacing-lg)}.auth-features h3{font-size:var(--font-size-lg)}}@media (max-width:480px){.auth-container{padding:var(--spacing-md) 0}.auth-card{padding:var(--spacing-lg)}.auth-header h1{font-size:var(--font-size-xl)}.auth-form{gap:var(--spacing-md)}.submit-btn{padding:var(--spacing-sm) var(--spacing-md)}.auth-features{padding:var(--spacing-md)}.auth-features h3{font-size:var(--font-size-base)}.auth-features ul{grid-template-columns:1fr}}.post-detail{min-height:calc(100vh - 200px)}.post-header{background:var(--surface-color);border-bottom:1px solid var(--border-color);padding:var(--spacing-2xl) 0 var(--spacing-xl)}.post-meta{flex-wrap:wrap;justify-content:space-between;margin-bottom:var(--spacing-xl)}.post-author,.post-meta{align-items:center;display:flex;gap:var(--spacing-md)}.author-avatar{border:2px solid var(--primary-color);border-radius:50%;height:50px;object-fit:cover;width:50px}.author-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.author-name{color:var(--text-primary);font-size:var(--font-size-base);font-weight:600}.post-date,.post-stats{color:var(--text-secondary);font-size:var(--font-size-sm)}.post-stats{gap:var(--spacing-lg)}.post-stats,.stat-item{align-items:center;display:flex}.stat-item{gap:var(--spacing-xs)}.post-title{word-wrap:break-word;color:var(--text-primary);font-size:var(--font-size-4xl);font-weight:700;line-height:1.3;margin-bottom:var(--spacing-lg)}.post-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.post-tag{background:var(--primary-color);border-radius:var(--radius-sm);color:var(--text-light);font-size:var(--font-size-sm);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm)}.post-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.btn-edit{background:var(--info-color);color:var(--text-light)}.btn-edit:hover{background:#2563eb;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-delete{background:var(--error-color);color:var(--text-light)}.btn-delete:hover{background:#dc2626;box-shadow:var(--shadow-md);transform:translateY(-1px)}.post-content{padding:var(--spacing-2xl) 0}.markdown-content{color:var(--text-primary);font-size:var(--font-size-lg);line-height:1.8}.markdown-content h1{border-bottom:2px solid var(--border-color);color:var(--text-primary);font-size:var(--font-size-3xl);margin:var(--spacing-2xl) 0 var(--spacing-lg);padding-bottom:var(--spacing-sm)}.markdown-content h2{color:var(--text-primary);font-size:var(--font-size-2xl);margin:var(--spacing-xl) 0 var(--spacing-md)}.markdown-content h3{color:var(--text-primary);font-size:var(--font-size-xl);margin:var(--spacing-lg) 0 var(--spacing-sm)}.markdown-content h4{color:var(--text-primary);font-size:var(--font-size-lg);margin:var(--spacing-md) 0 var(--spacing-sm)}.markdown-content p{margin-bottom:var(--spacing-md)}.markdown-content ol,.markdown-content ul{margin:var(--spacing-md) 0;padding-left:var(--spacing-lg)}.markdown-content li{margin-bottom:var(--spacing-sm)}.markdown-content blockquote{background:var(--surface-color);border-left:4px solid var(--primary-color);border-radius:var(--radius-md);color:var(--text-secondary);font-style:italic;margin:var(--spacing-xl) 0;padding:var(--spacing-lg)}.markdown-content code{background:var(--surface-color);border-radius:var(--radius-sm);color:var(--text-primary);font-family:JetBrains Mono,Fira Code,monospace;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}.markdown-content pre{background:#1e293b;border-radius:var(--radius-md);margin:var(--spacing-xl) 0;overflow-x:auto;padding:var(--spacing-lg)}.markdown-content pre code{background:none;color:#e2e8f0;font-size:var(--font-size-sm);padding:0}.markdown-content table{border-collapse:collapse;margin:var(--spacing-xl) 0;width:100%}.markdown-content td,.markdown-content th{border:1px solid var(--border-color);padding:var(--spacing-sm) var(--spacing-md);text-align:left}.markdown-content th{font-weight:600}.markdown-content th,.markdown-content tr:nth-child(2n){background:var(--surface-color)}.markdown-content a{color:var(--primary-color);text-decoration:underline}.markdown-content a:hover{color:var(--primary-hover)}.markdown-content img{border-radius:var(--radius-md);box-shadow:var(--shadow-md);height:auto;margin:var(--spacing-lg) 0;max-width:100%}.post-footer{background:var(--surface-color);border-top:1px solid var(--border-color);padding:var(--spacing-xl) 0}.post-actions-bar{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-xl)}.like-btn{background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.like-btn:hover{background:#fee;border-color:var(--error-color);color:var(--error-color);transform:translateY(-1px)}.post-share{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm)}.share-btn{background:var(--primary-color);border:none;border-radius:var(--radius-sm);color:var(--text-light);cursor:pointer;font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast)}.share-btn:hover{background:var(--primary-hover)}.post-updated{color:var(--text-secondary);font-size:var(--font-size-sm);font-style:italic;text-align:center}.related-posts{background:var(--surface-color);border-top:1px solid var(--border-color);padding:var(--spacing-xl) 0}.related-posts h3{color:var(--text-primary);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-xl);text-align:center}.loading-container{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;min-height:400px}.loading-spinner{animation:spin 1s linear infinite;border-top:3px solid var(--border-color);border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-container p{color:var(--text-secondary);font-size:var(--font-size-base)}.not-found{padding:var(--spacing-2xl) 0;text-align:center}.not-found h1{color:var(--text-primary);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md)}.not-found p{color:var(--text-secondary);margin-bottom:var(--spacing-xl)}.back-link{background:var(--primary-color);border-radius:var(--radius-md);color:var(--text-light);display:inline-block;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all var(--transition-fast)}.back-link:hover{background:var(--primary-hover);text-decoration:none;transform:translateY(-1px)}@media (max-width:768px){.post-header{padding:var(--spacing-xl) 0 var(--spacing-lg)}.post-meta{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.post-stats{align-self:flex-end}.post-title{font-size:var(--font-size-3xl)}.post-content{padding:var(--spacing-xl) 0}.markdown-content{font-size:var(--font-size-base)}.markdown-content h1{font-size:var(--font-size-2xl)}.markdown-content h2{font-size:var(--font-size-xl)}.markdown-content h3{font-size:var(--font-size-lg)}.post-actions-bar{align-items:stretch;flex-direction:column;gap:var(--spacing-sm)}.like-btn{align-self:center}.post-share{justify-content:center}}@media (max-width:480px){.post-title{font-size:var(--font-size-2xl)}.post-tags{gap:var(--spacing-xs)}.post-tag{font-size:var(--font-size-xs);padding:var(--spacing-xs)}.post-actions{flex-direction:column;gap:var(--spacing-sm)}.btn{text-align:center}.markdown-content{font-size:var(--font-size-sm)}.markdown-content pre{padding:var(--spacing-md)}.markdown-content pre code{font-size:var(--font-size-xs)}}.write-container{margin:0 auto;max-width:900px;padding:var(--spacing-2xl) 0}.write-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-2xl)}.write-header h1{color:var(--text-primary);font-size:var(--font-size-3xl)}.write-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.btn{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);text-align:center}.write-form{background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-xl)}.form-section{margin-bottom:var(--spacing-xl)}.form-section label{color:var(--text-primary);display:block;font-size:var(--font-size-base);font-weight:500;margin-bottom:var(--spacing-sm)}.form-section input,.form-section textarea{background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:var(--font-size-base);padding:var(--spacing-md);transition:border-color var(--transition-fast);width:100%}.form-section input:focus,.form-section textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-section textarea{line-height:1.6;min-height:400px;resize:vertical}.form-help{color:var(--text-secondary)}.error-text,.form-help{display:block;font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.error-text{color:#c33}.editor-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:space-between;margin-bottom:var(--spacing-sm)}.toolbar-buttons{display:flex;gap:var(--spacing-xs)}.toolbar-buttons button{align-items:center;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);height:32px;justify-content:center;min-width:32px;padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast)}.toolbar-buttons button:hover{background:var(--primary-color);border-color:var(--primary-color);color:var(--text-light)}.preview-content{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);line-height:1.6;max-height:600px;min-height:400px;overflow-y:auto;padding:var(--spacing-md)}.preview-content h1{font-size:var(--font-size-2xl);margin:var(--spacing-xl) 0 var(--spacing-md)}.preview-content h2{font-size:var(--font-size-xl);margin:var(--spacing-lg) 0 var(--spacing-sm)}.preview-content h3{font-size:var(--font-size-lg);margin:var(--spacing-md) 0 var(--spacing-xs)}.preview-content p{margin-bottom:var(--spacing-md)}.preview-content code{background:var(--background-color);border-radius:var(--radius-sm);font-family:JetBrains Mono,monospace;font-size:var(--font-size-sm);padding:var(--spacing-xs)}.preview-content pre{background:#1e293b;border-radius:var(--radius-md);margin:var(--spacing-lg) 0;overflow-x:auto;padding:var(--spacing-md)}.preview-content pre code{background:none;color:#e2e8f0;padding:0}.form-actions{display:flex;gap:var(--spacing-md);justify-content:center;margin-top:var(--spacing-xl)}.markdown-help{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-top:var(--spacing-xl);padding:var(--spacing-lg)}.markdown-help h3{color:var(--text-primary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);text-align:center}.help-grid{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.help-item{align-items:center;background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm)}.help-item code{background:var(--primary-color);border-radius:var(--radius-sm);color:var(--text-light);font-family:JetBrains Mono,monospace;font-size:var(--font-size-xs);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm)}.help-item span{color:var(--text-secondary);font-size:var(--font-size-sm)}@media (max-width:768px){.write-container{padding:var(--spacing-xl) 0}.write-header{align-items:stretch;flex-direction:column;text-align:center}.write-actions{justify-content:center}.write-form{padding:var(--spacing-lg)}.form-section{margin-bottom:var(--spacing-lg)}.editor-toolbar{align-items:stretch;flex-direction:column}.toolbar-buttons{flex-wrap:wrap;justify-content:center}.form-actions{flex-direction:column}.help-grid{grid-template-columns:1fr}}@media (max-width:480px){.write-header h1{font-size:var(--font-size-2xl)}.write-form{padding:var(--spacing-md)}.form-section input,.form-section textarea{padding:var(--spacing-sm)}.form-section textarea{min-height:300px}.preview-content{max-height:400px;min-height:300px}.toolbar-buttons button{font-size:var(--font-size-xs);height:28px;min-width:28px}.markdown-help{padding:var(--spacing-md)}.help-item{flex-direction:column;gap:var(--spacing-xs);text-align:center}}.not-found-container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 200px);padding:var(--spacing-2xl) 0}.not-found-content{background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:600px;padding:var(--spacing-2xl);text-align:center}.not-found-icon{animation:bounce 2s infinite;font-size:4rem;margin-bottom:var(--spacing-lg)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.not-found-content h1{color:var(--primary-color);font-size:var(--font-size-6xl);font-weight:700;line-height:1;margin-bottom:var(--spacing-sm)}.not-found-content h2{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:600;margin-bottom:var(--spacing-lg)}.not-found-content p{color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.6;margin-bottom:var(--spacing-md)}.not-found-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center;margin:var(--spacing-xl) 0}.btn{border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-block;font-size:var(--font-size-base);font-weight:500;padding:var(--spacing-sm) var(--spacing-lg);text-decoration:none;transition:all var(--transition-fast)}.btn-primary{background:var(--primary-color);color:var(--text-light)}.btn-primary:hover{background:var(--primary-hover);box-shadow:var(--shadow-md);text-decoration:none;transform:translateY(-1px)}.btn-secondary{background:var(--surface-color);border:1px solid var(--border-color);color:var(--text-primary)}.btn-secondary:hover{background:var(--border-color);text-decoration:none;transform:translateY(-1px)}.not-found-suggestions{border-top:1px solid var(--border-color);margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl)}.not-found-suggestions h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-md)}.not-found-suggestions ul{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));list-style:none;padding:0}.not-found-suggestions li{margin:0}.not-found-suggestions a{border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);display:block;font-size:var(--font-size-sm);padding:var(--spacing-sm);text-decoration:none;transition:all var(--transition-fast)}.not-found-suggestions a:hover{background:#2563eb0d;border-color:var(--primary-color);color:var(--primary-color);text-decoration:none}@media (max-width:768px){.not-found-container{padding:var(--spacing-xl) 0}.not-found-content{margin:0 var(--spacing-md);padding:var(--spacing-xl)}.not-found-icon{font-size:3rem}.not-found-content h1{font-size:var(--font-size-5xl)}.not-found-content h2{font-size:var(--font-size-xl)}.not-found-actions{align-items:center;flex-direction:column}.not-found-suggestions ul{grid-template-columns:1fr 1fr}}@media (max-width:480px){.not-found-content{margin:0 var(--spacing-sm);padding:var(--spacing-lg)}.not-found-icon{font-size:2.5rem}.not-found-content h1{font-size:var(--font-size-4xl)}.not-found-content h2{font-size:var(--font-size-lg)}.btn,.not-found-content p{font-size:var(--font-size-sm)}.btn{padding:var(--spacing-sm) var(--spacing-md)}.not-found-suggestions{margin-top:var(--spacing-xl)}.not-found-suggestions h3{font-size:var(--font-size-base)}.not-found-suggestions ul{grid-template-columns:1fr}.not-found-suggestions a{font-size:var(--font-size-xs)}}.App,.app{display:flex;flex-direction:column;min-height:100vh}.main{display:flex;flex:1 1;flex-direction:column}.container{max-width:1200px}.container,.container-sm{margin:0 auto;padding:0 var(--spacing-lg);width:100%}.container-sm{max-width:800px}@media (max-width:768px){.container,.container-sm{padding:0 var(--spacing-md)}}@media (max-width:480px){.container,.container-sm{padding:0 var(--spacing-sm)}}.page-transition-enter{opacity:0;transform:translateY(20px)}.page-transition-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s,transform .3s}.page-transition-exit{opacity:1}.page-transition-exit-active{opacity:0;transition:opacity .3s}.scroll-to-top{background:var(--primary-color);border:none;border-radius:50%;bottom:20px;box-shadow:var(--shadow-lg);color:var(--text-light);cursor:pointer;font-size:var(--font-size-lg);height:50px;position:fixed;right:20px;transition:all var(--transition-fast);width:50px;z-index:1000}.scroll-to-top:hover{background:var(--primary-hover);box-shadow:var(--shadow-xl);transform:translateY(-2px)}.scroll-to-top.hidden{opacity:0;pointer-events:none}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.loading{overflow:hidden;position:relative}.loading:after{animation:loading 1.5s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes loading{0%{left:-100%}to{left:100%}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-4{margin-top:var(--spacing-md)}.mt-6{margin-top:var(--spacing-lg)}.mt-8{margin-top:var(--spacing-xl)}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-4{margin-bottom:var(--spacing-md)}.mb-6{margin-bottom:var(--spacing-lg)}.mb-8{margin-bottom:var(--spacing-xl)}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-4{padding:var(--spacing-md)}.p-6{padding:var(--spacing-lg)}.p-8{padding:var(--spacing-xl)}@media (max-width:640px){.sm-hidden{display:none!important}.sm-block{display:block!important}.sm-flex{display:flex!important}}@media (min-width:641px) and (max-width:1024px){.md-hidden{display:none!important}.md-block{display:block!important}.md-flex{display:flex!important}}@media (min-width:1025px){.lg-hidden{display:none!important}.lg-block{display:block!important}.lg-flex{display:flex!important}}
/*# sourceMappingURL=main.5cd37852.css.map*/