@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-primary: #8B5CF6;--color-primary-hover: #7C3AED;--color-secondary: #EC4899;--color-cta: #3B82F6;--color-cta-hover: #2563EB;--glass-bg: rgba(255, 255, 255, .4);--glass-border: rgba(255, 255, 255, .2);--glass-blur: blur(24px);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .05);--color-bg: #f5f5fa;--color-bg-alt: #ffffff;--color-text: #1e1e24;--color-text-muted: #64748B;--color-border: rgba(255,255,255,.3);--color-white: #FFFFFF;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 3rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--transition-fast: .3s cubic-bezier(.4, 0, .2, 1);--transition-normal: .5s cubic-bezier(.4, 0, .2, 1);--transition-slow: .8s cubic-bezier(.4, 0, .2, 1)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--color-primary: #A78BFA;--color-primary-hover: #C4B5FD;--glass-bg: rgba(15, 23, 42, .4);--glass-border: rgba(255, 255, 255, .05);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .3);--color-bg: #0f0f13;--color-bg-alt: #1a1a24;--color-text: #F8FAFC;--color-text-muted: #94A3B8}}:root[data-theme=dark]{--color-primary: #A78BFA;--color-primary-hover: #C4B5FD;--glass-bg: rgba(15, 23, 42, .4);--glass-border: rgba(255, 255, 255, .05);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .3);--color-bg: #0f0f13;--color-bg-alt: #1a1a24;--color-text: #F8FAFC;--color-text-muted: #94A3B8}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text);background-color:var(--color-bg);background-image:radial-gradient(at 40% 20%,hsla(260,100%,94%,1) 0px,transparent 50%),radial-gradient(at 80% 0%,hsla(333,100%,94%,1) 0px,transparent 50%),radial-gradient(at 0% 50%,hsla(200,100%,94%,1) 0px,transparent 50%);background-attachment:fixed;background-size:200% 200%;animation:mesh-gradient-anim 15s ease infinite alternate;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;transition:background-color var(--transition-slow)}@keyframes mesh-gradient-anim{0%{background-position:0% 0%}to{background-position:100% 100%}}[data-theme=dark] body{background-image:radial-gradient(at 40% 20%,hsla(260,80%,15%,1) 0px,transparent 50%),radial-gradient(at 80% 0%,hsla(333,80%,15%,1) 0px,transparent 50%),radial-gradient(at 0% 50%,hsla(200,80%,15%,1) 0px,transparent 50%)}html{scroll-behavior:smooth;overflow-x:hidden}.home-hero{position:relative;padding:60px 20px;margin:-32px -32px 32px;border-radius:0 0 var(--radius-xl) var(--radius-xl);overflow:hidden;background:linear-gradient(135deg,var(--color-primary) 0%,#0E7490 50%,#164E63 100%)}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.hero-shape{position:absolute;border-radius:50%;background:#ffffff1a;animation:float 20s ease-in-out infinite}.hero-shape.shape-1{width:300px;height:300px;top:-100px;right:-50px;animation-delay:0s}.hero-shape.shape-2{width:200px;height:200px;bottom:-50px;left:10%;animation-delay:-5s}.hero-shape.shape-3{width:150px;height:150px;top:50%;left:50%;animation-delay:-10s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-20px) scale(1.05)}50%{transform:translate(-10px,10px) scale(.95)}75%{transform:translate(15px,15px) scale(1.02)}}.hero-content{position:relative;z-index:1;text-align:center;color:#fff}.hero-title{margin:0 0 12px}.hero-greeting{display:block;font-size:1.25rem;font-weight:400;opacity:.9;margin-bottom:8px}.hero-name{display:block;font-size:2.5rem;font-weight:700;letter-spacing:-.02em}.hero-subtitle{font-size:1.1rem;opacity:.85;margin:0 0 32px}.hero-stats{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}.hero-stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 24px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.2);transition:all var(--transition-normal)}.hero-stat:hover{background:#ffffff40;transform:translateY(-4px)}.hero-stat .anticon{font-size:1.5rem;opacity:.9}.hero-stat .stat-value{font-size:1.5rem;font-weight:700}.hero-stat .stat-label{font-size:.75rem;opacity:.8}@media (max-width: 768px){.home-hero{padding:40px 16px;margin:-24px -16px 24px}.hero-name{font-size:1.75rem}.hero-subtitle{font-size:.95rem}.hero-stats{gap:12px}.hero-stat{padding:12px 16px}.hero-stat .stat-value{font-size:1.25rem}}.home-container{display:grid;grid-template-columns:1fr 300px;gap:var(--spacing-xl);max-width:1200px;margin:0 auto}@media (max-width: 1024px){.home-container{grid-template-columns:1fr}}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--color-border)}.page-title{font-size:var(--font-size-2xl);font-weight:600;color:var(--color-text);margin:0}.clear-filter-btn{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:500;color:var(--color-primary);background:var(--color-bg-alt);border:1px solid var(--color-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal)}.clear-filter-btn:hover{background:var(--color-primary);color:var(--color-white)}.filter-bar{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);align-items:stretch}.search-box{position:relative;flex:1}.search-icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.search-input{width:100%;height:100%;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 44px;font-size:var(--font-size-base);font-family:var(--font-family);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--color-primary);background:var(--color-white)}.search-input::placeholder{color:var(--color-text-muted)}.search-clear{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);color:var(--color-text-muted);background:var(--color-border);border:none;border-radius:50%;cursor:pointer}.search-clear:hover{background:var(--color-text-muted);color:var(--color-white)}.sort-buttons{display:flex;gap:var(--spacing-xs);background:var(--color-bg);border-radius:var(--radius-lg);padding:var(--spacing-xs)}.sort-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family);color:var(--color-text-muted);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.sort-btn:hover{color:var(--color-text)}.sort-btn.active{background:var(--color-white);color:var(--color-primary);box-shadow:var(--shadow-sm)}@media (max-width: 640px){.filter-bar{flex-direction:column}.sort-buttons{justify-content:center}}.articles-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}@media (max-width: 900px){.articles-grid{grid-template-columns:1fr}}.article-card{display:flex;flex-direction:column;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:fadeInUp .5s ease forwards;opacity:0}.article-card:hover{border-color:var(--color-primary);box-shadow:0 20px 40px -12px #0891b240;transform:translateY(-8px)}.article-card.pinned{border-color:var(--color-warning);background:linear-gradient(135deg,var(--color-white) 0%,rgba(245,158,11,.05) 100%)}.pinned-badge{position:absolute;top:12px;left:12px;z-index:10;padding:4px 10px;font-size:11px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--color-warning) 0%,#D97706 100%);border-radius:20px;display:flex;align-items:center;gap:4px}.read-badge{position:absolute;top:12px;right:12px;z-index:10;padding:4px 10px;font-size:11px;font-weight:500;color:var(--color-success);background:#22c55e26;border-radius:20px}.article-cover{position:relative;height:180px;overflow:hidden}.article-cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}.cover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,transparent 50%);display:flex;align-items:flex-end;justify-content:center;padding-bottom:16px;opacity:0;transition:opacity var(--transition-normal)}.article-card:hover .cover-overlay{opacity:1}.read-more-btn{padding:8px 20px;font-size:13px;font-weight:500;color:#fff;background:var(--color-primary);border-radius:20px;display:flex;align-items:center;gap:6px;transform:translateY(10px);transition:transform var(--transition-normal)}.article-card:hover .read-more-btn{transform:translateY(0)}.article-cover.no-cover{background:linear-gradient(135deg,var(--color-bg-alt) 0%,var(--color-bg) 100%);display:flex;align-items:center;justify-content:center}.no-cover-icon{font-size:48px;color:var(--color-primary);opacity:.3}.article-content{display:flex;flex-direction:column;padding:var(--spacing-lg);flex:1}.article-meta-top{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);font-size:var(--font-size-xs)}.article-category{padding:3px 10px;color:var(--color-primary);background:#0891b21a;border-radius:12px;font-weight:500;display:flex;align-items:center;gap:4px;transition:all var(--transition-fast)}.article-category:hover{background:var(--color-primary);color:#fff}.article-date{color:var(--color-text-muted);display:flex;align-items:center;gap:4px}.article-title{font-size:1.1rem;font-weight:600;color:var(--color-text);margin:0 0 var(--spacing-sm);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color var(--transition-fast)}.article-excerpt{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.7;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.article-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.article-stats{display:flex;gap:var(--spacing-md);font-size:var(--font-size-xs);color:var(--color-text-muted)}.article-stats span{display:flex;align-items:center;gap:4px}.article-tags-mini{display:flex;gap:6px}.tag-mini{font-size:11px;color:var(--color-primary);opacity:.8;transition:opacity var(--transition-fast)}.tag-mini:hover{opacity:1}.empty-state{padding:80px 20px;text-align:center;color:var(--color-text-muted)}.empty-icon{font-size:64px;color:var(--color-primary);opacity:.3;margin-bottom:16px}.empty-state p{font-size:1rem}.article-card.skeleton{cursor:default;pointer-events:none}.skeleton-cover{height:160px;background:linear-gradient(90deg,var(--color-bg) 25%,var(--color-bg-alt) 50%,var(--color-bg) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-md)}.skeleton-title{height:24px;width:80%;background:linear-gradient(90deg,var(--color-bg) 25%,var(--color-bg-alt) 50%,var(--color-bg) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-sm);margin-bottom:var(--spacing-md)}.skeleton-text{height:16px;width:100%;background:linear-gradient(90deg,var(--color-bg) 25%,var(--color-bg-alt) 50%,var(--color-bg) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm)}.skeleton-text.short{width:60%}.skeleton-meta{height:14px;width:40%;background:linear-gradient(90deg,var(--color-bg) 25%,var(--color-bg-alt) 50%,var(--color-bg) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-sm);margin-top:var(--spacing-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 768px){.article-card{grid-template-columns:1fr}}.article-cover{overflow:hidden;border-radius:var(--radius-md)}.article-cover img{width:100%;height:140px;object-fit:cover;transition:transform var(--transition-slow)}.article-card:hover .article-cover img{transform:scale(1.05)}.article-content{display:flex;flex-direction:column}.article-title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text);margin:0 0 var(--spacing-sm);line-height:1.4;transition:color var(--transition-fast)}.article-excerpt{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.6;margin:0 0 var(--spacing-md);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.article-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-md);font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.meta-item{display:flex;align-items:center;gap:var(--spacing-xs)}.read-more{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:500;color:var(--color-primary);opacity:0;transform:translate(-8px);transition:all var(--transition-normal)}.article-card:hover .read-more{opacity:1;transform:translate(0)}.pagination-wrapper{display:flex;justify-content:center;margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border)}.empty-state{padding:var(--spacing-2xl);text-align:center}.sidebar{display:flex;flex-direction:column;gap:var(--spacing-lg)}@media (max-width: 1024px){.sidebar{flex-direction:row;flex-wrap:wrap}.sidebar-section{flex:1;min-width:280px}}.sidebar-section{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-lg);transition:all var(--transition-normal)}.sidebar-section:hover{box-shadow:var(--shadow-md)}.author-card{text-align:center;background:linear-gradient(135deg,var(--color-white) 0%,var(--color-bg-alt) 100%)}.author-avatar{width:80px;height:80px;margin:0 auto 12px;border-radius:50%;overflow:hidden;border:3px solid var(--color-primary);box-shadow:0 4px 12px #0891b233}.author-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--color-primary) 0%,#0E7490 100%)}.author-name{font-size:1.1rem;font-weight:600;color:var(--color-text);margin:0 0 4px}.author-bio{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0 0 16px}.author-stats{display:flex;justify-content:center;gap:24px;padding-top:16px;border-top:1px solid var(--color-border)}.author-stat{text-align:center}.author-stat .stat-num{display:block;font-size:1.25rem;font-weight:700;color:var(--color-primary)}.author-stat .stat-text{font-size:var(--font-size-xs);color:var(--color-text-muted)}.sidebar-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text);margin:0 0 var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-primary);display:flex;align-items:center;gap:8px}.sidebar-empty{font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center;padding:20px 0}.category-list{list-style:none;margin:0;padding:0}.category-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;margin:4px 0;font-size:var(--font-size-sm);color:var(--color-text);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.category-item:hover{background:var(--color-bg-alt);color:var(--color-primary);transform:translate(4px)}.category-item.active{background:linear-gradient(135deg,var(--color-primary) 0%,#0E7490 100%);color:#fff}.category-item .cat-name{font-weight:500}.category-item .cat-count{font-size:11px;padding:2px 8px;background:#0000000d;border-radius:10px}.category-item.active .cat-count{background:#fff3}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}.tag-item{padding:6px 14px;font-size:var(--font-size-xs);color:var(--color-text-muted);background:var(--color-bg);border:none;border-radius:20px;cursor:pointer;transition:all var(--transition-fast)}.tag-item:hover{color:var(--color-primary);background:#0891b21a;transform:scale(1.05)}.tag-item.active{background:linear-gradient(135deg,var(--color-primary) 0%,#0E7490 100%);color:#fff}.history-list{display:flex;flex-direction:column;gap:8px}.history-item{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.history-cover{width:48px;height:36px;object-fit:cover;border-radius:6px;flex-shrink:0}.history-title{font-size:var(--font-size-sm);color:var(--color-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.public-layout{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.scroll-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));z-index:1000}.public-header{position:sticky;top:0;z-index:100;background:var(--color-white);border-bottom:1px solid var(--color-border);padding:var(--spacing-md) var(--spacing-xl)}.header-content{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto}.site-logo{font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary);cursor:pointer}.nav-menu{display:flex;gap:var(--spacing-md)}.nav-item{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.nav-item:hover{background:var(--color-bg);color:var(--color-primary)}.nav-item.active{background:var(--color-bg-alt);color:var(--color-primary)}.theme-toggle{position:relative;width:40px;height:40px;padding:0;border-radius:50%;overflow:hidden}.theme-icon-wrapper{position:relative;width:20px;height:20px}.theme-icon{position:absolute;top:0;left:0;font-size:var(--font-size-lg);transition:all var(--transition-normal)}.theme-toggle.light .dark-icon{opacity:0;transform:rotate(-90deg)}.theme-toggle.dark .light-icon{opacity:0;transform:rotate(90deg)}.theme-toggle.dark .dark-icon{opacity:1;transform:rotate(0);color:var(--color-warning)}.theme-toggle:hover{background:var(--color-bg-alt)}.public-main{flex:1;padding:var(--spacing-xl);background:var(--color-bg)}.main-container{max-width:1200px;margin:0 auto;background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-xl);min-height:calc(100vh - 200px)}.public-footer{background:var(--color-white);border-top:1px solid var(--color-border);padding:var(--spacing-lg) var(--spacing-xl);text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted)}.back-to-top{position:fixed;bottom:var(--spacing-xl);right:var(--spacing-xl);width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);color:var(--color-white);background:var(--color-primary);border:none;border-radius:50%;cursor:pointer;box-shadow:var(--shadow-lg);transition:all var(--transition-normal)}.back-to-top:hover{background:var(--color-primary-hover);transform:translateY(-4px)}.article-layout{display:flex;gap:var(--spacing-xl);max-width:1000px;margin:0 auto}.article-layout .article-page{flex:1;min-width:0}.article-page{max-width:800px;margin:0 auto}.article-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl)}.article-nav-right{display:flex;gap:var(--spacing-sm)}.back-btn,.edit-btn,.toc-toggle{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.back-btn{color:var(--color-text-muted)}.back-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.edit-btn{color:var(--color-cta);border-color:var(--color-cta)}.edit-btn:hover{background:var(--color-cta);color:var(--color-white)}.toc-toggle{display:none;color:var(--color-text-muted)}.toc-toggle:hover,.toc-toggle.active{border-color:var(--color-primary);color:var(--color-primary)}.article-hero-image{width:100%;max-height:400px;object-fit:cover;border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl)}.article-page-title{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-text);line-height:1.3;margin:0 0 var(--spacing-lg)}.article-page-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-lg)}.meta-item.clickable{cursor:pointer}.meta-item.clickable:hover{color:var(--color-primary)}.article-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--color-border)}.article-body{margin-bottom:var(--spacing-xl);font-size:16px}.article-footer{text-align:center;padding-top:var(--spacing-xl);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--font-size-sm)}.share-section{margin-top:var(--spacing-lg);display:flex;justify-content:center;gap:var(--spacing-md)}.like-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family);color:var(--color-text-muted);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.like-btn:hover:not(:disabled){border-color:#ef4444;color:#ef4444}.like-btn.liked{background:#fee2e2;border-color:#ef4444;color:#ef4444;cursor:pointer}.share-wrapper{position:relative}.share-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family);color:var(--color-primary);background:var(--color-bg-alt);border:1px solid var(--color-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.share-btn:hover{background:var(--color-primary);color:var(--color-white)}.share-menu{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:var(--spacing-sm);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden;min-width:140px}.share-menu button{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-text);background:transparent;border:none;cursor:pointer;transition:background var(--transition-fast)}.share-menu button:hover{background:var(--color-bg)}.share-menu button svg{flex-shrink:0}.related-articles{margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border)}.related-title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-lg)}.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.related-card{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.related-card:hover{background:var(--color-bg-alt);transform:translateY(-2px)}.related-cover{width:80px;height:60px;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0}.related-content{flex:1;min-width:0}.related-card-title{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);margin:0 0 var(--spacing-xs);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-meta{display:flex;gap:var(--spacing-md);font-size:var(--font-size-xs);color:var(--color-text-muted)}@media (max-width: 640px){.related-grid{grid-template-columns:1fr}}.loading-container{display:flex;align-items:center;justify-content:center;min-height:400px}.article-toc{position:sticky;top:100px;width:240px;max-height:calc(100vh - 150px);overflow-y:auto;flex-shrink:0}.toc-header{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-primary);cursor:pointer;-webkit-user-select:none;user-select:none}.toc-header-right{display:flex;align-items:center;gap:var(--spacing-sm)}.toc-collapse-icon{font-size:var(--font-size-xs);color:var(--color-text-muted);transition:transform var(--transition-fast)}.article-toc.collapsed .toc-collapse-icon{transform:rotate(180deg)}.toc-nav{display:flex;flex-direction:column}.toc-item{display:block;width:100%;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-text-muted);background:transparent;border:none;border-left:2px solid transparent;text-align:left;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toc-item:hover{color:var(--color-text);background:var(--color-bg)}.toc-item.active{color:var(--color-primary);border-left-color:var(--color-primary);background:var(--color-bg-alt)}.toc-item.level-2{padding-left:var(--spacing-lg)}.toc-item.level-3{padding-left:var(--spacing-xl);font-size:var(--font-size-xs)}@media (max-width: 1024px){.article-layout{flex-direction:column}.toc-toggle{display:flex}.article-toc{position:fixed;top:0;right:0;width:280px;height:100vh;max-height:100vh;background:var(--color-white);border-left:1px solid var(--color-border);padding:var(--spacing-lg);transform:translate(100%);transition:transform var(--transition-normal);z-index:100;box-shadow:var(--shadow-lg)}.article-toc.show{transform:translate(0)}}.markdown-body h1,.markdown-body h2,.markdown-body h3{scroll-margin-top:80px}.markdown-body{font-family:var(--font-family);font-size:inherit;line-height:1.8;color:var(--color-text)}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{font-weight:600;color:var(--color-text);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);line-height:1.4}.markdown-body h1{font-size:var(--font-size-2xl)}.markdown-body h2{font-size:var(--font-size-xl);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-sm)}.markdown-body h3{font-size:var(--font-size-lg)}.markdown-body p{margin-bottom:var(--spacing-md)}.markdown-body a{color:var(--color-primary);text-decoration:none}.markdown-body a:hover{text-decoration:underline}.markdown-body ul,.markdown-body ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-xl)}.markdown-body li{margin-bottom:var(--spacing-sm)}.markdown-body blockquote{margin:var(--spacing-lg) 0;padding:var(--spacing-md) var(--spacing-lg);border-left:4px solid var(--color-primary);background:var(--color-bg-alt);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-text-muted);font-style:italic}.markdown-body code{font-family:Consolas,Monaco,monospace;font-size:.9em;padding:2px 6px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-primary)}.markdown-body pre{margin:var(--spacing-lg) 0;padding:var(--spacing-lg);background:#1e293b;border-radius:var(--radius-md);overflow-x:auto;position:relative}.markdown-body pre:hover .copy-code-btn{opacity:1}.copy-code-btn{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-family:var(--font-family);color:#94a3b8;background:#334155;border:none;border-radius:var(--radius-sm);cursor:pointer;opacity:0;transition:all var(--transition-fast)}.copy-code-btn:hover{background:#475569;color:#e2e8f0}.copy-code-btn.copied{color:#22c55e}.markdown-body pre code{padding:0;background:transparent;border:none;color:#e2e8f0;font-size:var(--font-size-sm)}.markdown-body img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:var(--spacing-lg) 0}.markdown-body table{width:100%;border-collapse:collapse;margin:var(--spacing-lg) 0}.markdown-body th,.markdown-body td{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);text-align:left}.markdown-body th{background:var(--color-bg);font-weight:600}.markdown-body hr{border:none;border-top:1px solid var(--color-border);margin:var(--spacing-xl) 0}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-bg-alt) 0%,var(--color-bg) 100%);padding:var(--spacing-lg)}.login-container{width:100%;max-width:400px;background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--spacing-2xl)}.login-header{text-align:center;margin-bottom:var(--spacing-xl)}.login-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-primary);margin:0 0 var(--spacing-sm)}.login-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.login-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-label{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text)}.form-input{width:100%;padding:var(--spacing-md);font-size:var(--font-size-base);font-family:var(--font-family);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-primary)}.form-input:disabled{opacity:.6;cursor:not-allowed}.form-input::placeholder{color:var(--color-text-muted)}.login-btn{width:100%;padding:var(--spacing-md);font-size:var(--font-size-base);font-weight:600;font-family:var(--font-family);color:var(--color-white);background:var(--color-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.login-btn:hover:not(:disabled){background:var(--color-primary-hover)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-footer{margin-top:var(--spacing-xl);text-align:center}.back-home-btn{font-size:var(--font-size-sm);color:var(--color-text-muted);background:none;border:none;cursor:pointer}.back-home-btn:hover{color:var(--color-primary)}.not-found-page{display:flex;align-items:center;justify-content:center;min-height:400px;text-align:center}.not-found-content{max-width:400px}.not-found-code{font-size:120px;font-weight:700;color:var(--color-primary);line-height:1;margin:0 0 var(--spacing-md);opacity:.2}.not-found-title{font-size:var(--font-size-2xl);font-weight:600;color:var(--color-text);margin:0 0 var(--spacing-md)}.not-found-desc{font-size:var(--font-size-base);color:var(--color-text-muted);margin:0 0 var(--spacing-xl)}.not-found-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base);font-weight:500;font-family:var(--font-family);color:var(--color-white);background:var(--color-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.not-found-btn:hover{background:var(--color-primary-hover)}.admin-layout{display:flex;min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.admin-sidebar{width:260px;background:linear-gradient(180deg,#0f172a,#1e293b);display:flex;flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 20px #0000001a;position:relative;z-index:10}.admin-sidebar.collapsed{width:72px}.sidebar-header{height:72px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0%,#0E7490 100%);position:relative}.sidebar-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.sidebar-logo{font-size:var(--font-size-lg);font-weight:700;color:var(--color-white);white-space:nowrap;overflow:hidden;letter-spacing:-.5px}.admin-sidebar.collapsed .sidebar-logo{font-size:var(--font-size-2xl)}.sidebar-nav{flex:1;padding:var(--spacing-lg) var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs)}.sidebar-item{width:100%;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm);font-family:var(--font-family);color:#94a3b8;background:transparent;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;text-align:left;position:relative;overflow:hidden}.sidebar-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--color-primary);border-radius:0 2px 2px 0;transition:height .2s ease}.admin-sidebar.collapsed .sidebar-item{justify-content:center;padding:var(--spacing-md)}.admin-sidebar.collapsed .sidebar-item span:not(.anticon){display:none}.sidebar-item:hover{color:var(--color-white);background:#ffffff14}.sidebar-item:hover:before{height:20px}.sidebar-item.active{color:var(--color-white);background:linear-gradient(135deg,var(--color-primary) 0%,#0E7490 100%);box-shadow:0 4px 15px #0891b266}.sidebar-item.active:before{height:0}.sidebar-item .anticon{font-size:var(--font-size-lg);transition:transform .2s ease}.sidebar-item:hover .anticon{transform:scale(1.1)}.sidebar-footer{padding:var(--spacing-md);border-top:1px solid rgba(255,255,255,.1)}.admin-main{flex:1;display:flex;flex-direction:column;background:transparent;min-width:0}.admin-header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-xl);background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.05);position:sticky;top:0;z-index:5}.toggle-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;font-size:var(--font-size-lg);color:#64748b;background:#f1f5f9;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease}.toggle-btn:hover{background:var(--color-primary);color:#fff;transform:scale(1.05)}.logout-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-text-muted);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer}.logout-btn:hover{border-color:var(--color-danger);color:var(--color-danger)}.admin-content{flex:1;padding:var(--spacing-lg);overflow-y:auto}.admin-page{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.admin-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--color-border)}.admin-page-title{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text);margin:0}.btn-primary{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family);color:var(--color-white);background:var(--color-primary);border:none;border-radius:var(--radius-md);cursor:pointer}.btn-primary:hover{background:var(--color-primary-hover)}.admin-table-wrapper{overflow-x:auto}.admin-table th,.admin-table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border)}.admin-table th{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;background:var(--color-bg)}.admin-table tbody tr:hover{background:var(--color-bg-alt)}.text-muted{color:var(--color-text-muted);font-size:var(--font-size-sm)}.article-title-cell{font-weight:500;color:var(--color-text)}.status-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:500;border-radius:var(--radius-sm)}.status-badge.published{color:#16a34a;background:#dcfce7}.status-badge.draft{color:#ca8a04;background:#fef9c3}.view-count{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-muted)}.action-buttons{display:flex;gap:var(--spacing-xs)}.action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:var(--font-size-sm);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.action-btn.view{color:var(--color-text-muted)}.action-btn.view:hover{border-color:var(--color-primary);color:var(--color-primary)}.action-btn.edit{color:var(--color-primary)}.action-btn.edit:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.action-btn.delete{color:var(--color-danger)}.action-btn.delete:hover{background:var(--color-danger);border-color:var(--color-danger);color:var(--color-white)}.admin-pagination{display:flex;align-items:center;justify-content:space-between;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.pagination-info{font-size:var(--font-size-sm);color:var(--color-text-muted)}.pagination-buttons{display:flex;gap:var(--spacing-sm)}.pagination-btn{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer}.pagination-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.tags-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-md)}.tag-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md)}.tag-card:hover{border-color:var(--color-primary)}.tag-card-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.tag-icon{color:var(--color-primary)}.tag-name{font-weight:500;color:var(--color-text)}.tag-card-meta{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.tag-card-actions{padding-top:var(--spacing-sm);border-top:1px solid var(--color-border)}.tag-card-actions .action-btn{width:auto;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);gap:var(--spacing-xs)}.editor-page{display:flex;flex-direction:column;height:calc(100vh - 96px);margin:calc(-1 * var(--spacing-lg));background:var(--color-white);overflow-y:auto}.editor-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border)}.editor-header-left{display:flex;align-items:center;gap:var(--spacing-md)}.editor-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin:0}.editor-header-right{display:flex;gap:var(--spacing-sm)}.editor-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family);color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer}.editor-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.editor-btn.active{background:var(--color-bg-alt);border-color:var(--color-primary);color:var(--color-primary)}.editor-btn.primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.editor-btn.primary:hover:not(:disabled){background:var(--color-primary-hover)}.editor-btn:disabled{opacity:.6;cursor:not-allowed}.editor-body{flex:1;display:flex;overflow:visible}.editor-body.with-preview .editor-main{width:55%;border-right:1px solid var(--color-border)}.editor-main{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:var(--spacing-lg)}.editor-page.single-page .editor-body.single-page-layout{flex:1;display:flex;overflow:visible}.editor-page.single-page .editor-main{flex:1;display:flex;flex-direction:column;overflow:visible;padding:var(--spacing-lg)}.editor-page.single-page .editor-body.with-preview .editor-main{width:55%;border-right:1px solid var(--color-border)}.editor-page.single-page .editor-preview{width:45%}.editor-form{flex:1}.editor-settings-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.settings-column{display:flex;flex-direction:column}.native-form-item{margin-bottom:var(--spacing-lg)}.native-label{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);margin-bottom:var(--spacing-sm)}.native-select{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748B' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.native-select:focus{outline:none;border-color:var(--color-primary)}.native-select:hover{border-color:var(--color-primary)}.native-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}.native-input:focus{outline:none;border-color:var(--color-primary)}.native-input::placeholder{color:var(--color-text-muted)}.tag-selector{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.tag-option{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-text-muted);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.tag-option:hover{border-color:var(--color-primary);color:var(--color-primary)}.tag-option.selected{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.no-tags{font-size:var(--font-size-sm);color:var(--color-text-muted)}.inline-add-btn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;font-size:12px;color:var(--color-primary);background:transparent;border:1px dashed var(--color-primary);border-radius:4px;cursor:pointer;transition:all var(--transition-fast)}.inline-add-btn:hover{background:var(--color-primary);color:var(--color-white);border-style:solid}.inline-create-form{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}.inline-input{flex:1;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.inline-input:focus{outline:none;border-color:var(--color-primary)}.inline-confirm-btn{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);font-weight:500;color:var(--color-white);background:var(--color-primary);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.inline-confirm-btn:hover:not(:disabled){background:var(--color-primary-dark, #2563eb)}.inline-confirm-btn:disabled{opacity:.6;cursor:not-allowed}.inline-cancel-btn{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-muted);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.inline-cancel-btn:hover{border-color:var(--color-text-muted);color:var(--color-text)}[data-theme=dark] .inline-create-form{background:#1e293b80;border-color:#ffffff1a}[data-theme=dark] .inline-input{background:#0f172acc;border-color:#ffffff1a;color:#e2e8f0}[data-theme=dark] .inline-cancel-btn{border-color:#fff3;color:#94a3b8}[data-theme=dark] .inline-cancel-btn:hover{border-color:#ffffff4d;color:#e2e8f0}.settings-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-primary);display:inline-block;width:fit-content}.cover-preview-small{position:relative;display:inline-block;margin-bottom:var(--spacing-sm)}.cover-preview-small img{max-width:180px;max-height:100px;object-fit:cover;border-radius:var(--radius-md)}@media (max-width: 768px){.editor-settings-row{grid-template-columns:1fr;gap:var(--spacing-lg)}}.title-input{width:100%;padding:var(--spacing-md);font-size:var(--font-size-xl);font-weight:600;font-family:var(--font-family);color:var(--color-text);background:transparent;border:none;border-bottom:2px solid var(--color-border)}.title-input:focus{outline:none;border-bottom-color:var(--color-primary)}.title-input::placeholder{color:var(--color-text-muted);font-weight:400}.markdown-editor-wrapper{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--spacing-md)}.markdown-toolbar{display:flex;flex-wrap:wrap;gap:2px;padding:var(--spacing-sm);background:var(--color-bg);border-bottom:1px solid var(--color-border)}.markdown-toolbar button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:var(--font-size-sm);font-family:var(--font-family);font-weight:600;color:var(--color-text-muted);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.markdown-toolbar button:hover{color:var(--color-primary);background:var(--color-white)}.markdown-editor-wrapper .ant-form-item{margin-bottom:0}.markdown-editor-wrapper .content-textarea{border:none!important;border-radius:0!important}.content-textarea{font-family:Consolas,Monaco,monospace!important;font-size:var(--font-size-sm)!important;line-height:1.6!important;resize:none!important}.form-section{margin-bottom:var(--spacing-lg)}.form-section-label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);margin-bottom:var(--spacing-sm)}.cover-preview{position:relative;display:inline-block;margin-bottom:var(--spacing-md)}.cover-preview img{max-width:300px;max-height:200px;object-fit:cover;border-radius:var(--radius-md)}.cover-delete{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);color:var(--color-white);background:#00000080;border:none;border-radius:var(--radius-sm);cursor:pointer}.cover-delete:hover{background:var(--color-danger)}.upload-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-text);background:var(--color-white);border:1px dashed var(--color-border);border-radius:var(--radius-md);cursor:pointer}.upload-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.editor-preview{width:45%;display:flex;flex-direction:column;background:var(--color-bg)}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);background:var(--color-white)}.fullscreen-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:var(--font-size-base);color:var(--color-text-muted);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer}.fullscreen-btn:hover{color:var(--color-primary);background:var(--color-bg)}.fullscreen-preview-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background:var(--color-white);display:flex;flex-direction:column}.fullscreen-preview-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-xl);border-bottom:1px solid var(--color-border)}.fullscreen-preview-header h2{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text);margin:0}.fullscreen-close-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-text-muted);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer}.fullscreen-close-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.fullscreen-preview-content{flex:1;overflow-y:auto;padding:var(--spacing-xl)}.fullscreen-preview-content .markdown-body{max-width:800px;margin:0 auto}.history-panel{position:fixed;top:0;right:0;width:320px;height:100vh;background:var(--color-white);border-left:1px solid var(--color-border);box-shadow:var(--shadow-lg);z-index:1000;display:flex;flex-direction:column}.history-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border)}.history-header h3{font-size:var(--font-size-base);font-weight:600;color:var(--color-text);margin:0}.history-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--color-text-muted);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer}.history-close:hover{color:var(--color-text);background:var(--color-bg)}.history-list{flex:1;overflow-y:auto;padding:var(--spacing-sm)}.history-item{padding:var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.history-item:hover{background:var(--color-bg)}.history-time{display:block;font-size:var(--font-size-xs);color:var(--color-primary);margin-bottom:var(--spacing-xs)}.history-preview{display:block;font-size:var(--font-size-sm);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-content{flex:1;padding:var(--spacing-lg);overflow-y:auto}.preview-content .markdown-body{font-size:var(--font-size-sm);line-height:1.6}.ant-spin-nested-loading>div>.ant-spin{max-height:none}.ant-pagination-item{border-radius:var(--radius-md)}.ant-pagination-item-active{background:var(--color-primary);border-color:var(--color-primary)}.ant-pagination-item-active a{color:var(--color-white)}.ant-btn-primary{background:var(--color-primary);border-color:var(--color-primary)}.ant-btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.ant-select-selector{border-radius:var(--radius-md)!important}.ant-select-dropdown{z-index:1050!important}.ant-input,.ant-input-affix-wrapper{border-radius:var(--radius-md)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (max-width: 768px){.public-header,.public-main{padding:var(--spacing-md)}.main-container{padding:var(--spacing-md);border-radius:var(--radius-md)}.page-title{font-size:var(--font-size-xl)}.article-page-title{font-size:var(--font-size-2xl)}.back-to-top{bottom:var(--spacing-lg);right:var(--spacing-lg);width:40px;height:40px}}.dashboard-page{background:var(--color-bg);padding:var(--spacing-lg)}.dashboard-page .admin-page-header{background:var(--color-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);border-bottom:none}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.stat-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);border-top:3px solid var(--color-primary);display:flex;align-items:center;gap:var(--spacing-md);transition:all var(--transition-fast)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);border-radius:var(--radius-md);flex-shrink:0}.stat-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text);line-height:1.2}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.dashboard-section{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.section-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin:0 0 var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-primary)}.top-articles{display:flex;flex-direction:column;gap:var(--spacing-sm)}.top-article-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.top-article-item:hover{background:var(--color-bg-alt);transform:translate(4px)}.top-article-item .rank{font-size:var(--font-size-lg);font-weight:700;color:var(--color-primary);min-width:32px}.top-article-item .title{flex:1;font-weight:500;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-article-item .views,.top-article-item .likes{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-muted);min-width:60px}.top-article-item .likes{color:#ef4444}.no-data{text-align:center;color:var(--color-text-muted);padding:var(--spacing-xl)}.reading-progress-badge{margin-left:auto;padding:2px 8px;font-size:var(--font-size-xs);font-weight:600;color:var(--color-white);background:var(--color-primary);border-radius:var(--radius-sm)}.meta-item.estimated-time{color:var(--color-cta);font-weight:500}.shortcuts-help-btn{position:fixed;bottom:var(--spacing-xl);left:var(--spacing-xl);width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-muted);background:var(--color-white);border:1px solid var(--color-border);border-radius:50%;cursor:pointer;box-shadow:var(--shadow-md);transition:all var(--transition-fast);z-index:50}.shortcuts-help-btn:hover{color:var(--color-primary);border-color:var(--color-primary)}.shortcuts-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080;z-index:200;animation:fadeIn .2s ease}.shortcuts-content{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-xl);min-width:300px;box-shadow:var(--shadow-lg);animation:slideUp .2s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.shortcuts-content h3{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin:0 0 var(--spacing-lg);text-align:center}.shortcuts-list{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.shortcut-item{display:flex;align-items:center;gap:var(--spacing-md)}.shortcut-item kbd{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:28px;padding:0 var(--spacing-sm);font-size:var(--font-size-sm);font-family:var(--font-family);font-weight:500;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:0 2px 0 var(--color-border)}.shortcut-item span{font-size:var(--font-size-sm);color:var(--color-text-muted)}.shortcuts-close{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family);color:var(--color-white);background:var(--color-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.shortcuts-close:hover{background:var(--color-primary-hover)}.article-meta .meta-item.likes{color:#ef4444}.search-highlight{background:#fef08a;color:var(--color-text);padding:0 2px;border-radius:2px}@media (prefers-color-scheme: dark){.search-highlight{background:#854d0e;color:#fef08a}}.auto-save-status{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);border-radius:var(--radius-sm);margin-left:var(--spacing-md)}.auto-save-status.saved{color:var(--color-success);background:#22c55e1a}.auto-save-status.saving{color:var(--color-warning);background:#f59e0b1a}.auto-save-status.unsaved{color:var(--color-text-muted);background:var(--color-bg)}.editor-stats{display:flex;gap:var(--spacing-lg);padding:var(--spacing-sm) 0;font-size:var(--font-size-xs);color:var(--color-text-muted);border-top:1px solid var(--color-border)}.header-actions{display:flex;gap:var(--spacing-sm)}.btn-danger{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family);color:var(--color-white);background:var(--color-danger);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.btn-danger:hover{background:#dc2626}.table-checkbox{width:16px;height:16px;cursor:pointer;accent-color:var(--color-primary)}.admin-table tbody tr.selected{background:var(--color-bg-alt)}.article-count{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:2px 8px;font-size:var(--font-size-xs);color:var(--color-primary);background:var(--color-bg-alt);border-radius:var(--radius-sm)}.nav-item.theme-toggle{padding:var(--spacing-sm);font-size:var(--font-size-lg)}.nav-item.theme-toggle:hover{color:var(--color-warning)}.reading-history{display:flex;flex-direction:column;gap:var(--spacing-sm)}.history-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-bg);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.history-item:hover{background:var(--color-bg-alt)}.history-cover{width:40px;height:30px;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0}.history-title{font-size:var(--font-size-sm);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wechat-qr-content{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;box-shadow:var(--shadow-lg);animation:slideUp .2s ease}.wechat-qr-content h3{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin:0 0 var(--spacing-lg)}.qr-placeholder{padding:var(--spacing-md);background:var(--color-white);border-radius:var(--radius-md);display:inline-block}.qr-placeholder img{display:block;width:200px;height:200px}.qr-tip{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:var(--spacing-md) 0}.print-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:var(--font-size-base);color:var(--color-text-muted);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.print-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}@media print{.public-header,.public-footer,.back-to-top,.article-nav,.article-toc,.share-section,.related-articles,.shortcuts-help-btn,.scroll-progress{display:none!important}.public-main{padding:0;background:#fff}.main-container{box-shadow:none;padding:0}.article-page{max-width:100%}.article-hero-image{max-height:300px}.markdown-body pre{white-space:pre-wrap;word-wrap:break-word}.markdown-body a{color:inherit;text-decoration:underline}.markdown-body a:after{content:" (" attr(href) ")";font-size:.8em;color:#666}}.action-btn.pin{color:var(--color-text-muted)}.action-btn.pin:hover{border-color:var(--color-warning);color:var(--color-warning)}.action-btn.pin.active{background:var(--color-warning);border-color:var(--color-warning);color:var(--color-white)}.admin-search-box{position:relative;width:200px}.admin-search-box .search-icon{position:absolute;left:var(--spacing-sm);top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.admin-search-input{width:100%;padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) 32px;font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.admin-search-input:focus{outline:none;border-color:var(--color-primary);background:var(--color-white)}.status-filter{display:flex;gap:2px;background:var(--color-bg);border-radius:var(--radius-md);padding:2px}.filter-btn{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-text-muted);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.filter-btn:hover{color:var(--color-text)}.filter-btn.active{background:var(--color-white);color:var(--color-primary);box-shadow:var(--shadow-sm)}.action-btn.copy{color:var(--color-text-muted)}.action-btn.copy:hover{border-color:var(--color-secondary);color:var(--color-secondary)}.article-card.pinned{border-color:var(--color-warning);position:relative}.pinned-badge{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:2px 8px;font-size:var(--font-size-xs);font-weight:500;color:var(--color-white);background:var(--color-warning);border-radius:var(--radius-sm);z-index:1}.article-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--color-border)}.article-progress-bar{height:100%;background:var(--color-primary);transition:width var(--transition-normal)}.read-complete-badge{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);padding:2px 8px;font-size:var(--font-size-xs);font-weight:500;color:var(--color-white);background:var(--color-success);border-radius:var(--radius-sm);z-index:1}.action-btn.export{color:var(--color-text-muted)}.action-btn.export:hover{border-color:var(--color-success);color:var(--color-success)}.activity-timeline{display:flex;flex-direction:column;gap:var(--spacing-sm)}.activity-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.activity-item:hover{background:var(--color-bg-alt)}.activity-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);color:var(--color-primary);background:var(--color-bg-alt);border-radius:50%;flex-shrink:0}.activity-content{flex:1;min-width:0}.activity-title{display:block;font-weight:500;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:var(--spacing-xs)}.activity-meta{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-muted)}.status-dot{width:6px;height:6px;border-radius:50%;margin-left:var(--spacing-sm)}.status-dot.published{background:var(--color-success)}.status-dot.draft{background:var(--color-warning)}.quick-actions-fab{position:fixed;bottom:var(--spacing-xl);right:var(--spacing-xl);z-index:100}.fab-main{width:56px;height:56px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);color:var(--color-white);background:var(--color-primary);border:none;border-radius:50%;cursor:pointer;box-shadow:var(--shadow-lg);transition:all var(--transition-normal)}.fab-main:hover{background:var(--color-primary-hover);transform:scale(1.05)}.quick-actions-fab.open .fab-main{background:var(--color-text);transform:rotate(45deg)}.fab-menu{position:absolute;bottom:70px;right:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.fab-menu button{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);color:var(--color-white);background:var(--color-text);border:none;border-radius:50%;cursor:pointer;box-shadow:var(--shadow-md);transition:all var(--transition-fast);animation:fabSlideIn .2s ease forwards;opacity:0;transform:translateY(10px)}.fab-menu button:nth-child(1){animation-delay:0ms}.fab-menu button:nth-child(2){animation-delay:50ms}.fab-menu button:nth-child(3){animation-delay:.1s}.fab-menu button:nth-child(4){animation-delay:.15s}.fab-menu button:hover{background:var(--color-primary);transform:scale(1.1)}@keyframes fabSlideIn{to{opacity:1;transform:translateY(0)}}.comments-section{margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border)}.comments-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.comments-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);margin:0}.comments-toggle{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-text-muted);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer}.comments-toggle:hover{border-color:var(--color-primary);color:var(--color-primary)}.comment-form{background:var(--color-bg);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.comment-form-row{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.comment-avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);color:var(--color-white);background:var(--color-primary);border-radius:50%;flex-shrink:0}.comment-author-input{flex:1;max-width:200px;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md)}.comment-author-input:focus{outline:none;border-color:var(--color-primary)}.comment-content-input{width:100%;padding:var(--spacing-md);font-size:var(--font-size-sm);font-family:var(--font-family);color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);resize:vertical;min-height:80px}.comment-content-input:focus{outline:none;border-color:var(--color-primary)}.comment-form-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--spacing-md)}.comment-char-count{font-size:var(--font-size-xs);color:var(--color-text-muted)}.comment-submit-btn{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family);color:var(--color-white);background:var(--color-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.comment-submit-btn:hover:not(:disabled){background:var(--color-primary-hover)}.comment-submit-btn:disabled{opacity:.5;cursor:not-allowed}.comments-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.no-comments{text-align:center;color:var(--color-text-muted);padding:var(--spacing-xl)}.comment-item{display:flex;gap:var(--spacing-md)}.comment-body{flex:1}.comment-meta{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xs)}.comment-author{font-weight:600;color:var(--color-text)}.comment-time{font-size:var(--font-size-xs);color:var(--color-text-muted)}.comment-delete{margin-left:auto;padding:4px;font-size:var(--font-size-sm);color:var(--color-text-muted);background:transparent;border:none;cursor:pointer;opacity:0;transition:opacity var(--transition-fast)}.comment-item:hover .comment-delete{opacity:1}.comment-delete:hover{color:var(--color-danger)}.comment-text{font-size:var(--font-size-sm);color:var(--color-text);line-height:1.6;margin:0;white-space:pre-wrap}.bookmark-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family);color:var(--color-text-muted);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.bookmark-btn:hover{border-color:var(--color-warning);color:var(--color-warning)}.bookmark-btn.bookmarked{background:#fef3c7;border-color:var(--color-warning);color:var(--color-warning)}.bookmarks-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.bookmark-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.bookmark-item:hover{background:var(--color-bg-alt)}.bookmark-cover{width:40px;height:30px;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0}.bookmark-title{font-size:var(--font-size-sm);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.font-size-control{display:flex;align-items:center;gap:2px;background:var(--color-bg);border-radius:var(--radius-md);padding:2px}.font-size-control button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:600;font-family:var(--font-family);color:var(--color-text-muted);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.font-size-control button:hover{color:var(--color-primary);background:var(--color-white)}.font-size-value{min-width:24px;text-align:center;font-size:var(--font-size-xs);color:var(--color-text-muted)}.category-chart{display:flex;flex-direction:column;gap:var(--spacing-md)}.chart-bar-item{display:grid;grid-template-columns:80px 1fr 40px;align-items:center;gap:var(--spacing-md)}.chart-label{font-size:var(--font-size-sm);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-bar-wrapper{height:24px;background:var(--color-bg);border-radius:var(--radius-md);overflow:hidden}.chart-bar{height:100%;border-radius:var(--radius-md);transition:width var(--transition-slow)}.chart-value{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);text-align:right}.focus-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:16px;color:var(--color-text-muted);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.focus-btn:hover{color:var(--color-primary);border-color:var(--color-primary)}.focus-btn.active{color:var(--color-white);background:var(--color-primary);border-color:var(--color-primary)}.article-layout.focus-mode{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background:var(--color-bg);overflow-y:auto;padding:var(--spacing-xl)}.article-layout.focus-mode .article-page{max-width:720px;margin:0 auto;padding:var(--spacing-xl)}.article-layout.focus-mode .article-nav{position:sticky;top:0;background:var(--color-bg);padding:var(--spacing-md) 0;margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border);z-index:10}.article-layout.focus-mode .article-toc,.article-layout.focus-mode .related-articles,.article-layout.focus-mode .comments-section,.article-layout.focus-mode .shortcuts-help-btn{display:none}.article-layout.focus-mode .article-body{font-size:18px;line-height:2}.article-layout.focus-mode .markdown-body{max-width:100%}.reply-indicator{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary-light);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-primary)}.cancel-reply{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:var(--font-size-sm)}.cancel-reply:hover{color:var(--color-error)}.comment-reply-to{color:var(--color-primary);font-size:var(--font-size-xs);margin-left:var(--spacing-sm)}.comment-reply-btn{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:var(--font-size-xs);padding:0 var(--spacing-sm)}.comment-reply-btn:hover{color:var(--color-primary)}@media (max-width: 480px){:root{--spacing-xs: 4px;--spacing-sm: 6px;--spacing-md: 10px;--spacing-lg: 16px;--spacing-xl: 20px}.home-container{flex-direction:column;gap:var(--spacing-md)}.main-content{width:100%}.sidebar{width:100%;position:static}.articles-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.article-card{border-radius:var(--radius-md)}.article-cover{height:140px}.article-content{padding:var(--spacing-md)}.article-title{font-size:var(--font-size-base);-webkit-line-clamp:2}.article-excerpt{font-size:var(--font-size-sm);-webkit-line-clamp:2}.article-meta{flex-wrap:wrap;gap:var(--spacing-xs)}.meta-item{font-size:11px}.filter-bar{flex-direction:column;gap:var(--spacing-sm)}.search-box{width:100%}.sort-buttons{width:100%;justify-content:center}.page-header{flex-direction:column;gap:var(--spacing-sm);text-align:center}.page-title{font-size:var(--font-size-lg)}.sidebar-section{padding:var(--spacing-md)}.sidebar-title{font-size:var(--font-size-base)}.tag-cloud{gap:var(--spacing-xs)}.tag-item{font-size:11px;padding:4px 8px}.article-page{padding:var(--spacing-md)}.article-nav{flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm) 0}.article-nav-right{width:100%;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-xs)}.back-btn{width:100%;justify-content:center}.font-size-control{order:1}.focus-btn,.print-btn,.toc-toggle,.edit-btn{flex:1;min-width:40px;font-size:var(--font-size-sm)}.toc-toggle span:last-child{display:none}.article-hero-image{border-radius:var(--radius-md);margin:0 calc(-1 * var(--spacing-md));width:calc(100% + var(--spacing-md) * 2)}.article-page-title{font-size:var(--font-size-xl);line-height:1.3}.article-page-meta{flex-wrap:wrap;gap:var(--spacing-xs);justify-content:center}.article-page-meta .meta-item{font-size:11px}.article-tags{justify-content:center}.article-body{font-size:15px!important}.markdown-body h1{font-size:var(--font-size-xl)}.markdown-body h2{font-size:var(--font-size-lg)}.markdown-body h3{font-size:var(--font-size-base)}.markdown-body pre{margin-left:calc(-1 * var(--spacing-md));margin-right:calc(-1 * var(--spacing-md));border-radius:0;font-size:12px}.markdown-body table{display:block;overflow-x:auto;font-size:var(--font-size-sm)}.share-section{flex-direction:column;gap:var(--spacing-sm)}.like-btn,.bookmark-btn,.share-btn{width:100%;justify-content:center}.share-menu{left:0;right:0;width:100%}.comments-section{padding:var(--spacing-md)}.comment-form-row{flex-direction:column;gap:var(--spacing-sm)}.comment-avatar{display:none}.comment-author-input{width:100%}.comment-content-input{font-size:16px}.comment-item{padding:var(--spacing-sm)}.comment-meta{flex-wrap:wrap;gap:var(--spacing-xs)}.comment-author{font-size:var(--font-size-sm)}.comment-time{font-size:10px}.article-toc{position:fixed;bottom:0;left:0;right:0;top:auto;max-height:50vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;transform:translateY(100%)}.article-toc.show{transform:translateY(0)}.toc-nav{max-height:40vh;overflow-y:auto}.related-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.related-card{flex-direction:row;gap:var(--spacing-sm)}.related-cover{width:80px;height:60px;flex-shrink:0}.shortcuts-help-btn{display:none}.back-to-top{width:44px;height:44px;bottom:var(--spacing-md);right:var(--spacing-md)}.article-layout.focus-mode{padding:var(--spacing-md)}.article-layout.focus-mode .article-page{padding:var(--spacing-sm)}.article-layout.focus-mode .article-body{font-size:16px;line-height:1.8}.admin-layout{flex-direction:column}.admin-main{padding:var(--spacing-md)}.admin-page-header{flex-direction:column;gap:var(--spacing-sm);text-align:center}.admin-page-title{font-size:var(--font-size-lg)}.header-actions{width:100%;justify-content:center;flex-wrap:wrap}.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.stat-card{padding:var(--spacing-sm);flex-direction:column;text-align:center}.stat-icon{width:36px;height:36px;font-size:var(--font-size-base)}.stat-value{font-size:var(--font-size-lg)}.stat-label{font-size:11px}.top-article-item{flex-wrap:wrap;gap:var(--spacing-xs)}.top-article-item .title{width:100%;order:2}.editor-layout{flex-direction:column}.editor-main,.editor-sidebar{width:100%}.editor-toolbar{flex-wrap:wrap;gap:var(--spacing-xs)}.toolbar-btn{padding:var(--spacing-xs);min-width:32px}.editor-textarea{min-height:200px;font-size:14px}.editor-settings-row{grid-template-columns:1fr}.quick-actions-fab{bottom:var(--spacing-md);right:var(--spacing-md)}.fab-main{width:48px;height:48px}.pagination-wrapper{overflow-x:auto;padding:var(--spacing-sm) 0}.pagination-wrapper .ant-pagination{flex-wrap:nowrap}.pagination-wrapper .ant-pagination-item{min-width:28px;height:28px;line-height:26px}}@media (min-width: 481px) and (max-width: 768px){.home-container{flex-direction:column}.sidebar{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.sidebar-section{margin-bottom:0}.articles-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(3,1fr)}.article-nav{flex-wrap:wrap}.article-nav-right{flex-wrap:wrap;gap:var(--spacing-sm)}}@media (hover: none) and (pointer: coarse){.nav-item,.tag-item,.category-item,.btn-primary,.btn-secondary{min-height:44px;min-width:44px}.article-card:hover{transform:none}.article-card:active{transform:scale(.98);transition:transform .1s}.like-btn:active,.bookmark-btn:active,.share-btn:active{transform:scale(.95)}.toc-nav,.comments-list,.articles-grid{-webkit-overflow-scrolling:touch}}@media (max-height: 500px) and (orientation: landscape){.article-toc{max-height:80vh}.article-layout.focus-mode{padding:var(--spacing-sm) var(--spacing-xl)}.shortcuts-modal .shortcuts-content{max-height:90vh;overflow-y:auto}}@supports (padding-bottom: env(safe-area-inset-bottom)){.back-to-top,.quick-actions-fab,.article-toc.show{padding-bottom:env(safe-area-inset-bottom)}.public-footer{padding-bottom:calc(var(--spacing-xl) + env(safe-area-inset-bottom))}}@media (max-width: 768px){[data-theme=dark] .article-card,[data-theme=dark] .sidebar-section,[data-theme=dark] .comment-form,[data-theme=dark] .comment-item{background:var(--color-bg-alt)}}@media (max-width: 768px){.public-header{position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-bg-transparent)}.public-header .header-nav{gap:var(--spacing-sm)}.public-header .nav-item{padding:var(--spacing-sm);font-size:var(--font-size-sm)}.public-header .site-title{font-size:var(--font-size-base)}}@media (max-width: 480px){.article-footer .share-section{position:fixed;bottom:0;left:0;right:0;background:var(--color-white);padding:var(--spacing-sm) var(--spacing-md);padding-bottom:calc(var(--spacing-sm) + env(safe-area-inset-bottom,0px));box-shadow:0 -2px 10px #0000001a;z-index:50;flex-direction:row;justify-content:space-around;margin:0;border-top:1px solid var(--color-border)}.article-footer .share-section .like-btn,.article-footer .share-section .bookmark-btn,.article-footer .share-section .share-wrapper{width:auto;flex:1}.article-footer .share-section .share-btn{width:100%}.article-page{padding-bottom:80px}[data-theme=dark] .article-footer .share-section{background:var(--color-bg-alt)}}.mobile-menu-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;color:var(--color-text);font-size:var(--font-size-lg);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.mobile-menu-toggle:hover{background:var(--color-bg-alt)}.mobile-menu-overlay,.nav-item .nav-text{display:none}@media (max-width: 768px){.mobile-menu-toggle{display:flex;z-index:1001}.nav-menu{display:none;position:fixed;top:0;right:0;width:280px;height:100vh;background:var(--color-white);flex-direction:column;padding:80px var(--spacing-lg) var(--spacing-lg);gap:var(--spacing-sm);z-index:1000;box-shadow:-4px 0 20px #0000001a;overflow:hidden}.nav-menu.mobile-open{display:flex}.nav-menu .nav-item{width:100%;justify-content:flex-start;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-base)}.nav-menu .nav-item span{display:inline}.nav-item .nav-text{display:inline;margin-left:var(--spacing-sm)}.nav-menu .theme-toggle{order:10;margin-top:auto;border-top:1px solid var(--color-border);padding-top:var(--spacing-lg);border-radius:0}.mobile-menu-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}[data-theme=dark] .nav-menu{background:var(--color-bg)}[data-theme=dark] .mobile-menu-overlay{background:#000000b3}}@media (max-width: 480px){.nav-menu{width:100%}.header-content{padding:0 var(--spacing-sm)}.site-logo{font-size:var(--font-size-base)}}.admin-mobile-header,.mobile-close-btn{display:none}.sidebar-item .sidebar-item-label{display:inline}.admin-sidebar.collapsed .sidebar-item-label,.sidebar-item.logout{display:none}@media (max-width: 768px){.admin-layout{flex-direction:column}.admin-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-white);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.mobile-menu-btn,.mobile-logout-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;color:var(--color-text);font-size:var(--font-size-lg);cursor:pointer;border-radius:var(--radius-md)}.mobile-menu-btn:hover,.mobile-logout-btn:hover{background:var(--color-bg-alt)}.mobile-page-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text)}.admin-sidebar{position:fixed;top:0;left:-280px;width:280px;height:100vh;z-index:1000;transition:left .3s ease;box-shadow:4px 0 20px #0000001a}.admin-sidebar.mobile-open{left:0}.admin-sidebar.collapsed{width:280px;left:-280px}.admin-sidebar.collapsed.mobile-open{left:0}.admin-sidebar.collapsed .sidebar-item-label{display:inline}.mobile-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;color:var(--color-text-muted);font-size:var(--font-size-base);cursor:pointer;border-radius:var(--radius-md)}.mobile-close-btn:hover{background:var(--color-bg-alt);color:var(--color-text)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding-right:var(--spacing-md)}.sidebar-item.logout{display:flex;color:var(--color-error);border-top:1px solid var(--color-border);margin-top:var(--spacing-sm);padding-top:var(--spacing-md)}.sidebar-item.logout:hover{background:#fee2e2}.admin-sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;animation:fadeIn .2s ease}.admin-main{width:100%;margin-left:0}.admin-header{display:none}.admin-content{padding:var(--spacing-md)}.admin-page-header{flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md)}.admin-page-title{font-size:var(--font-size-lg);text-align:center}.header-actions{width:100%;display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center}.header-actions .btn-primary,.header-actions .btn-secondary{flex:1;min-width:120px;justify-content:center}.dashboard-page{padding:var(--spacing-sm)}.dashboard-page .admin-page-header{margin-bottom:var(--spacing-md)}.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.stat-card{padding:var(--spacing-sm);flex-direction:column;text-align:center;gap:var(--spacing-xs)}.stat-icon{width:32px;height:32px;font-size:var(--font-size-base)}.stat-value{font-size:var(--font-size-lg)}.stat-label{font-size:11px}.dashboard-section{padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.section-title{font-size:var(--font-size-base)}.top-article-item{flex-wrap:wrap;padding:var(--spacing-sm);gap:var(--spacing-xs)}.top-article-item .rank{font-size:var(--font-size-sm)}.top-article-item .title{width:100%;order:2;font-size:var(--font-size-sm)}.top-article-item .views,.top-article-item .likes{font-size:11px}.articles-table{display:block;overflow-x:auto}.article-list-item{flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md)}.article-list-item .article-info{width:100%}.article-list-item .article-actions{width:100%;justify-content:flex-end;flex-wrap:wrap}.category-list,.tag-list{gap:var(--spacing-sm)}.category-item,.tag-item-admin{flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md)}.category-item .item-actions,.tag-item-admin .item-actions{width:100%;justify-content:flex-end}.quick-actions-fab{bottom:var(--spacing-md);right:var(--spacing-md)}.fab-main{width:48px;height:48px}.fab-menu{bottom:56px}.fab-menu button{width:40px;height:40px}[data-theme=dark] .admin-mobile-header,[data-theme=dark] .admin-sidebar{background:var(--color-bg)}}@media (max-width: 768px){.editor-page{padding:var(--spacing-sm)}.editor-header{flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm)}.editor-header .editor-title-input{font-size:var(--font-size-lg)}.editor-header-actions{width:100%;display:flex;gap:var(--spacing-sm)}.editor-header-actions button{flex:1}.editor-layout{flex-direction:column;gap:var(--spacing-md)}.editor-main{width:100%;order:1}.editor-sidebar{width:100%;order:2}.editor-toolbar{flex-wrap:wrap;gap:4px;padding:var(--spacing-sm)}.toolbar-btn{padding:var(--spacing-xs);min-width:36px;height:36px}.toolbar-divider{display:none}.editor-textarea{min-height:250px;font-size:14px;padding:var(--spacing-md)}.editor-preview{min-height:200px;padding:var(--spacing-md)}.editor-settings-section{padding:var(--spacing-md)}.editor-settings-row{grid-template-columns:1fr;gap:var(--spacing-md)}.settings-group label{font-size:var(--font-size-sm)}.settings-group input,.settings-group select,.settings-group textarea{font-size:16px}.tags-selector{gap:var(--spacing-xs)}.tag-toggle{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.version-history-panel{width:100%;max-width:none}.fullscreen-preview{padding:var(--spacing-md)}.fullscreen-preview-header{padding:var(--spacing-sm) var(--spacing-md)}.fullscreen-preview-content{padding:var(--spacing-md)}}@media (max-width: 480px){.admin-mobile-header{padding:var(--spacing-xs) var(--spacing-sm)}.mobile-page-title{font-size:var(--font-size-sm)}.stats-grid{grid-template-columns:1fr 1fr}.stat-card{padding:var(--spacing-xs)}.stat-value{font-size:var(--font-size-base)}.editor-toolbar{justify-content:center}.toolbar-btn{min-width:32px;height:32px;font-size:var(--font-size-sm)}.editor-textarea{min-height:200px}.form-input,.form-select,.form-textarea{padding:var(--spacing-sm);font-size:16px}.btn-primary,.btn-secondary{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}}@media (max-width: 768px){.admin-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-table table{min-width:600px}.admin-table th,.admin-table td{padding:var(--spacing-sm);font-size:var(--font-size-sm)}.mobile-card-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.mobile-card-item{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md)}.mobile-card-item .item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm)}.mobile-card-item .item-title{font-weight:600;color:var(--color-text);font-size:var(--font-size-base)}.mobile-card-item .item-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-muted)}.mobile-card-item .item-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border)}[data-theme=dark] .mobile-card-item{background:var(--color-bg-alt)}}.desktop-only{display:block}.mobile-only{display:none}@media (max-width: 768px){.desktop-only{display:none!important}.mobile-only{display:block!important}}.mobile-card-list{display:none;flex-direction:column;gap:var(--spacing-sm)}@media (max-width: 768px){.mobile-card-list{display:flex}}.mobile-card-item{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all var(--transition-fast)}.mobile-card-item:active{transform:scale(.99)}.mobile-card-item .item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.mobile-card-item .item-title-row{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:0}.mobile-card-item .item-title{font-weight:600;color:var(--color-text);font-size:var(--font-size-base);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-card-item .item-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.mobile-card-item .item-meta span{display:flex;align-items:center;gap:4px}.mobile-card-item .item-actions{display:flex;gap:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border);flex-wrap:wrap}.mobile-card-item .item-actions .action-btn{flex:1;min-width:80px;display:flex;align-items:center;justify-content:center;gap:4px;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast)}.mobile-card-item .item-actions .action-btn:hover{background:var(--color-bg-alt)}.mobile-card-item .item-actions .action-btn.edit{color:var(--color-primary);border-color:var(--color-primary)}.mobile-card-item .item-actions .action-btn.delete{color:var(--color-error);border-color:var(--color-error)}.mobile-card-item .item-actions .action-btn.pin.active{color:var(--color-warning);border-color:var(--color-warning);background:#fef3c7}[data-theme=dark] .mobile-card-item{background:var(--color-bg-alt)}[data-theme=dark] .mobile-card-item .item-actions .action-btn{background:var(--color-bg)}@media (max-width: 768px){.admin-search-box{width:100%;order:10}.admin-search-input{width:100%}.status-filter{width:100%;justify-content:center}.filter-btn{flex:1;justify-content:center}.admin-pagination{flex-direction:column;gap:var(--spacing-sm);text-align:center}.pagination-info{font-size:var(--font-size-sm)}.pagination-buttons{width:100%;display:flex;gap:var(--spacing-sm)}.pagination-btn{flex:1}}@media (max-width: 768px){.admin-mobile-header{background:linear-gradient(135deg,var(--color-primary) 0%,#0E7490 100%);padding:var(--spacing-md) var(--spacing-lg);box-shadow:0 4px 20px #0891b24d}.mobile-menu-btn,.mobile-logout-btn{color:#fff;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.mobile-menu-btn:hover,.mobile-logout-btn:hover{background:#ffffff40}.mobile-page-title{color:#fff;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.1)}.admin-sidebar{background:linear-gradient(180deg,#0f172a,#1e293b);border-right:none}.admin-sidebar .sidebar-header{background:linear-gradient(135deg,var(--color-primary) 0%,#0E7490 100%);padding:var(--spacing-lg);margin:0}.admin-sidebar .sidebar-logo{color:#fff;font-size:var(--font-size-lg);font-weight:700;letter-spacing:-.5px}.admin-sidebar .mobile-close-btn{color:#fff;background:#ffffff26}.admin-sidebar .sidebar-nav{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs)}.admin-sidebar .sidebar-item{display:flex;align-items:center;gap:var(--spacing-md);color:#94a3b8;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);transition:all .2s ease;border:1px solid transparent;background:transparent;width:100%;text-align:left;cursor:pointer;font-size:var(--font-size-base)}.admin-sidebar .sidebar-item:hover{color:#fff;background:#ffffff14}.admin-sidebar .sidebar-item.active{color:#fff;background:linear-gradient(135deg,var(--color-primary) 0%,#0E7490 100%);box-shadow:0 4px 15px #0891b266;border-color:#ffffff1a}.admin-sidebar .sidebar-item .anticon,.admin-sidebar .sidebar-item>span:first-child{font-size:var(--font-size-lg);flex-shrink:0}.admin-sidebar .sidebar-footer{padding:var(--spacing-md);border-top:1px solid rgba(255,255,255,.1);margin-top:auto;display:flex;flex-direction:column;gap:var(--spacing-xs)}.admin-sidebar .sidebar-item.logout{display:flex;color:#f87171;border-color:#f871714d;background:#f871711a}.admin-sidebar .sidebar-item.logout:hover{background:#f8717133}.dashboard-page{background:linear-gradient(180deg,#f8fafc,#f1f5f9);min-height:100vh;padding:var(--spacing-md)}.dashboard-page .admin-page-header{background:linear-gradient(135deg,var(--color-primary) 0%,#0E7490 100%);color:#fff;border-radius:var(--radius-xl);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:0 8px 30px #0891b24d}.dashboard-page .admin-page-title{color:#fff;font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.dashboard-page .header-actions .btn-primary{background:#fff;color:var(--color-primary);border:none;font-weight:600;box-shadow:0 4px 15px #0000001a}.dashboard-page .header-actions .btn-primary:hover{background:#f0f9ff;transform:translateY(-2px)}.stats-grid{gap:var(--spacing-md)}.stat-card{background:#fff;border:none;border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:0 4px 20px #0000000d;position:relative;overflow:hidden;transition:all .3s ease}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),#22C55E);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.stat-card:active{transform:scale(.98)}.stat-icon{width:48px;height:48px;border-radius:var(--radius-lg);font-size:var(--font-size-xl)}.stat-value{font-size:var(--font-size-2xl);font-weight:700;background:linear-gradient(135deg,#0f172a,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{color:#64748b;font-weight:500}.dashboard-section{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);box-shadow:0 4px 20px #0000000d;border:1px solid rgba(0,0,0,.03)}.section-title{font-size:var(--font-size-lg);font-weight:700;color:#0f172a;display:flex;align-items:center;gap:var(--spacing-sm)}.section-title:before{content:"";width:4px;height:20px;background:linear-gradient(180deg,var(--color-primary),#22C55E);border-radius:2px}.top-article-item{background:#f8fafc;border-radius:var(--radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-sm);border:1px solid #E2E8F0;transition:all .2s ease}.top-article-item:active{background:#f1f5f9;transform:scale(.99)}.top-article-item .rank{background:linear-gradient(135deg,var(--color-primary),#0E7490);color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.top-article-item .title{font-weight:600;color:#0f172a}.top-article-item .views,.top-article-item .likes{background:#f1f5f9;padding:4px 8px;border-radius:var(--radius-md);font-size:11px;color:#64748b}.chart-bar-item{margin-bottom:var(--spacing-md)}.chart-bar-wrapper{background:#f1f5f9;border-radius:var(--radius-full);height:8px;overflow:hidden}.chart-bar{height:100%;border-radius:var(--radius-full);transition:width .5s ease}.activity-item{background:#f8fafc;border-radius:var(--radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-sm);border-left:3px solid var(--color-primary);transition:all .2s ease}.activity-item:active{background:#f1f5f9}.activity-icon{background:linear-gradient(135deg,var(--color-primary),#0E7490);color:#fff;width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.admin-page{background:linear-gradient(180deg,#f8fafc,#f1f5f9);min-height:100vh;padding:var(--spacing-md)}.admin-page-header{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);box-shadow:0 4px 20px #0000000d}.admin-page-title{font-size:var(--font-size-xl);font-weight:700;color:#0f172a}.admin-search-box{background:#f1f5f9;border-radius:var(--radius-full);padding:var(--spacing-sm) var(--spacing-lg);border:2px solid transparent;transition:all .2s ease}.admin-search-box:focus-within{background:#fff;border-color:var(--color-primary);box-shadow:0 0 0 4px #0891b21a}.admin-search-input{background:transparent;border:none;font-size:var(--font-size-base)}.status-filter{background:#f1f5f9;border-radius:var(--radius-full);padding:4px;gap:4px}.filter-btn{border-radius:var(--radius-full);padding:var(--spacing-sm) var(--spacing-md);font-weight:500;transition:all .2s ease;border:none;background:transparent;color:#64748b}.filter-btn.active{background:#fff;color:var(--color-primary);box-shadow:0 2px 8px #0000001a}.mobile-card-item{background:#fff;border:none;border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:0 4px 20px #0000000d;margin-bottom:var(--spacing-md);transition:all .2s ease}.mobile-card-item:active{transform:scale(.99);box-shadow:0 2px 10px #00000014}.mobile-card-item .item-title{font-size:var(--font-size-base);font-weight:600;color:#0f172a}.mobile-card-item .status-badge{padding:4px 12px;border-radius:var(--radius-full);font-size:11px;font-weight:600}.mobile-card-item .status-badge.published{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.mobile-card-item .status-badge.draft{background:#fef3c7;color:#d97706}.mobile-card-item .item-meta{background:#f8fafc;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);margin:var(--spacing-sm) 0}.mobile-card-item .item-actions{border-top:none;padding-top:var(--spacing-md);gap:var(--spacing-sm)}.mobile-card-item .item-actions .action-btn{border-radius:var(--radius-lg);font-weight:500;padding:var(--spacing-sm) var(--spacing-md);border:none}.mobile-card-item .item-actions .action-btn.edit{background:linear-gradient(135deg,var(--color-primary),#0E7490);color:#fff}.mobile-card-item .item-actions .action-btn.delete{background:#fee2e2;color:#dc2626}.mobile-card-item .item-actions .action-btn.pin{background:#f1f5f9;color:#64748b}.mobile-card-item .item-actions .action-btn.pin.active{background:#fef3c7;color:#d97706}.editor-page{background:linear-gradient(180deg,#f8fafc,#f1f5f9);min-height:100vh}.editor-header{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);box-shadow:0 4px 20px #0000000d}.editor-title-input{font-size:var(--font-size-xl);font-weight:700;border:none;background:transparent;color:#0f172a}.editor-title-input::placeholder{color:#94a3b8}.editor-header-actions button{border-radius:var(--radius-lg);font-weight:600;padding:var(--spacing-sm) var(--spacing-lg)}.editor-header-actions .btn-primary{background:linear-gradient(135deg,var(--color-primary),#0E7490);border:none;box-shadow:0 4px 15px #0891b24d}.editor-main{background:#fff;border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 4px 20px #0000000d;margin-bottom:var(--spacing-md)}.editor-toolbar{background:#f8fafc;padding:var(--spacing-md);border-bottom:1px solid #E2E8F0}.toolbar-btn{background:#fff;border:1px solid #E2E8F0;border-radius:var(--radius-md);color:#64748b;transition:all .2s ease}.toolbar-btn:hover,.toolbar-btn:active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.editor-textarea{border:none;background:#fff;font-family:SF Mono,Consolas,monospace;line-height:1.8}.editor-sidebar{background:#fff;border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 4px 20px #0000000d}.editor-settings-section{padding:var(--spacing-lg)}.settings-group label{font-weight:600;color:#0f172a;margin-bottom:var(--spacing-sm)}.settings-group input,.settings-group select,.settings-group textarea{background:#f8fafc;border:2px solid #E2E8F0;border-radius:var(--radius-lg);padding:var(--spacing-md);transition:all .2s ease}.settings-group input:focus,.settings-group select:focus,.settings-group textarea:focus{background:#fff;border-color:var(--color-primary);box-shadow:0 0 0 4px #0891b21a}.tag-toggle{background:#f1f5f9;border:none;border-radius:var(--radius-full);padding:var(--spacing-sm) var(--spacing-md);font-weight:500;color:#64748b;transition:all .2s ease}.tag-toggle.selected{background:linear-gradient(135deg,var(--color-primary),#0E7490);color:#fff}.quick-actions-fab{bottom:calc(var(--spacing-lg) + env(safe-area-inset-bottom,0px))}.fab-main{background:linear-gradient(135deg,var(--color-primary),#0E7490);border:none;box-shadow:0 8px 30px #0891b266;width:56px;height:56px;font-size:var(--font-size-xl)}.fab-main:active{transform:scale(.95)}.fab-menu button{background:#fff;border:none;box-shadow:0 4px 15px #0000001a;width:44px;height:44px;color:var(--color-primary)}.fab-menu button:active{background:#f0f9ff}[data-theme=dark] .admin-mobile-header{background:linear-gradient(135deg,#0e7490,#0891b2)}[data-theme=dark] .dashboard-page,[data-theme=dark] .admin-page{background:linear-gradient(180deg,#0f172a,#1e293b)}[data-theme=dark] .stat-card,[data-theme=dark] .dashboard-section,[data-theme=dark] .admin-page-header,[data-theme=dark] .mobile-card-item,[data-theme=dark] .editor-main,[data-theme=dark] .editor-sidebar{background:#1e293b;border-color:#334155}[data-theme=dark] .stat-value{background:linear-gradient(135deg,#f8fafc,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .admin-page-title,[data-theme=dark] .section-title,[data-theme=dark] .mobile-card-item .item-title{color:#f8fafc}[data-theme=dark] .top-article-item,[data-theme=dark] .activity-item,[data-theme=dark] .mobile-card-item .item-meta{background:#334155;border-color:#475569}[data-theme=dark] .admin-search-box,[data-theme=dark] .status-filter{background:#334155}[data-theme=dark] .filter-btn.active{background:#475569}[data-theme=dark] .settings-group input,[data-theme=dark] .settings-group select,[data-theme=dark] .settings-group textarea{background:#334155;border-color:#475569;color:#f8fafc}[data-theme=dark] .editor-toolbar{background:#334155;border-color:#475569}[data-theme=dark] .toolbar-btn{background:#475569;border-color:#64748b;color:#cbd5e1}}@media (max-width: 768px){@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.mobile-card-item{animation:fadeInUp .3s ease forwards}.mobile-card-item:nth-child(1){animation-delay:.05s}.mobile-card-item:nth-child(2){animation-delay:.1s}.mobile-card-item:nth-child(3){animation-delay:.15s}.mobile-card-item:nth-child(4){animation-delay:.2s}.mobile-card-item:nth-child(5){animation-delay:.25s}.stat-card{animation:fadeInUp .4s ease forwards}.stat-card:nth-child(1){animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.15s}.stat-card:nth-child(3){animation-delay:.2s}.stat-card:nth-child(4){animation-delay:.25s}.stat-card:nth-child(5){animation-delay:.3s}.stat-card:nth-child(6){animation-delay:.35s}.stat-card:nth-child(7){animation-delay:.4s}}@media (min-width: 769px){.admin-layout{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh}.admin-sidebar{background:linear-gradient(180deg,#0f172a,#1e293b);border-right:none;box-shadow:4px 0 30px #00000026;transition:all .3s cubic-bezier(.4,0,.2,1)}.admin-sidebar .sidebar-header{background:linear-gradient(135deg,var(--color-primary) 0%,#0E7490 100%);padding:var(--spacing-xl);margin:0;position:relative;overflow:hidden}.admin-sidebar .sidebar-header:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:shimmer 3s infinite}@keyframes shimmer{0%,to{transform:rotate(0)}50%{transform:rotate(180deg)}}.admin-sidebar .sidebar-logo{color:#fff;font-size:var(--font-size-xl);font-weight:700;letter-spacing:-.5px;position:relative;z-index:1}.admin-sidebar .sidebar-nav{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-xs)}.admin-sidebar .sidebar-item{display:flex;align-items:center;gap:var(--spacing-md);color:#94a3b8;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);transition:all .2s ease;border:1px solid transparent;background:transparent;cursor:pointer;position:relative;overflow:hidden}.admin-sidebar .sidebar-item:before{content:"";position:absolute;left:0;top:0;height:100%;width:0;background:linear-gradient(90deg,rgba(8,145,178,.3),transparent);transition:width .3s ease}.admin-sidebar .sidebar-item:hover{color:#fff;background:#ffffff14}.admin-sidebar .sidebar-item:hover:before{width:100%}.admin-sidebar .sidebar-item.active{color:#fff;background:linear-gradient(135deg,var(--color-primary) 0%,#0E7490 100%);box-shadow:0 4px 20px #0891b266;border-color:#ffffff1a}.admin-sidebar .sidebar-item .anticon,.admin-sidebar .sidebar-item>span:first-child{font-size:var(--font-size-lg);flex-shrink:0;transition:transform .2s ease}.admin-sidebar .sidebar-item:hover .anticon{transform:scale(1.15)}.admin-sidebar .sidebar-footer{padding:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.1);margin-top:auto}.admin-header{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.05);box-shadow:0 4px 30px #0000000d;height:80px;padding:0 var(--spacing-2xl)}.toggle-btn{width:48px;height:48px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:none;border-radius:var(--radius-lg);color:#64748b;font-size:var(--font-size-lg);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000000d}.toggle-btn:hover{background:linear-gradient(135deg,var(--color-primary) 0%,#0E7490 100%);color:#fff;transform:scale(1.05);box-shadow:0 4px 15px #0891b24d}.logout-btn{background:linear-gradient(135deg,#fee2e2,#fecaca);border:none;color:#dc2626;padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-lg);font-weight:500;transition:all .2s ease;box-shadow:0 2px 8px #dc26261a}.logout-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #dc26264d}.admin-content{padding:var(--spacing-xl);background:transparent}.dashboard-page{background:transparent;padding:0}.dashboard-page .admin-page-header{background:linear-gradient(135deg,var(--color-primary) 0%,#0E7490 100%);color:#fff;border-radius:var(--radius-xl);padding:var(--spacing-xl) var(--spacing-2xl);margin-bottom:var(--spacing-xl);box-shadow:0 10px 40px #0891b24d;position:relative;overflow:hidden}.dashboard-page .admin-page-header:before{content:"";position:absolute;top:-50%;right:-20%;width:60%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 60%)}.dashboard-page .admin-page-title{color:#fff;font-size:var(--font-size-2xl);font-weight:700;position:relative;z-index:1}.dashboard-page .header-actions .btn-primary{background:#fff;color:var(--color-primary);border:none;font-weight:600;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:0 4px 15px #0000001a;transition:all .2s ease;position:relative;z-index:1}.dashboard-page .header-actions .btn-primary:hover{background:#f0f9ff;transform:translateY(-3px);box-shadow:0 8px 25px #00000026}.stats-grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.stat-card{background:#fff;border:none;border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:0 4px 25px #0000000f;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);border-top:none}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),#22C55E)}.stat-card:after{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:radial-gradient(circle,rgba(8,145,178,.05) 0%,transparent 70%);transform:translate(30%,-30%)}.stat-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000001a}.stat-icon{width:56px;height:56px;border-radius:var(--radius-xl);font-size:var(--font-size-xl);display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.stat-card:hover .stat-icon{transform:scale(1.1) rotate(5deg)}.stat-value{font-size:var(--font-size-3xl);font-weight:800;background:linear-gradient(135deg,#0f172a,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.stat-label{color:#64748b;font-weight:500;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px}.dashboard-section{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);box-shadow:0 4px 25px #0000000f;border:1px solid rgba(0,0,0,.03);transition:all .3s ease}.dashboard-section:hover{box-shadow:0 8px 35px #00000014}.section-title{font-size:var(--font-size-lg);font-weight:700;color:#0f172a;display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:none}.section-title:before{content:"";width:4px;height:24px;background:linear-gradient(180deg,var(--color-primary),#22C55E);border-radius:2px}.top-article-item{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-sm);border:1px solid #E2E8F0;transition:all .2s ease;cursor:pointer}.top-article-item:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);transform:translate(8px);border-color:var(--color-primary);box-shadow:0 4px 15px #0891b21a}.top-article-item .rank{background:linear-gradient(135deg,var(--color-primary),#0E7490);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:700;box-shadow:0 2px 8px #0891b24d}.top-article-item .title{font-weight:600;color:#0f172a}.top-article-item .views,.top-article-item .likes{background:#fff;padding:6px 12px;border-radius:var(--radius-md);font-size:var(--font-size-xs);color:#64748b;box-shadow:0 1px 3px #0000000d}.admin-page{background:transparent;border-radius:var(--radius-xl);padding:0}.admin-page-header{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-xl) var(--spacing-2xl);margin-bottom:var(--spacing-lg);box-shadow:0 4px 25px #0000000f;border-bottom:none;display:flex;align-items:center;justify-content:space-between}.admin-page-title{font-size:var(--font-size-2xl);font-weight:700;color:#0f172a;position:relative}.admin-page-title:after{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:4px;background:linear-gradient(90deg,var(--color-primary),#22C55E);border-radius:2px}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,#0E7490 100%);border:none;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);font-weight:600;box-shadow:0 4px 15px #0891b24d;transition:all .2s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0891b266}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef44444d}.btn-danger:hover{box-shadow:0 8px 25px #ef444466}.admin-search-box{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:var(--radius-full);padding:var(--spacing-sm) var(--spacing-lg);border:2px solid transparent;transition:all .3s ease;width:280px}.admin-search-box:focus-within{background:#fff;border-color:var(--color-primary);box-shadow:0 0 0 4px #0891b21a}.admin-search-input{background:transparent;border:none;font-size:var(--font-size-sm);color:#0f172a}.admin-search-input::placeholder{color:#94a3b8}.status-filter{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:var(--radius-full);padding:4px;gap:4px}.filter-btn{border-radius:var(--radius-full);padding:var(--spacing-sm) var(--spacing-lg);font-weight:500;transition:all .2s ease;border:none;background:transparent;color:#64748b}.filter-btn:hover{color:var(--color-primary)}.filter-btn.active{background:#fff;color:var(--color-primary);box-shadow:0 2px 10px #00000014}.admin-table-wrapper{background:#fff;border-radius:var(--radius-xl);box-shadow:0 4px 25px #0000000f;overflow:hidden}.admin-table{border-collapse:separate;border-spacing:0}.admin-table th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:var(--font-size-xs);padding:var(--spacing-lg) var(--spacing-md);border-bottom:2px solid #E2E8F0}.admin-table td{padding:var(--spacing-md);border-bottom:1px solid #F1F5F9;transition:background .2s ease}.admin-table tbody tr{transition:all .2s ease}.admin-table tbody tr:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.admin-table tbody tr:hover td{border-bottom-color:#e2e8f0}.article-title-cell{font-weight:600;color:#0f172a}.status-badge{padding:6px 14px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.3px}.status-badge.published{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 2px 8px #22c55e4d}.status-badge.draft{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.action-buttons{display:flex;gap:var(--spacing-xs)}.action-btn{width:36px;height:36px;border-radius:var(--radius-lg);border:none;background:linear-gradient(135deg,#f8fafc,#f1f5f9);transition:all .2s ease;cursor:pointer}.action-btn:hover{transform:scale(1.1)}.action-btn.view:hover{background:linear-gradient(135deg,#e0f2fe,#bae6fd);color:#0284c7}.action-btn.edit:hover{background:linear-gradient(135deg,var(--color-primary) 0%,#0E7490 100%);color:#fff;box-shadow:0 4px 12px #0891b24d}.action-btn.delete:hover{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef44444d}.action-btn.pin:hover{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.action-btn.pin.active{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 12px #f59e0b4d}.admin-pagination{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-lg) var(--spacing-xl);margin-top:var(--spacing-lg);box-shadow:0 4px 25px #0000000f;border-top:none}.pagination-btn{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:none;border-radius:var(--radius-lg);padding:var(--spacing-sm) var(--spacing-lg);font-weight:500;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary) 0%,#0E7490 100%);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0891b24d}.tags-grid{gap:var(--spacing-lg)}.tag-card{background:#fff;border:none;border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:0 4px 25px #0000000f;transition:all .3s ease;position:relative;overflow:hidden}.tag-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--color-primary),#22C55E)}.tag-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000001a}.tag-icon{color:var(--color-primary);font-size:var(--font-size-lg)}.tag-name{font-weight:600;color:#0f172a}.editor-page{background:transparent;margin:0;height:auto;min-height:calc(100vh - 160px)}.editor-header{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-lg) var(--spacing-xl);margin-bottom:var(--spacing-lg);box-shadow:0 4px 25px #0000000f;border-bottom:none}.editor-title{font-size:var(--font-size-xl);font-weight:700;color:#0f172a}.editor-btn{border-radius:var(--radius-lg);font-weight:500;transition:all .2s ease}.editor-btn:hover:not(:disabled){transform:translateY(-2px)}.editor-btn.primary{background:linear-gradient(135deg,var(--color-primary) 0%,#0E7490 100%);border:none;box-shadow:0 4px 15px #0891b24d}.editor-btn.primary:hover:not(:disabled){box-shadow:0 8px 25px #0891b266}.editor-body{background:#fff;border-radius:var(--radius-xl);box-shadow:0 4px 25px #0000000f;overflow:hidden}.editor-main{padding:var(--spacing-xl)}.title-input{font-size:var(--font-size-2xl);font-weight:700;border:none;border-bottom:3px solid #E2E8F0;padding:var(--spacing-md) 0;transition:border-color .2s ease}.title-input:focus{border-bottom-color:var(--color-primary)}.markdown-editor-wrapper{border:2px solid #E2E8F0;border-radius:var(--radius-xl);overflow:hidden;transition:border-color .2s ease}.markdown-editor-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 4px #0891b21a}.markdown-toolbar{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:var(--spacing-md);border-bottom:1px solid #E2E8F0}.markdown-toolbar button{background:#fff;border:1px solid #E2E8F0;border-radius:var(--radius-md);transition:all .2s ease}.markdown-toolbar button:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:scale(1.05)}.editor-preview{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-left:2px solid #E2E8F0}.preview-header{background:#fff;border-bottom:1px solid #E2E8F0;font-weight:600;color:#64748b}.editor-settings-row{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:var(--spacing-xl);border-radius:var(--radius-xl);margin-top:var(--spacing-lg);border-top:none}.settings-title{font-weight:700;color:#0f172a;border-bottom:3px solid var(--color-primary);padding-bottom:var(--spacing-sm)}.native-select,.native-input{background:#fff;border:2px solid #E2E8F0;border-radius:var(--radius-lg);padding:var(--spacing-md);transition:all .2s ease}.native-select:focus,.native-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #0891b21a}.tag-option{background:#fff;border:2px solid #E2E8F0;border-radius:var(--radius-full);padding:var(--spacing-sm) var(--spacing-lg);font-weight:500;transition:all .2s ease}.tag-option:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.tag-option.selected{background:linear-gradient(135deg,var(--color-primary) 0%,#0E7490 100%);border-color:transparent;color:#fff;box-shadow:0 4px 12px #0891b24d}.quick-actions-fab .fab-main{background:linear-gradient(135deg,var(--color-primary) 0%,#0E7490 100%);border:none;box-shadow:0 8px 30px #0891b266;transition:all .3s ease}.quick-actions-fab .fab-main:hover{transform:scale(1.1) rotate(90deg);box-shadow:0 12px 40px #0891b280}.quick-actions-fab.open .fab-main{transform:rotate(45deg)}.fab-menu button{background:#fff;border:none;box-shadow:0 4px 20px #0000001a;color:var(--color-primary);transition:all .2s ease}.fab-menu button:hover{background:linear-gradient(135deg,var(--color-primary) 0%,#0E7490 100%);color:#fff;transform:scale(1.15)}[data-theme=dark] .admin-layout{background:linear-gradient(135deg,#0f172a,#1e293b)}[data-theme=dark] .admin-header{background:#1e293be6;border-bottom-color:#ffffff0d}[data-theme=dark] .toggle-btn{background:linear-gradient(135deg,#334155,#475569);color:#cbd5e1}[data-theme=dark] .logout-btn{background:linear-gradient(135deg,#f8717133,#f871711a);color:#f87171}[data-theme=dark] .stat-card,[data-theme=dark] .dashboard-section,[data-theme=dark] .admin-page-header,[data-theme=dark] .admin-table-wrapper,[data-theme=dark] .admin-pagination,[data-theme=dark] .tag-card,[data-theme=dark] .editor-header,[data-theme=dark] .editor-body{background:#1e293b;border-color:#334155}[data-theme=dark] .stat-value{background:linear-gradient(135deg,#f8fafc,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .admin-page-title,[data-theme=dark] .section-title,[data-theme=dark] .article-title-cell,[data-theme=dark] .tag-name,[data-theme=dark] .editor-title,[data-theme=dark] .settings-title{color:#f8fafc}[data-theme=dark] .admin-table th{background:linear-gradient(135deg,#334155,#475569);color:#94a3b8}[data-theme=dark] .admin-table td{border-bottom-color:#334155}[data-theme=dark] .admin-table tbody tr:hover{background:linear-gradient(135deg,#334155,#3d4f66)}[data-theme=dark] .top-article-item,[data-theme=dark] .editor-settings-row{background:linear-gradient(135deg,#334155,#3d4f66);border-color:#475569}[data-theme=dark] .admin-search-box,[data-theme=dark] .status-filter{background:linear-gradient(135deg,#334155,#475569)}[data-theme=dark] .filter-btn.active{background:#475569}[data-theme=dark] .action-btn,[data-theme=dark] .pagination-btn{background:linear-gradient(135deg,#334155,#475569);color:#cbd5e1}[data-theme=dark] .native-select,[data-theme=dark] .native-input,[data-theme=dark] .tag-option{background:#334155;border-color:#475569;color:#f8fafc}[data-theme=dark] .markdown-toolbar{background:linear-gradient(135deg,#334155,#475569);border-color:#475569}[data-theme=dark] .markdown-toolbar button{background:#475569;border-color:#64748b;color:#cbd5e1}[data-theme=dark] .editor-preview{background:linear-gradient(135deg,#334155,#3d4f66);border-color:#475569}}.settings-page{max-width:1200px}.settings-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);background:var(--color-white);padding:var(--spacing-sm);border-radius:var(--radius-xl);box-shadow:0 4px 25px #0000000f}.settings-tab{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base);font-weight:500;font-family:var(--font-family);color:var(--color-text-muted);background:transparent;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease}.settings-tab:hover{color:var(--color-primary);background:var(--color-bg)}.settings-tab.active{color:#fff;background:linear-gradient(135deg,var(--color-primary) 0%,#0E7490 100%);box-shadow:0 4px 15px #0891b24d}.settings-section{margin-bottom:var(--spacing-xl)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:var(--spacing-xl)}.settings-card{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:0 4px 25px #0000000f;overflow:hidden}.settings-card-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);background:linear-gradient(135deg,var(--color-primary) 0%,#0E7490 100%);color:#fff}.settings-card-header h2{font-size:var(--font-size-lg);font-weight:600;margin:0}.settings-card-icon{font-size:var(--font-size-xl)}.settings-card-body{padding:var(--spacing-xl)}.settings-form-group{margin-bottom:var(--spacing-lg)}.settings-form-group label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);margin-bottom:var(--spacing-sm)}.settings-input{width:100%;padding:var(--spacing-md);font-size:var(--font-size-base);font-family:var(--font-family);color:var(--color-text);background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-lg);transition:all .2s ease}.settings-textarea{resize:vertical;min-height:80px}.settings-input:focus{outline:none;border-color:var(--color-primary);background:var(--color-white);box-shadow:0 0 0 4px #0891b21a}.settings-input::placeholder{color:var(--color-text-muted)}.settings-upload-group{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.settings-preview-img{width:120px;height:40px;object-fit:contain;border-radius:var(--radius-md);background:var(--color-bg);padding:var(--spacing-xs)}.settings-preview-favicon{width:32px;height:32px;object-fit:contain;border-radius:var(--radius-sm);background:var(--color-bg)}.settings-upload-btn{display:inline-flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:500;color:var(--color-primary);background:var(--color-bg-alt);border:1px dashed var(--color-primary);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.settings-upload-btn:hover{background:var(--color-primary);color:#fff;border-style:solid}.settings-tip{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md);background:#fef3c7;border-radius:var(--radius-md);color:#92400e}.settings-btn{width:100%;padding:var(--spacing-md);font-size:var(--font-size-base);justify-content:center}.settings-actions{margin-top:var(--spacing-xl);display:flex;justify-content:flex-end}.nav-link-item{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding:8px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}.nav-link-drag{color:var(--color-text-muted);cursor:grab;font-size:14px;flex-shrink:0}.nav-link-name{flex:0 0 140px!important;margin-bottom:0!important}.nav-link-url{flex:1!important;margin-bottom:0!important}.nav-link-delete{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--color-danger);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.nav-link-delete:hover{background:#ef44441a;border-color:var(--color-danger)}.nav-link-add{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px;margin-top:8px;font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family);color:var(--color-primary);background:transparent;border:2px dashed var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.nav-link-add:hover{border-color:var(--color-primary);background:#0891b20d}[data-theme=dark] .nav-link-item{background:#1e293b80;border-color:#ffffff1a}.note-editor-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.note-editor-textarea{width:100%;padding:var(--spacing-md);font-size:var(--font-size-base);font-family:var(--font-family);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);resize:vertical;min-height:100px}.note-editor-textarea:focus{outline:none;border-color:var(--color-primary)}.note-editor-options{margin-top:var(--spacing-md)}.note-mood-selector{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:var(--spacing-md);color:var(--color-text-muted)}.mood-btn{padding:4px 10px;font-size:var(--font-size-xs);font-family:var(--font-family);color:var(--color-text-muted);background:var(--color-bg);border:1px solid var(--color-border);border-radius:14px;cursor:pointer;transition:all var(--transition-fast)}.mood-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.mood-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.note-editor-row{margin-bottom:var(--spacing-md)}.note-editor-actions{display:flex;align-items:center;justify-content:space-between}.note-public-toggle{display:flex;align-items:center;gap:6px;font-size:var(--font-size-sm);color:var(--color-text-muted);cursor:pointer}.note-public-toggle input{cursor:pointer}.notes-admin-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.note-admin-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.note-admin-item:hover{box-shadow:var(--shadow-md)}.note-admin-content{flex:1;min-width:0}.note-admin-mood{display:inline-block;font-size:var(--font-size-xs);padding:2px 8px;background:#0891b21a;color:var(--color-primary);border-radius:10px;margin-bottom:6px}.note-admin-text{font-size:var(--font-size-base);color:var(--color-text);line-height:1.7;margin:0 0 8px;white-space:pre-wrap;word-break:break-word}.note-admin-meta{display:flex;gap:var(--spacing-md);font-size:var(--font-size-xs);color:var(--color-text-muted)}.note-admin-actions{display:flex;gap:4px;flex-shrink:0}.icon-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--color-text-muted);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.icon-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.icon-btn.danger:hover{border-color:var(--color-danger);color:var(--color-danger)}.messages-admin-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.message-admin-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.message-admin-item:hover{box-shadow:var(--shadow-sm)}.message-admin-avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:22px;background:var(--color-bg-alt);border-radius:50%;flex-shrink:0}.message-admin-content{flex:1;min-width:0}.message-admin-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:4px}.message-admin-nickname{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);display:flex;align-items:center;gap:4px}.message-admin-time{font-size:var(--font-size-xs);color:var(--color-text-muted);display:flex;align-items:center;gap:4px}.message-admin-text{font-size:var(--font-size-sm);color:var(--color-text);line-height:1.6;margin:0;word-break:break-word}.btn-danger{display:inline-flex;align-items:center;gap:6px;padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family);color:#fff;background:var(--color-danger);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.btn-danger:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.settings-save-btn{padding:var(--spacing-md) var(--spacing-2xl)}@media (max-width: 768px){.settings-tabs{flex-direction:column}.settings-grid{grid-template-columns:1fr}.settings-card-body{padding:var(--spacing-lg)}}[data-theme=dark] .settings-tabs,[data-theme=dark] .settings-card{background:#1e293b}[data-theme=dark] .settings-tab{color:#94a3b8}[data-theme=dark] .settings-tab:hover{background:#334155}[data-theme=dark] .settings-input{background:#334155;border-color:#475569;color:#f8fafc}[data-theme=dark] .settings-tip{background:#f59e0b33;color:#fcd34d}.public-header{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.05);box-shadow:0 4px 30px #00000008;transition:all .3s ease}.public-header:hover{box-shadow:0 4px 30px #0000000f}.site-logo{font-size:var(--font-size-xl);font-weight:800;background:linear-gradient(135deg,var(--color-primary) 0%,#0E7490 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px;transition:all .3s ease}.site-logo:hover{transform:scale(1.02)}.nav-item{position:relative;font-weight:500;transition:all .2s ease}.nav-item:after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));transition:all .3s ease;transform:translate(-50%);border-radius:1px}.nav-item:hover:after,.nav-item.active:after{width:80%}.page-header{position:relative;padding-bottom:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.page-header:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary),transparent);border-radius:2px}.page-title{font-size:var(--font-size-3xl);font-weight:800;background:linear-gradient(135deg,#0f172a,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px}.clear-filter-btn{background:linear-gradient(135deg,var(--color-primary) 0%,#0E7490 100%);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full, 9999px);font-weight:600;box-shadow:0 4px 15px #0891b24d;transition:all .2s ease}.clear-filter-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0891b266}.filter-bar{margin-bottom:var(--spacing-xl)}.search-box{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:var(--radius-full, 9999px);border:2px solid transparent;transition:all .3s ease;overflow:hidden}.search-box:focus-within{background:#fff;border-color:var(--color-primary);box-shadow:0 0 0 4px #0891b21a,0 4px 20px #0891b21a}.search-input{background:transparent;border:none;font-size:var(--font-size-base)}.search-icon{color:var(--color-primary);transition:transform .2s ease}.search-box:focus-within .search-icon{transform:scale(1.1)}.search-clear{background:linear-gradient(135deg,var(--color-primary) 0%,#0E7490 100%);color:#fff;border:none;transition:all .2s ease}.search-clear:hover{transform:scale(1.1)}.sort-buttons{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:var(--radius-full, 9999px);padding:4px;box-shadow:inset 0 2px 4px #00000008}.sort-btn{border-radius:var(--radius-full, 9999px);font-weight:600;transition:all .2s ease}.sort-btn.active{background:#fff;color:var(--color-primary);box-shadow:0 2px 10px #00000014}.sort-btn:hover:not(.active){color:var(--color-primary)}.article-card{background:#fff;border:none;border-radius:var(--radius-xl);box-shadow:0 4px 25px #0000000a;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;position:relative}.article-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--color-primary),var(--color-secondary));transform:scaleY(0);transition:transform .3s ease;z-index:1}.article-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px #0891b226}.article-card:hover:before{transform:scaleY(1)}.article-cover{overflow:hidden;border-radius:var(--radius-lg);position:relative}.article-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.1) 100%);opacity:0;transition:opacity .3s ease}.article-card:hover .article-cover:after{opacity:1}.article-cover img{transition:transform .5s cubic-bezier(.4,0,.2,1)}.article-card:hover .article-cover img{transform:scale(1.08)}.article-title{font-weight:700;letter-spacing:-.3px;transition:color .2s ease}.article-card:hover .article-title{color:var(--color-primary)}.article-excerpt{color:var(--color-text-muted);line-height:1.7}.article-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.article-meta .meta-item{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:var(--radius-full, 9999px);font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-muted);transition:all .2s ease}.article-meta .meta-item:hover{background:var(--color-bg-alt);color:var(--color-primary)}.article-meta .meta-item.likes{color:#ef4444;background:#fef2f2}.read-more{font-weight:600;color:var(--color-primary);display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) 0;position:relative}.read-more:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--color-primary);transition:width .3s ease}.article-card:hover .read-more:after{width:100%}.pinned-badge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:6px 14px;border-radius:var(--radius-full, 9999px);font-size:var(--font-size-xs);font-weight:700;box-shadow:0 4px 12px #f59e0b4d;display:inline-flex;align-items:center;gap:4px}.read-complete-badge{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;padding:6px 14px;border-radius:var(--radius-full, 9999px);font-size:var(--font-size-xs);font-weight:700;box-shadow:0 4px 12px #22c55e4d}.article-progress{height:4px;background:#e2e8f0;border-radius:2px}.article-progress-bar{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:2px;transition:width .3s ease}.sidebar-section{background:#fff;border:none;border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:0 4px 25px #0000000a;transition:all .3s ease}.sidebar-section:hover{box-shadow:0 8px 35px #0000000f}.sidebar-title{font-size:var(--font-size-base);font-weight:700;color:#0f172a;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:3px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,var(--color-primary),var(--color-secondary)) border-box;display:flex;align-items:center;gap:var(--spacing-sm)}.category-item{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);font-weight:500;transition:all .2s ease;cursor:pointer}.category-item:hover{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);color:var(--color-primary);transform:translate(4px)}.category-item.active{background:linear-gradient(135deg,var(--color-primary) 0%,#0E7490 100%);color:#fff;box-shadow:0 4px 12px #0891b24d}.tag-item{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:none;border-radius:var(--radius-full, 9999px);padding:6px 14px;font-weight:500;transition:all .2s ease;cursor:pointer}.tag-item:hover{background:linear-gradient(135deg,#e0f2fe,#bae6fd);color:var(--color-primary);transform:translateY(-2px)}.tag-item.active{background:linear-gradient(135deg,var(--color-primary) 0%,#0E7490 100%);color:#fff;box-shadow:0 4px 12px #0891b24d}.history-item,.bookmark-item{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:var(--radius-lg);padding:var(--spacing-sm);transition:all .2s ease;cursor:pointer}.history-item:hover,.bookmark-item:hover{background:linear-gradient(135deg,#e0f2fe,#bae6fd);transform:translate(4px)}.history-cover,.bookmark-cover{border-radius:var(--radius-md);box-shadow:0 2px 8px #0000001a}.history-title,.bookmark-title{font-weight:500;color:#0f172a}.article-page{animation:fadeInUp .5s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.article-hero-image{border-radius:var(--radius-xl);box-shadow:0 20px 50px #0000001a;transition:all .3s ease}.article-hero-image:hover{transform:scale(1.01);box-shadow:0 25px 60px #00000026}.article-page-title{font-size:var(--font-size-3xl);font-weight:800;background:linear-gradient(135deg,#0f172a,#334155);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px;line-height:1.3}.article-page-meta .meta-item{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:var(--radius-full, 9999px);font-weight:500;transition:all .2s ease}.article-page-meta .meta-item:hover{background:var(--color-bg-alt);color:var(--color-primary)}.article-tags .tag-item{background:linear-gradient(135deg,var(--color-primary) 0%,#0E7490 100%);color:#fff;border:none;padding:6px 16px;font-weight:600;box-shadow:0 4px 12px #0891b233}.article-tags .tag-item:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0891b24d}.share-section{display:flex;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap}.like-btn{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:none;color:#ef4444;padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-full, 9999px);font-weight:600;transition:all .2s ease;box-shadow:0 4px 12px #ef44441a}.like-btn:hover:not(:disabled){background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #ef44444d}.like-btn.liked{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 15px #ef44444d}.bookmark-btn{background:linear-gradient(135deg,#fef3c7,#fde68a);border:none;color:#d97706;padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-full, 9999px);font-weight:600;transition:all .2s ease;box-shadow:0 4px 12px #f59e0b1a}.bookmark-btn:hover{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b4d}.bookmark-btn.bookmarked{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 15px #f59e0b4d}.share-btn{background:linear-gradient(135deg,var(--color-primary) 0%,#0E7490 100%);border:none;color:#fff;padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-full, 9999px);font-weight:600;transition:all .2s ease;box-shadow:0 4px 15px #0891b24d}.share-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0891b266}.share-menu{background:#fff;border:none;border-radius:var(--radius-xl);box-shadow:0 10px 40px #00000026;overflow:hidden}.share-menu button{padding:var(--spacing-md) var(--spacing-lg);font-weight:500;transition:all .2s ease}.share-menu button:hover{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);color:var(--color-primary)}.article-toc{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:0 4px 25px #0000000a}.toc-header{font-weight:700;color:#0f172a;padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-md);border-bottom:3px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,var(--color-primary),var(--color-secondary)) border-box}.toc-item{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-weight:500;transition:all .2s ease;border-left:3px solid transparent}.toc-item:hover{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);color:var(--color-primary)}.toc-item.active{background:linear-gradient(135deg,#e0f2fe,#bae6fd);color:var(--color-primary);border-left-color:var(--color-primary);font-weight:600}.related-articles{margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl)}.related-title{font-size:var(--font-size-xl);font-weight:700;color:#0f172a;margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm)}.related-title:before{content:"";width:4px;height:24px;background:linear-gradient(180deg,var(--color-primary),var(--color-secondary));border-radius:2px}.related-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:var(--radius-xl);padding:var(--spacing-md);transition:all .3s ease;cursor:pointer}.related-card:hover{background:#fff;transform:translateY(-4px);box-shadow:0 10px 30px #00000014}.related-cover{border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000001a;transition:transform .3s ease}.related-card:hover .related-cover{transform:scale(1.05)}.related-card-title{font-weight:600;color:#0f172a;transition:color .2s ease}.related-card:hover .related-card-title{color:var(--color-primary)}.comments-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-top:var(--spacing-2xl)}.comments-title{font-weight:700;color:#0f172a;display:flex;align-items:center;gap:var(--spacing-sm)}.comment-form{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:0 4px 20px #0000000a}.comment-avatar{background:linear-gradient(135deg,var(--color-primary) 0%,#0E7490 100%);box-shadow:0 4px 12px #0891b24d}.comment-author-input,.comment-content-input{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid transparent;border-radius:var(--radius-lg);transition:all .2s ease}.comment-author-input:focus,.comment-content-input:focus{background:#fff;border-color:var(--color-primary);box-shadow:0 0 0 4px #0891b21a}.comment-submit-btn{background:linear-gradient(135deg,var(--color-primary) 0%,#0E7490 100%);border:none;border-radius:var(--radius-full, 9999px);padding:var(--spacing-sm) var(--spacing-xl);font-weight:600;box-shadow:0 4px 15px #0891b24d;transition:all .2s ease}.comment-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0891b266}.comment-item{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:0 2px 10px #00000008;transition:all .2s ease}.comment-item:hover{box-shadow:0 4px 20px #0000000f}.comment-author{font-weight:700;color:#0f172a}.back-to-top{background:linear-gradient(135deg,var(--color-primary) 0%,#0E7490 100%);border:none;box-shadow:0 8px 25px #0891b266;transition:all .3s ease}.back-to-top:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 35px #0891b280}.public-footer{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:none;padding:var(--spacing-xl);text-align:center}.public-footer:before{content:"";display:block;width:60px;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));margin:0 auto var(--spacing-lg);border-radius:2px}[data-theme=dark] .public-header{background:#0f172af2;border-bottom-color:#ffffff0d}[data-theme=dark] .site-logo{background:linear-gradient(135deg,#22d3ee,#67e8f9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .page-title{background:linear-gradient(135deg,#f8fafc,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .search-box,[data-theme=dark] .sort-buttons{background:linear-gradient(135deg,#334155,#475569)}[data-theme=dark] .article-card,[data-theme=dark] .sidebar-section,[data-theme=dark] .article-toc,[data-theme=dark] .comment-form,[data-theme=dark] .comment-item{background:#1e293b}[data-theme=dark] .article-meta .meta-item,[data-theme=dark] .article-page-meta .meta-item{background:linear-gradient(135deg,#334155,#475569);color:#cbd5e1}[data-theme=dark] .category-item:hover,[data-theme=dark] .tag-item:hover,[data-theme=dark] .history-item:hover,[data-theme=dark] .bookmark-item:hover{background:linear-gradient(135deg,#334155,#475569)}[data-theme=dark] .related-card{background:linear-gradient(135deg,#334155,#3d4f66)}[data-theme=dark] .related-card:hover{background:#475569}[data-theme=dark] .comments-section{background:linear-gradient(135deg,#1e293b,#334155)}[data-theme=dark] .comment-author-input,[data-theme=dark] .comment-content-input{background:linear-gradient(135deg,#334155,#475569);color:#f8fafc}[data-theme=dark] .public-footer{background:linear-gradient(135deg,#1e293b,#0f172a)}[data-theme=dark] .article-page-title,[data-theme=dark] .sidebar-title,[data-theme=dark] .related-title,[data-theme=dark] .comments-title,[data-theme=dark] .related-card-title,[data-theme=dark] .comment-author,[data-theme=dark] .history-title,[data-theme=dark] .bookmark-title{color:#f8fafc}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--color-primary),#0E7490);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#0e7490,#0891b2)}[data-theme=dark] ::-webkit-scrollbar-track{background:#334155}::selection{background:#0891b233;color:var(--color-primary)}[data-theme=dark] ::selection{background:#22d3ee4d;color:#22d3ee}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#1e293b 40%,#0e7490);position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 50%,rgba(8,145,178,.15) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(34,211,238,.1) 0%,transparent 40%);animation:loginBgFloat 20s ease-in-out infinite}@keyframes loginBgFloat{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(2%,-2%) rotate(1deg)}66%{transform:translate(-1%,1%) rotate(-.5deg)}}.login-container{position:relative;z-index:1;width:100%;max-width:420px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 25px 80px #0000004d,0 0 0 1px #ffffff1a;padding:48px 40px;animation:loginSlideUp .6s cubic-bezier(.16,1,.3,1)}@keyframes loginSlideUp{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.login-header{text-align:center;margin-bottom:32px}.login-title{font-size:28px;font-weight:800;background:linear-gradient(135deg,#0891b2,#0e7490);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px;margin-bottom:8px}.login-subtitle{font-size:15px;color:#64748b;font-weight:400}.login-form{display:flex;flex-direction:column;gap:20px}.login-form .form-label{font-size:13px;font-weight:600;color:#334155;text-transform:uppercase;letter-spacing:.5px}.login-form .form-input{padding:14px 16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid transparent;border-radius:12px;font-size:15px;transition:all .2s ease}.login-form .form-input:focus{background:#fff;border-color:#0891b2;box-shadow:0 0 0 4px #0891b21a}.login-btn{padding:14px;font-size:16px;font-weight:700;background:linear-gradient(135deg,#0891b2,#0e7490);border:none;border-radius:12px;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #0891b24d;margin-top:8px}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #0891b266}.login-btn:active:not(:disabled){transform:translateY(0)}.login-footer{margin-top:24px;text-align:center}.back-home-btn{font-size:14px;color:#64748b;background:none;border:none;cursor:pointer;font-weight:500;transition:color .2s ease}.back-home-btn:hover{color:#0891b2}.main-container{background:transparent;box-shadow:none;padding:0;border-radius:0}.public-main{background:linear-gradient(180deg,#f8fafc,#f1f5f9);padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-2xl)}.pagination-wrapper{margin-top:var(--spacing-2xl);padding-top:var(--spacing-xl);border-top:none}.pagination-wrapper .ant-pagination-item{border:none;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:10px;font-weight:600;transition:all .2s ease}.pagination-wrapper .ant-pagination-item:hover{background:linear-gradient(135deg,#e0f2fe,#bae6fd)}.pagination-wrapper .ant-pagination-item-active{background:linear-gradient(135deg,#0891b2,#0e7490);box-shadow:0 4px 12px #0891b24d}.pagination-wrapper .ant-pagination-item-active a{color:#fff}.pagination-wrapper .ant-pagination-prev .ant-pagination-item-link,.pagination-wrapper .ant-pagination-next .ant-pagination-item-link{border:none;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:10px;transition:all .2s ease}.pagination-wrapper .ant-pagination-prev:hover .ant-pagination-item-link,.pagination-wrapper .ant-pagination-next:hover .ant-pagination-item-link{background:linear-gradient(135deg,#e0f2fe,#bae6fd);color:#0891b2}.empty-state{padding:80px 40px;text-align:center}.empty-state .ant-empty-description{color:#94a3b8;font-size:16px;font-weight:500}.public-footer p{color:#94a3b8;font-size:14px;font-weight:500}[data-theme=dark] .login-container{background:#1e293bf2;box-shadow:0 25px 80px #00000080}[data-theme=dark] .login-title{background:linear-gradient(135deg,#22d3ee,#67e8f9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .login-subtitle{color:#94a3b8}[data-theme=dark] .login-form .form-label{color:#cbd5e1}[data-theme=dark] .login-form .form-input{background:linear-gradient(135deg,#334155,#475569);color:#f8fafc}[data-theme=dark] .login-form .form-input:focus{background:#1e293b;border-color:#22d3ee;box-shadow:0 0 0 4px #22d3ee1a}[data-theme=dark] .login-btn{background:linear-gradient(135deg,#22d3ee,#0891b2)}[data-theme=dark] .main-container{background:transparent}[data-theme=dark] .public-main{background:linear-gradient(180deg,#0f172a,#1e293b)}.article-card.skeleton{background:#fff;border:none;box-shadow:0 4px 25px #0000000a}[data-theme=dark] .article-card.skeleton{background:#1e293b}.skeleton-cover,.skeleton-title,.skeleton-text,.skeleton-meta{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;border-radius:8px}[data-theme=dark] .skeleton-cover,[data-theme=dark] .skeleton-title,[data-theme=dark] .skeleton-text,[data-theme=dark] .skeleton-meta{background:linear-gradient(90deg,#334155 25%,#475569,#334155 75%);background-size:200% 100%}.scroll-progress{height:3px;background:linear-gradient(90deg,#0891b2,#22d3ee,#22c55e);box-shadow:0 0 10px #0891b280}.admin-layout{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#eff6ff,#f0f9ff)}.admin-sidebar{background:linear-gradient(180deg,#0f172a,#1e293b);border-right:none;box-shadow:4px 0 30px #0000001a}.sidebar-header{padding:24px 20px;border-bottom:1px solid rgba(255,255,255,.06)}.sidebar-logo{font-size:20px;font-weight:800;background:linear-gradient(135deg,#22d3ee,#67e8f9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.sidebar-nav{padding:12px 10px;display:flex;flex-direction:column;gap:4px}.sidebar-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;color:#94a3b8;font-weight:500;font-size:14px;border:none;background:transparent;cursor:pointer;transition:all .2s ease;width:100%;text-align:left}.sidebar-item:hover{background:#ffffff0f;color:#e2e8f0;transform:translate(2px)}.sidebar-item.active{background:linear-gradient(135deg,#0891b233,#0e749026);color:#22d3ee;font-weight:600;box-shadow:inset 0 0 0 1px #22d3ee26}.sidebar-item.active .anticon{color:#22d3ee}.sidebar-item.logout{color:#f87171}.sidebar-item.logout:hover{background:#ef44441a;color:#fca5a5}.sidebar-footer{padding:12px 10px;border-top:1px solid rgba(255,255,255,.06);margin-top:auto;display:flex;flex-direction:column;gap:4px}.admin-header{background:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.04);padding:0 24px;height:60px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 3px #00000005}.toggle-btn{background:none;border:none;font-size:18px;color:#64748b;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease}.toggle-btn:hover{background:#f1f5f9;color:#0891b2}.logout-btn{background:none;border:1px solid #E2E8F0;color:#64748b;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.logout-btn:hover{border-color:#ef4444;color:#ef4444;background:#fef2f2}.admin-content{padding:28px;max-width:1400px}.admin-page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:28px}.admin-page-title{font-size:26px;font-weight:800;color:#0f172a;letter-spacing:-.5px;position:relative}.admin-page-title:after{content:"";position:absolute;bottom:-6px;left:0;width:40px;height:3px;background:linear-gradient(90deg,#0891b2,#22c55e);border-radius:2px}.header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.btn-primary{background:linear-gradient(135deg,#0891b2,#0e7490);color:#fff;border:none;padding:10px 20px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0891b240;display:inline-flex;align-items:center;gap:6px}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0891b259}.btn-primary:active{transform:translateY(0)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:10px 20px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #ef444440;display:inline-flex;align-items:center;gap:6px}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ef444459}.admin-search-box{display:flex;align-items:center;gap:8px;background:#fff;border:2px solid #E2E8F0;border-radius:10px;padding:0 14px;transition:all .2s ease}.admin-search-box:focus-within{border-color:#0891b2;box-shadow:0 0 0 3px #0891b21a}.admin-search-box .search-icon{color:#94a3b8;font-size:14px}.admin-search-input{border:none;background:transparent;padding:10px 0;font-size:14px;color:#0f172a;outline:none;width:180px}.admin-search-input::placeholder{color:#94a3b8}.status-filter{display:flex;background:#fff;border-radius:10px;padding:3px;border:1px solid #E2E8F0}.filter-btn{padding:8px 16px;border:none;background:transparent;border-radius:8px;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease}.filter-btn.active{background:linear-gradient(135deg,#0891b2,#0e7490);color:#fff;box-shadow:0 2px 8px #0891b240}.filter-btn:hover:not(.active){color:#0891b2;background:#f0f9ff}.admin-table-wrapper{background:#fff;border-radius:16px;box-shadow:0 4px 25px #0000000a;overflow:hidden;border:1px solid rgba(0,0,0,.04)}.admin-table{width:100%;border-collapse:collapse}.admin-table thead{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.admin-table th{padding:14px 16px;text-align:left;font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #E2E8F0}.admin-table td{padding:14px 16px;font-size:14px;color:#334155;border-bottom:1px solid #F1F5F9;vertical-align:middle}.admin-table tbody tr{transition:all .15s ease}.admin-table tbody tr:hover{background:#f8fafc}.admin-table tbody tr.selected{background:#f0f9ff}.admin-table tbody tr:last-child td{border-bottom:none}.table-checkbox{width:16px;height:16px;accent-color:#0891B2;cursor:pointer}.text-muted{color:#94a3b8}.text-ellipsis{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-title-cell{font-weight:600;color:#0f172a}.status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.status-badge.published{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#15803d}.status-badge.draft{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#a16207}.view-count{display:inline-flex;align-items:center;gap:4px;color:#64748b;font-size:13px}.action-buttons{display:flex;align-items:center;gap:4px}.action-btn{background:none;border:none;padding:6px 8px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .15s ease;color:#94a3b8;display:inline-flex;align-items:center;gap:4px}.action-btn:hover{background:#f1f5f9}.action-btn.edit:hover{color:#0891b2;background:#f0f9ff}.action-btn.view:hover{color:#22c55e;background:#f0fdf4}.action-btn.delete:hover{color:#ef4444;background:#fef2f2}.action-btn.pin:hover,.action-btn.pin.active{color:#f59e0b;background:#fffbeb}.action-btn.copy:hover{color:#8b5cf6;background:#f5f3ff}.action-btn.export:hover{color:#06b6d4;background:#ecfeff}.admin-pagination{display:flex;align-items:center;justify-content:space-between;padding:20px 0;margin-top:16px}.pagination-info{font-size:13px;color:#94a3b8;font-weight:500}.pagination-buttons{display:flex;gap:8px}.pagination-btn{padding:8px 18px;border:1px solid #E2E8F0;background:#fff;border-radius:8px;font-size:13px;font-weight:500;color:#334155;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){border-color:#0891b2;color:#0891b2;background:#f0f9ff}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-bottom:32px}.stat-card{background:#fff;border-radius:16px;padding:20px;border-top:3px solid;box-shadow:0 4px 20px #0000000a;transition:all .2s ease;display:flex;align-items:center;gap:16px;cursor:default}.stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 30px #00000014}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:24px;font-weight:800;color:#0f172a;letter-spacing:-.5px;line-height:1.2}.stat-label{font-size:13px;color:#94a3b8;font-weight:500;margin-top:2px}.dashboard-section{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000000a;margin-bottom:24px}.section-title{font-size:16px;font-weight:700;color:#0f172a;margin-bottom:20px;display:flex;align-items:center;gap:8px}.section-title:before{content:"";width:3px;height:18px;background:linear-gradient(180deg,#0891b2,#22c55e);border-radius:2px}.top-articles{display:flex;flex-direction:column;gap:2px}.top-article-item{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:10px;cursor:pointer;transition:all .15s ease}.top-article-item:hover{background:#f8fafc}.top-article-item .rank{font-size:14px;font-weight:800;color:#0891b2;min-width:32px}.top-article-item .title{flex:1;font-size:14px;font-weight:500;color:#334155;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-article-item .views,.top-article-item .likes{font-size:13px;color:#94a3b8;display:flex;align-items:center;gap:4px;min-width:60px}.top-article-item .likes{color:#f87171}.category-chart{display:flex;flex-direction:column;gap:12px}.chart-bar-item{display:flex;align-items:center;gap:12px}.chart-label{font-size:13px;font-weight:500;color:#334155;min-width:80px;text-align:right}.chart-bar-wrapper{flex:1;height:24px;background:#f1f5f9;border-radius:6px;overflow:hidden}.chart-bar{height:100%;border-radius:6px;transition:width .8s cubic-bezier(.4,0,.2,1);min-width:4px}.chart-value{font-size:13px;font-weight:700;color:#0f172a;min-width:30px}.activity-timeline{display:flex;flex-direction:column;gap:4px}.activity-item{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:10px;cursor:pointer;transition:all .15s ease}.activity-item:hover{background:#f8fafc}.activity-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);display:flex;align-items:center;justify-content:center;color:#0891b2;font-size:14px;flex-shrink:0}.activity-content{display:flex;flex-direction:column;gap:2px;min-width:0}.activity-title{font-size:14px;font-weight:500;color:#334155;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-meta{font-size:12px;color:#94a3b8;display:flex;align-items:center;gap:8px}.status-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.status-dot.published{background:#22c55e}.status-dot.draft{background:#f59e0b}.no-data{text-align:center;color:#94a3b8;font-size:14px;padding:20px}.quick-actions-fab{position:fixed;bottom:28px;right:28px;z-index:100}.fab-main{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#0891b2,#0e7490);color:#fff;border:none;font-size:20px;cursor:pointer;box-shadow:0 8px 25px #0891b259;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.fab-main:hover{transform:scale(1.05);box-shadow:0 10px 30px #0891b273}.fab-menu{position:absolute;bottom:64px;right:0;display:flex;flex-direction:column;gap:8px;animation:fabSlideUp .2s ease}@keyframes fabSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fab-menu button{width:44px;height:44px;border-radius:12px;background:#fff;border:none;font-size:16px;color:#334155;cursor:pointer;box-shadow:0 4px 15px #0000001a;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.fab-menu button:hover{background:#f0f9ff;color:#0891b2;transform:scale(1.08)}.tags-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.tag-card{background:#fff;border-radius:14px;padding:20px;box-shadow:0 4px 20px #0000000a;border:1px solid rgba(0,0,0,.04);transition:all .2s ease}.tag-card:hover{transform:translateY(-3px);box-shadow:0 8px 30px #00000014;border-color:#0891b226}.tag-card-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.tag-card .tag-icon{color:#0891b2;font-size:18px}.tag-card .tag-name{font-size:16px;font-weight:700;color:#0f172a}.tag-card-meta{display:flex;align-items:center;gap:12px;margin-bottom:14px}.tag-card .tag-slug{font-size:12px;color:#94a3b8;background:#f1f5f9;padding:2px 8px;border-radius:4px;font-family:monospace}.tag-card .tag-date{font-size:12px;color:#94a3b8}.tag-card-actions{padding-top:12px;border-top:1px solid #F1F5F9}.mobile-card-list{display:flex;flex-direction:column;gap:12px}.mobile-card-item{background:#fff;border-radius:14px;padding:16px;box-shadow:0 4px 20px #0000000a}.mobile-card-item .item-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.mobile-card-item .item-title-row{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.mobile-card-item .item-title{font-weight:600;color:#0f172a;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-card-item .item-meta{display:flex;gap:14px;font-size:12px;color:#94a3b8;margin-bottom:12px}.mobile-card-item .item-actions{display:flex;gap:8px;padding-top:12px;border-top:1px solid #F1F5F9}.settings-tabs{display:flex;gap:4px;background:#fff;border-radius:12px;padding:4px;margin-bottom:24px;box-shadow:0 2px 10px #0000000a;width:fit-content}.settings-tab{padding:10px 24px;border:none;background:transparent;border-radius:10px;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.settings-tab.active{background:linear-gradient(135deg,#0891b2,#0e7490);color:#fff;box-shadow:0 4px 12px #0891b240}.settings-tab:hover:not(.active){color:#0891b2;background:#f0f9ff}.settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px}.settings-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000a;overflow:hidden;border:1px solid rgba(0,0,0,.04)}.settings-card-header{display:flex;align-items:center;gap:10px;padding:20px 24px;border-bottom:1px solid #F1F5F9;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.settings-card-header h2{font-size:15px;font-weight:700;color:#0f172a;margin:0}.settings-card-icon{color:#0891b2;font-size:18px}.settings-card-body{padding:24px;display:flex;flex-direction:column;gap:18px}.settings-form-group{display:flex;flex-direction:column;gap:6px}.settings-form-group label{font-size:13px;font-weight:600;color:#334155}.settings-input{padding:10px 14px;border:2px solid #E2E8F0;border-radius:10px;font-size:14px;color:#0f172a;transition:all .2s ease;background:#fff;width:100%;box-sizing:border-box}.settings-input:focus{outline:none;border-color:#0891b2;box-shadow:0 0 0 3px #0891b21a}.settings-textarea{resize:vertical;min-height:80px;font-family:inherit}.settings-upload-group{display:flex;align-items:center;gap:12px;margin-bottom:8px}.settings-upload-btn{padding:8px 16px;background:#f1f5f9;border:1px dashed #CBD5E1;border-radius:8px;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease}.settings-upload-btn:hover{border-color:#0891b2;color:#0891b2;background:#f0f9ff}.settings-preview-img{width:48px;height:48px;object-fit:contain;border-radius:8px;border:1px solid #E2E8F0}.settings-preview-favicon{width:32px;height:32px;object-fit:contain;border-radius:4px;border:1px solid #E2E8F0}.settings-actions{margin-top:24px;display:flex;justify-content:flex-end}.settings-save-btn{padding:12px 32px;font-size:15px}.settings-btn{margin-top:8px}.settings-tip{font-size:13px;color:#f59e0b;background:#fffbeb;padding:10px 14px;border-radius:8px;border-left:3px solid #F59E0B}.not-found-page{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:40px 20px}.not-found-content{text-align:center;animation:fadeInUp .5s ease}.not-found-code{font-size:120px;font-weight:900;background:linear-gradient(135deg,#0891b2,#22d3ee,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:8px;letter-spacing:-4px}.not-found-title{font-size:24px;font-weight:700;color:#0f172a;margin-bottom:12px}.not-found-desc{font-size:16px;color:#64748b;margin-bottom:28px;max-width:400px;margin-left:auto;margin-right:auto}.not-found-btn{background:linear-gradient(135deg,#0891b2,#0e7490);color:#fff;border:none;padding:12px 28px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #0891b24d;display:inline-flex;align-items:center;gap:8px}.not-found-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0891b266}[data-theme=dark] .not-found-title{color:#f8fafc}[data-theme=dark] .not-found-desc{color:#94a3b8}.editor-page{background:#f8fafc;min-height:100vh}.editor-header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#fff;border-bottom:1px solid #E2E8F0;box-shadow:0 1px 3px #0000000a;position:sticky;top:0;z-index:50;flex-wrap:wrap;gap:12px}.editor-header-left{display:flex;align-items:center;gap:16px}.editor-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.editor-title{font-size:16px;font-weight:700;color:#0f172a;margin:0}.auto-save-status{font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px}.auto-save-status.saved{color:#22c55e;background:#f0fdf4}.auto-save-status.saving{color:#f59e0b;background:#fffbeb}.auto-save-status.unsaved{color:#94a3b8;background:#f8fafc}.editor-btn{padding:8px 16px;border:1px solid #E2E8F0;background:#fff;border-radius:8px;font-size:13px;font-weight:500;color:#334155;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:6px}.editor-btn:hover:not(:disabled){border-color:#0891b2;color:#0891b2;background:#f0f9ff}.editor-btn.active{background:#f0f9ff;border-color:#0891b2;color:#0891b2}.editor-btn.primary{background:linear-gradient(135deg,#0891b2,#0e7490);color:#fff;border:none;box-shadow:0 4px 12px #0891b240}.editor-btn.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #0891b259}.editor-body{padding:24px}.editor-body.with-preview{display:grid;grid-template-columns:1fr 1fr;gap:24px}.editor-main{min-width:0}.title-input{width:100%;padding:16px 0;border:none;border-bottom:2px solid #E2E8F0;font-size:28px;font-weight:800;color:#0f172a;background:transparent;outline:none;letter-spacing:-.5px;transition:border-color .2s ease}.title-input:focus{border-bottom-color:#0891b2}.title-input::placeholder{color:#cbd5e1}.markdown-toolbar{display:flex;gap:2px;padding:8px;background:#f8fafc;border:1px solid #E2E8F0;border-bottom:none;border-radius:10px 10px 0 0;flex-wrap:wrap}.markdown-toolbar button{padding:6px 10px;border:none;background:transparent;border-radius:6px;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;transition:all .15s ease;min-width:32px;text-align:center}.markdown-toolbar button:hover{background:#fff;color:#0891b2;box-shadow:0 2px 6px #0000000f}.content-textarea{border-radius:0 0 10px 10px;border:1px solid #E2E8F0;font-family:JetBrains Mono,Fira Code,monospace;font-size:14px;line-height:1.7;padding:16px;resize:vertical}.content-textarea:focus{border-color:#0891b2;box-shadow:0 0 0 3px #0891b21a}.editor-stats{display:flex;gap:16px;padding:8px 0;font-size:12px;color:#94a3b8;font-weight:500}.editor-settings-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.settings-column{background:#fff;border-radius:14px;padding:20px;box-shadow:0 4px 20px #0000000a}.settings-column .settings-title{font-size:14px;font-weight:700;color:#0f172a;margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid #F1F5F9}.native-form-item{margin-bottom:16px}.native-label{display:block;font-size:13px;font-weight:600;color:#334155;margin-bottom:6px}.native-select,.native-input{width:100%;padding:10px 14px;border:2px solid #E2E8F0;border-radius:10px;font-size:14px;color:#0f172a;background:#fff;transition:all .2s ease;box-sizing:border-box}.native-select:focus,.native-input:focus{outline:none;border-color:#0891b2;box-shadow:0 0 0 3px #0891b21a}.tag-selector{display:flex;flex-wrap:wrap;gap:6px}.tag-option{padding:6px 14px;border:1px solid #E2E8F0;background:#fff;border-radius:20px;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;transition:all .15s ease}.tag-option:hover{border-color:#0891b2;color:#0891b2}.tag-option.selected{background:linear-gradient(135deg,#0891b2,#0e7490);color:#fff;border-color:transparent;box-shadow:0 2px 8px #0891b240}.no-tags{font-size:13px;color:#94a3b8}.cover-preview-small{margin-top:8px}.cover-preview-small img{max-width:100%;max-height:120px;border-radius:8px;border:1px solid #E2E8F0;object-fit:cover}.editor-preview{background:#fff;border-radius:14px;box-shadow:0 4px 20px #0000000a;overflow:hidden;position:sticky;top:80px;max-height:calc(100vh - 100px);display:flex;flex-direction:column}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #F1F5F9;font-size:13px;font-weight:600;color:#64748b}.fullscreen-btn{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:4px;transition:color .15s ease}.fullscreen-btn:hover{color:#0891b2}.preview-content{padding:20px;overflow-y:auto;flex:1}.fullscreen-preview-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#fff;display:flex;flex-direction:column;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fullscreen-preview-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #E2E8F0}.fullscreen-preview-header h2{font-size:18px;font-weight:700;color:#0f172a;margin:0}.fullscreen-close-btn{padding:8px 16px;border:1px solid #E2E8F0;background:#fff;border-radius:8px;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s ease}.fullscreen-close-btn:hover{border-color:#0891b2;color:#0891b2}.fullscreen-preview-content{flex:1;overflow-y:auto;padding:32px;max-width:800px;margin:0 auto;width:100%}.history-panel{position:fixed;top:0;right:0;width:360px;height:100vh;background:#fff;box-shadow:-8px 0 30px #0000001a;z-index:200;display:flex;flex-direction:column;animation:slideInRight .2s ease}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.history-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #E2E8F0}.history-header h3{font-size:16px;font-weight:700;color:#0f172a;margin:0}.history-close{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;font-size:16px}.history-list{flex:1;overflow-y:auto;padding:12px}.history-panel .history-item{padding:12px 14px;border-radius:10px;cursor:pointer;transition:background .15s ease;margin-bottom:4px;display:flex;flex-direction:column;gap:4px}.history-panel .history-item:hover{background:#f8fafc}.history-time{font-size:12px;font-weight:600;color:#0891b2}.history-preview{font-size:13px;color:#94a3b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-mobile-header{display:none;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border-bottom:1px solid #E2E8F0;box-shadow:0 1px 3px #0000000a}.mobile-menu-btn,.mobile-logout-btn{background:none;border:none;font-size:18px;color:#64748b;cursor:pointer;padding:8px;border-radius:8px}.mobile-page-title{font-size:16px;font-weight:700;color:#0f172a}.mobile-close-btn{display:none;background:none;border:none;color:#94a3b8;font-size:16px;cursor:pointer;padding:4px}.admin-sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:99}@media (max-width: 768px){.admin-mobile-header{display:flex}.admin-header{display:none}.admin-sidebar{position:fixed;left:-280px;top:0;height:100vh;width:260px;z-index:100;transition:left .3s ease}.admin-sidebar.mobile-open{left:0}.mobile-close-btn,.admin-sidebar-overlay{display:block}.admin-content{padding:16px}.admin-page-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%;flex-wrap:wrap}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:14px}.stat-icon{width:40px;height:40px;font-size:18px}.stat-value{font-size:20px}.desktop-only{display:none}.mobile-only{display:block}.settings-grid,.editor-body.with-preview,.editor-settings-row{grid-template-columns:1fr}.editor-header{padding:10px 16px}.editor-body{padding:16px}.title-input{font-size:22px}.tags-grid{grid-template-columns:1fr}}@media (min-width: 769px){.mobile-only{display:none}}.loading-container{display:flex;align-items:center;justify-content:center;min-height:300px}.search-highlight{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;padding:1px 4px;border-radius:3px;font-weight:600}.theme-toggle{position:relative}.theme-icon-wrapper{position:relative;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center}.theme-icon{position:absolute;transition:all .3s ease}.theme-toggle.light .light-icon{opacity:1;transform:rotate(0)}.theme-toggle.light .dark-icon{opacity:0;transform:rotate(90deg)}.theme-toggle.dark .light-icon{opacity:0;transform:rotate(-90deg)}.theme-toggle.dark .dark-icon{opacity:1;transform:rotate(0)}.article-layout.focus-mode .public-header,.article-layout.focus-mode .public-footer,.article-layout.focus-mode .article-toc{display:none}.article-layout.focus-mode .article-page{max-width:720px;margin:0 auto;padding:40px 20px}.focus-btn{background:none;border:1px solid #E2E8F0;padding:6px 10px;border-radius:6px;color:#64748b;cursor:pointer;transition:all .15s ease;font-size:14px}.focus-btn:hover,.focus-btn.active{border-color:#0891b2;color:#0891b2;background:#f0f9ff}.font-size-control{display:flex;align-items:center;gap:4px;background:#f8fafc;border-radius:8px;padding:2px;border:1px solid #E2E8F0}.font-size-control button{padding:4px 8px;border:none;background:transparent;border-radius:6px;font-size:12px;font-weight:700;color:#64748b;cursor:pointer;transition:all .15s ease}.font-size-control button:hover{background:#fff;color:#0891b2}.font-size-value{font-size:11px;color:#94a3b8;min-width:20px;text-align:center}.article-nav{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:24px}.article-nav-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.back-btn{background:none;border:1px solid #E2E8F0;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:6px}.back-btn:hover{border-color:#0891b2;color:#0891b2;background:#f0f9ff}.print-btn,.toc-toggle,.edit-btn{background:none;border:1px solid #E2E8F0;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:6px}.print-btn:hover,.toc-toggle:hover,.edit-btn:hover{border-color:#0891b2;color:#0891b2;background:#f0f9ff}.toc-toggle.active{background:#f0f9ff;border-color:#0891b2;color:#0891b2}.copy-code-btn{position:absolute;top:8px;right:8px;padding:4px 10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#94a3b8;font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease;opacity:0}pre:hover .copy-code-btn{opacity:1}.copy-code-btn:hover{background:#fff3;color:#fff}.copy-code-btn.copied{background:#22c55e33;border-color:#22c55e4d;color:#22c55e}.reply-indicator{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#f0f9ff;border-radius:8px;border-left:3px solid #0891B2;margin-bottom:12px;font-size:13px;color:#0891b2;font-weight:500}.cancel-reply{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:12px;font-weight:500}.cancel-reply:hover{color:#ef4444}.wechat-qr-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.shortcuts-panel{position:fixed;bottom:20px;right:20px;background:#fff;border-radius:14px;padding:20px;box-shadow:0 10px 40px #00000026;z-index:100;min-width:240px}.ant-spin-dot-item{background-color:#0891b2}.ant-modal-content{border-radius:16px;overflow:hidden}.ant-modal-header{border-bottom:1px solid #F1F5F9;padding:20px 24px}.ant-modal-title{font-weight:700;font-size:16px}.ant-modal-body{padding:24px}.ant-modal-footer{border-top:1px solid #F1F5F9;padding:16px 24px}.ant-btn-primary{background:linear-gradient(135deg,#0891b2,#0e7490);border:none;box-shadow:0 2px 8px #0891b240;border-radius:8px;font-weight:600}.ant-btn-primary:hover{background:linear-gradient(135deg,#0e7490,#0891b2)}.ant-btn-default{border-radius:8px;font-weight:500}.ant-form-item-label>label{font-weight:600;color:#334155}.ant-input,.ant-input-affix-wrapper{border-radius:10px;border:2px solid #E2E8F0}.ant-input:focus,.ant-input-affix-wrapper:focus,.ant-input-affix-wrapper-focused{border-color:#0891b2;box-shadow:0 0 0 3px #0891b21a}.ant-popconfirm .ant-btn-primary{background:linear-gradient(135deg,#ef4444,#dc2626)}.admin-layout-v2{min-height:100vh;display:flex;flex-direction:column;background:#f8fafc}.admin-topbar{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#fff;border-bottom:1px solid #E2E8F0;position:sticky;top:0;z-index:50}.topbar-left{display:flex;align-items:center;gap:12px}.topbar-brand{font-size:15px;font-weight:700;color:#0f172a;cursor:pointer;letter-spacing:-.3px}.topbar-menu-btn{display:none;align-items:center;justify-content:center;width:36px;height:36px;font-size:16px;color:#64748b;background:transparent;border:none;border-radius:8px;cursor:pointer}.topbar-menu-btn:hover{background:#f1f5f9;color:#0f172a}.topbar-nav{display:flex;gap:2px}.topbar-nav-item{display:flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;font-family:var(--font-family);color:#64748b;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .15s ease}.topbar-nav-item:hover{color:#0f172a;background:#f1f5f9}.topbar-nav-item.active{color:#0891b2;background:#ecfeff}.topbar-nav-item .anticon{font-size:14px}.topbar-right{display:flex;align-items:center;gap:4px}.topbar-action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:15px;color:#64748b;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .15s ease}.topbar-action-btn:hover{background:#f1f5f9;color:#0f172a}.topbar-action-btn.logout:hover{color:#ef4444;background:#fef2f2}.admin-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:100}.admin-drawer{position:fixed;top:0;left:-280px;width:280px;height:100vh;background:#fff;display:flex;flex-direction:column;z-index:101;transition:left .25s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 24px #00000014}.admin-drawer.open{left:0}.drawer-header{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #E2E8F0}.drawer-brand{font-size:15px;font-weight:700;color:#0f172a}.drawer-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:#64748b;background:transparent;border:none;border-radius:8px;cursor:pointer}.drawer-close:hover{background:#f1f5f9}.drawer-nav{flex:1;padding:12px;display:flex;flex-direction:column;gap:2px}.drawer-nav-item{display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:14px;font-weight:500;font-family:var(--font-family);color:#475569;background:transparent;border:none;border-radius:10px;cursor:pointer;transition:all .15s ease;width:100%;text-align:left}.drawer-nav-item:hover{background:#f1f5f9;color:#0f172a}.drawer-nav-item.active{background:#ecfeff;color:#0891b2}.drawer-nav-item.logout:hover{color:#ef4444;background:#fef2f2}.drawer-footer{padding:12px;border-top:1px solid #E2E8F0;display:flex;flex-direction:column;gap:2px}.admin-main-v2{flex:1;padding:24px;max-width:1280px;width:100%;margin:0 auto}.admin-page-wrapper{width:100%}@media (max-width: 768px){.topbar-nav{display:none}.topbar-menu-btn{display:flex}.admin-main-v2{padding:16px}.admin-topbar{padding:0 16px}}.dash-v2{display:flex;flex-direction:column;gap:24px}.dash-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.dash-title{font-size:22px;font-weight:700;color:#0f172a;margin:0;letter-spacing:-.3px}.dash-subtitle{font-size:13px;color:#94a3b8;margin:4px 0 0}.dash-new-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:600;font-family:var(--font-family);color:#fff;background:#0891b2;border:none;border-radius:10px;cursor:pointer;transition:background .15s ease;white-space:nowrap}.dash-new-btn:hover{background:#0e7490}.dash-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.dash-stat-card{background:#fff;border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;border:1px solid #E2E8F0;transition:box-shadow .2s ease,transform .2s ease;cursor:default}.dash-stat-card:hover{box-shadow:0 4px 12px #0000000f;transform:translateY(-1px)}.dash-stat-card.loading .dash-stat-value{color:#cbd5e1}.dash-stat-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:17px;border-radius:10px;flex-shrink:0}.dash-stat-info{display:flex;flex-direction:column;min-width:0}.dash-stat-value{font-size:20px;font-weight:700;color:#0f172a;line-height:1.2;letter-spacing:-.3px}.dash-stat-label{font-size:12px;color:#94a3b8;font-weight:500}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dash-card{background:#fff;border-radius:12px;padding:20px;border:1px solid #E2E8F0}.dash-card-full{grid-column:1 / -1}.dash-card-title{font-size:14px;font-weight:600;color:#0f172a;margin:0 0 16px;letter-spacing:-.2px}.dash-list{display:flex;flex-direction:column;gap:2px}.dash-list-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:background .15s ease}.dash-list-item:hover{background:#f8fafc}.dash-rank{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#94a3b8;background:#f1f5f9;border-radius:6px;flex-shrink:0}.dash-rank[data-rank="1"]{color:#0891b2;background:#ecfeff}.dash-rank[data-rank="2"]{color:#22c55e;background:#f0fdf4}.dash-rank[data-rank="3"]{color:#f59e0b;background:#fffbeb}.dash-list-title{flex:1;font-size:13px;font-weight:500;color:#334155;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-list-meta{display:flex;gap:12px;font-size:12px;color:#94a3b8;flex-shrink:0}.dash-list-meta span{display:flex;align-items:center;gap:3px}.dash-activity-dot{width:8px;height:8px;border-radius:50%;background:#cbd5e1;flex-shrink:0}.dash-activity-dot[data-status=published]{background:#22c55e}.dash-activity-dot[data-status=draft]{background:#f59e0b}.dash-activity-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.dash-activity-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:#94a3b8}.dash-status{font-size:11px;font-weight:600;padding:1px 6px;border-radius:4px}.dash-status.published{color:#16a34a;background:#f0fdf4}.dash-status.draft{color:#ca8a04;background:#fffbeb}.dash-bars{display:flex;flex-direction:column;gap:10px}.dash-bar-row{display:flex;align-items:center;gap:12px}.dash-bar-label{width:64px;font-size:12px;font-weight:500;color:#475569;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}.dash-bar-track{flex:1;height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden}.dash-bar-fill{height:100%;border-radius:4px;transition:width .6s cubic-bezier(.4,0,.2,1)}.dash-bar-value{width:28px;font-size:12px;font-weight:600;color:#334155;text-align:right;flex-shrink:0}.dash-empty{text-align:center;color:#94a3b8;font-size:13px;padding:24px}@media (max-width: 768px){.dash-header{flex-direction:column;align-items:flex-start}.dash-stats{grid-template-columns:repeat(2,1fr)}.dash-grid{grid-template-columns:1fr}.dash-stat-card{padding:12px}.dash-stat-value{font-size:18px}}@media (max-width: 480px){.dash-stats{grid-template-columns:repeat(2,1fr);gap:8px}.dash-stat-icon{width:32px;height:32px;font-size:14px}}.admin-layout-v2 .admin-sidebar,.admin-layout-v2 .admin-header,.admin-layout-v2 .admin-mobile-header{display:none}.site-logo-img{height:32px;width:auto;display:block}.footer-icp{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:4px 0 0}.footer-social{display:flex;justify-content:center;gap:16px;margin-top:8px}.footer-social a{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:16px;color:var(--color-text-muted);border-radius:50%;transition:color .15s ease,background .15s ease}.footer-social a:hover{color:var(--color-primary);background:var(--color-bg-alt)}@media (max-width: 768px){.site-logo-img{height:28px}.public-footer{padding:16px}.footer-social{gap:12px}.footer-social a{width:36px;height:36px;font-size:18px}}@media (max-width: 480px){.public-header{padding:8px 12px}.site-logo{font-size:14px}.site-logo-img{height:24px}.main-container{padding:12px;border-radius:8px}.public-main{padding:8px}.article-card{grid-template-columns:1fr;padding:12px;gap:10px}.article-cover img{height:120px}.article-title{font-size:15px}.article-excerpt{font-size:12px;-webkit-line-clamp:2}.article-meta{gap:8px;font-size:11px}.sidebar-section{padding:12px}.sidebar-title{font-size:13px}.pagination-wrapper{margin-top:16px;padding-top:12px}.pagination-wrapper .ant-pagination-item,.pagination-wrapper .ant-pagination-prev,.pagination-wrapper .ant-pagination-next{min-width:28px;height:28px;line-height:28px;font-size:12px}}@media (max-width: 768px){.admin-topbar{height:48px;padding:0 12px}.topbar-brand{font-size:14px}.topbar-action-btn{width:32px;height:32px;font-size:14px}.admin-main-v2{padding:12px}.admin-page{padding:14px;border-radius:10px}.admin-page-header{flex-direction:column;gap:8px;padding-bottom:12px;margin-bottom:14px}.admin-page-title{font-size:16px}.btn-primary{width:100%;justify-content:center;padding:10px 16px}.admin-table th{font-size:11px;padding:8px}.admin-table td{font-size:12px;padding:8px}.action-buttons{gap:4px}.action-btn{width:28px;height:28px;font-size:12px}.tags-grid{grid-template-columns:1fr;gap:8px}.tag-card{padding:10px}}@media (max-width: 480px){.admin-topbar{height:44px;padding:0 10px}.topbar-brand{font-size:13px}.topbar-menu-btn{width:32px;height:32px;font-size:14px}.admin-main-v2{padding:8px}.admin-page{padding:10px;border-radius:8px}.admin-page-title{font-size:15px}}@media (max-width: 480px){.dash-v2{gap:14px}.dash-title{font-size:18px}.dash-subtitle{font-size:12px}.dash-new-btn{width:100%;justify-content:center;padding:10px 16px;font-size:13px}.dash-stats{gap:8px}.dash-stat-card{padding:10px;gap:8px}.dash-stat-icon{width:32px;height:32px;font-size:14px;border-radius:8px}.dash-stat-value{font-size:16px}.dash-stat-label{font-size:11px}.dash-card{padding:14px;border-radius:10px}.dash-card-title{font-size:13px;margin-bottom:10px}.dash-list-item{padding:8px 6px;gap:8px}.dash-rank{width:20px;height:20px;font-size:10px;border-radius:5px}.dash-list-title{font-size:12px}.dash-list-meta{display:none}.dash-activity-meta{font-size:11px}.dash-bar-label{width:48px;font-size:11px}.dash-bar-track{height:6px}.dash-bar-value{font-size:11px}}@media (max-width: 480px){.editor-page{height:calc(100vh - 52px)}.editor-header{padding:8px 10px;gap:6px}.editor-title{font-size:14px}.title-input{font-size:16px;padding:8px}.editor-btn{padding:6px 10px;font-size:12px}.editor-main{padding:10px}.markdown-toolbar{padding:4px;gap:1px}.markdown-toolbar button{width:28px;height:28px;font-size:12px}}@media (max-width: 480px){.settings-tabs{gap:2px}.settings-tab{padding:8px 12px;font-size:12px}.settings-grid{grid-template-columns:1fr;gap:10px}.settings-card{border-radius:10px}.settings-card-body{padding:14px}.settings-form-group label{font-size:12px}.settings-input{font-size:13px;padding:8px 10px}.settings-textarea{font-size:13px}.settings-save-btn{width:100%;justify-content:center}.settings-upload-group{flex-direction:column;align-items:flex-start}.settings-preview-img{max-width:100%;height:auto}}@media (max-width: 480px){.article-page-title{font-size:20px;line-height:1.3}.article-page-meta{gap:8px;font-size:12px}.article-body{font-size:14px;line-height:1.7}.markdown-body h1{font-size:20px}.markdown-body h2{font-size:17px}.markdown-body h3{font-size:15px}.markdown-body pre{padding:10px;font-size:12px;border-radius:8px}.markdown-body blockquote{padding:8px 12px;margin:12px 0}.markdown-body table{font-size:12px}.markdown-body th,.markdown-body td{padding:6px 8px}.share-section{gap:8px}.like-btn,.share-btn{padding:8px 14px;font-size:12px}.related-grid{grid-template-columns:1fr;gap:8px}.related-card{padding:10px}.related-cover{width:60px;height:45px}.related-card-title{font-size:12px}}@media (hover: none) and (pointer: coarse){.nav-item,.topbar-nav-item,.drawer-nav-item,.sidebar-item,.action-btn,.tag-item,.category-item{min-height:44px}.article-card:hover,.dash-stat-card:hover{transform:none;box-shadow:none}.stat-card:hover,.top-article-item:hover{transform:none}.article-card:active{background:#f8fafc}.dash-list-item:active{background:#f1f5f9}.drawer-nav-item:active{background:#e2e8f0}}@supports (padding: env(safe-area-inset-bottom)){.public-footer{padding-bottom:calc(16px + env(safe-area-inset-bottom))}.admin-topbar{padding-top:env(safe-area-inset-top)}.admin-drawer{padding-bottom:env(safe-area-inset-bottom)}.back-to-top{bottom:calc(24px + env(safe-area-inset-bottom))}@media (max-width: 480px){.article-footer .share-section{padding-bottom:calc(12px + env(safe-area-inset-bottom))}}}.art-wrapper{max-width:720px;width:100%;margin:0 auto;padding:0 24px}.art-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 0;margin-bottom:8px}.art-back{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;font-family:var(--font-family);color:var(--color-text-muted);background:none;border:1px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .15s ease}.art-back:hover{border-color:var(--color-primary);color:var(--color-primary)}.art-topbar-right{display:flex;gap:4px}.art-icon-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;font-size:15px;color:var(--color-text-muted);background:none;border:1px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .15s ease}.art-icon-btn:hover,.art-icon-btn.active{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-bg-alt)}.art-hero{width:100%;max-height:400px;object-fit:cover;border-radius:12px;margin-bottom:24px}.art-header{margin-bottom:24px}.art-title{font-size:28px;font-weight:700;line-height:1.35;color:var(--color-text);margin:0 0 12px;letter-spacing:-.3px}.art-meta{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;color:var(--color-text-muted);margin-bottom:12px}.art-meta span{display:inline-flex;align-items:center;gap:4px}.art-meta-link{cursor:pointer;transition:color .15s ease}.art-tags{display:flex;flex-wrap:wrap;gap:6px;padding-top:12px;border-top:1px solid var(--color-border)}.art-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;font-size:12px;color:var(--color-text-muted);background:var(--color-bg);border:1px solid var(--color-border);border-radius:4px;cursor:pointer;transition:all .15s ease}.art-tag:hover{border-color:var(--color-primary);color:var(--color-primary)}.art-body{margin-bottom:32px;font-size:16px;line-height:1.75}.art-body .markdown-body{max-width:100%;overflow-wrap:break-word;word-break:break-word}.art-body .markdown-body pre{border-radius:8px;overflow-x:auto}.art-body .markdown-body img{max-width:100%;height:auto;border-radius:8px}.art-body .markdown-body table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.art-copy-btn{position:absolute;top:8px;right:8px;padding:3px 8px;font-size:11px;font-family:var(--font-family);color:#94a3b8;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:4px;cursor:pointer;opacity:0;transition:opacity .15s ease}pre:hover .art-copy-btn{opacity:1}.art-copy-btn:hover{background:#fff3;color:#fff}.art-copy-btn.copied{color:#22c55e}.art-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;padding:20px 0;border-top:1px solid var(--color-border)}.art-action-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;font-family:var(--font-family);color:var(--color-text-muted);background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .15s ease}.art-action-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.art-action-btn.liked{background:#fee2e2;border-color:#ef4444;color:#ef4444}.art-action-btn.bookmarked{background:#fef3c7;border-color:#f59e0b;color:#d97706}.art-share-menu{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:6px;background:var(--color-white);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 16px #0000001a;overflow:hidden;min-width:130px;z-index:50}.art-share-menu button{display:flex;align-items:center;gap:6px;width:100%;padding:8px 14px;font-size:13px;font-family:var(--font-family);color:var(--color-text);background:none;border:none;cursor:pointer;transition:background .15s ease}.art-share-menu button:hover{background:var(--color-bg)}.art-updated{text-align:center;font-size:12px;color:var(--color-text-muted);margin:0 0 32px}.art-related{padding:24px 0;border-top:1px solid var(--color-border)}.art-related h3{font-size:16px;font-weight:600;margin:0 0 12px;color:var(--color-text)}.art-related-grid{display:flex;flex-direction:column;gap:8px}.art-related-card{display:flex;gap:12px;padding:10px;background:var(--color-bg);border-radius:8px;cursor:pointer;transition:background .15s ease}.art-related-card:hover{background:var(--color-bg-alt)}.art-related-card img{width:72px;height:54px;object-fit:cover;border-radius:6px;flex-shrink:0}.art-related-card h4{font-size:13px;font-weight:500;color:var(--color-text);margin:0 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.art-related-card span{font-size:11px;color:var(--color-text-muted)}.art-comments{padding:24px 0;border-top:1px solid var(--color-border)}.art-comments-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.art-comments-head h3{font-size:16px;font-weight:600;color:var(--color-text);margin:0}.art-comments-head button{font-size:12px;font-family:var(--font-family);color:var(--color-text-muted);background:none;border:none;cursor:pointer}.art-comment-form{background:var(--color-bg);border-radius:10px;padding:14px;margin-bottom:16px}.art-reply-bar{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:var(--color-bg-alt);border-radius:6px;border-left:3px solid var(--color-primary);margin-bottom:10px;font-size:12px;color:var(--color-primary)}.art-reply-bar button{background:none;border:none;color:var(--color-text-muted);font-size:12px;cursor:pointer}.art-comment-row{display:flex;gap:8px;margin-bottom:8px}.art-avatar{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-border);border-radius:50%;color:var(--color-text-muted);font-size:14px;flex-shrink:0}.art-comment-row input{flex:1;padding:6px 10px;font-size:13px;font-family:var(--font-family);border:1px solid var(--color-border);border-radius:6px;background:var(--color-white);color:var(--color-text)}.art-comment-form textarea{width:100%;padding:8px 10px;font-size:14px;font-family:var(--font-family);border:1px solid var(--color-border);border-radius:6px;background:var(--color-white);color:var(--color-text);resize:vertical;margin-bottom:8px}.art-comment-foot{display:flex;align-items:center;justify-content:space-between}.art-comment-foot span{font-size:11px;color:var(--color-text-muted)}.art-comment-foot button{padding:6px 14px;font-size:13px;font-weight:500;font-family:var(--font-family);color:#fff;background:var(--color-primary);border:none;border-radius:6px;cursor:pointer;transition:background .15s ease}.art-comment-foot button:hover{background:var(--color-primary-hover)}.art-comment-list{display:flex;flex-direction:column}.art-empty{text-align:center;color:var(--color-text-muted);font-size:13px;padding:20px}.art-comment-item{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid var(--color-border)}.art-comment-body{flex:1;min-width:0}.art-comment-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}.art-comment-author{font-size:13px;font-weight:600;color:var(--color-text)}.art-comment-reply{font-size:11px;color:var(--color-primary)}.art-comment-time{font-size:11px;color:var(--color-text-muted)}.art-comment-meta button{font-size:11px;font-family:var(--font-family);color:var(--color-text-muted);background:none;border:none;cursor:pointer;padding:0}.art-comment-body p{font-size:13px;line-height:1.6;color:var(--color-text);margin:0}.art-toc-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:150}.art-toc{position:fixed;top:0;right:0;width:280px;height:100vh;background:var(--color-white);border-left:1px solid var(--color-border);padding:20px;z-index:160;transform:translate(100%);transition:transform .25s cubic-bezier(.4,0,.2,1);overflow-y:auto}.art-toc.open{transform:translate(0)}.art-toc-head{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:600;color:var(--color-text);padding-bottom:10px;margin-bottom:8px;border-bottom:2px solid var(--color-primary)}.art-toc-progress{font-size:12px;font-weight:500;color:var(--color-primary)}.art-toc nav{display:flex;flex-direction:column}.art-toc-item{display:block;width:100%;padding:6px 10px;font-size:13px;font-family:var(--font-family);color:var(--color-text-muted);background:none;border:none;border-left:2px solid transparent;text-align:left;cursor:pointer;transition:all .15s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.art-toc-item:hover{color:var(--color-text);background:var(--color-bg)}.art-toc-item.active{color:var(--color-primary);border-left-color:var(--color-primary);background:var(--color-bg-alt)}.art-toc-item.level-2{padding-left:24px}.art-toc-item.level-3{padding-left:40px;font-size:12px}@media (max-width: 768px){.art-wrapper{padding:0 16px}.art-hero{border-radius:0;margin-left:-16px;margin-right:-16px;width:calc(100% + 32px);max-height:220px}.art-title{font-size:22px}.art-meta{font-size:12px;gap:4px 12px}.art-back span{display:none}.art-back{padding:6px 8px}.art-share-menu{position:fixed;bottom:0;left:0;right:0;top:auto;transform:none;border-radius:12px 12px 0 0;margin-bottom:0}.art-share-menu button{padding:12px 16px}.art-toc{top:auto;bottom:0;left:0;right:0;width:100%;height:auto;max-height:55vh;border-left:none;border-radius:16px 16px 0 0;transform:translateY(100%)}.art-toc.open{transform:translateY(0)}}@media (max-width: 480px){.art-wrapper{padding:0 12px}.art-hero{margin-left:-12px;margin-right:-12px;width:calc(100% + 24px);max-height:180px}.art-title{font-size:20px}.art-body{font-size:15px;line-height:1.7}.art-action-btn{padding:6px 12px;font-size:12px}}.friends-admin-list{display:flex;flex-direction:column;gap:12px}.friend-admin-card{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--color-white, #fff);border-radius:12px;box-shadow:0 2px 8px #0000000a;transition:all .2s ease}.friend-admin-card.hidden-friend{opacity:.5}.friend-admin-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#f0f0f0;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#999}.friend-admin-avatar img{width:100%;height:100%;object-fit:cover}.friend-admin-info{flex:1;min-width:0}.friend-admin-info h3{margin:0 0 2px;font-size:.95rem;font-weight:600;color:var(--color-text, #333)}.friend-admin-info a{font-size:.8rem;color:var(--color-primary, #0891b2);text-decoration:none;word-break:break-all}.friend-admin-info p{margin:4px 0 0;font-size:.8rem;color:var(--color-text-muted, #999)}.friend-admin-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.friend-order{font-size:.75rem;color:#999}.friend-hidden-badge{font-size:.7rem;padding:2px 8px;background:#fef3c7;color:#d97706;border-radius:10px}.friend-admin-actions{display:flex;gap:4px;flex-shrink:0}.friend-admin-actions button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:#f5f5f5;border-radius:8px;cursor:pointer;color:#666;transition:all .2s}.friend-admin-actions button:hover{background:#e8e8e8;color:#333}.friend-admin-actions button.danger:hover{background:#fef2f2;color:#ef4444}.friend-form .form-group{margin-bottom:16px}.friend-form .form-group label{display:block;font-size:.85rem;font-weight:500;color:#333;margin-bottom:6px}.empty-state{text-align:center;padding:60px 20px;color:#999}.empty-state p{margin-top:12px;font-size:.9rem}[data-theme=dark] .friend-admin-card{background:#1e293b}[data-theme=dark] .friend-admin-actions button{background:#334155;color:#94a3b8}[data-theme=dark] .friend-admin-actions button:hover{background:#475569;color:#e2e8f0}[data-theme=dark] .friend-hidden-badge{background:#d9770633}[data-theme=dark] .friend-form .form-group label{color:#e2e8f0}.lazy-image-wrapper{position:relative;overflow:hidden;border-radius:inherit}.lazy-image-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}.lazy-image{display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease}.lazy-image--loaded{opacity:1}.lazy-image--loading{opacity:0}.lazy-image--error{display:flex;align-items:center;justify-content:center;background:#f5f5f5;color:#ccc;font-size:32px;min-height:120px;border-radius:inherit}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:8px}.poe-article-card.skeleton{pointer-events:none}.skeleton-cover{width:100%;height:180px;border-radius:12px 12px 0 0}.skeleton-content{padding:16px;display:flex;flex-direction:column;gap:10px}.skeleton-title{height:20px;width:75%}.skeleton-text{height:14px;width:100%}.skeleton-text.short{width:50%}.skeleton-meta{height:12px;width:40%}.skeleton-detail{max-width:720px;margin:0 auto;padding:24px;display:flex;flex-direction:column;gap:16px}.skeleton-hero{width:100%;height:300px;border-radius:12px}.skeleton-detail-title{height:28px;width:80%}.skeleton-detail-meta{height:14px;width:35%}.skeleton-text-long{height:14px;width:100%}.skeleton-sidebar{padding:20px;display:flex;flex-direction:column;align-items:center;gap:12px}.skeleton-avatar{width:64px;height:64px;border-radius:50%}.route-loading-bar{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,#0891b2,#06b6d4,#22d3ee);transition:width .4s cubic-bezier(.4,0,.2,1);z-index:9999;border-radius:0 2px 2px 0;box-shadow:0 0 8px #0891b266}[data-theme=dark] .lazy-image-skeleton,[data-theme=dark] .skeleton-shimmer{background:linear-gradient(90deg,#2a2a2a 25%,#333,#2a2a2a 75%);background-size:200% 100%}[data-theme=dark] .lazy-image--error{background:#1a1a1a;color:#555}:root{--bp-mobile: 480px;--bp-tablet: 768px;--bp-desktop: 1024px;--bp-wide: 1280px;--line-height-body: 1.8;--line-height-heading: 1.35;--paragraph-spacing: 1.5em;--heading-spacing: 2em;--letter-spacing-body: .02em;--letter-spacing-heading: -.02em;--touch-target-min: 44px}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--color-text: #E8ECF1;--color-text-muted: #A0AEC0}}:root[data-theme=dark]{--color-text: #E8ECF1;--color-text-muted: #A0AEC0}.art-body,.markdown-body,.article-body{line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body)}.art-body p,.markdown-body p,.article-body p{margin-bottom:var(--paragraph-spacing)}.art-body h1,.art-body h2,.art-body h3,.markdown-body h1,.markdown-body h2,.markdown-body h3{margin-top:var(--heading-spacing);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-heading)}@media (max-width: 768px){.art-wrapper{padding:0 16px;max-width:100%}.art-title{font-size:22px}.art-body{font-size:16px;line-height:1.8}.art-hero{border-radius:0;margin-left:-16px;margin-right:-16px;width:calc(100% + 32px);max-height:240px}.art-meta{font-size:12px;gap:4px 12px}}.mobile-nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-nav-overlay.active{opacity:1;pointer-events:auto}.mobile-nav-drawer{position:fixed;top:0;right:-100%;width:280px;max-width:80vw;height:100vh;background:var(--color-white);z-index:1000;transition:right .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:-4px 0 24px #0000001a}.mobile-nav-drawer.active{right:0}.mobile-nav-drawer .nav-item{display:flex;align-items:center;gap:12px;padding:14px 24px;font-size:15px;font-weight:500;color:var(--color-text);border:none;background:none;cursor:pointer;transition:background .15s ease;min-height:var(--touch-target-min)}.mobile-nav-drawer .nav-item:hover,.mobile-nav-drawer .nav-item:active{background:var(--color-bg-alt)}.scroll-reveal{opacity:0;transition:opacity .4s ease-out,transform .4s ease-out;will-change:opacity,transform}.scroll-reveal--fade-up{transform:translateY(24px)}.scroll-reveal--fade-in{transform:none}.scroll-reveal--slide-left{transform:translate(-24px)}.scroll-reveal--slide-right{transform:translate(24px)}.scroll-reveal--visible{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){.scroll-reveal{opacity:1;transform:none;transition:none}}body,.poe-article-card,.poe-card,.art-wrapper,.public-header,.public-footer,.admin-topbar{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.poe-article-card{transition:transform .2s ease,box-shadow .2s ease}.markdown-body pre code{counter-reset:line}.markdown-body pre code .line:before{counter-increment:line;content:counter(line);display:inline-block;width:2em;margin-right:1em;text-align:right;color:#64748b;opacity:.4;font-size:.85em;-webkit-user-select:none;user-select:none}.markdown-body pre{position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown-body code{font-family:JetBrains Mono,Fira Code,Consolas,monospace}@media (hover: none) and (pointer: coarse){button,a,[role=button],input[type=submit],input[type=button],.poe-tag,.poe-category-tag,.art-tag,.art-action-btn,.art-icon-btn,.art-back,.poe-hero-btn,.poe-author-btn,.back-btn,.focus-btn,.print-btn,.toc-toggle,.edit-btn{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}.poe-tags-cloud,.art-tags,.poe-categories-bar{gap:8px}.ant-pagination-item,.ant-pagination-prev,.ant-pagination-next{min-width:var(--touch-target-min);min-height:var(--touch-target-min)}}.poetize-header{position:fixed;top:24px;left:50%;transform:translate(-50%);width:90%;max-width:1200px;z-index:1000;transition:all var(--transition-slow)}.poetize-header.header-hidden{transform:translate(-50%,-150%);opacity:0}.header-container{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:999px;box-shadow:var(--glass-shadow)}.header-logo{cursor:pointer;display:flex;align-items:center}.header-logo img{height:32px;border-radius:50%}.logo-text{font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-nav{display:flex;gap:8px}.nav-item{background:transparent;border:none;padding:8px 16px;border-radius:999px;color:var(--color-text);font-weight:500;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:8px}.nav-item:hover,.nav-item.active{background:#fff3;color:var(--color-primary)}.header-actions{display:flex;align-items:center;gap:8px}.action-btn{background:transparent;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text);cursor:pointer;transition:all var(--transition-fast)}.action-btn:hover{background:#fff3;color:var(--color-primary);transform:translateY(-2px)}.login-btn{width:auto;padding:0 16px;border-radius:999px;background:var(--color-primary);color:#fff}.login-btn:hover{background:var(--color-primary-hover);color:#fff}.poetize-main{padding-top:120px;min-height:calc(100vh - 100px);max-width:1200px;margin:0 auto;padding-bottom:64px}.poetize-footer{margin-top:64px;padding:48px 24px;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-top:1px solid var(--glass-border);text-align:center}.mobile-nav{display:none}@media (max-width: 768px){.desktop-nav{display:none}.poetize-header{width:95%;top:12px}.mobile-menu-toggle{display:block}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#8b5cf699}.tech-hero{position:relative;min-height:80vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:120px 24px 64px}.tech-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:.15;filter:blur(10px);z-index:-1;mask-image:linear-gradient(to bottom,black 50%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 50%,transparent 100%)}.tech-hero-content{max-width:800px;margin:0 auto;z-index:10;animation:ethereal-fade-up 1s cubic-bezier(.4,0,.2,1)}@keyframes ethereal-fade-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.tech-hero-title{font-size:var(--font-size-4xl);font-weight:800;letter-spacing:-.03em;margin-bottom:24px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tech-hero-desc{font-size:var(--font-size-xl);color:var(--color-text-muted);font-weight:300;margin-bottom:48px}.tech-hero-scroll{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--color-text);width:48px;height:48px;border-radius:50%;cursor:pointer;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;font-size:1.2rem}.tech-hero-scroll:hover{transform:translateY(8px);background:#ffffff80}.tech-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:32px;margin-top:48px}.tech-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition-normal);display:flex;flex-direction:column}.tech-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--glass-shadow);border-color:#8b5cf64d}.tech-card-cover{height:220px;overflow:hidden}.tech-card-cover img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.tech-card:hover .tech-card-cover img{transform:scale(1.05)}.tech-card-body{padding:32px;flex:1;display:flex;flex-direction:column}.tech-card-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;font-size:var(--font-size-sm);color:var(--color-text-muted)}.tech-card-title{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:12px;line-height:1.3;transition:color var(--transition-fast)}.tech-card:hover .tech-card-title{color:var(--color-primary)}.tech-card-desc{font-size:var(--font-size-base);color:var(--color-text-muted);line-height:1.6;margin-bottom:24px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tech-featured{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);overflow:hidden;cursor:pointer;transition:all var(--transition-normal);display:grid;grid-template-columns:1fr 1fr;min-height:400px}@media (max-width: 900px){.tech-featured{grid-template-columns:1fr}}.tech-featured:hover{transform:translateY(-8px);box-shadow:var(--glass-shadow)}.tech-featured-cover{height:100%;min-height:300px}.tech-featured-cover img{width:100%;height:100%;object-fit:cover}.tech-featured-body{padding:48px;display:flex;flex-direction:column;justify-content:center}.tech-featured-title{font-size:var(--font-size-3xl);font-weight:800;margin-bottom:24px;line-height:1.2}.tech-categories{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-bottom:48px}.tech-cat-btn{background:var(--glass-bg);border:1px solid var(--glass-border);padding:8px 24px;border-radius:999px;color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.tech-cat-btn:hover,.tech-cat-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.art-wrapper{max-width:900px;margin:0 auto;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:48px;box-shadow:var(--glass-shadow);position:relative;overflow:hidden}@media (max-width: 768px){.art-wrapper{padding:24px;border-radius:var(--radius-lg)}}.art-hero{margin:-48px -48px 48px;height:40vh;min-height:300px;max-height:500px;width:calc(100% + 96px);object-fit:cover;mask-image:linear-gradient(to bottom,black 60%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 60%,transparent 100%)}@media (max-width: 768px){.art-hero{margin:-24px -24px 24px;width:calc(100% + 48px)}}.art-header{text-align:center;margin-bottom:64px}.art-title{font-size:var(--font-size-4xl);font-weight:800;line-height:1.2;margin-bottom:24px}.art-meta{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.markdown-body{font-size:1.125rem;line-height:2;color:var(--color-text);background:transparent!important}.markdown-body p{margin-bottom:24px}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{font-weight:700;margin-top:48px;margin-bottom:24px;border-bottom:none}.markdown-body pre{background:#0f172a99!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:24px;margin-bottom:32px}.markdown-body code{font-family:Fira Code,JetBrains Mono,monospace;background:#8b5cf61a!important;color:var(--color-primary);border-radius:4px;padding:.2em .4em}.markdown-body pre code{background:transparent!important;color:inherit;padding:0}.markdown-body blockquote{border-left:4px solid var(--color-primary);background:#8b5cf60d;padding:16px 24px;border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-text-muted);font-style:italic;margin:0 0 32px}.archives-header,.friends-header,.gallery-header,.notes-header{text-align:center;padding:64px 24px;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);margin-bottom:48px;box-shadow:var(--glass-shadow)}.header-icon-wrap,.gallery-icon{font-size:3rem;color:var(--color-primary);margin-bottom:16px;display:inline-block;animation:float 6s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.archives-page{max-width:900px;margin:0 auto}.archives-timeline{position:relative;padding-left:32px}.archives-timeline:before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background:linear-gradient(to bottom,transparent,var(--color-primary),transparent);opacity:.3}.timeline-group{margin-bottom:48px;position:relative}.timeline-marker{position:absolute;left:-48px;top:0;background:var(--glass-bg);border:1px solid var(--color-primary);border-radius:999px;padding:8px 16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 15px #8b5cf64d;display:flex;flex-direction:column;align-items:center;z-index:2;transform:translate(-50%)}.marker-year{font-weight:800;color:var(--color-primary)}.marker-month{font-size:.85rem;color:var(--color-text)}.marker-count{font-size:.75rem;color:var(--color-text-muted)}.archive-item{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:24px;margin-bottom:16px;cursor:pointer;transition:all var(--transition-normal);display:block}.archive-item:hover{transform:translate(10px);border-color:#8b5cf666;box-shadow:0 0 20px #8b5cf61a}.item-date{font-size:.85rem;color:var(--color-text-muted);margin-bottom:8px}.item-title{font-size:1.25rem;font-weight:700;margin-bottom:12px}.item-meta{display:flex;gap:16px;font-size:.85rem;color:var(--color-text-muted)}.notes-page{max-width:800px;margin:0 auto}.note-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:32px;margin-bottom:32px;position:relative;transition:all var(--transition-normal)}.note-card:hover{transform:translateY(-5px);box-shadow:var(--glass-shadow)}.note-timeline-dot{position:absolute;left:-20px;top:40px;width:12px;height:12px;border-radius:50%;background:var(--color-primary);box-shadow:0 0 10px var(--color-primary)}.note-mood{display:inline-block;background:#8b5cf61a;color:var(--color-primary);padding:4px 12px;border-radius:999px;font-size:.85rem;margin-bottom:16px;border:1px solid rgba(139,92,246,.2)}.note-text{font-size:1.1rem;line-height:1.8;margin-bottom:24px}.note-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:24px}.note-image{width:100%;height:150px;object-fit:cover;border-radius:var(--radius-md)}.note-footer{display:flex;justify-content:space-between;align-items:center;color:var(--color-text-muted);border-top:1px solid rgba(255,255,255,.05);padding-top:16px}.note-like-btn{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;gap:8px;transition:all var(--transition-fast)}.note-like-btn:hover,.note-like-btn.liked{color:#ff4757;transform:scale(1.1)}.about-page{max-width:900px;margin:0 auto}.about-hero{text-align:center;padding:64px 24px;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);margin-bottom:32px;box-shadow:var(--glass-shadow)}.about-avatar{width:120px;height:120px;margin:0 auto 24px;border-radius:50%;padding:4px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));box-shadow:0 0 30px #8b5cf666}.about-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid #0f172a}.about-name{font-size:2.5rem;font-weight:800;margin-bottom:8px}.about-bio{color:var(--color-text-muted);font-size:1.1rem;margin-bottom:24px}.about-social{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.about-social a,.about-wechat-tag{background:#ffffff0d;padding:8px 16px;border-radius:999px;color:var(--color-text);text-decoration:none;transition:all var(--transition-fast);border:1px solid rgba(255,255,255,.1)}.about-social a:hover{background:var(--color-primary);border-color:var(--color-primary)}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px}.stat-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:32px 24px;text-align:center;display:flex;flex-direction:column;align-items:center}.stat-card .anticon{font-size:2rem;color:var(--color-primary);margin-bottom:16px}.stat-value{font-size:2rem;font-weight:800;margin-bottom:4px}.stat-label{color:var(--color-text-muted);font-size:.9rem}.about-section{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:48px;margin-bottom:32px}.about-section h2{margin-bottom:24px;display:flex;align-items:center;gap:12px}.skills-list{display:flex;flex-direction:column;gap:24px}.skill-item{width:100%}.skill-header{display:flex;justify-content:space-between;margin-bottom:8px}.skill-bar{width:100%;height:8px;background:#ffffff1a;border-radius:999px;overflow:hidden}.skill-progress{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:999px;transition:width 1s ease-in-out}.about-quote{text-align:center;padding:48px;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);font-style:italic;font-size:1.25rem;color:var(--color-primary)}.friends-page{max-width:1000px;margin:0 auto}.friends-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-bottom:48px}.friend-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:24px;display:flex;align-items:center;gap:16px;color:var(--color-text);text-decoration:none;transition:all var(--transition-normal)}.friend-card:hover{transform:translateY(-8px);border-color:var(--color-primary);box-shadow:var(--glass-shadow)}.friend-avatar{width:64px;height:64px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid transparent;transition:all var(--transition-normal)}.friend-card:hover .friend-avatar{transform:rotate(10deg) scale(1.1);border-color:var(--color-primary)}.friend-avatar img{width:100%;height:100%;object-fit:cover}.friend-info h3{font-size:1.1rem;margin-bottom:4px}.friend-info p{font-size:.85rem;color:var(--color-text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.apply-section{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:48px}.apply-section ul{margin:16px 0 24px 24px;color:var(--color-text-muted)}.gallery-page{max-width:1200px;margin:0 auto}.gallery-albums{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:48px}.album-tag{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);padding:8px 24px;border-radius:999px;color:var(--color-text);cursor:pointer;transition:all var(--transition-fast)}.album-tag.active,.album-tag:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.gallery-waterfall{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.gallery-item{position:relative;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;aspect-ratio:4/3}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.gallery-item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);opacity:.5;transition:opacity var(--transition-normal)}.gallery-item:hover img{transform:scale(1.05)}.gallery-item:hover:after{opacity:.8}.gallery-item-info{position:absolute;bottom:0;left:0;right:0;padding:24px;z-index:2;transform:translateY(20px);opacity:0;transition:all var(--transition-normal)}.gallery-item:hover .gallery-item-info{transform:translateY(0);opacity:1}.gallery-item-info h4{margin-bottom:4px;font-size:1.1rem}.gallery-item-info p{font-size:.85rem;color:#ffffffb3}.gallery-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ae6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:2000;display:flex;align-items:center;justify-content:center}.gallery-lightbox img{max-width:90%;max-height:80vh;border-radius:var(--radius-md);box-shadow:0 20px 50px #00000080}.lightbox-close{position:absolute;top:24px;right:24px;background:transparent;border:none;color:#fff;font-size:2rem;cursor:pointer}.lightbox-prev,.lightbox-next{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;color:#fff;width:60px;height:60px;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:background .3s}.lightbox-prev{left:24px}.lightbox-next{right:24px}.lightbox-prev:hover,.lightbox-next:hover{background:var(--color-primary)}.lightbox-caption{position:absolute;bottom:48px;left:50%;transform:translate(-50%);background:#00000080;padding:8px 24px;border-radius:999px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.danmaku-page{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.danmaku-container{width:100%;height:100%;position:relative}.danmaku-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.3}.danmaku-item{position:absolute;display:flex;align-items:center;white-space:nowrap;padding:4px;background:var(--glass-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1);border-radius:999px}.danmaku-avatar{font-size:1.2rem;margin-right:8px;margin-left:4px}.danmaku-text{padding:4px 12px;border-radius:999px;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.3)}.danmaku-input-area{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0f172a99;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-xl);padding:48px;box-shadow:0 20px 40px #0006;text-align:center;width:90%;max-width:500px}.danmaku-title{font-size:2.5rem;font-weight:800;margin-bottom:32px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.danmaku-form{display:flex;flex-direction:column;gap:16px}.danmaku-nickname,.danmaku-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:16px;color:#fff;font-size:1rem;outline:none;transition:border-color .3s}.danmaku-nickname:focus,.danmaku-input:focus{border-color:var(--color-primary)}.danmaku-send{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border:none;border-radius:var(--radius-md);padding:16px;color:#fff;font-size:1.2rem;cursor:pointer;transition:transform .2s}.danmaku-send:hover:not(:disabled){transform:translateY(-2px)}.danmaku-send:disabled{opacity:.5;cursor:not-allowed}.skip-link{position:absolute;top:-100%;left:16px;z-index:9999;padding:12px 24px;background:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-weight:600;text-decoration:none;transition:top .3s}.skip-link:focus{top:16px}*:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px;border-radius:4px}*:focus:not(:focus-visible){outline:none}.nav-item:focus-visible,.action-btn:focus-visible,.tech-card:focus-visible,.friend-card:focus-visible,.archive-item:focus-visible,.note-like-btn:focus-visible,.gallery-item:focus-visible{outline:3px solid var(--color-primary);outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}body{animation:none!important;background-size:100% 100%!important}.tech-card:hover,.friend-card:hover,.note-card:hover,.archive-item:hover,.tech-card:hover .tech-card-cover img,.gallery-item:hover img{transform:none!important}}.tech-card,.friend-card,.note-card,.archive-item,.gallery-item,.danmaku-item{will-change:transform;contain:layout style paint}.header-container,.art-wrapper,.tech-card,.note-card,.about-hero,.stat-card,.about-section,.friend-card{-webkit-backface-visibility:hidden;backface-visibility:hidden}.tech-grid .tech-card:nth-child(n+7),.friends-grid .friend-card:nth-child(n+7){content-visibility:auto;contain-intrinsic-size:0 400px}@media (max-width: 768px){.about-stats{grid-template-columns:1fr;gap:16px}.friends-grid{grid-template-columns:1fr}.gallery-waterfall{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.tech-grid{grid-template-columns:1fr}.archives-timeline{padding-left:16px}.timeline-marker{display:none}.about-section{padding:24px}.about-name{font-size:1.75rem}.danmaku-input-area{padding:24px}.danmaku-title{font-size:1.75rem}.art-title{font-size:var(--font-size-2xl)}.notes-page{padding:0 16px}}@media (max-width: 480px){.poetize-main{padding-top:80px}.header-container{padding:8px 16px}.about-avatar{width:80px;height:80px}.stat-value{font-size:1.5rem}}.loading-container{display:flex;align-items:center;justify-content:center;min-height:60vh}.loading-state{text-align:center;padding:64px;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl)}.loading-spinner{width:40px;height:40px;border:3px solid rgba(139,92,246,.2);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}.count-number{font-weight:700;color:var(--color-primary)}.notes-empty{text-align:center;padding:80px 24px;color:var(--color-text-muted)}.notes-load-more{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);padding:12px 32px;border-radius:999px;color:var(--color-text);cursor:pointer;transition:all var(--transition-fast)}.notes-load-more:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.art-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.art-back,.art-icon-btn,.immersive-toggle{background:#ffffff0d;border:1px solid var(--glass-border);padding:8px 16px;border-radius:999px;color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:8px}.art-back:hover,.art-icon-btn:hover,.immersive-toggle:hover{background:var(--color-primary);color:#fff}.art-topbar-right{display:flex;gap:8px}.art-tags{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:16px}.art-tag{background:#8b5cf61a;color:var(--color-primary);padding:4px 12px;border-radius:999px;font-size:.85rem;cursor:pointer;transition:all var(--transition-fast)}.art-tag:hover{background:var(--color-primary);color:#fff}.art-meta-link{cursor:pointer;transition:color var(--transition-fast)}.art-meta-link:hover{color:var(--color-primary)}.art-actions{display:flex;gap:16px;justify-content:center;padding:32px 0;border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);margin:48px 0 24px}.art-action-btn{background:#ffffff0d;border:1px solid var(--glass-border);padding:10px 20px;border-radius:999px;color:var(--color-text);cursor:pointer;display:flex;align-items:center;gap:8px;transition:all var(--transition-fast)}.art-action-btn:hover{background:var(--color-primary);color:#fff}.art-action-btn.liked{color:#ff4757;border-color:#ff4757}.art-action-btn.bookmarked{color:var(--color-primary);border-color:var(--color-primary)}.art-share-wrap{position:relative}.art-share-menu{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:8px;margin-bottom:8px;display:flex;flex-direction:column;gap:4px;min-width:120px}.art-share-menu button{background:transparent;border:none;padding:8px 16px;color:var(--color-text);cursor:pointer;border-radius:var(--radius-sm);text-align:left;transition:background .2s}.art-share-menu button:hover{background:#8b5cf61a}.art-updated{text-align:center;color:var(--color-text-muted);font-size:.85rem}.art-related{margin-top:48px}.art-related h3{margin-bottom:24px}.art-related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.art-related-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:all var(--transition-fast)}.art-related-card:hover{transform:translateY(-4px);box-shadow:var(--glass-shadow)}.art-related-card img{width:100%;height:120px;object-fit:cover}.art-related-card div{padding:16px}.art-related-card h4{margin-bottom:8px}.art-related-card span{font-size:.85rem;color:var(--color-text-muted)}.art-comments{margin-top:48px}.art-comments-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.art-comments-head button{background:transparent;border:1px solid var(--glass-border);padding:6px 16px;border-radius:999px;color:var(--color-text-muted);cursor:pointer}.art-comment-form{margin-bottom:32px}.art-reply-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:#8b5cf60d;border-radius:var(--radius-sm);margin-bottom:12px}.art-reply-bar button{background:transparent;border:none;color:var(--color-primary);cursor:pointer}.art-comment-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.art-avatar{width:36px;height:36px;border-radius:50%;background:#8b5cf61a;display:flex;align-items:center;justify-content:center;color:var(--color-primary);flex-shrink:0}.art-comment-row input,.art-comment-form textarea{width:100%;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:12px;color:var(--color-text);font-family:inherit;resize:vertical}.art-comment-foot{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.art-comment-foot span{color:var(--color-text-muted);font-size:.85rem}.art-comment-foot button{background:var(--color-primary);border:none;padding:8px 24px;border-radius:999px;color:#fff;cursor:pointer}.art-comment-foot button:disabled{opacity:.5;cursor:not-allowed}.art-comment-item{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.05)}.art-comment-body{flex:1}.art-comment-meta{display:flex;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}.art-comment-author{font-weight:600}.art-comment-reply{color:var(--color-primary);font-size:.85rem}.art-comment-time{color:var(--color-text-muted);font-size:.85rem}.art-comment-meta button{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;font-size:.85rem}.art-comment-meta button:hover{color:var(--color-primary)}.art-empty{text-align:center;padding:32px;color:var(--color-text-muted)}.art-copy-btn{position:absolute;top:8px;right:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);padding:4px 12px;border-radius:999px;color:#ffffffb3;font-size:.75rem;cursor:pointer;transition:all .2s}.art-copy-btn:hover{background:var(--color-primary);color:#fff}.art-copy-btn.copied{background:#22c55e;color:#fff}.markdown-body pre{position:relative}