@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-primary: #0891B2;--color-primary-hover: #0E7490;--color-secondary: #22D3EE;--color-cta: #22C55E;--color-cta-hover: #16A34A;--color-bg: #F8FAFC;--color-bg-alt: #ECFEFF;--color-text: #164E63;--color-text-muted: #64748B;--color-border: #E2E8F0;--color-white: #FFFFFF;--color-danger: #EF4444;--color-warning: #F59E0B;--color-success: #22C55E;--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;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--color-primary: #22D3EE;--color-primary-hover: #67E8F9;--color-bg: #0F172A;--color-bg-alt: #1E293B;--color-text: #E2E8F0;--color-text-muted: #94A3B8;--color-border: #334155;--color-white: #1E293B}}:root[data-theme=dark]{--color-primary: #22D3EE;--color-primary-hover: #67E8F9;--color-bg: #0F172A;--color-bg-alt: #1E293B;--color-text: #E2E8F0;--color-text-muted: #94A3B8;--color-border: #334155;--color-white: #1E293B}*{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:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}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)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.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 (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}.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-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}.markdown-body pre{position:relative}.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-meta-link:hover{color:var(--color-primary)}.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-meta button:hover{color:var(--color-primary)}.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}.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-layout{min-height:100vh;display:flex;flex-direction:column;background:#f7f9fe}.poetize-header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:0 40px;height:60px;background:transparent;transition:transform .3s ease,background .3s ease,box-shadow .3s ease}.poetize-header.header-hidden{transform:translateY(-100%)}.poetize-header.scrolled,.poetize-header:not(.transparent){background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.header-container{max-width:1400px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between}.header-logo{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:1.2rem;font-weight:700}.poetize-header.transparent .header-logo{color:#fff}.poetize-header.scrolled .header-logo,.poetize-header:not(.transparent) .header-logo{color:#333}.header-logo img{height:32px;width:32px;border-radius:50%;object-fit:cover}.desktop-nav{display:flex;align-items:center;gap:6px}.nav-item{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;height:32px;font-size:.85rem;font-weight:500;background:transparent;border:none;border-radius:16px;cursor:pointer;transition:all .3s ease;font-family:inherit;line-height:1}.poetize-header.transparent .nav-item{color:#ffffffe6}.poetize-header.scrolled .nav-item,.poetize-header:not(.transparent) .nav-item{color:#666}.nav-item:nth-child(1){background:#ff6b6b1a}.nav-item:nth-child(2){background:#4ecdc41a}.nav-item:nth-child(3){background:#ff9f431a}.nav-item:nth-child(4){background:#636efa1a}.nav-item:nth-child(5){background:#ff6bb51a}.poetize-header.scrolled .nav-item:nth-child(1),.poetize-header:not(.transparent) .nav-item:nth-child(1){background:#fff0f0;color:#ff6b6b}.poetize-header.scrolled .nav-item:nth-child(2),.poetize-header:not(.transparent) .nav-item:nth-child(2){background:#e8faf8;color:#4ecdc4}.poetize-header.scrolled .nav-item:nth-child(3),.poetize-header:not(.transparent) .nav-item:nth-child(3){background:#fff5eb;color:#ff9f43}.poetize-header.scrolled .nav-item:nth-child(4),.poetize-header:not(.transparent) .nav-item:nth-child(4){background:#f0f1ff;color:#636efa}.poetize-header.scrolled .nav-item:nth-child(5),.poetize-header:not(.transparent) .nav-item:nth-child(5){background:#fff0f7;color:#ff6bb5}.nav-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.nav-item.active{color:#fff!important;background:linear-gradient(135deg,#667eea,#764ba2)!important}.nav-dropdown{position:relative}.nav-dropdown>.nav-item{background:#2ed5731a}.poetize-header.scrolled .nav-dropdown>.nav-item,.poetize-header:not(.transparent) .nav-dropdown>.nav-item{background:#eafaf1;color:#2ed573}.nav-dropdown-menu{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);min-width:180px;background:var(--color-white, #fff);border:1px solid var(--color-border, #e2e8f0);border-radius:12px;box-shadow:0 12px 32px #0000001f;padding:6px;z-index:200;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.nav-dropdown-item{display:flex;align-items:center;gap:8px;padding:8px 14px;font-size:.85rem;color:var(--color-text, #333);text-decoration:none;border-radius:8px;transition:all .2s ease;cursor:pointer}.nav-dropdown-item:hover{background:var(--color-bg-alt, #f1f5f9);color:var(--color-primary, #0891b2)}.nav-dropdown-item .anticon{font-size:14px;opacity:.6}[data-theme=dark] .nav-dropdown-menu{background:#1e293b;border-color:#334155;box-shadow:0 12px 32px #0006}[data-theme=dark] .nav-dropdown-item{color:#e2e8f0}[data-theme=dark] .nav-dropdown-item:hover{background:#334155}.mobile-nav-divider{height:1px;background:var(--color-border, #e2e8f0);margin:8px 16px}.mobile-nav-section-title{display:flex;align-items:center;gap:6px;padding:8px 20px 4px;font-size:.75rem;font-weight:600;color:var(--color-text-muted, #94a3b8);text-transform:uppercase;letter-spacing:.5px}.header-actions{display:flex;align-items:center;gap:8px}.action-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1rem;background:#fff3;border:none;border-radius:50%;cursor:pointer;transition:all .3s ease;text-decoration:none}.poetize-header.transparent .action-btn{color:#fff}.poetize-header.scrolled .action-btn,.poetize-header:not(.transparent) .action-btn{color:#666;background:#f5f5f5}.action-btn:hover{transform:scale(1.1)}.login-btn{width:auto;height:32px;padding:0 16px;font-size:.85rem;font-weight:500;border-radius:16px;font-family:inherit;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff!important;display:inline-flex;align-items:center;justify-content:center;line-height:1;position:relative;z-index:2}.mobile-menu-toggle{display:none}.mobile-nav{display:none;position:absolute;top:60px;left:0;right:0;background:#fff;padding:16px;box-shadow:0 4px 20px #0000001a;transform:translateY(-100%);opacity:0;pointer-events:none;transition:all .3s ease;z-index:999}.mobile-nav.open{transform:translateY(0);opacity:1;pointer-events:auto}.mobile-nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:.95rem;color:#333;background:transparent;border:none;border-radius:10px;cursor:pointer;font-family:inherit}.mobile-nav-item.active{color:#667eea;background:#f0f1ff}@media (max-width: 768px){.desktop-nav{display:none}.mobile-menu-toggle{display:flex}.mobile-nav{display:block}.poetize-header{padding:0 16px}}.poe-hero{position:relative;height:60vh;min-height:500px;display:flex;align-items:center;justify-content:center;overflow:hidden}.poe-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;transition:transform .3s ease}.poe-hero-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#667eea4d,#764ba24d)}.poe-hero-glow{position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);transform:translate(-50%,-50%);pointer-events:none;z-index:5;transition:opacity .3s ease}.poe-hero-particles{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.poe-hero-particles .particle{position:absolute;width:6px;height:6px;background:#fff9;border-radius:50%;bottom:-10px;animation:particleFloat 15s linear infinite}@keyframes particleFloat{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) rotate(720deg);opacity:0}}.poe-hero-content{position:relative;z-index:10;text-align:center;color:#fff;animation:heroFadeIn 1s ease forwards}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.poe-hero-title{font-size:3.5rem;font-weight:700;margin:0 0 16px;text-shadow:0 4px 30px rgba(0,0,0,.4);letter-spacing:2px}.typing-cursor{display:inline-block;margin-left:4px;font-weight:300;opacity:1}.typing-cursor.blink{animation:cursorBlink .8s infinite}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}.poe-hero-subtitle{font-size:1.2rem;font-weight:400;margin:0 0 32px;opacity:.9;text-shadow:0 2px 10px rgba(0,0,0,.3);animation:subtitleFadeIn 1s ease .5s forwards;opacity:0}@keyframes subtitleFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:.9;transform:translateY(0)}}.poe-hero-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 48px;font-size:1.1rem;font-weight:500;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;cursor:pointer;transition:all .4s cubic-bezier(.23,1,.32,1);font-family:inherit;box-shadow:0 10px 30px #667eea66;animation:btnFadeIn 1s ease .8s forwards;opacity:0}@keyframes btnFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.poe-hero-btn:hover{transform:translateY(-6px) scale(1.05);box-shadow:0 20px 40px #667eea80}.poe-hero-btn .bounce-arrow{animation:bounceArrow 2s ease-in-out infinite}@keyframes bounceArrow{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.poe-hero-waves{position:absolute;bottom:0;left:0;right:0;height:120px;overflow:hidden}.poe-hero-waves .wave{position:absolute;bottom:0;left:0;width:200%;height:100%}.poe-hero-waves .wave-back{animation:waveMove 25s linear infinite;opacity:.3}.poe-hero-waves .wave-back path{fill:#5ab9c1}.poe-hero-waves .wave-mid{animation:waveMove 18s linear infinite reverse;opacity:.5}.poe-hero-waves .wave-mid path{fill:#6dcfd8}.poe-hero-waves .wave-front{animation:waveMove 12s linear infinite;opacity:.8}.poe-hero-waves .wave-front path{fill:#f7f9fe}@keyframes waveMove{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width: 768px){.poe-hero{height:50vh;min-height:350px}.poe-hero-title{font-size:2rem;letter-spacing:1px}.poe-hero-subtitle{font-size:1rem}.poe-hero-btn{padding:12px 30px;font-size:.9rem}.poe-hero-waves{height:80px}.poe-hero-glow{display:none}.poe-hero-particles .particle{width:4px;height:4px}}.poe-main{padding:40px 24px;background:#f7f9fe}.poe-container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:300px 1fr;gap:30px}@media (max-width: 1024px){.poe-container{grid-template-columns:1fr}.poe-sidebar{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}}.poe-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000a;overflow:hidden}.poe-card-header{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid #f0f0f0}.poe-card-header .dot{width:10px;height:10px;border-radius:50%}.poe-card-header .dot.red{background:#ff6b6b}.poe-card-header .dot.yellow{background:#ffd93d}.poe-card-header .dot.green{background:#6bcb77}.poe-card-header .title{margin-left:8px;font-size:.9rem;font-weight:500;color:#333}.poe-sidebar{display:flex;flex-direction:column;gap:20px}.poe-author-card{text-align:center;padding:30px 20px;background:linear-gradient(180deg,#e8f4fc,#fff 40%);transition:transform .4s cubic-bezier(.23,1,.32,1)}.poe-author-card:hover{transform:translateY(-4px)}.poe-author-avatar{width:100px;height:100px;margin:0 auto 16px;border-radius:50%;overflow:hidden;border:4px solid white;box-shadow:0 8px 24px #0000001a;background:#f0f0f0;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#ccc;transition:transform .5s cubic-bezier(.23,1,.32,1),box-shadow .5s ease}.poe-author-card:hover .poe-author-avatar{transform:scale(1.1) rotate(5deg);box-shadow:0 12px 32px #667eea4d}.poe-author-avatar img{width:100%;height:100%;object-fit:cover}.poe-author-name{font-size:1.3rem;font-weight:700;color:#333;margin:0 0 20px}.poe-author-stats{display:flex;justify-content:center;gap:24px;margin-bottom:20px}.poe-author-stats .stat{display:flex;flex-direction:column;align-items:center;gap:4px}.poe-author-stats .icon{font-size:1rem}.poe-author-stats .label{font-size:.75rem;color:#999}.poe-author-stats .value{font-size:1.1rem;font-weight:700;color:#333}.poe-author-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 40px;font-size:.9rem;font-weight:500;color:#fff;background:linear-gradient(135deg,#ffd93d,#ff9f43);border:none;border-radius:25px;cursor:pointer;transition:all .3s ease;font-family:inherit}.poe-author-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff9f4366}.poe-search-card{padding-bottom:18px;transition:transform .4s cubic-bezier(.23,1,.32,1)}.poe-search-card:hover{transform:translateY(-4px)}.poe-search-input{display:flex;align-items:center;gap:10px;margin:0 18px;padding:10px 16px;background:#f7f9fe;border-radius:25px;border:2px solid transparent;transition:all .3s ease}.poe-search-input:focus-within{border-color:#667eea;background:#fff;box-shadow:0 0 0 4px #667eea1a}.poe-search-input input{flex:1;border:none;background:transparent;font-size:.9rem;color:#333;outline:none;font-family:inherit}.poe-search-input input::placeholder{color:#aaa}.poe-search-input .anticon{color:#aaa}.poe-tags-card{padding-bottom:18px;transition:transform .4s cubic-bezier(.23,1,.32,1)}.poe-tags-card:hover{transform:translateY(-4px)}.poe-tags-cloud{display:flex;flex-wrap:wrap;gap:8px;padding:0 18px}.poe-tag{padding:6px 14px;font-size:.8rem;font-weight:500;border-radius:15px;cursor:pointer;transition:all .3s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.poe-tag:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.3),transparent);opacity:0;transition:opacity .3s ease}.poe-tag:hover{transform:translateY(-3px) scale(1.08);box-shadow:0 6px 16px #00000026}.poe-tag:hover:before{opacity:1}.poe-tag.active{color:#fff!important;background:linear-gradient(135deg,#667eea,#764ba2)!important}.poe-content{min-width:0}.poe-notice{display:flex;align-items:center;gap:12px;padding:14px 20px;margin-bottom:20px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000000a;overflow:hidden;position:relative}.notice-icon{font-size:1.2rem;animation:noticeShake 2s ease-in-out infinite}@keyframes noticeShake{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.notice-text{font-size:.9rem;color:#666;white-space:nowrap;animation:noticeScroll 20s linear infinite}@keyframes noticeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.poe-categories-bar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.poe-category-tag{padding:6px 16px;font-size:.85rem;font-weight:500;border-radius:20px;border:1px solid;cursor:pointer;transition:all .3s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.poe-category-tag:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .5s ease,height .5s ease}.poe-category-tag:hover:after{width:200px;height:200px}.poe-category-tag:hover{transform:translateY(-3px);box-shadow:0 6px 16px #0000001f}.poe-section-header{display:flex;align-items:center;gap:8px;margin-bottom:20px}.section-icon{font-size:1.1rem}.section-title{font-size:1rem;font-weight:600;color:#333}.section-more{margin-left:auto;display:flex;align-items:center;gap:4px;font-size:.85rem;color:#ff9f43;cursor:pointer;transition:color .3s ease}.section-more:hover{color:#ff6b6b}.poe-articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width: 1200px){.poe-articles-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.poe-articles-grid{grid-template-columns:1fr}}.poe-article-card{position:relative;background:#fff;border-radius:16px;overflow:hidden;cursor:pointer;box-shadow:0 4px 20px #0000000a;animation:fadeInUp .4s ease forwards;opacity:0;transform:translateY(0) scale(1);transition:transform .5s cubic-bezier(.23,1,.32,1),box-shadow .5s cubic-bezier(.23,1,.32,1);will-change:transform,box-shadow}.poe-article-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 24px 48px #667eea2e}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.poe-article-cover{position:relative;height:160px;overflow:hidden}.poe-article-cover img{width:100%;height:100%;object-fit:cover;transform:scale(1);transition:transform 2s ease-out;will-change:transform}.poe-article-card:hover .poe-article-cover img{transform:scale(1.08)}.poe-article-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.25) 0%,transparent 60%);opacity:0;transition:opacity .5s cubic-bezier(.23,1,.32,1)}.poe-article-card:hover .poe-article-cover:after{opacity:1}.cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem}.article-date-badge{position:absolute;bottom:10px;left:10px;padding:4px 10px;font-size:.7rem;color:#fff;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:12px;display:flex;align-items:center;gap:4px}.poe-article-body{padding:16px}.poe-article-title{font-size:1rem;font-weight:600;color:#333;margin:0 0 10px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .4s cubic-bezier(.23,1,.32,1)}.poe-article-card:hover .poe-article-title{color:#667eea}.poe-article-stats{display:flex;gap:16px;margin-bottom:12px;font-size:.8rem;color:#999}.poe-article-stats .stat{display:flex;align-items:center;gap:4px}.poe-article-stats .stat.hot{color:#ff6b6b}.poe-article-tags{display:flex;flex-wrap:wrap;gap:8px}.poe-article-tags .category-tag{padding:4px 10px;font-size:.75rem;font-weight:500;border-radius:12px;display:flex;align-items:center;gap:4px;transition:all .3s ease}.poe-article-tags .category-tag:hover{transform:scale(1.05)}.poe-article-tags .tag-label{padding:4px 10px;font-size:.75rem;color:#999;background:#f5f5f5;border-radius:12px;display:flex;align-items:center;gap:4px;transition:all .3s ease}.poe-article-tags .tag-label:hover{color:#667eea;background:#f0f1ff}.poe-article-card.skeleton{pointer-events:none}.skeleton-cover{height:160px;background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8,#f0f0f0 75%);background-size:200% 100%;animation:skeletonLoading 1.5s infinite}.skeleton-content{padding:16px}.skeleton-title{height:20px;width:80%;background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8,#f0f0f0 75%);background-size:200% 100%;animation:skeletonLoading 1.5s infinite;border-radius:4px;margin-bottom:12px}.skeleton-meta{height:14px;width:50%;background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8,#f0f0f0 75%);background-size:200% 100%;animation:skeletonLoading 1.5s infinite;border-radius:4px}@keyframes skeletonLoading{0%{background-position:200% 0}to{background-position:-200% 0}}.poe-empty{grid-column:1 / -1;text-align:center;padding:80px 20px;color:#999}.poe-empty .anticon{font-size:4rem;color:#ddd;margin-bottom:16px}.poe-pagination{display:flex;justify-content:center;margin-top:40px}.poetize-footer{background:#fff;border-top:1px solid #eee;padding:40px 24px 24px}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;border-bottom:1px solid #eee}.footer-title{font-size:1.2rem;font-weight:600;color:#333;margin:0 0 4px}.footer-desc{font-size:.9rem;color:#999;margin:0}.footer-links{display:flex;gap:12px}.footer-links a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:#999;background:#f5f5f5;border-radius:50%;transition:all .3s ease}.footer-links a:hover{color:#fff;background:#667eea;transform:translateY(-2px)}.footer-bottom{max-width:1200px;margin:0 auto;padding-top:24px;text-align:center;font-size:.85rem;color:#999}.footer-bottom .icp{margin-top:4px}@media (max-width: 640px){.footer-content{flex-direction:column;text-align:center;gap:20px}}.back-to-top{position:fixed;bottom:140px;right:20px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;cursor:pointer;box-shadow:0 4px 16px #667eea66;transition:all .3s ease;z-index:100}.back-to-top:hover{transform:translateY(-4px);box-shadow:0 8px 24px #667eea80}.poetize-main{flex:1}.about-page{max-width:900px;margin:0 auto;padding:100px 24px 60px}.about-hero{text-align:center;padding:48px;margin-bottom:24px;background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000000a}.about-avatar{width:140px;height:140px;margin:0 auto 24px;border-radius:50%;overflow:hidden;border:4px solid #667eea;box-shadow:0 8px 32px #667eea4d}.about-avatar img{width:100%;height:100%;object-fit:cover}.about-name{font-size:2rem;font-weight:700;color:#333;margin:0 0 8px}.about-bio{font-size:1.1rem;color:#999;margin:0 0 32px}.about-social{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.about-social a{display:flex;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;color:#666;background:#f7f9fe;border-radius:30px;text-decoration:none;transition:all .3s ease}.about-social a:hover{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);transform:translateY(-2px)}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}@media (max-width: 640px){.about-stats{grid-template-columns:1fr}}.stat-card{text-align:center;padding:28px 20px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000a;transition:transform .3s ease}.stat-card:hover{transform:translateY(-4px)}.stat-card .anticon{font-size:1.75rem;color:#667eea;margin-bottom:12px}.stat-card .stat-value{display:block;font-size:2rem;font-weight:700;color:#333}.stat-card .stat-label{font-size:.9rem;color:#999}.about-section{padding:28px;margin-bottom:24px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000a}.about-section h2{display:flex;align-items:center;gap:10px;font-size:1.3rem;font-weight:600;color:#333;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid #667eea}.about-content p{font-size:1rem;color:#666;line-height:1.8;margin-bottom:16px}.about-content p:last-child{margin-bottom:0}.skills-list{display:flex;flex-direction:column;gap:20px}.skill-item{display:flex;flex-direction:column;gap:8px}.skill-header{display:flex;justify-content:space-between;font-size:.95rem}.skill-name{font-weight:500;color:#333}.skill-level{color:#667eea;font-weight:600}.skill-bar{height:10px;background:#f0f0f0;border-radius:5px;overflow:hidden}.skill-progress{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:5px;transition:width 1s ease}.about-quote{text-align:center;padding:48px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000a}.about-quote .quote-icon{font-size:3rem;color:#667eea;opacity:.4;margin-bottom:20px}.about-quote blockquote{font-size:1.4rem;font-style:italic;color:#333;margin:0;line-height:1.6}.archives-page{max-width:900px;margin:0 auto;padding:100px 24px 60px}.archives-header,.friends-header,.message-header{text-align:center;padding:48px;margin-bottom:40px;background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000000a}.archives-header .header-icon,.friends-header .header-icon,.message-header .header-icon{font-size:3.5rem;color:#667eea;margin-bottom:20px}.archives-header h1,.friends-header h1,.message-header h1{font-size:2.2rem;font-weight:700;color:#333;margin:0 0 8px}.archives-header p,.friends-header p,.message-header p{font-size:1.1rem;color:#999;margin:0}.loading-state{text-align:center;padding:80px;color:#999;background:#fff;border-radius:16px}.archives-timeline{display:flex;flex-direction:column;gap:40px}.timeline-group{position:relative}.timeline-marker{display:flex;align-items:center;gap:16px;margin-bottom:20px}.timeline-marker .marker-year{font-size:1.75rem;font-weight:700;color:#667eea}.timeline-marker .marker-month{font-size:1.1rem;font-weight:500;color:#333}.timeline-marker .marker-count{padding:4px 14px;font-size:.85rem;color:#999;background:#fff;border-radius:20px;box-shadow:0 2px 8px #0000000f}.timeline-items{display:flex;flex-direction:column;gap:16px;padding-left:24px;border-left:3px solid #667eea}.archive-item{position:relative;padding:20px 24px;background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000000a;cursor:pointer;transition:all .3s ease;animation:fadeInUp .4s ease forwards;opacity:0}.archive-item:before{content:"";position:absolute;left:-30px;top:26px;width:12px;height:12px;background:#667eea;border-radius:50%;border:3px solid #f7f9fe}.archive-item:hover{transform:translate(8px);box-shadow:0 8px 24px #667eea26}.archive-item .item-date{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#999;margin-bottom:10px}.archive-item .item-title{font-size:1.15rem;font-weight:600;color:#333;margin:0 0 10px;transition:color .3s ease}.archive-item:hover .item-title{color:#667eea}.archive-item .item-meta{display:flex;gap:20px;font-size:.85rem;color:#999}.archive-item .item-meta span{display:flex;align-items:center;gap:6px}.archive-item .meta-category{color:#667eea}.friends-page{max-width:1000px;margin:0 auto;padding:100px 24px 60px}.friends-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-bottom:40px}.friend-card{display:flex;align-items:center;gap:20px;padding:24px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000a;text-decoration:none;transition:all .3s ease}.friend-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #667eea26}.friend-avatar{width:70px;height:70px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#f0f0f0;display:flex;align-items:center;justify-content:center;font-size:1.75rem;color:#ccc}.friend-avatar img{width:100%;height:100%;object-fit:cover}.friend-info h3{font-size:1.1rem;font-weight:600;color:#333;margin:0 0 6px}.friend-info p{font-size:.9rem;color:#999;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.apply-section{padding:32px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000a}.apply-section h2{display:flex;align-items:center;gap:10px;font-size:1.3rem;font-weight:600;color:#333;margin:0 0 20px}.apply-section p{font-size:1rem;color:#666;margin:0 0 16px}.apply-section ul{margin:0 0 24px;padding-left:24px}.apply-section li{font-size:.95rem;color:#666;margin-bottom:10px;line-height:1.6}.apply-section .my-info{padding:20px;background:#f7f9fe;border-radius:12px}.apply-section .my-info p{margin:0 0 10px;font-size:.95rem}.apply-section .my-info p:last-child{margin:0}.message-page{max-width:800px;margin:0 auto;padding:100px 24px 60px}.message-form{padding:28px;margin-bottom:32px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000a}.message-form .form-row{display:flex;align-items:center;gap:16px;margin-bottom:20px}.message-form .avatar-placeholder{width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#ccc;background:#f0f0f0;border-radius:50%;flex-shrink:0}.message-form input{flex:1;padding:14px 18px;font-size:1rem;color:#333;background:#f7f9fe;border:2px solid transparent;border-radius:12px;outline:none;font-family:inherit;transition:all .3s ease}.message-form input:focus{border-color:#667eea;background:#fff}.message-form textarea{width:100%;padding:18px;font-size:1rem;color:#333;background:#f7f9fe;border:2px solid transparent;border-radius:12px;outline:none;resize:vertical;font-family:inherit;transition:all .3s ease;min-height:120px}.message-form textarea:focus{border-color:#667eea;background:#fff}.message-form .form-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.message-form .char-count{font-size:.9rem;color:#999}.message-form .submit-btn{display:flex;align-items:center;gap:8px;padding:12px 28px;font-size:1rem;font-weight:500;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:30px;cursor:pointer;transition:all .3s ease;font-family:inherit}.message-form .submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.message-form .submit-btn:disabled{opacity:.5;cursor:not-allowed}.message-list h2{font-size:1.2rem;font-weight:600;color:#333;margin:0 0 20px}.empty-messages{text-align:center;padding:60px;color:#999;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000a}.message-item{display:flex;gap:16px;padding:20px;margin-bottom:16px;background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000000a;animation:fadeInUp .3s ease forwards;opacity:0}.message-item .message-avatar{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#ccc;background:#f0f0f0;border-radius:50%;flex-shrink:0}.message-item .message-content{flex:1;min-width:0}.message-item .message-meta{display:flex;align-items:center;gap:16px;margin-bottom:10px}.message-item .message-author{font-weight:600;color:#333}.message-item .message-time{font-size:.85rem;color:#999}.message-item .delete-btn{padding:6px 10px;font-size:.85rem;color:#999;background:transparent;border:none;border-radius:6px;cursor:pointer;opacity:0;transition:all .3s ease}.message-item:hover .delete-btn{opacity:1}.message-item .delete-btn:hover{color:#ff6b6b;background:#fff0f0}.message-item .message-text{font-size:1rem;color:#333;line-height:1.7;margin:0;word-break:break-word}.glass-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000a}:root[data-theme=dark] .poetize-layout{background:#0f172a}:root[data-theme=dark] .poetize-header.scrolled,:root[data-theme=dark] .poetize-header:not(.transparent){background:transparent;box-shadow:none}:root[data-theme=dark] .poetize-header.scrolled .header-logo,:root[data-theme=dark] .poetize-header:not(.transparent) .header-logo{color:#e2e8f0}:root[data-theme=dark] .poetize-header.scrolled .nav-item,:root[data-theme=dark] .poetize-header:not(.transparent) .nav-item{color:#94a3b8}:root[data-theme=dark] .poetize-header.scrolled .nav-item:nth-child(1),:root[data-theme=dark] .poetize-header:not(.transparent) .nav-item:nth-child(1){background:#ff6b6b26;color:#ff8a8a}:root[data-theme=dark] .poetize-header.scrolled .nav-item:nth-child(2),:root[data-theme=dark] .poetize-header:not(.transparent) .nav-item:nth-child(2){background:#4ecdc426;color:#6ee7de}:root[data-theme=dark] .poetize-header.scrolled .nav-item:nth-child(3),:root[data-theme=dark] .poetize-header:not(.transparent) .nav-item:nth-child(3){background:#ff9f4326;color:#ffb366}:root[data-theme=dark] .poetize-header.scrolled .nav-item:nth-child(4),:root[data-theme=dark] .poetize-header:not(.transparent) .nav-item:nth-child(4){background:#636efa26;color:#8b94ff}:root[data-theme=dark] .poetize-header.scrolled .nav-item:nth-child(5),:root[data-theme=dark] .poetize-header:not(.transparent) .nav-item:nth-child(5){background:#ff6bb526;color:#ff8ac7}:root[data-theme=dark] .poetize-header.scrolled .action-btn,:root[data-theme=dark] .poetize-header:not(.transparent) .action-btn{color:#94a3b8;background:#1e293b}:root[data-theme=dark] .mobile-nav{background:#1e293b;box-shadow:0 4px 20px #0006}:root[data-theme=dark] .mobile-nav-item{color:#e2e8f0}:root[data-theme=dark] .mobile-nav-item.active{color:#667eea;background:#667eea26}:root[data-theme=dark] .poe-main{background:#0f172a}:root[data-theme=dark] .poe-card{background:#1e293b;box-shadow:0 4px 20px #0000004d}:root[data-theme=dark] .poe-card-header{border-bottom-color:#334155}:root[data-theme=dark] .poe-card-header .title{color:#e2e8f0}:root[data-theme=dark] .poe-author-card{background:linear-gradient(180deg,#1e3a5f,#1e293b 40%)}:root[data-theme=dark] .poe-author-avatar{border-color:#334155;background:#334155}:root[data-theme=dark] .poe-author-name{color:#e2e8f0}:root[data-theme=dark] .poe-author-stats .label{color:#64748b}:root[data-theme=dark] .poe-author-stats .value{color:#e2e8f0}:root[data-theme=dark] .poe-search-input{background:#0f172a;border-color:#334155}:root[data-theme=dark] .poe-search-input input{color:#e2e8f0}:root[data-theme=dark] .poe-search-input input::placeholder{color:#64748b}:root[data-theme=dark] .poe-tag{background:#667eea26!important}:root[data-theme=dark] .poe-notice{background:#1e293b;box-shadow:0 4px 20px #0000004d}:root[data-theme=dark] .notice-text{color:#94a3b8}:root[data-theme=dark] .poe-category-tag{border-color:#334155}:root[data-theme=dark] .section-title{color:#e2e8f0}:root[data-theme=dark] .poe-article-card{background:#1e293b;box-shadow:0 4px 20px #0000004d}:root[data-theme=dark] .poe-article-card:hover{box-shadow:0 24px 48px #667eea33}:root[data-theme=dark] .poe-article-title{color:#e2e8f0}:root[data-theme=dark] .poe-article-card:hover .poe-article-title{color:#818cf8}:root[data-theme=dark] .poe-article-stats{color:#64748b}:root[data-theme=dark] .poe-article-stats .stat.hot{color:#f87171}:root[data-theme=dark] .poe-article-tags .tag-label{color:#64748b;background:#334155}:root[data-theme=dark] .poe-article-tags .tag-label:hover{color:#818cf8;background:#667eea33}:root[data-theme=dark] .cover-placeholder{background:linear-gradient(135deg,#334155,#1e293b)!important}:root[data-theme=dark] .skeleton-cover,:root[data-theme=dark] .skeleton-title,:root[data-theme=dark] .skeleton-meta{background:linear-gradient(90deg,#1e293b 25%,#334155,#1e293b 75%);background-size:200% 100%}:root[data-theme=dark] .poe-empty{color:#64748b}:root[data-theme=dark] .poe-empty .anticon{color:#334155}:root[data-theme=dark] .poetize-footer{background:#1e293b;border-top-color:#334155}:root[data-theme=dark] .footer-content{border-bottom-color:#334155}:root[data-theme=dark] .footer-title{color:#e2e8f0}:root[data-theme=dark] .footer-desc{color:#64748b}:root[data-theme=dark] .footer-links a{color:#64748b;background:#334155}:root[data-theme=dark] .footer-links a:hover{color:#fff;background:#667eea}:root[data-theme=dark] .footer-bottom{color:#64748b}:root[data-theme=dark] .about-hero,:root[data-theme=dark] .stat-card,:root[data-theme=dark] .about-section,:root[data-theme=dark] .about-quote{background:#1e293b;box-shadow:0 4px 20px #0000004d}:root[data-theme=dark] .about-name,:root[data-theme=dark] .stat-card .stat-value,:root[data-theme=dark] .about-section h2,:root[data-theme=dark] .about-quote blockquote{color:#e2e8f0}:root[data-theme=dark] .about-bio,:root[data-theme=dark] .stat-card .stat-label,:root[data-theme=dark] .about-content p{color:#94a3b8}:root[data-theme=dark] .about-social a{color:#94a3b8;background:#334155}:root[data-theme=dark] .about-social a:hover{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2)}:root[data-theme=dark] .skill-name{color:#e2e8f0}:root[data-theme=dark] .skill-bar{background:#334155}:root[data-theme=dark] .archives-header,:root[data-theme=dark] .friends-header,:root[data-theme=dark] .message-header{background:#1e293b;box-shadow:0 4px 20px #0000004d}:root[data-theme=dark] .archives-header h1,:root[data-theme=dark] .friends-header h1,:root[data-theme=dark] .message-header h1{color:#e2e8f0}:root[data-theme=dark] .archives-header p,:root[data-theme=dark] .friends-header p,:root[data-theme=dark] .message-header p{color:#64748b}:root[data-theme=dark] .loading-state{color:#64748b;background:#1e293b}:root[data-theme=dark] .timeline-items{border-left-color:#667eea}:root[data-theme=dark] .archive-item{background:#1e293b;box-shadow:0 4px 16px #0000004d}:root[data-theme=dark] .archive-item:before{border-color:#0f172a}:root[data-theme=dark] .archive-item:hover{box-shadow:0 8px 24px #667eea33}:root[data-theme=dark] .archive-item .item-date{color:#64748b}:root[data-theme=dark] .archive-item .item-title{color:#e2e8f0}:root[data-theme=dark] .archive-item .item-meta{color:#64748b}:root[data-theme=dark] .timeline-marker .marker-count{color:#64748b;background:#1e293b;box-shadow:0 2px 8px #0000004d}:root[data-theme=dark] .timeline-marker .marker-month{color:#e2e8f0}:root[data-theme=dark] .friend-card{background:#1e293b;box-shadow:0 4px 20px #0000004d}:root[data-theme=dark] .friend-card:hover{box-shadow:0 12px 32px #667eea33}:root[data-theme=dark] .friend-avatar{background:#334155}:root[data-theme=dark] .friend-info h3{color:#e2e8f0}:root[data-theme=dark] .friend-info p{color:#64748b}:root[data-theme=dark] .apply-section{background:#1e293b;box-shadow:0 4px 20px #0000004d}:root[data-theme=dark] .apply-section h2{color:#e2e8f0}:root[data-theme=dark] .apply-section p,:root[data-theme=dark] .apply-section li{color:#94a3b8}:root[data-theme=dark] .apply-section .my-info{background:#0f172a}:root[data-theme=dark] .message-form{background:#1e293b;box-shadow:0 4px 20px #0000004d}:root[data-theme=dark] .message-form .avatar-placeholder{background:#334155}:root[data-theme=dark] .message-form input,:root[data-theme=dark] .message-form textarea{color:#e2e8f0;background:#0f172a}:root[data-theme=dark] .message-form input:focus,:root[data-theme=dark] .message-form textarea:focus{border-color:#667eea;background:#1e293b}:root[data-theme=dark] .message-form .char-count{color:#64748b}:root[data-theme=dark] .message-list h2{color:#e2e8f0}:root[data-theme=dark] .empty-messages{color:#64748b;background:#1e293b;box-shadow:0 4px 20px #0000004d}:root[data-theme=dark] .message-item{background:#1e293b;box-shadow:0 4px 16px #0000004d}:root[data-theme=dark] .message-item .message-avatar{background:#334155}:root[data-theme=dark] .message-item .message-author{color:#e2e8f0}:root[data-theme=dark] .message-item .message-time{color:#64748b}:root[data-theme=dark] .message-item .message-text{color:#e2e8f0}:root[data-theme=dark] .message-item .delete-btn:hover{color:#f87171;background:#f8717126}:root[data-theme=dark] .glass-card{background:#1e293b;box-shadow:0 4px 20px #0000004d}:root[data-theme=dark] .back-to-top{box-shadow:0 4px 16px #667eea4d}:root[data-theme=dark] .ant-pagination .ant-pagination-item{background:#1e293b;border-color:#334155}:root[data-theme=dark] .ant-pagination .ant-pagination-item a{color:#94a3b8}:root[data-theme=dark] .ant-pagination .ant-pagination-item-active{background:#667eea;border-color:#667eea}:root[data-theme=dark] .ant-pagination .ant-pagination-item-active a{color:#fff}:root[data-theme=dark] .ant-pagination .ant-pagination-prev button,:root[data-theme=dark] .ant-pagination .ant-pagination-next button{background:#1e293b;border-color:#334155;color:#94a3b8}:root[data-theme=dark] .ant-pagination .ant-pagination-disabled button{background:#0f172a;color:#475569}.animate-fade-in{animation:animateFadeIn .6s ease forwards}@keyframes animateFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.header-icon-wrap{display:inline-block;animation:iconFloat 3s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.count-number{display:inline-block;font-weight:700;color:#667eea;animation:countPulse 2s ease-in-out infinite}@keyframes countPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.loading-spinner{width:40px;height:40px;margin:0 auto 16px;border:3px solid #f0f0f0;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.timeline-marker{animation:slideInLeft .5s ease forwards;opacity:0}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.archive-item{position:relative;overflow:hidden}.archive-item:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.1),transparent);transition:left .5s ease}.archive-item:hover:after{left:100%}.friend-card{position:relative;overflow:hidden;transition:all .4s cubic-bezier(.23,1,.32,1)}.friend-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 16px 40px #667eea33}.friend-avatar{transition:transform .5s cubic-bezier(.23,1,.32,1)}.friend-card:hover .friend-avatar{transform:scale(1.1) rotate(5deg)}.message-item{transition:all .4s cubic-bezier(.23,1,.32,1)}.message-item:hover{transform:translate(8px);box-shadow:0 8px 24px #667eea26}.skill-progress{position:relative;overflow:hidden}.skill-progress:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:skillShine 2s ease-in-out infinite}.stat-card{transition:all .4s cubic-bezier(.23,1,.32,1)}.stat-card:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 16px 32px #667eea33}.stat-card .anticon{transition:transform .5s cubic-bezier(.23,1,.32,1)}.stat-card:hover .anticon{transform:scale(1.2) rotate(10deg)}.back-to-top{animation:backTopPulse 2s ease-in-out infinite}@keyframes backTopPulse{0%,to{box-shadow:0 4px 16px #667eea66}50%{box-shadow:0 8px 24px #667eea99}}.footer-links a{transition:all .4s cubic-bezier(.23,1,.32,1)}.footer-links a:hover{transform:translateY(-4px) rotate(10deg)}.nav-item{position:relative;overflow:hidden}.nav-item:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease}.nav-item:hover:after{width:150px;height:150px}.poetize-main{animation:pageEnter .4s ease}@keyframes pageEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.friend-card{animation:friendCardEnter .5s ease forwards;opacity:0}@keyframes friendCardEnter{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.apply-section{animation:slideUp .6s ease .3s forwards;opacity:0}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.message-form{animation:formEnter .5s ease forwards}@keyframes formEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.message-form .submit-btn{position:relative;overflow:hidden}.message-form .submit-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .5s ease,height .5s ease}.message-form .submit-btn:hover:before{width:200px;height:200px}.message-form input,.message-form textarea{transition:all .3s cubic-bezier(.23,1,.32,1)}.message-form input:focus,.message-form textarea:focus{transform:scale(1.01)}.message-item:before{content:"";position:absolute;left:0;top:0;width:4px;height:0;background:linear-gradient(180deg,#667eea,#764ba2);border-radius:2px;transition:height .3s ease}.message-item:hover:before{height:100%}.message-item .message-avatar{transition:all .4s cubic-bezier(.23,1,.32,1)}.message-item:hover .message-avatar{transform:scale(1.1);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.about-avatar{animation:avatarFloat 4s ease-in-out infinite}@keyframes avatarFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.about-social a{animation:socialEnter .4s ease forwards;opacity:0}.about-social a:nth-child(1){animation-delay:.1s}.about-social a:nth-child(2){animation-delay:.2s}.about-social a:nth-child(3){animation-delay:.3s}.about-social a:nth-child(4){animation-delay:.4s}@keyframes socialEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.skill-progress{animation:skillLoad 1.5s ease forwards;transform-origin:left}@keyframes skillLoad{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.about-quote{animation:quoteEnter .8s ease forwards;opacity:0}@keyframes quoteEnter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.about-quote blockquote{animation:quoteText 1s ease .5s forwards;opacity:0}@keyframes quoteText{0%{opacity:0}to{opacity:1}}.poe-search-input{transition:all .4s cubic-bezier(.23,1,.32,1)}.poe-search-input:focus-within{transform:scale(1.02)}.poe-tag:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease}.poe-tag:hover:after{width:100px;height:100px}.notice-icon{display:inline-block}.poe-category-tag{position:relative;z-index:1}.poe-category-tag:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;background:inherit;z-index:-1;transition:transform .3s ease}.poe-category-tag:hover:before{transform:scale(1.1)}.poe-article-title{position:relative;display:inline;background-image:linear-gradient(135deg,#667eea,#764ba2);background-size:0% 2px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .4s ease,color .4s ease}.poe-article-card:hover .poe-article-title{background-size:100% 2px}.article-date-badge{transition:all .3s ease}.poe-article-card:hover .article-date-badge{background:#667eeacc;transform:translateY(-2px)}.poe-author-btn{position:relative;overflow:hidden}.poe-author-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.poe-author-btn:hover:before{left:100%}.poe-hero-btn{position:relative;overflow:hidden}.poe-hero-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.poe-hero-btn:hover:before{left:100%}.archive-item:before{transition:all .3s ease}.archive-item:hover:before{transform:scale(1.3);box-shadow:0 0 0 4px #667eea33}.poetize-footer{position:relative;overflow:hidden}.poetize-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#667eea,transparent);animation:footerLine 3s ease-in-out infinite}@keyframes footerLine{0%,to{opacity:.3}50%{opacity:1}}:root[data-theme=dark] .message-item:hover .message-avatar{background:linear-gradient(135deg,#818cf8,#a78bfa)}:root[data-theme=dark] .poe-search-input:focus-within{box-shadow:0 0 0 4px #818cf833}:root[data-theme=dark] .archive-item:hover:before{box-shadow:0 0 0 4px #818cf833}:root[data-theme=dark] .poetize-footer:before{background:linear-gradient(90deg,transparent,#818cf8,transparent)}.poetize-header.scrolled{backdrop-filter:none;-webkit-backdrop-filter:none}.nav-item{position:relative}.nav-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;opacity:0;transition:opacity .3s ease;background:radial-gradient(circle at center,rgba(102,126,234,.3),transparent 70%);filter:blur(8px);z-index:-1}.nav-item:hover:before{opacity:1}.header-logo{transition:transform .3s ease}.header-logo:hover{transform:scale(1.05)}.header-logo img{transition:all .4s cubic-bezier(.23,1,.32,1);box-shadow:0 2px 8px #0000001a}.header-logo:hover img{box-shadow:0 4px 16px #667eea66;transform:rotate(10deg)}.action-btn{position:relative}.action-btn:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:radial-gradient(circle,rgba(102,126,234,.4),transparent 70%);opacity:0;transition:opacity .3s ease;z-index:-1}.action-btn:hover:after{opacity:1}.login-btn{overflow:hidden}.login-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:loginShine 3s ease-in-out infinite}@keyframes loginShine{0%,to{left:-100%}50%{left:100%}}.poe-article-card{transform-style:preserve-3d;perspective:1000px}.poe-article-cover:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,#667eea00,#667eea1a,#667eea00);background-size:200% 200%;opacity:0;transition:opacity .5s ease;z-index:1}.poe-article-card:hover .poe-article-cover:before{opacity:1;animation:coverShimmer 2s ease infinite}@keyframes coverShimmer{0%{background-position:200% 200%}to{background-position:-200% -200%}}.poe-category-tag.active{position:relative;background:linear-gradient(135deg,#667eea,#764ba2)!important}.poe-category-tag.active:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:22px;background:linear-gradient(45deg,#ff6b6b,#ffd93d,#6bcb77,#4ecdc4,#667eea,#764ba2);background-size:400% 400%;animation:rainbowBorder 3s ease infinite;z-index:-1;opacity:.7}@keyframes rainbowBorder{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.poe-sidebar .poe-card{animation:sidebarCardEnter .6s ease forwards;opacity:0}.poe-sidebar .poe-card:nth-child(1){animation-delay:.1s}.poe-sidebar .poe-card:nth-child(2){animation-delay:.2s}.poe-sidebar .poe-card:nth-child(3){animation-delay:.3s}@keyframes sidebarCardEnter{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.poe-author-avatar{position:relative}.poe-search-input:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:25px;background:radial-gradient(circle at center,rgba(102,126,234,.2),transparent 70%);opacity:0;transform:scale(.8);transition:all .4s ease;z-index:-1}.poe-search-input:focus-within:before{opacity:1;transform:scale(1.1)}.poe-tags-cloud .poe-tag{animation:tagFloat 3s ease-in-out infinite}.poe-tags-cloud .poe-tag:nth-child(odd){animation-delay:0s}.poe-tags-cloud .poe-tag:nth-child(2n){animation-delay:1.5s}@keyframes tagFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.poe-notice{background:linear-gradient(90deg,#fff,#f0f1ff,#fff);background-size:200% 100%;animation:noticeGradient 5s ease infinite}@keyframes noticeGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.section-icon{display:inline-block;animation:sectionIconPulse 2s ease-in-out infinite}@keyframes sectionIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.section-more .anticon{transition:transform .3s ease}.section-more:hover .anticon{transform:translate(4px)}.poe-pagination .ant-pagination-item{transition:all .3s ease}.poe-pagination .ant-pagination-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.footer-links a{position:relative;overflow:hidden}.footer-links a .anticon{transition:transform .4s cubic-bezier(.23,1,.32,1)}.footer-links a:hover .anticon{transform:rotateY(360deg)}.back-to-top{animation:backTopBreathe 2s ease-in-out infinite}@keyframes backTopBreathe{0%,to{transform:scale(1);box-shadow:0 4px 16px #667eea66}50%{transform:scale(1.05);box-shadow:0 8px 24px #667eea99}}.back-to-top:hover .anticon{animation:rocketLaunch .5s ease forwards}@keyframes rocketLaunch{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(-4px)}}.poe-article-card:hover .poe-article-title{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.article-date-badge{animation:dateBadgePulse 3s ease-in-out infinite}@keyframes dateBadgePulse{0%,to{opacity:.9}50%{opacity:1}}.skeleton-cover,.skeleton-title,.skeleton-meta{background:linear-gradient(90deg,#f0f0f0,#e8e8e8,#f5f5f5,#e8e8e8,#f0f0f0);background-size:400% 100%;animation:skeletonRainbow 2s ease infinite}@keyframes skeletonRainbow{0%{background-position:100% 50%}to{background-position:0% 50%}}.poe-empty .anticon{animation:emptyIconBounce 2s ease-in-out infinite}@keyframes emptyIconBounce{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(-5deg)}75%{transform:translateY(-10px) rotate(5deg)}}.poe-hero-waves .wave path{filter:drop-shadow(0 -2px 4px rgba(255,255,255,.3))}.poe-hero-title{animation:titleGlow 3s ease-in-out infinite}@keyframes titleGlow{0%,to{text-shadow:0 4px 30px rgba(0,0,0,.4)}50%{text-shadow:0 4px 40px rgba(102,126,234,.6),0 4px 30px rgba(0,0,0,.4)}}.poe-hero-particles .particle{box-shadow:0 0 6px #fffc}:root[data-theme=dark] .poe-notice{background:linear-gradient(90deg,#1e293b,#334155,#1e293b);background-size:200% 100%}:root[data-theme=dark] .nav-item:before{background:radial-gradient(circle at center,rgba(129,140,248,.3),transparent 70%)}:root[data-theme=dark] .action-btn:after{background:radial-gradient(circle,rgba(129,140,248,.4),transparent 70%)}:root[data-theme=dark] .skeleton-cover,:root[data-theme=dark] .skeleton-title,:root[data-theme=dark] .skeleton-meta{background:linear-gradient(90deg,#1e293b,#334155,#475569,#334155,#1e293b);background-size:400% 100%}:root[data-theme=dark] .poe-article-card:hover .poe-article-title{background:linear-gradient(135deg,#818cf8,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.poetize-layout:before{content:"";position:fixed;top:0;left:0;width:var(--scroll-progress, 0%);height:3px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);z-index:9999;transition:width .1s ease}.poetize-layout:has(.art-progress):before{display:none}::selection{background:#667eea4d;color:inherit}:root[data-theme=dark] ::selection{background:#818cf866}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#5a6fd6,#6a4190)}:root[data-theme=dark] ::-webkit-scrollbar-track{background:#1e293b}:root[data-theme=dark] ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#818cf8,#a78bfa)}a{position:relative}.about-content a,.apply-section a{color:#667eea;text-decoration:none}.about-content a:after,.apply-section a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.about-content a:hover:after,.apply-section a:hover:after{width:100%}.art-wrapper{max-width:800px;margin:0 auto;padding:80px 24px 60px;animation:articleEnter .6s ease forwards}@keyframes articleEnter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.art-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);z-index:999;transition:width .1s ease;box-shadow:0 0 10px #667eea80}.art-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;animation:slideDown .4s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.art-back{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;color:#666;background:#fff;border:none;border-radius:20px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000000f}.art-back:hover{color:#667eea;transform:translate(-4px);box-shadow:0 4px 12px #667eea33}.art-topbar-right{display:flex;gap:8px}.art-icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#666;background:#fff;border:none;border-radius:50%;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000000f}.art-icon-btn:hover,.art-icon-btn.active{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);transform:scale(1.1)}.art-hero{width:100%;height:400px;object-fit:cover;border-radius:20px;margin-bottom:32px;box-shadow:0 8px 32px #0000001a;animation:heroZoom .8s ease}@keyframes heroZoom{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.art-header{text-align:center;margin-bottom:40px;animation:headerFade .6s ease .2s forwards;opacity:0}@keyframes headerFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.art-title{font-size:2.5rem;font-weight:700;color:#333;margin:0 0 20px;line-height:1.3;background:linear-gradient(135deg,#333,#667eea);-webkit-background-clip:text;background-clip:text;animation:titleColorShift 5s ease infinite}@keyframes titleColorShift{0%,to{-webkit-text-fill-color:#333}50%{-webkit-text-fill-color:transparent}}.art-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;font-size:.9rem;color:#999;margin-bottom:16px}.art-meta span{display:flex;align-items:center;gap:6px}.art-meta-link{cursor:pointer;transition:color .3s ease}.art-meta-link:hover{color:#667eea}.art-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.art-tag{display:flex;align-items:center;gap:4px;padding:6px 14px;font-size:.85rem;color:#667eea;background:#f0f1ff;border-radius:20px;cursor:pointer;transition:all .3s ease}.art-tag:hover{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);transform:translateY(-2px)}.art-body{background:#fff;border-radius:20px;padding:40px;box-shadow:0 4px 20px #0000000a;animation:bodyFade .6s ease .4s forwards;opacity:0}@keyframes bodyFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.markdown-body{font-size:1rem;line-height:1.8;color:#333}.markdown-body h1,.markdown-body h2,.markdown-body h3{margin-top:32px;margin-bottom:16px;font-weight:600;color:#333;position:relative}.markdown-body h2:before{content:"";position:absolute;left:-20px;top:50%;transform:translateY(-50%);width:4px;height:60%;background:linear-gradient(180deg,#667eea,#764ba2);border-radius:2px}.markdown-body a{color:#667eea;text-decoration:none;border-bottom:1px dashed #667eea;transition:all .3s ease}.markdown-body a:hover{color:#764ba2;border-bottom-style:solid}.markdown-body blockquote{margin:24px 0;padding:16px 24px;background:linear-gradient(135deg,#f0f1ff,#fce4ec);border-left:4px solid #667eea;border-radius:0 12px 12px 0;color:#666;font-style:italic}.markdown-body pre{position:relative;margin:24px 0;border-radius:12px;overflow:hidden}.markdown-body code{font-family:Fira Code,Monaco,monospace}.markdown-body img{max-width:100%;border-radius:12px;box-shadow:0 4px 16px #0000001a;transition:transform .3s ease}.markdown-body img:hover{transform:scale(1.02)}.art-copy-btn{position:absolute;top:8px;right:8px;padding:4px 12px;font-size:.75rem;color:#999;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;cursor:pointer;transition:all .3s ease;opacity:0}.markdown-body pre:hover .art-copy-btn{opacity:1}.art-copy-btn:hover,.art-copy-btn.copied{color:#fff;background:#667eea;border-color:#667eea}.art-actions{display:flex;justify-content:center;gap:16px;margin:40px 0;animation:actionsFade .6s ease .6s forwards;opacity:0}@keyframes actionsFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.art-action-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;color:#666;background:#fff;border:2px solid #eee;border-radius:30px;cursor:pointer;transition:all .3s ease}.art-action-btn:hover{color:#667eea;border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea33}.art-action-btn.liked{color:#ff6b6b;border-color:#ff6b6b;background:#fff0f0}.art-action-btn.bookmarked{color:#ffd93d;border-color:#ffd93d;background:#fffbeb}.art-share-wrap{position:relative}.art-share-menu{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;padding:8px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;gap:4px;animation:shareMenuPop .2s ease}@keyframes shareMenuPop{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.art-share-menu button{padding:8px 16px;font-size:.85rem;color:#666;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.art-share-menu button:hover{color:#667eea;background:#f0f1ff}.art-updated{text-align:center;font-size:.85rem;color:#999;margin-bottom:40px}.art-related{margin-bottom:40px}.art-related h3{font-size:1.2rem;font-weight:600;color:#333;margin-bottom:20px;display:flex;align-items:center;gap:8px}.art-related h3:before{content:"";width:4px;height:20px;background:linear-gradient(180deg,#667eea,#764ba2);border-radius:2px}.art-related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.art-related-card{display:flex;gap:12px;padding:12px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;cursor:pointer;transition:all .3s ease}.art-related-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #667eea26}.art-related-card img{width:80px;height:60px;object-fit:cover;border-radius:8px}.art-related-card h4{font-size:.95rem;font-weight:500;color:#333;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.art-related-card span{font-size:.8rem;color:#999}.art-comments{background:#fff;border-radius:20px;padding:32px;box-shadow:0 4px 20px #0000000a}.art-comments-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.art-comments-head h3{font-size:1.2rem;font-weight:600;color:#333;margin:0;display:flex;align-items:center;gap:8px}.art-comments-head button{padding:6px 12px;font-size:.85rem;color:#667eea;background:transparent;border:1px solid #667eea;border-radius:16px;cursor:pointer;transition:all .3s ease}.art-comments-head button:hover{color:#fff;background:#667eea}.art-comment-form{margin-bottom:24px;padding:20px;background:#f7f9fe;border-radius:16px}.art-reply-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px 12px;background:#e8f4fc;border-radius:8px;font-size:.85rem;color:#667eea}.art-reply-bar button{padding:4px 8px;font-size:.8rem;color:#999;background:transparent;border:none;cursor:pointer}.art-comment-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.art-avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#ccc;background:#fff;border-radius:50%}.art-comment-form input{flex:1;padding:10px 16px;font-size:.9rem;color:#333;background:#fff;border:2px solid transparent;border-radius:20px;outline:none;transition:all .3s ease}.art-comment-form input:focus{border-color:#667eea}.art-comment-form textarea{width:100%;padding:14px 16px;font-size:.9rem;color:#333;background:#fff;border:2px solid transparent;border-radius:12px;outline:none;resize:vertical;min-height:80px;transition:all .3s ease}.art-comment-form textarea:focus{border-color:#667eea}.art-comment-foot{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.art-comment-foot span{font-size:.85rem;color:#999}.art-comment-foot button{padding:10px 24px;font-size:.9rem;font-weight:500;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:20px;cursor:pointer;transition:all .3s ease}.art-comment-foot button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.art-comment-foot button:disabled{opacity:.5;cursor:not-allowed}.art-comment-list{display:flex;flex-direction:column;gap:16px}.art-empty{text-align:center;padding:40px;color:#999}.art-comment-item{display:flex;gap:12px;padding:16px;background:#f7f9fe;border-radius:12px;animation:commentSlide .3s ease}@keyframes commentSlide{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.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;color:#333}.art-comment-reply{font-size:.85rem;color:#667eea}.art-comment-time{font-size:.8rem;color:#999}.art-comment-meta button{padding:4px 8px;font-size:.8rem;color:#999;background:transparent;border:none;cursor:pointer;transition:color .3s ease}.art-comment-meta button:hover{color:#667eea}.art-comment-item p{font-size:.95rem;color:#333;line-height:1.6;margin:0}.art-toc-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:998;animation:overlayFade .2s ease}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}.art-toc{position:fixed;top:60px;right:-300px;width:280px;height:calc(100vh - 60px);background:#fff;box-shadow:-4px 0 20px #0000001a;z-index:999;transition:right .3s ease;overflow-y:auto}.art-toc.open{right:0}.art-toc-head{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee;font-weight:600;color:#333}.art-toc-progress{font-size:.85rem;color:#667eea}.art-toc nav{padding:16px}.art-toc-item{display:block;width:100%;padding:10px 12px;font-size:.9rem;color:#666;background:transparent;border:none;border-radius:8px;text-align:left;cursor:pointer;transition:all .3s ease}.art-toc-item.level-2{padding-left:24px;font-size:.85rem}.art-toc-item.level-3{padding-left:36px;font-size:.8rem;color:#999}.art-toc-item:hover{color:#667eea;background:#f0f1ff}.art-toc-item.active{color:#667eea;background:#f0f1ff;font-weight:500}.loading-container{display:flex;justify-content:center;align-items:center;min-height:60vh}:root[data-theme=dark] .art-back,:root[data-theme=dark] .art-icon-btn{color:#94a3b8;background:#1e293b}:root[data-theme=dark] .art-back:hover{color:#818cf8}:root[data-theme=dark] .art-title{background:linear-gradient(135deg,#e2e8f0,#818cf8)}:root[data-theme=dark] .art-meta{color:#64748b}:root[data-theme=dark] .art-tag{color:#818cf8;background:#818cf826}:root[data-theme=dark] .art-body{background:#1e293b}:root[data-theme=dark] .markdown-body{color:#e2e8f0}:root[data-theme=dark] .markdown-body h1,:root[data-theme=dark] .markdown-body h2,:root[data-theme=dark] .markdown-body h3{color:#e2e8f0}:root[data-theme=dark] .markdown-body blockquote{background:linear-gradient(135deg,#818cf81a,#a78bfa1a);border-left-color:#818cf8}:root[data-theme=dark] .art-action-btn{color:#94a3b8;background:#1e293b;border-color:#334155}:root[data-theme=dark] .art-action-btn:hover{color:#818cf8;border-color:#818cf8}:root[data-theme=dark] .art-share-menu{background:#1e293b;box-shadow:0 4px 20px #0006}:root[data-theme=dark] .art-share-menu button{color:#94a3b8}:root[data-theme=dark] .art-share-menu button:hover{color:#818cf8;background:#818cf826}:root[data-theme=dark] .art-related-card{background:#1e293b}:root[data-theme=dark] .art-related-card h4{color:#e2e8f0}:root[data-theme=dark] .art-comments{background:#1e293b}:root[data-theme=dark] .art-comments-head h3{color:#e2e8f0}:root[data-theme=dark] .art-comment-form{background:#0f172a}:root[data-theme=dark] .art-comment-form input,:root[data-theme=dark] .art-comment-form textarea{color:#e2e8f0;background:#1e293b}:root[data-theme=dark] .art-comment-item{background:#0f172a}:root[data-theme=dark] .art-comment-author{color:#e2e8f0}:root[data-theme=dark] .art-comment-item p{color:#e2e8f0}:root[data-theme=dark] .art-toc{background:#1e293b;box-shadow:-4px 0 20px #0006}:root[data-theme=dark] .art-toc-head{color:#e2e8f0;border-bottom-color:#334155}:root[data-theme=dark] .art-toc-item{color:#94a3b8}:root[data-theme=dark] .art-toc-item:hover,:root[data-theme=dark] .art-toc-item.active{color:#818cf8;background:#818cf826}@media (max-width: 768px){.art-wrapper{padding:80px 16px 40px}.art-hero{height:250px;border-radius:16px}.art-title{font-size:1.75rem}.art-body{padding:24px;border-radius:16px}.art-actions{flex-wrap:wrap}.art-action-btn{padding:10px 16px;font-size:.85rem}.art-comments{padding:20px;border-radius:16px}}.about-page{animation:aboutPageEnter .6s ease}@keyframes aboutPageEnter{0%{opacity:0}to{opacity:1}}.about-hero{animation:aboutHeroEnter .8s ease forwards;position:relative;overflow:hidden}@keyframes aboutHeroEnter{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.about-hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(102,126,234,.1) 0%,transparent 50%);animation:heroGlow 10s ease-in-out infinite;pointer-events:none}@keyframes heroGlow{0%,to{transform:translate(0)}25%{transform:translate(10%,10%)}50%{transform:translate(-5%,5%)}75%{transform:translate(5%,-10%)}}.about-avatar{animation:avatarBounce 3s ease-in-out infinite;position:relative}.about-name{background:linear-gradient(135deg,#333,#667eea,#764ba2,#333);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;animation:nameGradient 5s ease infinite}@keyframes nameGradient{0%,to{background-position:0% 50%;-webkit-text-fill-color:#333}50%{background-position:100% 50%;-webkit-text-fill-color:transparent}}:root[data-theme=dark] .about-name{background:linear-gradient(135deg,#e2e8f0,#818cf8,#a78bfa,#e2e8f0);background-size:300% 300%;-webkit-background-clip:text;background-clip:text}.about-social a{animation:socialBtnEnter .5s ease forwards;opacity:0;transform:translateY(20px)}.about-social a:nth-child(1){animation-delay:.2s}.about-social a:nth-child(2){animation-delay:.3s}.about-social a:nth-child(3){animation-delay:.4s}@keyframes socialBtnEnter{to{opacity:1;transform:translateY(0)}}.about-social a{position:relative;overflow:hidden}.about-social a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.about-social a:hover:before{left:100%}.about-stats .stat-card{animation:statCardEnter .6s ease forwards;opacity:0;transform:translateY(30px)}.about-stats .stat-card:nth-child(1){animation-delay:.1s}.about-stats .stat-card:nth-child(2){animation-delay:.2s}.about-stats .stat-card:nth-child(3){animation-delay:.3s}.about-stats .stat-card:nth-child(4){animation-delay:.4s}@keyframes statCardEnter{to{opacity:1;transform:translateY(0)}}.stat-card{position:relative;overflow:hidden;transition:all .4s cubic-bezier(.23,1,.32,1)}.stat-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 16px 40px #667eea33}.stat-card .stat-value{display:inline-block;animation:statValuePop .5s ease}@keyframes statValuePop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.stat-card .anticon{transition:all .4s cubic-bezier(.23,1,.32,1)}.stat-card:hover .anticon{transform:scale(1.3) rotate(10deg);color:#764ba2}.about-section{animation:sectionEnter .6s ease forwards;opacity:0;transform:translateY(30px)}.about-section:nth-of-type(3){animation-delay:.3s}.about-section:nth-of-type(4){animation-delay:.4s}@keyframes sectionEnter{to{opacity:1;transform:translateY(0)}}.about-section h2{position:relative;overflow:hidden}.about-section h2:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#667eea,#764ba2);animation:titleUnderline 1s ease .5s forwards}@keyframes titleUnderline{to{width:100%}}.skill-item{animation:skillItemEnter .5s ease forwards;opacity:0;transform:translate(-20px)}.skill-item:nth-child(1){animation-delay:.1s}.skill-item:nth-child(2){animation-delay:.2s}.skill-item:nth-child(3){animation-delay:.3s}.skill-item:nth-child(4){animation-delay:.4s}.skill-item:nth-child(5){animation-delay:.5s}.skill-item:nth-child(6){animation-delay:.6s}@keyframes skillItemEnter{to{opacity:1;transform:translate(0)}}.skill-progress{animation:skillFill 1.5s ease forwards;transform-origin:left;position:relative;overflow:hidden}@keyframes skillFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.skill-progress:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:skillShine 2s ease-in-out infinite}.about-quote{animation:quoteEnter .8s ease .5s forwards;opacity:0;transform:scale(.95);position:relative;overflow:hidden}@keyframes quoteEnter{to{opacity:1;transform:scale(1)}}.about-quote .quote-icon{animation:quoteIconFloat 3s ease-in-out infinite}@keyframes quoteIconFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(10deg)}}.about-quote blockquote{animation:quoteTextFade 1s ease .8s forwards;opacity:0}@keyframes quoteTextFade{to{opacity:1}}.about-quote:before{content:"";position:absolute;top:-100%;left:-100%;width:300%;height:300%;background:radial-gradient(circle,rgba(102,126,234,.05) 0%,transparent 50%);animation:quoteBgMove 15s linear infinite;pointer-events:none}@keyframes quoteBgMove{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root[data-theme=dark] .about-hero:before{background:radial-gradient(circle,rgba(129,140,248,.1) 0%,transparent 50%)}:root[data-theme=dark] .stat-card:hover .anticon{color:#a78bfa}:root[data-theme=dark] .about-section h2:after{background:linear-gradient(90deg,#818cf8,#a78bfa)}:root[data-theme=dark] .about-quote:before{background:radial-gradient(circle,rgba(129,140,248,.05) 0%,transparent 50%)}.notes-page{max-width:700px;margin:0 auto;padding:100px 24px 60px}.notes-header{text-align:center;margin-bottom:40px}.notes-title{font-size:2rem;font-weight:700;color:var(--color-text);margin:0 0 8px}.notes-subtitle{font-size:.95rem;color:var(--color-text-muted);margin:0}.notes-timeline{position:relative;padding-left:28px}.notes-timeline:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--color-primary),var(--color-secondary, #22d3ee),transparent);border-radius:1px}.note-card{position:relative;margin-bottom:24px;animation:noteSlideIn .4s ease forwards;opacity:0}@keyframes noteSlideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.note-timeline-dot{position:absolute;left:-24px;top:16px;width:12px;height:12px;background:var(--color-primary);border-radius:50%;border:2px solid var(--color-white, #fff);box-shadow:0 0 0 3px #0891b233;z-index:1}.note-content-wrapper{background:var(--color-white, #fff);border:1px solid var(--color-border);border-radius:12px;padding:16px 20px;transition:all .3s ease}.note-content-wrapper:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.note-mood{display:inline-block;font-size:.8rem;padding:2px 10px;background:#0891b21a;color:var(--color-primary);border-radius:12px;margin-bottom:8px}.note-text{font-size:.95rem;line-height:1.8;color:var(--color-text);white-space:pre-wrap;word-break:break-word}.note-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-top:12px}.note-image{width:100%;height:120px;object-fit:cover;border-radius:8px;cursor:pointer;transition:transform .3s ease}.note-image:hover{transform:scale(1.05)}.note-footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:10px;border-top:1px solid var(--color-border)}.note-time{font-size:.8rem;color:var(--color-text-muted);display:flex;align-items:center;gap:4px}.note-like-btn{display:flex;align-items:center;gap:4px;padding:4px 12px;font-size:.8rem;color:var(--color-text-muted);background:transparent;border:1px solid var(--color-border);border-radius:16px;cursor:pointer;transition:all .2s ease;font-family:inherit}.note-like-btn:hover{border-color:#ef4444;color:#ef4444}.note-like-btn.liked{background:#fef2f2;border-color:#ef4444;color:#ef4444}.notes-empty{text-align:center;padding:60px 20px;color:var(--color-text-muted)}.notes-load-more{padding:10px 32px;font-size:.9rem;font-weight:500;color:var(--color-primary);background:transparent;border:1px solid var(--color-primary);border-radius:20px;cursor:pointer;transition:all .2s ease;font-family:inherit}.notes-load-more:hover{background:var(--color-primary);color:#fff}:root[data-theme=dark] .note-content-wrapper{background:#1e293b;border-color:#334155}:root[data-theme=dark] .note-content-wrapper:hover{box-shadow:0 8px 24px #0000004d}:root[data-theme=dark] .note-like-btn.liked{background:#ef444426}:root[data-theme=dark] .note-timeline-dot{border-color:#1e293b}.nav-item:nth-child(6){background:#2ed5731a}.poetize-header.scrolled .nav-item:nth-child(6),.poetize-header:not(.transparent) .nav-item:nth-child(6){background:#eafaf1;color:#2ed573}.danmaku-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;margin:0}.danmaku-container{position:relative;width:100%;height:100%;overflow:hidden;background:#0f0f23}.danmaku-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 50%,rgba(8,145,178,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(99,110,250,.1) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(255,107,181,.08) 0%,transparent 50%);background-color:#0f0f23}.danmaku-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0f0f2380;pointer-events:none}.danmaku-item{position:absolute;display:flex;align-items:center;gap:6px;white-space:nowrap;pointer-events:none;z-index:1}.danmaku-avatar{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:18px;background:#ffffff26;border-radius:50%;flex-shrink:0}.danmaku-text{padding:6px 16px;font-size:14px;font-weight:500;color:#fff;border-radius:20px;text-shadow:0 1px 2px rgba(0,0,0,.3);max-width:400px;overflow:hidden;text-overflow:ellipsis}.danmaku-input-area{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;text-align:center}.danmaku-title{font-size:2.5rem;font-weight:700;color:#fff;margin:0 0 24px;text-shadow:0 2px 8px rgba(0,0,0,.5);letter-spacing:8px}.danmaku-form{display:flex;align-items:center;gap:8px;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:28px;padding:6px}.danmaku-nickname{width:80px;padding:10px 14px;font-size:14px;font-family:inherit;color:#fff;background:#ffffff1a;border:none;border-radius:22px;outline:none}.danmaku-nickname::placeholder{color:#ffffff80}.danmaku-input{flex:1;min-width:240px;padding:10px 16px;font-size:14px;font-family:inherit;color:#fff;background:transparent;border:none;outline:none}.danmaku-input::placeholder{color:#ffffff80}.danmaku-send{width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;background:linear-gradient(135deg,var(--color-primary),#636efa);border:none;border-radius:50%;cursor:pointer;transition:all .3s ease;flex-shrink:0}.danmaku-send:hover:not(:disabled){transform:scale(1.1);box-shadow:0 4px 16px #0891b280}.danmaku-send:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 768px){.danmaku-page{position:fixed;top:0;right:0;bottom:0;left:0;margin:0}.danmaku-container{height:100%}.danmaku-title{font-size:1.8rem;letter-spacing:4px}.danmaku-form{flex-wrap:wrap;border-radius:16px;padding:8px;max-width:90vw}.danmaku-nickname{width:70px;padding:8px 12px;font-size:13px}.danmaku-input{min-width:140px;padding:8px 12px;font-size:13px}.danmaku-send{width:38px;height:38px;font-size:16px}.danmaku-text{font-size:12px;padding:4px 12px;max-width:250px}.danmaku-avatar{width:26px;height:26px;font-size:14px}}:root{--glass-bg: rgba(255, 255, 255, .82);--glass-bg-heavy: rgba(255, 255, 255, .88);--glass-bg-light: rgba(255, 255, 255, .55);--glass-border: rgba(255, 255, 255, .55);--glass-border-subtle: rgba(255, 255, 255, .3);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .05);--glass-shadow-hover: 0 16px 48px rgba(79, 172, 254, .1);--glass-blur: blur(20px) saturate(180%);--glass-blur-heavy: blur(40px) saturate(200%);--glass-radius: 20px;--glass-radius-sm: 14px;--glass-radius-xs: 10px;--accent: #3b82f6;--accent-light: #60a5fa;--accent-gradient: linear-gradient(135deg, #4facfe, #00f2fe);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8}:root[data-theme=dark]{--glass-bg: rgba(15, 23, 42, .82);--glass-bg-heavy: rgba(15, 23, 42, .9);--glass-bg-light: rgba(15, 23, 42, .55);--glass-border: rgba(255, 255, 255, .08);--glass-border-subtle: rgba(255, 255, 255, .05);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .2);--glass-shadow-hover: 0 16px 48px rgba(79, 172, 254, .12);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.poetize-layout{background:linear-gradient(160deg,#e0ecff,#f0f4ff,#faf5ff,#f0fdff,#ecfdf5)}:root[data-theme=dark] .poetize-layout{background:linear-gradient(160deg,#0c1222,#0f172a,#111827 60%,#0c1222)}.poetize-header.scrolled,.poetize-header:not(.transparent){background:var(--glass-bg-heavy)!important;backdrop-filter:var(--glass-blur-heavy)!important;-webkit-backdrop-filter:var(--glass-blur-heavy)!important;border-bottom:1px solid var(--glass-border)!important;box-shadow:0 1px 0 var(--glass-border-subtle),0 4px 24px #0000000a!important}:root[data-theme=dark] .poetize-header.scrolled,:root[data-theme=dark] .poetize-header:not(.transparent){background:var(--glass-bg-heavy)!important;backdrop-filter:var(--glass-blur-heavy)!important;-webkit-backdrop-filter:var(--glass-blur-heavy)!important;border-bottom:1px solid var(--glass-border)!important;box-shadow:0 1px 0 var(--glass-border-subtle),0 4px 24px #0003!important}.nav-item,.nav-item:nth-child(1),.nav-item:nth-child(2),.nav-item:nth-child(3),.nav-item:nth-child(4),.nav-item:nth-child(5),.nav-item:nth-child(6),.nav-dropdown>.nav-item{background:transparent!important;border:none;-webkit-backdrop-filter:none;backdrop-filter:none;transition:all .3s cubic-bezier(.23,1,.32,1)}.nav-item:after,.nav-item:before{display:none!important}.poetize-header.transparent .nav-item{color:#ffffffd9!important}.poetize-header.transparent .nav-item:hover{color:#fff!important;background:#ffffff26!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.poetize-header.scrolled .nav-item,.poetize-header.scrolled .nav-item:nth-child(1),.poetize-header.scrolled .nav-item:nth-child(2),.poetize-header.scrolled .nav-item:nth-child(3),.poetize-header.scrolled .nav-item:nth-child(4),.poetize-header.scrolled .nav-item:nth-child(5),.poetize-header.scrolled .nav-item:nth-child(6),.poetize-header.scrolled .nav-dropdown>.nav-item,.poetize-header:not(.transparent) .nav-item,.poetize-header:not(.transparent) .nav-item:nth-child(1),.poetize-header:not(.transparent) .nav-item:nth-child(2),.poetize-header:not(.transparent) .nav-item:nth-child(3),.poetize-header:not(.transparent) .nav-item:nth-child(4),.poetize-header:not(.transparent) .nav-item:nth-child(5),.poetize-header:not(.transparent) .nav-item:nth-child(6),.poetize-header:not(.transparent) .nav-dropdown>.nav-item{color:var(--text-secondary)!important;background:transparent!important}.poetize-header.scrolled .nav-item:hover,.poetize-header:not(.transparent) .nav-item:hover{color:var(--text-primary)!important;background:var(--glass-bg-light)!important}:root[data-theme=dark] .poetize-header.scrolled .nav-item,:root[data-theme=dark] .poetize-header.scrolled .nav-item:nth-child(1),:root[data-theme=dark] .poetize-header.scrolled .nav-item:nth-child(2),:root[data-theme=dark] .poetize-header.scrolled .nav-item:nth-child(3),:root[data-theme=dark] .poetize-header.scrolled .nav-item:nth-child(4),:root[data-theme=dark] .poetize-header.scrolled .nav-item:nth-child(5),:root[data-theme=dark] .poetize-header.scrolled .nav-item:nth-child(6),:root[data-theme=dark] .poetize-header:not(.transparent) .nav-item,:root[data-theme=dark] .poetize-header:not(.transparent) .nav-item:nth-child(1),:root[data-theme=dark] .poetize-header:not(.transparent) .nav-item:nth-child(2),:root[data-theme=dark] .poetize-header:not(.transparent) .nav-item:nth-child(3),:root[data-theme=dark] .poetize-header:not(.transparent) .nav-item:nth-child(4),:root[data-theme=dark] .poetize-header:not(.transparent) .nav-item:nth-child(5),:root[data-theme=dark] .poetize-header:not(.transparent) .nav-item:nth-child(6){color:var(--text-secondary)!important;background:transparent!important}:root[data-theme=dark] .poetize-header.scrolled .nav-item:hover,:root[data-theme=dark] .poetize-header:not(.transparent) .nav-item:hover{color:var(--text-primary)!important;background:var(--glass-bg-light)!important}.nav-item.active,.poetize-header .nav-item.active,.poetize-header.scrolled .nav-item.active,.poetize-header:not(.transparent) .nav-item.active,.poetize-header.scrolled .nav-item:nth-child(1).active,.poetize-header.scrolled .nav-item:nth-child(2).active,.poetize-header.scrolled .nav-item:nth-child(3).active,.poetize-header.scrolled .nav-item:nth-child(4).active,.poetize-header.scrolled .nav-item:nth-child(5).active,.poetize-header.scrolled .nav-item:nth-child(6).active,.poetize-header:not(.transparent) .nav-item:nth-child(1).active,.poetize-header:not(.transparent) .nav-item:nth-child(2).active,.poetize-header:not(.transparent) .nav-item:nth-child(3).active,.poetize-header:not(.transparent) .nav-item:nth-child(4).active,.poetize-header:not(.transparent) .nav-item:nth-child(5).active,.poetize-header:not(.transparent) .nav-item:nth-child(6).active{color:var(--accent)!important;background:#3b82f61a!important;font-weight:600}:root[data-theme=dark] .nav-item.active,:root[data-theme=dark] .poetize-header .nav-item.active,:root[data-theme=dark] .poetize-header.scrolled .nav-item.active,:root[data-theme=dark] .poetize-header:not(.transparent) .nav-item.active{color:var(--accent-light)!important;background:#60a5fa1f!important}.poetize-header.transparent .nav-item.active{color:#fff!important;background:#fff3!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-item:hover{transform:translateY(-1px)!important;box-shadow:none!important}.login-btn{background:var(--accent-gradient)!important;color:#fff!important;top:0!important;border:1px solid rgba(255,255,255,.3)!important;box-shadow:0 2px 12px #3b82f640;transition:all .3s cubic-bezier(.23,1,.32,1)}.login-btn:hover{background:var(--accent-gradient)!important;box-shadow:0 6px 20px #3b82f659;transform:translateY(-1px)}.nav-dropdown-menu{background:var(--glass-bg-heavy)!important;backdrop-filter:var(--glass-blur)!important;-webkit-backdrop-filter:var(--glass-blur)!important;border:1px solid var(--glass-border)!important;box-shadow:0 12px 40px #00000014,inset 0 1px #fff3!important}:root[data-theme=dark] .nav-dropdown-menu{background:var(--glass-bg-heavy)!important;border:1px solid var(--glass-border)!important;box-shadow:0 12px 40px #0006!important}.mobile-nav{background:var(--glass-bg-heavy)!important;backdrop-filter:var(--glass-blur-heavy)!important;-webkit-backdrop-filter:var(--glass-blur-heavy)!important;border-bottom:1px solid var(--glass-border)}.mobile-nav-item.active{color:var(--accent)!important;background:#3b82f614!important}:root[data-theme=dark] .mobile-nav-item.active{color:var(--accent-light)!important;background:#60a5fa1a!important}.poe-hero-bg:after{background:linear-gradient(135deg,#3b82f633,#00f2fe26)!important}.poe-hero-title{text-shadow:0 2px 40px rgba(0,0,0,.3);letter-spacing:-.02em}.poe-hero-subtitle{text-shadow:0 1px 20px rgba(0,0,0,.2);letter-spacing:.05em}.poe-hero-btn{background:var(--glass-bg)!important;backdrop-filter:var(--glass-blur)!important;-webkit-backdrop-filter:var(--glass-blur)!important;border:1px solid rgba(255,255,255,.35)!important;color:#fff!important;box-shadow:0 8px 32px #00000026,inset 0 1px #ffffff4d!important;transition:all .4s cubic-bezier(.23,1,.32,1)!important}.poe-hero-btn:hover{transform:translateY(-3px) scale(1.02)!important;background:#ffffffa6!important;color:var(--accent)!important;box-shadow:0 16px 48px #0003,inset 0 1px #ffffff80!important;border-color:#ffffff80!important}.poe-hero-waves .wave-front path{fill:#e0ecff}:root[data-theme=dark] .poe-hero-waves .wave-front path{fill:#0f172a}.poe-card,.glass-card{background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;box-shadow:var(--glass-shadow),inset 0 1px #ffffff80!important;border-radius:var(--glass-radius)!important;transition:all .4s cubic-bezier(.23,1,.32,1)}.poe-card:hover,.glass-card:hover{box-shadow:var(--glass-shadow-hover),inset 0 1px #fff9!important;border-color:#4facfe33!important}:root[data-theme=dark] .poe-card,:root[data-theme=dark] .glass-card{background:var(--glass-bg)!important;border-color:var(--glass-border)!important;box-shadow:var(--glass-shadow),inset 0 1px #ffffff0a!important}:root[data-theme=dark] .poe-card:hover,:root[data-theme=dark] .glass-card:hover{box-shadow:var(--glass-shadow-hover),inset 0 1px #ffffff0f!important;border-color:#4facfe26!important}.poe-card-header{border-bottom:1px solid var(--glass-border-subtle)!important}.poe-author-card{background:var(--glass-bg)!important;overflow:hidden}:root[data-theme=dark] .poe-author-card{background:var(--glass-bg)!important}.poe-author-avatar{border:3px solid var(--glass-border)!important;box-shadow:0 8px 24px #00000014,inset 0 0 0 1px #fff3}.poe-author-avatar img{transition:transform .5s cubic-bezier(.23,1,.32,1)}.poe-author-card:hover .poe-author-avatar img{transform:scale(1.05)}.poe-author-btn{background:var(--accent-gradient)!important;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 16px #4facfe40;transition:all .3s cubic-bezier(.23,1,.32,1)!important}.poe-author-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #4facfe59}.poe-search-input{background:var(--glass-bg-light)!important;border:1px solid var(--glass-border-subtle)!important;transition:all .3s ease}.poe-search-input:focus-within{border-color:var(--accent)!important;box-shadow:0 0 0 3px #3b82f61a;background:var(--glass-bg)!important}.poe-article-card{background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;box-shadow:var(--glass-shadow),inset 0 1px #ffffff80!important;border-radius:var(--glass-radius)!important}.poe-article-card:hover{transform:translateY(-8px) scale(1.01);box-shadow:var(--glass-shadow-hover),inset 0 1px #fff9!important;border-color:#4facfe33!important}:root[data-theme=dark] .poe-article-card{background:var(--glass-bg)!important;border-color:var(--glass-border)!important;box-shadow:var(--glass-shadow),inset 0 1px #ffffff0a!important}:root[data-theme=dark] .poe-article-card:hover{box-shadow:var(--glass-shadow-hover),inset 0 1px #ffffff0f!important;border-color:#4facfe26!important}.poe-article-cover img{transition:transform .8s cubic-bezier(.23,1,.32,1)}.poe-article-card:hover .poe-article-cover img{transform:scale(1.05)}.article-date-badge{background:#0006!important;border:1px solid rgba(255,255,255,.15);font-weight:500}.poe-article-card:hover .poe-article-title{background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:var(--accent)!important;background-clip:unset!important;color:var(--accent)!important}:root[data-theme=dark] .poe-article-card:hover .poe-article-title{-webkit-text-fill-color:var(--accent-light)!important;color:var(--accent-light)!important}.poe-tag{transition:all .25s cubic-bezier(.23,1,.32,1)!important;border:1px solid transparent}.poe-tag:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #0000000f}.poe-tag.active{background:var(--accent-gradient)!important;color:#fff!important;border-color:transparent}.poe-notice{background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;box-shadow:var(--glass-shadow),inset 0 1px #ffffff80!important;border-radius:var(--glass-radius-sm)!important;position:relative;overflow:hidden}.poe-notice:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent-gradient);border-radius:0 2px 2px 0}:root[data-theme=dark] .poe-notice{background:var(--glass-bg)!important;border-color:var(--glass-border)!important}.poe-category-tag.active:before,.poe-category-tag.active:after{display:none!important}.poe-pagination .ant-pagination-item{border-radius:var(--glass-radius-xs)!important;border:1px solid var(--glass-border)!important;background:var(--glass-bg-light)!important;transition:all .3s cubic-bezier(.23,1,.32,1)!important}.poe-pagination .ant-pagination-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4facfe1f}.poe-pagination .ant-pagination-item-active{background:var(--accent-gradient)!important;border-color:transparent!important}.poe-pagination .ant-pagination-item-active a{color:#fff!important}.poetize-footer{background:var(--glass-bg-heavy)!important;backdrop-filter:var(--glass-blur)!important;-webkit-backdrop-filter:var(--glass-blur)!important;border-top:1px solid var(--glass-border)!important}:root[data-theme=dark] .poetize-footer{background:var(--glass-bg-heavy)!important;border-top-color:var(--glass-border)!important}.poetize-footer:before{background:linear-gradient(90deg,transparent,var(--accent),transparent)!important}.footer-content{border-bottom-color:var(--glass-border-subtle)!important}:root[data-theme=dark] .footer-content{border-bottom-color:var(--glass-border)!important}.footer-links a{background:var(--glass-bg-light)!important;border:1px solid var(--glass-border-subtle);transition:all .3s cubic-bezier(.23,1,.32,1)}.footer-links a:hover{color:#fff!important;background:var(--accent-gradient)!important;border-color:transparent;transform:translateY(-3px) rotate(5deg);box-shadow:0 8px 24px #4facfe4d}.back-to-top{background:var(--glass-bg-heavy)!important;backdrop-filter:var(--glass-blur)!important;-webkit-backdrop-filter:var(--glass-blur)!important;border:1px solid var(--glass-border)!important;color:var(--accent)!important;box-shadow:0 4px 16px #00000014,inset 0 1px #ffffff4d!important;transition:all .4s cubic-bezier(.23,1,.32,1)!important}.back-to-top:hover{transform:translateY(-4px)!important;box-shadow:0 8px 32px #4facfe33,inset 0 1px #fff6!important;color:var(--accent)!important}:root[data-theme=dark] .back-to-top{color:var(--accent-light)!important}.poetize-layout:before{background:var(--accent-gradient)!important;background-size:200% 100%!important;animation:progressShimmer 3s linear infinite!important}.art-progress{background:var(--accent-gradient)!important;background-size:200% 100%!important;animation:progressShimmer 3s linear infinite!important;box-shadow:0 0 10px #4facfe80!important}@keyframes progressShimmer{0%{background-position:0% 0%}to{background-position:200% 0%}}.about-hero{background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;box-shadow:var(--glass-shadow),inset 0 1px #ffffff80!important;border-radius:var(--glass-radius)!important}:root[data-theme=dark] .about-hero{background:var(--glass-bg)!important;border-color:var(--glass-border)!important}.about-avatar img{transition:transform .5s cubic-bezier(.23,1,.32,1);border:3px solid var(--glass-border)!important;box-shadow:0 8px 24px #00000014}.about-hero:hover .about-avatar img{transform:scale(1.05) rotate(3deg)}.about-name{color:var(--accent)!important;background:none!important;-webkit-text-fill-color:unset!important;background-size:unset!important;animation:none!important}.about-social a{background:var(--glass-bg-light)!important;border:1px solid var(--glass-border-subtle);transition:all .3s cubic-bezier(.23,1,.32,1)!important}.about-social a:hover{color:#fff!important;background:var(--accent-gradient)!important;border-color:transparent;transform:translateY(-2px);box-shadow:0 6px 20px #4facfe4d}:root[data-theme=dark] .about-social a{background:var(--glass-bg-light)!important;border-color:var(--glass-border-subtle)}:root[data-theme=dark] .about-social a:hover{background:var(--accent-gradient)!important}.about-wechat-tag{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;background:#07c1601a;color:#07c160;font-size:14px;cursor:default;border:1px solid rgba(7,193,96,.15)}.stat-card{background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;box-shadow:var(--glass-shadow),inset 0 1px #ffffff80!important;border-radius:var(--glass-radius)!important;transition:all .4s cubic-bezier(.23,1,.32,1)!important}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--glass-shadow-hover),inset 0 1px #fff6!important}:root[data-theme=dark] .stat-card{background:var(--glass-bg)!important;border-color:var(--glass-border)!important}.about-section{background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;box-shadow:var(--glass-shadow),inset 0 1px #ffffff80!important;border-radius:var(--glass-radius)!important}:root[data-theme=dark] .about-section{background:var(--glass-bg)!important;border-color:var(--glass-border)!important}.about-section h2{border-bottom-color:var(--glass-border)!important}.skill-progress{background:var(--accent-gradient)!important;border-radius:4px;position:relative;overflow:hidden}.skill-progress:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:skillShine 2s ease-in-out infinite}@keyframes skillShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.about-quote{background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;box-shadow:var(--glass-shadow),inset 0 1px #ffffff80!important;border-radius:var(--glass-radius)!important;position:relative;overflow:hidden}.about-quote:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent-gradient)}:root[data-theme=dark] .about-quote{background:var(--glass-bg)!important;border-color:var(--glass-border)!important}.archives-header,.friends-header,.message-header{background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;box-shadow:var(--glass-shadow),inset 0 1px #ffffff80!important;border-radius:var(--glass-radius)!important}:root[data-theme=dark] .archives-header,:root[data-theme=dark] .friends-header,:root[data-theme=dark] .message-header{background:var(--glass-bg)!important;border-color:var(--glass-border)!important}.archives-header h1,.friends-header h1{color:var(--accent)!important;background:none!important;-webkit-text-fill-color:unset!important}.archive-item{background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;box-shadow:var(--glass-shadow),inset 0 1px #fff6!important;transition:all .4s cubic-bezier(.23,1,.32,1)!important}.archive-item:hover{transform:translate(6px)!important;border-color:#4facfe33!important;box-shadow:var(--glass-shadow-hover),inset 0 1px #ffffff4d!important}:root[data-theme=dark] .archive-item{background:var(--glass-bg)!important;border-color:var(--glass-border)!important}:root[data-theme=dark] .archive-item:hover{border-color:#4facfe33!important}.notes-page{max-width:680px;margin:0 auto}.notes-title{color:var(--accent)!important;background:none!important;-webkit-text-fill-color:unset!important}.note-content-wrapper{background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;box-shadow:var(--glass-shadow),inset 0 1px #fff6!important;transition:all .3s cubic-bezier(.23,1,.32,1)}.note-card:hover .note-content-wrapper{border-color:#4facfe26!important;box-shadow:var(--glass-shadow-hover)!important}:root[data-theme=dark] .note-content-wrapper{background:var(--glass-bg)!important;border-color:var(--glass-border)!important}.note-like-btn{transition:all .3s cubic-bezier(.23,1,.32,1)!important}.note-like-btn:hover{transform:scale(1.1)}.note-like-btn.liked{animation:likePopIn .4s cubic-bezier(.23,1,.32,1)}@keyframes likePopIn{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.notes-load-more{background:var(--accent-gradient)!important}.note-timeline-dot:before{background:var(--accent-gradient)!important}.friend-card{background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;box-shadow:var(--glass-shadow),inset 0 1px #fff6!important;transition:all .4s cubic-bezier(.23,1,.32,1)!important;text-decoration:none!important}.friend-card:hover{transform:translateY(-6px)!important;box-shadow:var(--glass-shadow-hover),inset 0 1px #ffffff4d!important;border-color:#4facfe33!important}.friend-avatar img{transition:transform .5s cubic-bezier(.23,1,.32,1)}.friend-card:hover .friend-avatar img{transform:scale(1.08) rotate(3deg)}:root[data-theme=dark] .friend-card{background:var(--glass-bg)!important;border-color:var(--glass-border)!important}.apply-section{background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;box-shadow:var(--glass-shadow),inset 0 1px #fff6!important;position:relative;overflow:hidden}.apply-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-gradient)}:root[data-theme=dark] .apply-section{background:var(--glass-bg)!important;border-color:var(--glass-border)!important}.danmaku-form{background:var(--glass-bg-heavy)!important;backdrop-filter:var(--glass-blur-heavy)!important;-webkit-backdrop-filter:var(--glass-blur-heavy)!important;border:1px solid var(--glass-border)!important}.danmaku-send{transition:all .3s cubic-bezier(.23,1,.32,1)!important}.danmaku-send:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 16px #4facfe4d}.danmaku-text{background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;border-radius:16px!important;box-shadow:0 2px 8px #0000000f}.art-title{letter-spacing:-.02em;line-height:1.3!important}.art-action-btn{background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;transition:all .3s cubic-bezier(.23,1,.32,1)!important}.art-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000000f}.art-action-btn.liked{border-color:#ef444433!important;background:#ef44440f!important}.art-action-btn.bookmarked{border-color:#f59e0b33!important;background:#f59e0b0f!important}.art-share-menu{background:var(--glass-bg-heavy)!important;backdrop-filter:var(--glass-blur)!important;-webkit-backdrop-filter:var(--glass-blur)!important;border:1px solid var(--glass-border)!important}.art-related-card{background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;transition:all .3s cubic-bezier(.23,1,.32,1)!important}.art-related-card:hover{transform:translateY(-4px);box-shadow:var(--glass-shadow-hover)!important;border-color:#4facfe26!important}.art-comment-form{background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;border-radius:var(--glass-radius)!important}.art-comment-form textarea:focus,.art-comment-form input:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px #3b82f61a}.art-toc{background:var(--glass-bg-heavy)!important;backdrop-filter:var(--glass-blur)!important;-webkit-backdrop-filter:var(--glass-blur)!important;border:1px solid var(--glass-border)!important}.art-toc-item.active{background:#3b82f614!important;border-left:2px solid var(--accent)!important}.art-icon-btn.active{background:var(--accent-gradient)!important}.markdown-body blockquote{border-left-color:var(--accent)!important}.art-comment-foot button{background:var(--accent-gradient)!important}.art-section-bar,.art-comment-head h3:before{background:var(--accent-gradient)!important}.login-page{background:linear-gradient(135deg,#4facfe,#00f2fe,#43e97b)!important}.login-container{background:var(--glass-bg)!important;backdrop-filter:var(--glass-blur-heavy)!important;-webkit-backdrop-filter:var(--glass-blur-heavy)!important;border:1px solid rgba(255,255,255,.3)!important;box-shadow:0 24px 64px #0000001f,inset 0 1px #fff6!important;border-radius:24px!important}.login-page .login-btn{background:var(--accent-gradient)!important;border:1px solid rgba(255,255,255,.2)!important;transition:all .3s cubic-bezier(.23,1,.32,1)!important}.login-page .login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #4facfe66!important}.poe-main{background:transparent!important}:root[data-theme=dark] .poe-main{background:transparent!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#3b82f633!important;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#3b82f659!important}:root[data-theme=dark] ::-webkit-scrollbar-thumb{background:#60a5fa33!important}:root[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#60a5fa59!important}::selection{background:#3b82f633;color:inherit}:root[data-theme=dark] ::selection{background:#60a5fa4d}.skeleton-cover,.skeleton-title,.skeleton-meta{background:linear-gradient(90deg,#0000000a 25%,#00000014,#0000000a 75%)!important;background-size:200% 100%!important;animation:skeletonShimmer 1.5s ease-in-out infinite!important}:root[data-theme=dark] .skeleton-cover,:root[data-theme=dark] .skeleton-title,:root[data-theme=dark] .skeleton-meta{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14,#ffffff0a 75%)!important;background-size:200% 100%!important}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.poetize-main{animation:pageEnter .4s ease-out}@keyframes pageEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.notice-icon .anticon{color:var(--accent);font-size:1rem}.poe-author-stats .icon .anticon{font-size:1rem;opacity:.7}.section-icon .anticon{color:#ff6b6b;font-size:1rem}.poe-article-title:after{background:var(--accent-gradient)!important}@media (max-width: 768px){.poe-article-card:hover{transform:translateY(-4px) scale(1)}.mobile-nav{background:var(--glass-bg-heavy)!important;backdrop-filter:var(--glass-blur-heavy)!important;-webkit-backdrop-filter:var(--glass-blur-heavy)!important}}.settings-tabs{background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;border-radius:var(--glass-radius-sm)!important}.settings-tab.active{background:var(--glass-bg-heavy)!important;color:var(--accent)!important}.settings-card{background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;box-shadow:var(--glass-shadow),inset 0 1px #ffffff80!important;border-radius:var(--glass-radius)!important}:root[data-theme=dark] .settings-tabs,:root[data-theme=dark] .settings-card{background:var(--glass-bg)!important;border-color:var(--glass-border)!important}.settings-card-header{border-bottom:1px solid var(--glass-border-subtle)!important}.settings-card-icon{color:var(--accent)!important}.settings-input{background:var(--glass-bg-light)!important;border:1px solid #d1d5db!important;border-radius:var(--glass-radius-xs)!important;transition:all .3s ease}:root[data-theme=dark] .settings-input{border-color:var(--glass-border)!important}.settings-input:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px #3b82f61a;background:var(--glass-bg)!important}.settings-upload-btn{background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;border-radius:var(--glass-radius-xs)!important}.settings-save-btn,.btn-primary{background:var(--accent-gradient)!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:var(--glass-radius-sm)!important}.admin-sidebar{background:var(--glass-bg-heavy)!important;backdrop-filter:var(--glass-blur-heavy)!important;-webkit-backdrop-filter:var(--glass-blur-heavy)!important;border-right:1px solid var(--glass-border)!important}:root[data-theme=dark] .admin-sidebar{background:var(--glass-bg-heavy)!important;border-right-color:var(--glass-border)!important}.admin-nav-item.active{background:#3b82f61a!important;color:var(--accent)!important}.admin-header{background:var(--glass-bg-heavy)!important;backdrop-filter:var(--glass-blur)!important;-webkit-backdrop-filter:var(--glass-blur)!important;border-bottom:1px solid var(--glass-border)!important}:root[data-theme=dark] .admin-header{background:var(--glass-bg-heavy)!important;border-bottom-color:var(--glass-border)!important}.admin-card,.stat-card-admin{background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;box-shadow:var(--glass-shadow),inset 0 1px #ffffff80!important;border-radius:var(--glass-radius)!important}.admin-table{background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;border-radius:var(--glass-radius)!important;overflow:hidden}.ant-table{background:transparent!important}.ant-table-thead>tr>th{background:var(--glass-bg-light)!important;border-bottom:1px solid var(--glass-border)!important}.ant-table-tbody>tr>td{border-bottom:1px solid var(--glass-border-subtle)!important}.ant-table-tbody>tr:hover>td{background:var(--glass-bg-light)!important}.ant-modal-content{background:var(--glass-bg-heavy)!important;backdrop-filter:var(--glass-blur-heavy)!important;-webkit-backdrop-filter:var(--glass-blur-heavy)!important;border:1px solid var(--glass-border)!important;border-radius:var(--glass-radius)!important}.ant-message-notice-content{background:var(--glass-bg-heavy)!important;backdrop-filter:var(--glass-blur)!important;-webkit-backdrop-filter:var(--glass-blur)!important;border:1px solid var(--glass-border)!important;border-radius:var(--glass-radius-sm)!important;box-shadow:0 8px 32px #00000014!important}.message-form .submit-btn{background:var(--accent-gradient)!important;border:1px solid rgba(255,255,255,.2);transition:all .3s cubic-bezier(.23,1,.32,1)!important}.message-form .submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #4facfe59!important}.message-item:before{background:var(--accent-gradient)!important}.message-item:hover .message-avatar{background:var(--accent-gradient)!important}.poe-article-title{background-image:var(--accent-gradient)!important}.poe-category-tag.active{background:var(--accent-gradient)!important}.poe-category-tag.active:before{background:linear-gradient(45deg,#4facfe,#00f2fe,#43e97b,#38f9d7,#3b82f6,#60a5fa)!important}.poe-article-card:hover .poe-article-title{background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:var(--accent)!important;background-clip:unset!important}.poetize-layout:before{background:var(--accent-gradient)!important}::-webkit-scrollbar-thumb{background:#3b82f633!important}.art-section-bar,.art-comment-head h3:before,.art-toc-item.active{background:var(--accent-gradient)!important}.art-tag:hover{background:var(--accent-gradient)!important;color:#fff!important}.art-icon-btn.active,.art-comment-foot button{background:var(--accent-gradient)!important}.markdown-body a:hover{color:var(--accent)!important}.about-name{background:none!important;background-size:unset!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:unset!important;background-clip:unset!important;animation:none!important;color:var(--accent)!important}.stat-card:hover .anticon{color:var(--accent)!important}.about-section h2:after{background:var(--accent-gradient)!important}.message-form{background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;box-shadow:var(--glass-shadow),inset 0 1px #ffffff80!important;border-radius:var(--glass-radius)!important}:root[data-theme=dark] .message-form{background:var(--glass-bg)!important;border-color:var(--glass-border)!important}.message-form input,.message-form textarea{background:var(--glass-bg-light)!important;border:1px solid var(--glass-border-subtle)!important;border-radius:var(--glass-radius-xs)!important;color:var(--text-primary);transition:all .3s ease}.message-form input:focus,.message-form textarea:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px #3b82f61a;background:var(--glass-bg)!important}.message-item{background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;box-shadow:var(--glass-shadow),inset 0 1px #fff6!important;border-radius:var(--glass-radius-sm)!important;transition:all .3s cubic-bezier(.23,1,.32,1)}.message-item:hover{box-shadow:var(--glass-shadow-hover)!important;border-color:#4facfe26!important}:root[data-theme=dark] .message-item{background:var(--glass-bg)!important;border-color:var(--glass-border)!important}.empty-messages{background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;border-radius:var(--glass-radius)!important}.notes-header{text-align:center;padding:48px 24px;margin-bottom:32px}.notes-title{font-size:2.2rem!important;font-weight:700;color:var(--accent)!important}.notes-subtitle{color:var(--text-secondary);font-size:1.1rem}.notes-empty{text-align:center;padding:60px;color:var(--text-muted);background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;border-radius:var(--glass-radius)!important}.notes-load-more{background:var(--accent-gradient)!important;color:#fff;border:1px solid rgba(255,255,255,.2);padding:10px 32px;border-radius:25px;cursor:pointer;font-size:.95rem;transition:all .3s cubic-bezier(.23,1,.32,1)}.notes-load-more:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4facfe4d}.loading-state{background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;border-radius:var(--glass-radius)!important}.loading-spinner{border-color:var(--glass-border)!important;border-top-color:var(--accent)!important}.danmaku-title{color:#fff!important;text-shadow:0 2px 20px rgba(0,0,0,.3)}.danmaku-nickname,.danmaku-input{background:var(--glass-bg-light)!important;border:1px solid var(--glass-border-subtle)!important;border-radius:var(--glass-radius-xs)!important;color:var(--text-primary)}.danmaku-send{background:var(--accent-gradient)!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important;border-radius:var(--glass-radius-xs)!important}.poe-author-name,.poe-author-stats .value{color:var(--text-primary)}.poe-author-stats .label{color:var(--text-muted)}.poe-article-title{color:var(--text-primary)}.poe-article-stats{color:var(--text-muted)}.notice-text{color:var(--text-secondary)}.section-title,.footer-title{color:var(--text-primary)}.footer-desc,.footer-bottom{color:var(--text-muted)}.poe-card:after,.poe-article-card:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.03),transparent);transition:left .6s ease;pointer-events:none}.poe-card:hover:after,.poe-article-card:hover:after{left:100%}*:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.poe-article-card{will-change:auto}.poe-article-card:hover{will-change:transform}.poetize-header,.back-to-top,.art-toc,.art-progress{will-change:transform;transform:translateZ(0)}.search-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding-top:min(20vh,120px);animation:search-overlay-in .2s ease}@keyframes search-overlay-in{0%{opacity:0}to{opacity:1}}.search-modal{width:90%;max-width:640px;background:var(--glass-bg-heavy);backdrop-filter:var(--glass-blur-heavy);-webkit-backdrop-filter:var(--glass-blur-heavy);border:1px solid var(--glass-border);border-radius:var(--glass-radius);box-shadow:0 24px 80px #00000026,inset 0 1px #ffffff4d;overflow:hidden;animation:search-modal-in .25s cubic-bezier(.23,1,.32,1)}:root[data-theme=dark] .search-modal{box-shadow:0 24px 80px #00000080,inset 0 1px #ffffff0d}@keyframes search-modal-in{0%{opacity:0;transform:scale(.96) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.search-modal-input-row{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--glass-border-subtle)}.search-modal-icon{font-size:18px;color:var(--text-muted)}.search-modal-input-row input{flex:1;border:none;background:transparent;font-size:16px;color:var(--text-primary);outline:none}.search-modal-input-row input::placeholder{color:var(--text-muted)}.search-modal-spinner{color:var(--accent);font-size:16px}.search-modal-kbd{font-size:11px;padding:2px 8px;border-radius:6px;background:var(--glass-bg-light);border:1px solid var(--glass-border-subtle);color:var(--text-muted);cursor:pointer;font-family:inherit;line-height:1.6}.search-modal-results{max-height:400px;overflow-y:auto;padding:8px}.search-modal-item{display:flex;gap:12px;padding:10px 12px;border-radius:var(--glass-radius-xs);cursor:pointer;transition:background .15s}.search-modal-item:hover,.search-modal-item.active{background:#3b82f614}:root[data-theme=dark] .search-modal-item:hover,:root[data-theme=dark] .search-modal-item.active{background:#60a5fa1a}.search-modal-cover{width:56px;height:56px;border-radius:8px;object-fit:cover;flex-shrink:0}.search-modal-item-info{flex:1;min-width:0}.search-modal-item-title{font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-modal-item-title mark{background:#3b82f633;color:var(--accent);border-radius:2px;padding:0 2px}.search-modal-item-desc{font-size:12px;color:var(--text-secondary);margin-top:2px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.search-modal-item-desc mark{background:#3b82f626;color:var(--accent);border-radius:2px;padding:0 1px}.search-modal-item-meta{display:flex;gap:12px;font-size:11px;color:var(--text-muted);margin-top:4px}.search-modal-item-meta span{display:flex;align-items:center;gap:4px}.search-modal-empty{text-align:center;padding:32px 16px;color:var(--text-muted);font-size:14px}.search-modal-hint{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;color:var(--text-muted);font-size:13px}.search-modal-shortcut{font-size:11px;color:var(--text-muted);opacity:.7}.search-modal-shortcut kbd{font-size:10px;padding:1px 5px;border-radius:4px;background:var(--glass-bg-light);border:1px solid var(--glass-border-subtle);font-family:inherit;margin:0 2px}.search-page{max-width:800px;margin:0 auto;padding:80px 24px 60px}.search-box{display:flex;align-items:center;gap:12px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--glass-radius);padding:12px 20px;box-shadow:var(--glass-shadow);margin-bottom:32px}.search-box .search-icon{font-size:20px;color:var(--text-muted)}.search-box input{flex:1;border:none;background:transparent;font-size:1.1rem;color:var(--text-primary);outline:none}.search-box input::placeholder{color:var(--text-muted)}.search-box button{background:var(--accent-gradient);color:#fff;border:none;padding:8px 24px;border-radius:20px;cursor:pointer;font-size:.95rem;transition:all .3s ease}.search-box button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.search-box button:disabled{opacity:.5;cursor:not-allowed}.search-loading{text-align:center;padding:60px}.search-count{color:var(--text-muted);margin-bottom:20px;font-size:.9rem}.search-result-card{display:flex;gap:16px;padding:16px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--glass-radius-sm);margin-bottom:12px;cursor:pointer;transition:all .3s cubic-bezier(.23,1,.32,1)}.search-result-card:hover{border-color:#4facfe33;box-shadow:var(--glass-shadow-hover);transform:translateY(-2px)}.search-result-cover{width:120px;height:80px;object-fit:cover;border-radius:8px;flex-shrink:0}.search-result-info{flex:1;min-width:0}.search-result-info h3{margin:0 0 6px;font-size:1.05rem;color:var(--text-primary);line-height:1.4}.search-result-info h3 mark{background:#4facfe33;color:var(--accent);padding:0 2px;border-radius:2px}.search-result-desc{color:var(--text-secondary);font-size:.88rem;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-result-desc mark{background:#4facfe26;color:var(--accent);padding:0 2px;border-radius:2px}.search-result-meta{display:flex;gap:16px;color:var(--text-muted);font-size:.82rem}.search-result-meta .anticon{margin-right:4px}.gallery-page{max-width:1200px;margin:0 auto;padding:80px 24px 60px}.gallery-header{text-align:center;margin-bottom:32px}.gallery-header .gallery-icon{font-size:2rem;color:var(--accent);margin-bottom:8px;display:block}.gallery-header h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0}.gallery-albums{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:32px}.album-tag{padding:6px 18px;border-radius:20px;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-secondary);cursor:pointer;font-size:.9rem;transition:all .3s ease}.album-tag:hover{border-color:var(--accent);color:var(--accent)}.album-tag.active{background:var(--accent-gradient);color:#fff;border-color:transparent}.gallery-loading{text-align:center;padding:60px}.gallery-waterfall{columns:3;column-gap:16px}@media (max-width: 768px){.gallery-waterfall{columns:2}}@media (max-width: 480px){.gallery-waterfall{columns:1}}.gallery-item{break-inside:avoid;margin-bottom:16px;border-radius:var(--glass-radius-sm);overflow:hidden;background:var(--glass-bg);border:1px solid var(--glass-border);cursor:pointer;transition:all .3s cubic-bezier(.23,1,.32,1)}.gallery-item:hover{transform:translateY(-4px);box-shadow:var(--glass-shadow-hover);border-color:#4facfe33}.gallery-item img{width:100%;display:block}.gallery-item-info{padding:10px 14px}.gallery-item-info h4{margin:0 0 4px;font-size:.9rem;color:var(--text-primary)}.gallery-item-info p{margin:0;font-size:.82rem;color:var(--text-muted)}.gallery-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#000000e6;display:flex;align-items:center;justify-content:center;cursor:pointer}.gallery-lightbox img{max-width:90vw;max-height:85vh;object-fit:contain;border-radius:8px;cursor:default}.lightbox-close,.lightbox-prev,.lightbox-next{position:absolute;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;transition:all .2s ease}.lightbox-close:hover,.lightbox-prev:hover,.lightbox-next:hover{background:#fff3}.lightbox-close{top:20px;right:20px}.lightbox-prev{left:20px;top:50%;transform:translateY(-50%)}.lightbox-next{right:20px;top:50%;transform:translateY(-50%)}.lightbox-caption{position:absolute;bottom:24px;left:50%;transform:translate(-50%);color:#fff;font-size:.95rem;background:#00000080;padding:8px 20px;border-radius:20px}.music-trigger{position:fixed;bottom:80px;right:24px;z-index:1000;width:48px;height:48px;border-radius:50%;background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);color:var(--accent);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;will-change:transform;transform:translateZ(0)}.music-trigger:hover{transform:translateY(-2px) translateZ(0);box-shadow:var(--glass-shadow-hover)}.music-trigger.playing{animation:music-pulse 2s ease-in-out infinite}@keyframes music-pulse{0%,to{box-shadow:var(--glass-shadow)}50%{box-shadow:0 0 0 8px #3b82f61f,var(--glass-shadow)}}.music-disc{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#1e293b,#334155);display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:16px;cursor:pointer;flex-shrink:0;overflow:hidden;transition:transform .3s ease}.music-disc img{width:100%;height:100%;object-fit:cover;border-radius:50%}.music-disc.spinning{animation:disc-spin 4s linear infinite}@keyframes disc-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.music-mini-ball{position:fixed;bottom:80px;right:24px;z-index:1001;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.music-mini-ball:hover{transform:scale(1.1)}.music-mini-disc{width:44px;height:44px;border-radius:50%;background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:18px}.music-mini-ball.playing .music-mini-disc{animation:disc-spin 4s linear infinite}.music-mini-ring{position:absolute;top:0;left:0;width:44px;height:44px;color:var(--accent);pointer-events:none}.music-player{position:fixed;bottom:0;left:0;right:0;z-index:1001;background:var(--glass-bg);border-top:1px solid var(--glass-border);box-shadow:0 -4px 20px #0000001a;will-change:transform;transform:translateZ(0)}:root[data-theme=dark] .music-player{background:#0f172af2}.music-player-bar{display:flex;align-items:center;padding:8px 20px;gap:12px}.music-info{display:flex;align-items:center;gap:10px;min-width:120px;flex:1}.music-text{display:flex;flex-direction:column;min-width:0;flex:1}.music-title{font-size:.88rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-artist{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-inline-lyric{color:var(--accent);font-size:.75rem;animation:lyricFadeIn .4s ease;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes lyricFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.music-controls{display:flex;align-items:center;gap:2px;flex-shrink:0}.music-controls button{background:none;border:none;color:var(--text-secondary);font-size:16px;cursor:pointer;padding:5px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.music-controls button:hover{color:var(--accent);background:#3b82f614}.music-play-btn{font-size:24px!important;color:var(--accent)!important}.music-mode-active{color:var(--accent)!important}.music-volume-wrap{display:flex;align-items:center;gap:4px;color:var(--text-muted);font-size:14px}.music-volume-slider{width:60px;height:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--glass-border);border-radius:2px;outline:none;cursor:pointer}.music-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:var(--accent);cursor:pointer}.music-progress{height:3px;background:var(--glass-border);cursor:pointer;position:relative;flex:1}.music-progress-fill{height:100%;background:var(--accent-gradient);border-radius:2px;transition:width .1s linear}.music-progress-thumb{position:absolute;top:50%;width:10px;height:10px;border-radius:50%;background:var(--accent);transform:translate(-50%,-50%);box-shadow:0 0 4px #3b82f666;pointer-events:none;opacity:0;transition:opacity .2s}.music-progress:hover .music-progress-thumb{opacity:1}.music-mode-dot{position:absolute;font-size:9px;font-weight:700;bottom:2px;right:2px;line-height:1;color:var(--accent)}.music-controls button{position:relative}.music-progress-row{display:flex;align-items:center;gap:8px;padding:0 12px 6px}.music-time{font-size:.7rem;color:var(--text-muted);min-width:32px;text-align:center}.music-playlist{max-height:200px;overflow-y:auto;border-top:1px solid var(--glass-border);padding:8px 0}.music-playlist-item{display:flex;align-items:center;gap:10px;padding:8px 20px;cursor:pointer;font-size:.88rem;color:var(--text-secondary);transition:all .2s ease}.music-playlist-item:hover{background:#3b82f60d}.music-playlist-item.active{color:var(--accent);font-weight:500}.music-pl-index{width:20px;text-align:center;font-size:.78rem;color:var(--text-muted);flex-shrink:0}.music-playlist-item.active .music-pl-index{color:var(--accent)}.music-pl-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.music-pl-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}.music-pl-artist{font-size:.75rem;color:var(--text-muted)}.music-pl-wave{color:var(--accent);font-size:.8rem;animation:wave-bounce .6s ease-in-out infinite alternate}@keyframes wave-bounce{0%{opacity:.5;transform:translateY(1px)}to{opacity:1;transform:translateY(-1px)}}.music-pl-fav{background:none;border:none;cursor:pointer;padding:4px;font-size:14px;color:var(--text-muted);transition:color .2s;flex-shrink:0}.music-pl-fav:hover{color:#ef4444}.music-lyrics{max-height:200px;overflow-y:auto;border-top:1px solid var(--glass-border);padding:12px 20px;scroll-behavior:smooth}.music-lyric-line{padding:4px 0;font-size:.85rem;color:var(--text-muted);text-align:center;transition:all .3s ease;line-height:1.6}.music-lyric-line.active{color:var(--accent);font-size:.95rem;font-weight:600;transform:scale(1.02)}.music-lyric-empty{text-align:center;color:var(--text-muted);font-size:.85rem;padding:20px 0}.music-error-toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%);background:#0f172ae6;color:#fff;padding:10px 20px;border-radius:12px;font-size:.85rem;z-index:10001;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:toast-in .3s ease;pointer-events:none}:root[data-theme=dark] .music-error-toast{background:#ffffff26}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 768px){.search-result-card{flex-direction:column}.search-result-cover{width:100%;height:160px}.music-player-bar{padding:6px 12px}.music-info{max-width:50%}.music-volume-wrap{display:none}.music-mini-ball{bottom:60px;right:16px}}.dash-trend{display:flex;align-items:flex-end;gap:12px;height:180px;padding:16px 0 0}.dash-trend-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%}.dash-trend-val{font-size:.82rem;color:var(--text-muted);font-weight:500}.dash-trend-bar-wrap{flex:1;width:100%;max-width:48px;display:flex;align-items:flex-end;border-radius:6px 6px 0 0;overflow:hidden}.dash-trend-bar{width:100%;min-height:4px;background:var(--accent-gradient);border-radius:6px 6px 0 0;transition:height .6s cubic-bezier(.23,1,.32,1)}.dash-trend-label{font-size:.78rem;color:var(--text-muted)}.admin-photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.admin-photo-card{position:relative;border-radius:10px;overflow:hidden;background:var(--glass-bg);border:1px solid var(--glass-border);cursor:pointer;aspect-ratio:1}.admin-photo-card img{width:100%;height:100%;object-fit:cover}.admin-photo-overlay{position:absolute;bottom:0;left:0;right:0;padding:8px 10px;background:linear-gradient(transparent,#000000b3);color:#fff;font-size:.82rem;display:flex;flex-direction:column;gap:2px}.admin-photo-album{font-size:.72rem;opacity:.7}.admin-photo-delete{position:absolute;top:8px;right:8px;background:#00000080;color:#fff;border:none;width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.admin-photo-card:hover .admin-photo-delete{opacity:1}.album-filter-btn{padding:4px 14px;border-radius:16px;border:1px solid var(--glass-border, #e2e8f0);background:transparent;color:var(--text-secondary, #64748b);cursor:pointer;font-size:.85rem;transition:all .2s}.album-filter-btn:hover{border-color:var(--accent, #3b82f6);color:var(--accent, #3b82f6)}.album-filter-btn.active{background:var(--accent, #3b82f6);color:#fff;border-color:transparent}