*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#6366f1;--primary-hover:#4f46e5;--primary-light:#eef2ff;--primary-border:#c7d2fe;--accent:#8b5cf6;--accent-light:#f5f3ff;--gradient-primary:linear-gradient(135deg,#6366f1,#8b5cf6);--gradient-hero:linear-gradient(135deg,#0f0c29,#302b63 50%,#24243e);--gradient-hero-mesh:radial-gradient(ellipse at 20% 50%,rgba(99,102,241,.4) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(168,85,247,.25) 0%,transparent 50%),radial-gradient(ellipse at 40% 80%,rgba(56,189,248,.2) 0%,transparent 50%);--glow-primary:0 0 20px rgba(99,102,241,.3),0 0 60px rgba(99,102,241,.1);--glow-accent:0 0 20px rgba(139,92,246,.3),0 0 60px rgba(139,92,246,.1);--bg:#fff;--bg-secondary:#f8fafc;--bg-card:#fff;--bg-elevated:#fff;--text:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--border:#e2e8f0;--border-light:#f1f5f9;--danger:#ef4444;--success:#10b981;--warning:#f59e0b;--radius:14px;--radius-sm:8px;--shadow-sm:0 1px 2px rgba(0,0,0,.04);--shadow:0 2px 8px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 20px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.04);--shadow-lg:0 12px 40px rgba(0,0,0,.12);--max-width:1200px;--transition:0.25s cubic-bezier(0.4,0,0.2,1)}[data-theme=dark]{--primary:#818cf8;--primary-hover:#a5b4fc;--primary-light:rgba(99,102,241,.12);--primary-border:#4338ca;--accent:#a78bfa;--accent-light:rgba(139,92,246,.1);--gradient-primary:linear-gradient(135deg,#818cf8,#a78bfa);--gradient-hero:linear-gradient(135deg,#0a0a1a,#1a1040 50%,#0d1b3e);--gradient-hero-mesh:radial-gradient(ellipse at 20% 50%,rgba(99,102,241,.2) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(168,85,247,.15) 0%,transparent 50%),radial-gradient(ellipse at 40% 80%,rgba(56,189,248,.1) 0%,transparent 50%);--glow-primary:0 0 20px rgba(129,140,248,.3),0 0 60px rgba(129,140,248,.1);--glow-accent:0 0 20px rgba(167,139,250,.3),0 0 60px rgba(167,139,250,.1);--bg:#0f172a;--bg-secondary:#0c1322;--bg-card:#1e293b;--bg-elevated:#1e293b;--text:#e2e8f0;--text-secondary:#94a3b8;--text-muted:#64748b;--border:#334155;--border-light:#1e293b;--shadow-sm:0 1px 2px rgba(0,0,0,.2);--shadow:0 2px 8px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.2);--shadow-md:0 4px 16px rgba(0,0,0,.4),0 2px 4px rgba(0,0,0,.2);--shadow-lg:0 8px 30px rgba(0,0,0,.5)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02","cv03","cv04","cv11";color:var(--text);background:var(--bg-secondary);line-height:1.6;letter-spacing:.01em;overflow-x:hidden;display:flex;flex-direction:column;min-height:100vh}main{flex:1 1}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em}a{color:inherit;text-decoration:none}.navbar{background:hsla(0,0%,100%,.72);border-bottom:1px solid rgba(226,232,240,.4);position:-webkit-sticky;position:sticky;top:0;z-index:100;transition:all var(--transition)}.navbar,[data-theme=dark] .navbar{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}[data-theme=dark] .navbar{background:rgba(15,23,42,.75);border-bottom-color:rgba(99,102,241,.1)}.navbar-scrolled{background:hsla(0,0%,100%,.95);box-shadow:0 1px 8px rgba(0,0,0,.06)}[data-theme=dark] .navbar-scrolled{background:rgba(15,23,42,.95);box-shadow:0 1px 8px rgba(0,0,0,.3)}.navbar-inner{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem;height:64px;justify-content:space-between}.navbar-brand,.navbar-inner{display:flex;align-items:center}.navbar-brand{font-size:1.25rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;gap:.75rem;transition:transform var(--transition),filter var(--transition)}.navbar-brand:hover{transform:scale(1.05);filter:brightness(1.2)}.navbar-brand-avatar{width:22px;height:22px;border-radius:6px;object-fit:cover;box-shadow:0 0 0 1.5px rgba(99,102,241,.2);transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,border-radius .3s ease;flex-shrink:0;opacity:.9}.navbar-brand:hover .navbar-brand-avatar{box-shadow:0 0 0 2px rgba(99,102,241,.3),0 2px 8px rgba(99,102,241,.2);opacity:1;border-radius:50%}.navbar-logo{font-size:1.5rem}.navbar-links{display:flex;align-items:center;gap:1.5rem}.navbar-link,.navbar-links a{color:var(--text-secondary);font-size:.938rem;font-weight:500;transition:color var(--transition);position:relative}.navbar-link:hover,.navbar-links a:hover{color:var(--primary)}.navbar-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--gradient-primary);border-radius:1px;transition:width .3s cubic-bezier(.4,0,.2,1)}.navbar-link:hover:after{width:100%}.navbar-user{display:flex;align-items:center;gap:.5rem}.navbar-user-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:600}.navbar-user-avatar-img{width:28px;height:28px;border-radius:50%;object-fit:cover;border:2px solid var(--border)}.navbar-user-name{color:var(--text-secondary);font-size:.875rem}.navbar-user-wrapper{position:relative}.avatar-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:160px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:.375rem;z-index:1000;animation:fadeInDown .15s ease}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.avatar-dropdown-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;border:none;background:none;color:var(--text);font-size:.813rem;cursor:pointer;border-radius:6px;transition:background .15s;text-align:left}.avatar-dropdown-item:hover{background:var(--bg-secondary)}.avatar-dropdown-item:disabled{opacity:.6;cursor:not-allowed}.avatar-dropdown-danger{color:var(--danger)}.avatar-dropdown-danger:hover{background:#fef2f2}[data-theme=dark] .avatar-dropdown-danger:hover{background:rgba(239,68,68,.1)}.profile-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .15s ease;padding:1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.profile-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-lg);width:100%;max-width:400px;animation:modalSlideUp .2s ease}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.profile-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.profile-modal-header h3{font-size:1.063rem;font-weight:600;margin:0;color:var(--text)}.profile-modal-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--text-muted);font-size:1rem;cursor:pointer;border-radius:6px;transition:all .15s}.profile-modal-close:hover{background:var(--bg-secondary);color:var(--text)}.profile-modal-body{padding:1.25rem 1.5rem}.profile-modal-body .form-group{margin-bottom:1rem}.profile-modal-body .form-group:last-of-type{margin-bottom:.5rem}.profile-modal-error{color:var(--danger,#e53e3e);font-size:.813rem;margin-top:.5rem;padding:.5rem .75rem;background:#fef2f2;border-radius:8px}[data-theme=dark] .profile-modal-error{background:rgba(239,68,68,.1)}.profile-modal-success{color:#16a34a;font-size:.813rem;margin-top:.5rem;padding:.5rem .75rem;background:#f0fdf4;border-radius:8px}[data-theme=dark] .profile-modal-success{background:rgba(22,163,74,.1)}.profile-modal-footer{display:flex;justify-content:flex-end;gap:.625rem;padding:1rem 1.5rem;border-top:1px solid var(--border)}.mobile-menu-avatar-wrapper{position:relative;cursor:pointer;flex-shrink:0}.mobile-avatar-edit-badge{position:absolute;bottom:-2px;right:-2px;font-size:.625rem;background:var(--bg-card);border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.footer{padding:0;color:var(--text-muted);font-size:.875rem;border-top:none;margin-top:auto;background:var(--bg);position:relative}.footer:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:200px;height:1px;background:var(--gradient-primary);opacity:.5}.footer-inner{max-width:var(--max-width);margin:0 auto;padding:2rem 1.5rem;border-top:1px solid var(--border-light);text-align:center}.footer-copyright{color:var(--text-muted);font-size:.8125rem}.footer-tech{font-weight:600;color:var(--text-secondary)}.container{max-width:var(--max-width);margin:0 auto;padding:2rem 1.5rem}.page-header{margin-bottom:2rem}.page-title{font-size:1.75rem;font-weight:700;color:var(--text)}.page-desc{color:var(--text-secondary);margin-top:.5rem}.hero{background:var(--gradient-hero);position:relative;overflow:hidden}.hero:before{background:var(--gradient-hero-mesh);animation:heroMeshFloat 8s ease-in-out infinite}.hero:after,.hero:before{content:"";position:absolute;inset:0;z-index:0}.hero:after{background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}@keyframes heroMeshFloat{0%,to{transform:scale(1) translate(0)}33%{transform:scale(1.05) translate(2%,-1%)}66%{transform:scale(.98) translate(-1%,2%)}}.hero-inner{max-width:var(--max-width);margin:0 auto;padding:4rem 1.5rem 4.5rem;position:relative;z-index:1}.hero-content{max-width:600px}.hero-greeting{font-size:1rem;color:hsla(0,0%,100%,.75);margin-bottom:.5rem;letter-spacing:.02em;font-weight:500}.hero-title{font-size:2.75rem;font-weight:800;color:#fff;margin-bottom:.75rem;display:flex;align-items:center;gap:.75rem;text-shadow:0 2px 20px rgba(99,102,241,.3),0 4px 40px rgba(0,0,0,.2)}.hero-emoji{font-size:2.75rem;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.hero-desc{font-size:1.1rem;color:hsla(0,0%,100%,.85);line-height:1.7;margin-bottom:1.75rem}.hero-stats{display:inline-flex;align-items:center;gap:1.5rem;background:hsla(0,0%,100%,.08);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);padding:.75rem 1.5rem;border-radius:12px;border:1px solid hsla(0,0%,100%,.12);box-shadow:0 8px 32px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.1);transition:all .3s ease}.hero-stats:hover{background:hsla(0,0%,100%,.12);border-color:hsla(0,0%,100%,.2);transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,0,0,.25),inset 0 1px 0 hsla(0,0%,100%,.15)}.hero-stat{display:flex;flex-direction:column;align-items:center}.hero-stat-num{font-size:1.5rem;font-weight:800;color:#fff;line-height:1.2}.hero-stat-label{font-size:.75rem;color:hsla(0,0%,100%,.65);margin-top:.125rem}.hero-stat-divider{width:1px;height:28px;background:hsla(0,0%,100%,.2)}.hero-wave{position:absolute;bottom:-1px;left:0;right:0;z-index:2}.hero-wave svg{display:block;width:100%;height:50px}.hero-decoration{position:absolute;top:0;right:0;bottom:0;width:50%;pointer-events:none}.hero-circle{position:absolute;border-radius:50%;opacity:.15;background:linear-gradient(135deg,rgba(99,102,241,.4),rgba(168,85,247,.2));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 0 60px rgba(99,102,241,.15)}.hero-circle-1{width:200px;height:200px;top:-40px;right:10%;animation:pulse-slow 6s ease-in-out infinite}.hero-circle-2{width:120px;height:120px;bottom:-20px;right:30%;animation:pulse-slow 8s ease-in-out 1s infinite}.hero-circle-3{width:80px;height:80px;top:30%;right:55%;animation:pulse-slow 5s ease-in-out 2s infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-slow{0%,to{transform:scale(1);opacity:.1}50%{transform:scale(1.2);opacity:.2}}@media (max-width:768px){.hero-title{font-size:1.5rem}.hero-inner{padding:2rem 1.5rem}}.home-layout{display:grid;grid-template-columns:1fr 320px;grid-gap:2rem;gap:2rem;align-items:start}@media (max-width:768px){.home-layout{grid-template-columns:1fr}.sidebar{display:none}}.post-list{display:flex;flex-direction:column;gap:1.25rem}.post-card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;transition:all .35s cubic-bezier(.4,0,.2,1);cursor:pointer}.post-card:before{left:0;top:0;bottom:0;width:3px;background:var(--gradient-primary);border-radius:3px 0 0 3px;transition:opacity var(--transition)}.post-card:after,.post-card:before{content:"";position:absolute;opacity:0}.post-card:after{inset:0;border-radius:var(--radius);background:linear-gradient(135deg,rgba(99,102,241,.03),rgba(168,85,247,.03));transition:opacity .35s ease;pointer-events:none;z-index:0}.post-card:hover{box-shadow:0 12px 40px rgba(99,102,241,.12),0 4px 12px rgba(0,0,0,.06);transform:translateY(-4px);border-color:rgba(99,102,241,.3)}.post-card:hover:after,.post-card:hover:before{opacity:1}.post-card-horizontal{display:grid;grid-template-columns:260px 1fr}.post-card-horizontal .post-card-cover{height:100%;min-height:200px}.post-card-horizontal .post-card-body{display:flex;flex-direction:column;justify-content:center}@media (max-width:768px){.post-card-horizontal{grid-template-columns:1fr}.post-card-horizontal .post-card-cover{height:180px;min-height:auto}}.post-card-cover{width:100%;height:200px;overflow:hidden}.post-card-cover img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1),filter .6s ease}.post-card:hover .post-card-cover img{transform:scale(1.08);filter:brightness(1.05)}.post-card-body{padding:1.5rem}.post-card-title{font-size:1.25rem;font-weight:600;color:var(--text);margin-bottom:.5rem;line-height:1.4}.post-card-title:hover{color:var(--primary)}.post-card-summary{color:var(--text-secondary);font-size:.938rem;line-height:1.6;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card-footer{display:flex;align-items:center;justify-content:space-between}.post-card-author{display:flex;align-items:center;gap:.5rem}.post-card-author-avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.688rem;font-weight:600}.post-card-author-name{font-size:.813rem;color:var(--text-secondary);font-weight:500}.post-card-meta{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.75rem}.post-card-meta-item{display:inline-flex;align-items:center;gap:.25rem}.post-card-meta-divider{color:var(--border)}.post-card-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem}.tag{display:inline-block;padding:.188rem .688rem;border-radius:9999px;font-size:.75rem;font-weight:500;background:var(--primary-light);color:var(--primary);border:1px solid var(--primary-border);transition:all var(--transition);cursor:pointer}.tag:hover{background:#dbeafe;transform:translateY(-1px);box-shadow:0 2px 8px rgba(99,102,241,.15)}.tag.active{background:var(--primary);color:#fff;border-color:var(--primary)}.sidebar{display:flex;flex-direction:column;gap:1.25rem;position:-webkit-sticky;position:sticky;top:80px}.sidebar-card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);padding:1.25rem;transition:box-shadow var(--transition)}.sidebar-card:hover{box-shadow:var(--shadow)}.sidebar-card h3{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--text)}.sidebar-card-title{font-size:.938rem!important;font-weight:600;display:flex;align-items:center;gap:.5rem;margin-bottom:.875rem!important;padding-bottom:.625rem;border-bottom:1px solid var(--border-light)}.sidebar-card-icon{font-size:1.125rem}.sidebar-profile{text-align:center;padding:1.5rem;background:linear-gradient(135deg,rgba(99,102,241,.06),rgba(139,92,246,.06));border-color:var(--primary-border);position:relative;overflow:hidden}.sidebar-profile:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);background-size:200% 100%;animation:shimmerGradient 3s ease infinite}@keyframes shimmerGradient{0%{background-position:100% 0}50%{background-position:0 0}to{background-position:100% 0}}.sidebar-profile-avatar{font-size:3rem;margin-bottom:.5rem;animation:float 3s ease-in-out infinite}.sidebar-profile-name{font-size:1.125rem;font-weight:700;color:var(--text);margin-bottom:.25rem}.sidebar-profile-bio{font-size:.813rem;color:var(--text-secondary);margin-bottom:1rem}.sidebar-profile-stats{display:flex;justify-content:center;gap:2rem}.sidebar-stat{display:flex;flex-direction:column;align-items:center}.sidebar-stat-num{font-size:1.25rem;font-weight:700;color:var(--primary)}.sidebar-stat-label{font-size:.75rem;color:var(--text-muted)}.sidebar-empty{color:var(--text-muted);font-size:.875rem}.sidebar-about-text{color:var(--text-secondary);font-size:.875rem;line-height:1.6;margin-bottom:.875rem}.sidebar-about-tech{display:flex;flex-wrap:wrap;gap:.375rem}.tech-badge{display:inline-block;padding:.125rem .5rem;border-radius:4px;font-size:.688rem;font-weight:600;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-light)}.tag-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag-item{display:flex;align-items:center;gap:.25rem}.tag-count{font-size:.688rem;color:var(--text-muted)}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem}.pagination button{padding:.5rem 1rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-size:.875rem;cursor:pointer;transition:all var(--transition)}.pagination button:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--primary-light);transform:translateY(-1px)}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination span{color:var(--text-secondary);font-size:.875rem}.post-detail{max-width:800px;margin:0 auto}.post-detail-header{margin-bottom:2rem}.post-detail-title{font-size:2rem;font-weight:700;line-height:1.3;margin-bottom:1rem}.post-detail-meta{display:flex;align-items:center;gap:1rem;color:var(--text-secondary);font-size:.875rem;flex-wrap:wrap}.reading-timer{display:inline-flex;align-items:center;gap:.25rem;color:var(--primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:7em}.post-detail-tags{display:flex;gap:.5rem;margin-top:.75rem}.post-detail-content{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);padding:2rem;font-size:1rem;line-height:1.8}.post-detail-content h1,.post-detail-content h2,.post-detail-content h3{margin-top:1.5em;margin-bottom:.75em;font-weight:600}.post-detail-content h1{font-size:1.5rem}.post-detail-content h2{font-size:1.25rem}.post-detail-content h3{font-size:1.125rem}.post-detail-content p{margin-bottom:1em}.post-detail-content code{background:var(--bg-secondary);padding:.125rem .375rem;border-radius:4px;font-size:.875em;font-family:Menlo,Monaco,Courier New,monospace}.post-detail-content pre{background:#1e293b;color:#e2e8f0;padding:1rem;border-radius:var(--radius);overflow-x:auto;margin-bottom:1em}.post-detail-content pre code{background:none;padding:0;color:inherit}.post-detail-content blockquote{border-left:3px solid var(--primary);padding-left:1rem;color:var(--text-secondary);margin-bottom:1em}.post-detail-content img{max-width:100%;border-radius:var(--radius)}.post-detail-content ol,.post-detail-content ul{padding-left:1.5rem;margin-bottom:1em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1.125rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition);border:none;outline:none}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 2px 8px rgba(99,102,241,.3)}.btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,hsla(0,0%,100%,.2),transparent 60%);opacity:0;transition:opacity .3s}.btn-primary:hover{background:var(--gradient-primary);filter:brightness(1.1);box-shadow:0 4px 20px rgba(99,102,241,.5),0 0 40px rgba(99,102,241,.15);transform:translateY(-2px)}.btn-primary:hover:before{opacity:1}.btn-outline{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{opacity:.9}.btn-success{background:var(--success);color:#fff}.btn-success:hover{opacity:.9}.btn-sm{padding:.25rem .75rem;font-size:.813rem}.btn-login-nav{display:inline-flex;align-items:center;justify-content:center;padding:.4375rem 1.25rem;border-radius:8px;font-size:.8125rem;font-weight:600;cursor:pointer;border:1.5px solid var(--border);color:var(--text);background:transparent;transition:all .2s;letter-spacing:.01em}.btn-login-nav:hover{border-color:var(--text-secondary);color:var(--text);background:var(--bg-secondary)}.navbar-icon-link{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;color:var(--text-muted);transition:color .2s}.navbar-icon-link:hover{color:var(--text)}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--text);margin-bottom:.375rem}.form-input{width:100%;padding:.75rem 1rem;border:1.5px solid var(--border);border-radius:10px;font-size:.938rem;color:var(--text);background:var(--bg);transition:all .25s;outline:none}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(99,102,241,.12)}.form-input::placeholder{color:var(--text-muted)}textarea.form-input{resize:vertical;min-height:120px;font-family:inherit}.form-error{color:var(--danger);font-size:.813rem;margin-top:.5rem}.auth-page{display:flex;min-height:calc(100vh - 64px);margin-top:0}.auth-decoration{flex:1 1;background:var(--gradient-hero);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;min-width:0}.auth-decoration:before{content:"";position:absolute;inset:0;background:var(--gradient-hero-mesh)}.auth-deco-content{position:relative;z-index:1;text-align:center;padding:2.5rem;max-width:380px}.auth-deco-emoji{font-size:4rem;margin-bottom:1.25rem;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.auth-deco-title{font-size:2.25rem;font-weight:800;color:#fff;margin-bottom:.75rem;text-shadow:0 2px 10px rgba(0,0,0,.15)}.auth-deco-desc{color:hsla(0,0%,100%,.8);font-size:1.0625rem;line-height:1.8;margin-bottom:2.5rem}.auth-deco-features{display:flex;flex-direction:column;gap:.625rem;align-items:center}.auth-deco-feature{background:hsla(0,0%,100%,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:.5rem 1.5rem;border-radius:9999px;color:hsla(0,0%,100%,.95);font-size:.875rem;font-weight:500;border:1px solid hsla(0,0%,100%,.15);transition:all .3s}.auth-deco-feature:hover{background:hsla(0,0%,100%,.2);transform:translateY(-1px)}.auth-deco-circles{position:absolute;inset:0;pointer-events:none}.auth-deco-circle{position:absolute;border-radius:50%;background:hsla(0,0%,100%,.06)}.auth-deco-circle-1{width:300px;height:300px;top:-80px;right:-60px;animation:pulse-slow 6s ease-in-out infinite}.auth-deco-circle-2{width:200px;height:200px;bottom:-40px;left:-40px;animation:pulse-slow 8s ease-in-out 1s infinite}.auth-deco-circle-3{width:120px;height:120px;top:40%;left:20%;animation:pulse-slow 5s ease-in-out 2s infinite}.auth-form-section{flex:1 1;display:flex;align-items:center;justify-content:center;padding:2.5rem;background:var(--bg);min-width:0}.auth-card{background:var(--bg-card);border-radius:16px;border:1px solid var(--border);padding:2.5rem;width:100%;max-width:400px;box-shadow:var(--shadow-md)}.auth-card h2{font-size:1.625rem;font-weight:700;text-align:center;margin-bottom:.25rem;color:var(--text)}.auth-subtitle{color:var(--text-muted);margin-bottom:1.75rem}.auth-footer,.auth-subtitle{text-align:center;font-size:.875rem}.auth-footer{margin-top:1rem;color:var(--text-secondary)}.auth-footer a{color:var(--primary);font-weight:500}.auth-footer a:hover{text-decoration:underline}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper .form-input{padding-right:2.75rem}.password-toggle-btn{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-muted);padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .2s;border-radius:4px}.password-toggle-btn:hover{color:var(--text)}.code-input-wrapper{display:flex;gap:.75rem;align-items:center}.code-input-wrapper .form-input{flex:1 1}.btn-send-code{flex-shrink:0;padding:.75rem 1rem;border:1.5px solid var(--primary);border-radius:10px;background:transparent;color:var(--primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .25s;white-space:nowrap;min-width:100px;text-align:center}.btn-send-code:hover:not(:disabled){background:var(--primary);color:#fff}.btn-send-code:disabled{opacity:.5;cursor:not-allowed;border-color:var(--border);color:var(--text-muted)}.auth-forgot-link{float:right;font-size:.813rem;font-weight:400;color:var(--primary);cursor:pointer;transition:opacity .2s}.auth-forgot-link:hover{opacity:.8;text-decoration:underline}.success-msg{background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.2);color:#16a34a;padding:.625rem 1rem;border-radius:8px;font-size:.875rem;margin-bottom:1rem;text-align:center}.password-strength{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.password-strength-bars{display:flex;gap:4px;flex:1 1}.password-strength-bar{height:4px;flex:1 1;border-radius:2px;background:var(--border);transition:background .3s}.password-strength-label{font-size:.75rem;font-weight:500;min-width:1.5rem;text-align:right}.form-hint{line-height:1.4}.form-hint-error{color:var(--danger,#e53e3e)}.oauth-divider{display:flex;align-items:center;margin:1.5rem 0;gap:1rem}.oauth-divider:after,.oauth-divider:before{content:"";flex:1 1;height:1px;background:var(--border)}.oauth-divider span{font-size:.813rem;color:var(--text-muted);white-space:nowrap}.btn-oauth{display:flex;align-items:center;justify-content:center;gap:.625rem;width:100%;padding:.625rem 1rem;border:1px solid var(--border);border-radius:var(--radius);font-size:.938rem;font-weight:500;cursor:pointer;transition:all .2s;background:var(--bg);color:var(--text)}.btn-oauth+.btn-oauth{margin-top:.625rem}.btn-oauth:hover{border-color:var(--text-muted);background:var(--bg-hover)}.btn-oauth:disabled{opacity:.6;cursor:not-allowed}.btn-github{background:#24292e;color:#fff;border-color:#24292e}.btn-github:hover{background:#2f363d;border-color:#2f363d}.btn-google{background:#fff;color:#3c4043;border-color:#dadce0}.btn-google:hover{background:#f8f9fa;border-color:#d2d3d7;box-shadow:0 1px 3px rgba(60,64,67,.15)}[data-theme=dark] .btn-google{background:#303134;color:#e8eaed;border-color:#5f6368}[data-theme=dark] .btn-google:hover{background:#3c4043;border-color:#8ab4f8}.oauth-icon{flex-shrink:0}.github-callback-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg);padding:2rem}.github-callback-card{text-align:center;background:var(--bg-card);border-radius:16px;border:1px solid var(--border);padding:3rem 2.5rem;max-width:380px;width:100%;box-shadow:var(--shadow-md)}.github-callback-icon{width:64px;height:64px;border-radius:50%;background:#24292e;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.github-callback-icon-error{background:var(--bg-secondary)}.github-callback-text{color:var(--text-secondary);font-size:.938rem;margin:0}.github-callback-title{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:var(--text)}.github-callback-error{color:var(--danger,#e53e3e);font-size:.875rem;margin-bottom:1.5rem;line-height:1.5}.github-dots{display:flex;justify-content:center;gap:6px;margin-bottom:1.25rem}.github-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);animation:github-bounce 1.4s ease-in-out infinite}.github-dot:first-child{animation-delay:0s}.github-dot:nth-child(2){animation-delay:.16s}.github-dot:nth-child(3){animation-delay:.32s}@keyframes github-bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.google-callback-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg);padding:2rem}.google-callback-card{text-align:center;background:var(--bg-card);border-radius:16px;border:1px solid var(--border);padding:3rem 2.5rem;max-width:380px;width:100%;box-shadow:var(--shadow-md)}.google-callback-icon{width:64px;height:64px;border-radius:50%;background:#fff;border:1px solid #dadce0;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}[data-theme=dark] .google-callback-icon{background:#303134;border-color:#5f6368}.google-callback-icon-error{background:var(--bg-secondary);border-color:transparent}.google-callback-text{color:var(--text-secondary);font-size:.938rem;margin:0}.google-callback-title{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:var(--text)}.google-callback-error{color:var(--danger,#e53e3e);font-size:.875rem;margin-bottom:1.5rem;line-height:1.5}.google-dots{display:flex;justify-content:center;gap:6px;margin-bottom:1.25rem}.google-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);animation:github-bounce 1.4s ease-in-out infinite}.google-dot:first-child{animation-delay:0s}.google-dot:nth-child(2){animation-delay:.16s}.google-dot:nth-child(3){animation-delay:.32s}.confirm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:confirmFadeIn .2s ease}.confirm-modal-dialog{background:var(--bg-card);border-radius:1rem;max-width:400px;width:90%;border:1px solid var(--border);box-shadow:0 25px 60px rgba(0,0,0,.25);overflow:hidden;animation:confirmSlideUp .25s ease}.confirm-modal-accent{height:4px}.confirm-modal-body{padding:1.75rem 1.75rem 1.25rem;display:flex;flex-direction:column;align-items:center;gap:.875rem}.confirm-modal-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center}.confirm-modal-title{margin:0;font-size:1.125rem;font-weight:600;text-align:center;color:var(--text)}.confirm-modal-desc{margin:0;font-size:.875rem;color:var(--text-muted);text-align:center;line-height:1.5}.confirm-modal-footer{display:flex;gap:.75rem;padding:0 1.75rem 1.5rem;justify-content:flex-end}@keyframes confirmFadeIn{0%{opacity:0}to{opacity:1}}@keyframes confirmSlideUp{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.toast-container{position:fixed;top:1.5rem;right:1.5rem;z-index:3000;animation:toastSlideIn .3s ease}.toast-item{gap:.75rem;padding:.75rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-left:4px solid;border-radius:.75rem;box-shadow:0 10px 40px rgba(0,0,0,.15);min-width:280px;max-width:420px}.toast-icon,.toast-item{display:flex;align-items:center}.toast-icon{width:28px;height:28px;border-radius:50%;justify-content:center;flex-shrink:0}.toast-message{flex:1 1;font-size:.875rem;color:var(--text);line-height:1.4}.toast-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.875rem;padding:.25rem;flex-shrink:0;transition:color .2s}.toast-close:hover{color:var(--text)}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.admin-table-wrap{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden}.admin-table{width:100%;border-collapse:collapse}.admin-table td,.admin-table th{text-align:left;padding:.75rem 1rem;border-bottom:1px solid var(--border-light);font-size:.875rem}.admin-table th{background:var(--bg-secondary);font-weight:600;color:var(--text-secondary);font-size:.813rem;text-transform:uppercase;letter-spacing:.05em}.admin-table tr:last-child td{border-bottom:none}.admin-table tbody tr:hover td{background:rgba(99,102,241,.06)}[data-theme=dark] .admin-table tbody tr:hover td{background:hsla(0,0%,100%,.05)}.admin-actions{display:flex;gap:.5rem}.status-badge{display:inline-block;padding:.125rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500}.status-published{background:#dcfce7;color:#166534}.status-draft{background:#fef9c3;color:#854d0e}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;margin-top:1.5rem;gap:1rem;flex-wrap:wrap}.tag-select{display:flex;flex-wrap:wrap;gap:.5rem}.tag-select-item{padding:.25rem .75rem;border-radius:9999px;font-size:.813rem;cursor:pointer;border:1px solid var(--border);background:var(--bg);transition:all .2s}.tag-select-item.active{background:var(--primary);color:#fff;border-color:var(--primary)}.filter-hint{display:flex;align-items:center;justify-content:space-between;padding:.625rem 1rem;background:var(--primary-light);border:1px solid var(--primary-border);border-radius:var(--radius-sm);margin-bottom:1rem;font-size:.875rem;color:var(--primary)}.filter-clear{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.813rem;transition:color var(--transition)}.filter-clear:hover{color:var(--danger)}.loading{padding:3rem}.loading,.loading-spinner{text-align:center;color:var(--text-muted)}.loading-spinner{padding:4rem 2rem}.spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(1turn)}}.empty{text-align:center;padding:3rem;color:var(--text-muted)}.empty-state{text-align:center;padding:4rem 2rem;background:var(--bg-card);border-radius:var(--radius);border:1px dashed var(--border);background-image:radial-gradient(circle at 50% 0,rgba(99,102,241,.04) 0,transparent 60%)}.empty-icon{font-size:3.5rem;margin-bottom:1rem;animation:float 3s ease-in-out infinite;filter:grayscale(.3)}.skeleton-list{display:flex;flex-direction:column;gap:1.25rem}.skeleton-card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;animation:skeletonFadeIn .4s ease-out both}@keyframes skeletonFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.skeleton-card-body{padding:1.5rem}.skeleton-shimmer{background:linear-gradient(90deg,var(--border-light) 25%,var(--bg-secondary) 37%,var(--border-light) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:6px}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.skeleton-tags{display:flex;gap:.5rem;margin-bottom:.875rem}.skeleton-tag{width:60px;height:22px;border-radius:9999px}.skeleton-tag-short{width:44px}.skeleton-title{width:75%;height:24px;margin-bottom:.75rem}.skeleton-text{width:100%;height:16px;margin-bottom:.5rem}.skeleton-text-short{width:60%}.skeleton-footer{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border-light)}.skeleton-author{display:flex;align-items:center;gap:.5rem}.skeleton-avatar{width:24px;height:24px;border-radius:50%}.skeleton-name{width:64px;height:14px}.skeleton-meta{display:flex;gap:.75rem}.skeleton-meta-item{width:80px;height:14px}.skeleton-meta-item-short{width:48px}[data-theme=dark] .skeleton-shimmer{background:linear-gradient(90deg,var(--border) 25%,var(--bg-card) 37%,var(--border) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite}.empty-title{font-size:1.125rem;font-weight:600;color:var(--text);margin-bottom:.5rem}.empty-desc{font-size:.875rem;color:var(--text-muted);line-height:1.6}.error-msg{text-align:center;padding:1rem;color:var(--danger);background:#fef2f2;border-radius:var(--radius);margin-bottom:1rem}.search-box{position:relative;margin-bottom:1.5rem}.search-box input{width:100%;padding:.875rem 1rem .875rem 2.75rem;border:1.5px solid var(--border);border-radius:9999px;font-size:.938rem;background:var(--bg-card);outline:none;transition:all var(--transition);box-shadow:var(--shadow-sm)}.search-box input:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(99,102,241,.1),0 4px 20px rgba(99,102,241,.08);transform:translateY(-2px)}.search-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--text-muted);z-index:1;pointer-events:none}.post-detail-cover{position:relative;margin-bottom:1.5rem;border-radius:var(--radius);overflow:hidden;max-height:320px;box-shadow:0 4px 20px rgba(0,0,0,.12)}.post-detail-cover:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(0deg,rgba(0,0,0,.15),transparent);pointer-events:none}.post-detail-cover img{width:100%;height:100%;max-height:320px;object-fit:cover;display:block}@media (max-width:768px){.post-detail-cover{max-height:200px;border-radius:var(--radius-sm)}.post-detail-cover img{max-height:200px}}.markdown-body{font-size:1rem;line-height:1.8;color:var(--text);word-wrap:break-word}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:1.5em;margin-bottom:.75em;font-weight:600;line-height:1.3}.markdown-body h1{font-size:1.75rem}.markdown-body h1,.markdown-body h2{border-bottom:1px solid var(--border-light);padding-bottom:.3em}.markdown-body h2{font-size:1.5rem}.markdown-body h3{font-size:1.25rem}.markdown-body h4{font-size:1.125rem}.markdown-body p{margin-bottom:1em}.markdown-body a{color:var(--primary);text-decoration:none}.markdown-body a:hover{text-decoration:underline}.markdown-body strong{font-weight:600}.markdown-body blockquote{border-left:4px solid var(--primary);padding:.5rem 1rem;margin:1em 0;color:var(--text-secondary);background:var(--bg-secondary);border-radius:0 var(--radius) var(--radius) 0}.markdown-body blockquote p:last-child{margin-bottom:0}.markdown-body ol,.markdown-body ul{padding-left:1.5rem;margin-bottom:1em}.markdown-body li{margin-bottom:.25em}.markdown-body li>ol,.markdown-body li>ul{margin-bottom:0}.markdown-body code{background:var(--bg-secondary);padding:.15rem .4rem;border-radius:4px;font-size:.875em;font-family:Menlo,Monaco,Courier New,monospace;color:#e11d48}.markdown-body .code-block-wrapper{position:relative;margin-bottom:1em;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border)}.code-block-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:#151b28;border-bottom:1px solid hsla(0,0%,100%,.06);font-size:.75rem}.code-block-lang{color:hsla(0,0%,100%,.5);text-transform:uppercase;font-weight:600;letter-spacing:.05em}.code-copy-btn{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.6);padding:.2rem .6rem;border-radius:6px;font-size:.7rem;cursor:pointer;transition:all .2s}.code-copy-btn:hover{background:hsla(0,0%,100%,.15);color:hsla(0,0%,100%,.9)}.code-copy-btn.copied{background:rgba(34,197,94,.15);border-color:rgba(34,197,94,.3);color:#22c55e}.markdown-body pre{background:#1e293b;color:#e2e8f0;padding:1rem 1.25rem;border-radius:0;overflow-x:auto;margin-bottom:0;font-size:.875rem;line-height:1.6}.markdown-body .code-block-wrapper+*{margin-top:1em}.markdown-body pre code{background:none;padding:0;color:inherit;font-size:inherit}.markdown-body hr{border:none;border-top:1px solid var(--border);margin:2em 0}.markdown-body table{width:100%;border-collapse:collapse;margin-bottom:1em}.markdown-body table td,.markdown-body table th{border:1px solid var(--border);padding:.5rem .75rem;text-align:left}.markdown-body table th{font-weight:600}.markdown-body table th,.markdown-body table tr:nth-child(2n){background:var(--bg-secondary)}.markdown-body img{max-width:100%;max-height:600px;border-radius:var(--radius);margin:1em auto;display:block;box-shadow:0 2px 12px rgba(0,0,0,.08);object-fit:contain}.markdown-body input[type=checkbox]{margin-right:.5em}.mermaid-container{display:block;margin:1.5em 0;padding:1.5rem;background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border-light);overflow:hidden;position:relative;text-align:center}.mermaid-container svg{display:inline-block;height:auto}.mermaid-error{margin:1.5em 0;padding:1rem;background:rgba(239,68,68,.05);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius);color:var(--text-secondary)}.mermaid-error p{margin:0 0 .5em;font-weight:600;color:#ef4444}.mermaid-error pre{margin:0;padding:.75rem;background:var(--bg-secondary);border-radius:var(--radius-sm);font-size:.85rem;overflow-x:auto}.image-lightbox{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:zoom-out;animation:lightbox-fade-in .2s ease}@keyframes lightbox-fade-in{0%{opacity:0}to{opacity:1}}.image-lightbox-close{position:absolute;top:1rem;right:1.5rem;font-size:1.5rem;color:#fff;cursor:pointer;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:hsla(0,0%,100%,.1);transition:background .2s;z-index:10000}.image-lightbox-close:hover{background:hsla(0,0%,100%,.25)}.image-lightbox-img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.3);cursor:default;animation:lightbox-img-in .25s ease}@keyframes lightbox-img-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.svg-viewer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:lightbox-fade-in .2s ease;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.svg-viewer-toolbar{position:absolute;top:1rem;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(30,30,30,.85);border-radius:2rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.1);z-index:10001}.svg-viewer-btn{background:hsla(0,0%,100%,.1);border:none;color:#fff;padding:.4rem .75rem;border-radius:.5rem;cursor:pointer;font-size:.85rem;transition:background .2s;white-space:nowrap}.svg-viewer-btn:hover{background:hsla(0,0%,100%,.25)}.svg-viewer-close{margin-left:.5rem;font-size:1.1rem;padding:.3rem .6rem}.svg-viewer-scale{color:hsla(0,0%,100%,.8);font-size:.85rem;min-width:3rem;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.svg-viewer-content{transform-origin:center center;transition:none;will-change:transform}.svg-viewer-content svg{display:block;max-width:none!important;height:auto!important;filter:drop-shadow(0 4px 24px rgba(0,0,0,.3))}[data-theme=dark] .svg-viewer-content svg{filter:drop-shadow(0 4px 24px rgba(0,0,0,.5))}.svg-viewer-hint{position:absolute;bottom:1.5rem;left:50%;transform:translateX(-50%);color:hsla(0,0%,100%,.4);font-size:.8rem;pointer-events:none;z-index:10001}.md-toolbar{justify-content:space-between;padding:.5rem .75rem;background:var(--bg-card);border:1px solid var(--border);border-bottom:none;border-radius:var(--radius) var(--radius) 0 0}.md-toolbar,.md-toolbar-left{flex-wrap:wrap}.md-toolbar,.md-toolbar-left,.md-toolbar-right{display:flex;align-items:center;gap:.25rem}.md-toolbar-btn{padding:.25rem .5rem;border:1px solid var(--border);border-radius:4px;background:var(--bg);color:var(--text-secondary);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.md-toolbar-btn:hover{background:var(--bg-secondary);color:var(--text);border-color:var(--text-muted)}.md-toolbar-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.md-toolbar-status{font-size:.75rem;color:var(--warning);margin-left:.5rem}.md-editor-container{display:flex;border:1px solid var(--border);border-radius:0 0 var(--radius) var(--radius);overflow:hidden;min-height:500px}.md-editor-container.split .md-editor-write{width:50%;border-right:1px solid var(--border)}.md-editor-container.full .md-editor-write{width:100%}.md-editor-container.split .md-editor-preview{width:50%}.md-editor-textarea{width:100%;height:100%;min-height:500px;padding:1rem;border:none;outline:none;resize:none;font-family:Menlo,Monaco,Courier New,monospace;font-size:.938rem;line-height:1.7;color:var(--text);background:var(--bg)}.md-editor-textarea::placeholder{color:var(--text-muted)}.md-editor-preview{display:flex;flex-direction:column;background:var(--bg-card);overflow:hidden}.md-editor-preview-header{padding:.5rem 1rem;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-light);background:var(--bg-secondary)}.md-editor-preview-body{flex:1 1;padding:1rem;overflow-y:auto}.md-editor-placeholder{color:var(--text-muted);font-style:italic}.cover-upload-group{display:flex;gap:.5rem;align-items:center}.cover-upload-group .form-input{flex:1 1}.cover-picker{margin-top:.75rem;padding:1rem;background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border)}.cover-picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;font-size:.813rem;font-weight:600;color:var(--text-secondary)}.cover-picker-close{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:1rem;padding:.25rem;line-height:1}.cover-picker-close:hover{color:var(--text)}.cover-picker-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.5rem;gap:.5rem}@media (max-width:768px){.cover-picker-grid{grid-template-columns:repeat(2,1fr)}}.cover-picker-item{position:relative;cursor:pointer;border-radius:6px;overflow:hidden;border:2px solid transparent;transition:all .2s;aspect-ratio:16/9}.cover-picker-item:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.cover-picker-item.active{border-color:var(--primary);box-shadow:0 0 0 2px rgba(99,102,241,.3)}.cover-picker-item img{width:100%;height:100%;object-fit:cover;display:block}.cover-picker-label{position:absolute;bottom:0;left:0;right:0;padding:.25rem .5rem;background:linear-gradient(transparent,rgba(0,0,0,.7));color:#fff;font-size:.688rem;text-align:center}.cover-preview{position:relative;margin-top:.75rem;border-radius:var(--radius);overflow:hidden;max-height:160px}.cover-preview img{width:100%;height:160px;object-fit:cover;display:block}.cover-preview-remove{position:absolute;top:.5rem;right:.5rem;width:24px;height:24px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:background .2s}.cover-preview-remove:hover{background:rgba(220,38,38,.8)}.form-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.375rem}.form-label-row .form-label{margin-bottom:0}.form-hint{display:block;margin-top:.375rem;font-size:.75rem;color:var(--success,#10b981)}.editor-page{max-width:1100px;margin:0 auto}.editor-page .form-input-title{font-size:1.25rem;font-weight:600;padding:.875rem 1rem}.editor-page .form-input-title::placeholder{font-weight:400;color:var(--text-muted)}@media (max-width:768px){.md-editor-container{flex-direction:column;min-height:400px}.md-editor-container.split .md-editor-preview,.md-editor-container.split .md-editor-write{width:100%}.md-editor-container.split .md-editor-write{border-right:none;border-bottom:1px solid var(--border)}.md-editor-textarea{min-height:300px}}.comment-section{max-width:800px;margin:2.5rem auto 0}.comment-section-title{font-size:1.25rem;font-weight:600;color:var(--text);margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:2px solid var(--border-light)}.comment-count{font-weight:400;color:var(--text-muted);font-size:1rem}.comment-form{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin-bottom:1.5rem}.comment-reply-hint{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;margin-bottom:.75rem;background:#eff6ff;border-radius:var(--radius);font-size:.875rem;color:var(--primary)}.comment-reply-cancel{margin-left:auto;background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem;padding:0 .25rem;line-height:1}.comment-reply-cancel:hover{color:var(--danger)}.comment-textarea{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:var(--radius);font-size:.938rem;font-family:inherit;color:var(--text);background:var(--bg);resize:vertical;min-height:80px;outline:none;transition:border-color .2s;line-height:1.6}.comment-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.comment-textarea::placeholder{color:var(--text-muted)}.comment-error{color:var(--danger);font-size:.813rem;margin-top:.5rem}.comment-form-footer{display:flex;align-items:center;justify-content:space-between;margin-top:.75rem}.comment-char-count{font-size:.75rem;color:var(--text-muted)}.comment-login-hint{text-align:center;padding:1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1.5rem;color:var(--text-secondary);font-size:.938rem}.comment-login-hint a{color:var(--primary);font-weight:500}.comment-login-hint a:hover{text-decoration:underline}.comment-list{display:flex;flex-direction:column;gap:0}.comment-item{padding:1rem 0;border-bottom:1px solid var(--border-light)}.comment-item:last-child,.comment-nested{border-bottom:none}.comment-nested{padding:.75rem 0}.comment-header{display:flex;align-items:center;gap:.625rem;margin-bottom:.5rem}.comment-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#8b5cf6);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.comment-avatar img{width:100%;height:100%;object-fit:cover}.comment-avatar span{color:#fff;font-size:.875rem;font-weight:600}.comment-nested .comment-avatar{width:28px;height:28px}.comment-nested .comment-avatar span{font-size:.75rem}.comment-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.comment-author-name{font-weight:600;font-size:.875rem;color:var(--text)}.comment-badge{display:inline-block;padding:.0625rem .375rem;border-radius:4px;font-size:.688rem;font-weight:500;background:#eff6ff;color:var(--primary);border:1px solid #bfdbfe}.comment-time{font-size:.75rem;color:var(--text-muted)}.comment-body{font-size:.938rem;line-height:1.7;color:var(--text);padding-left:calc(36px + .625rem);white-space:pre-wrap;word-break:break-word}.comment-nested .comment-body{padding-left:calc(28px + .625rem)}.comment-actions{display:flex;gap:.75rem;padding-left:calc(36px + .625rem);margin-top:.375rem}.comment-nested .comment-actions{padding-left:calc(28px + .625rem)}.comment-action-btn{background:none;border:none;font-size:.75rem;color:var(--text-muted);cursor:pointer;padding:.125rem 0;transition:color .2s}.comment-action-btn:hover{color:var(--primary)}.comment-action-danger:hover{color:var(--danger)}.comment-replies{margin-left:calc(36px + .625rem);padding-left:1rem;border-left:2px solid var(--border-light)}.comment-empty{text-align:center;padding:2rem;color:var(--text-muted);font-size:.938rem}@media (max-width:768px){.comment-actions,.comment-body,.comment-nested .comment-actions,.comment-nested .comment-body{padding-left:0}.comment-replies{margin-left:.75rem;padding-left:.75rem}.comment-avatar{width:30px;height:30px}.comment-nested .comment-avatar{width:24px;height:24px}}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.dashboard-stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;display:flex;flex-wrap:wrap;align-items:flex-start;gap:.75rem;transition:box-shadow .2s}.dashboard-stat-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.06)}.stat-icon{font-size:2rem;line-height:1}.stat-info{flex:1 1;min-width:0}.stat-number{font-size:1.75rem;font-weight:700;color:var(--text);line-height:1.2}.stat-label{font-size:.813rem;color:var(--text-muted);margin-top:.125rem}.stat-detail{width:100%;font-size:.75rem;color:var(--text-secondary);padding-top:.5rem;border-top:1px solid var(--border-light)}.dashboard-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;margin-bottom:1.5rem}.dashboard-panel-title{font-size:1rem;font-weight:600;color:var(--text);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-light)}.dashboard-grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem;gap:1.5rem}.dashboard-empty{color:var(--text-muted);font-size:.875rem;text-align:center;padding:1rem 0}.dashboard-trend-header{justify-content:space-between;margin-bottom:.75rem;flex-wrap:wrap}.dashboard-trend-controls,.dashboard-trend-header{display:flex;align-items:center;gap:.75rem}.chart-type-toggle{display:flex;background:var(--bg-secondary,#f3f4f6);border-radius:.5rem;padding:2px;gap:2px}.chart-type-btn{display:flex;align-items:center;justify-content:center;width:32px;height:28px;border:none;background:transparent;border-radius:.375rem;color:var(--text-muted,#9ca3af);cursor:pointer;transition:all .2s ease}.chart-type-btn:hover{color:var(--text-secondary,#6b7280);background:rgba(0,0,0,.04)}.chart-type-btn.active{background:#fff;color:var(--primary,#6366f1);box-shadow:0 1px 3px rgba(0,0,0,.1)}.time-range-toggle{display:flex;background:var(--bg-secondary,#f3f4f6);border-radius:.5rem;padding:2px;gap:2px}.time-range-btn{padding:.25rem .75rem;border:none;background:transparent;border-radius:.375rem;font-size:.75rem;color:var(--text-muted,#9ca3af);cursor:pointer;transition:all .2s ease;white-space:nowrap;font-weight:500}.time-range-btn:hover{color:var(--text-secondary,#6b7280);background:rgba(0,0,0,.04)}.time-range-btn.active{background:#fff;color:var(--primary,#6366f1);box-shadow:0 1px 3px rgba(0,0,0,.1);font-weight:600}.dashboard-list{display:flex;flex-direction:column;gap:0}.dashboard-list-item{display:flex;align-items:center;gap:.75rem;padding:.625rem 0;border-bottom:1px solid var(--border-light);text-decoration:none;color:var(--text);transition:background .15s}.dashboard-list-item:last-child{border-bottom:none}.dashboard-list-item:hover{color:var(--primary)}.dashboard-list-rank{font-size:.75rem;font-weight:700;color:var(--text-muted);min-width:24px}.dashboard-list-title{flex:1 1;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-list-count{font-size:.75rem;color:var(--text-muted);white-space:nowrap}.dashboard-comment-item{padding:.625rem 0;border-bottom:1px solid var(--border-light)}.dashboard-comment-item:last-child{border-bottom:none}.dashboard-comment-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.dashboard-comment-author{font-weight:600;font-size:.813rem;color:var(--text)}.dashboard-comment-time{font-size:.688rem;color:var(--text-muted)}.dashboard-comment-content{font-size:.813rem;color:var(--text-secondary);line-height:1.5;margin:.25rem 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.dashboard-comment-post{font-size:.688rem;color:var(--primary);text-decoration:none}.dashboard-comment-post:hover{text-decoration:underline}@media (max-width:768px){.dashboard-stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid-2{grid-template-columns:1fr}.stat-number{font-size:1.5rem}}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);border-radius:50%;background:var(--bg-card);cursor:pointer;font-size:1.125rem;transition:all .4s cubic-bezier(.4,0,.2,1);flex-shrink:0}.theme-toggle:hover{background:var(--primary-light);border-color:var(--primary);transform:rotate(30deg) scale(1.1);box-shadow:0 0 16px rgba(99,102,241,.2)}.post-detail-layout{display:flex;gap:2rem;max-width:1100px;margin:0 auto}.post-detail-layout .post-detail{flex:1 1;min-width:0}.post-detail-sidebar{width:260px;flex-shrink:0}.toc{position:-webkit-sticky;position:sticky;top:80px;max-height:calc(100vh - 100px);overflow-y:auto;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.toc::-webkit-scrollbar{width:4px}.toc::-webkit-scrollbar-track{background:transparent}.toc::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.toc-title{font-size:.875rem;font-weight:600;color:var(--text);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-light)}.toc-icon{font-size:1rem}.toc-nav{display:flex;flex-direction:column}.toc-item{display:block;width:100%;text-align:left;padding:.375rem .5rem;font-size:.8125rem;color:var(--text-secondary);background:none;border:none;border-left:2px solid transparent;border-radius:0 4px 4px 0;cursor:pointer;transition:all var(--transition);line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toc-active,.toc-item:hover{color:var(--primary);background:var(--primary-light)}.toc-active{border-left-color:var(--primary);font-weight:500}.toc-level-1{padding-left:.5rem}.toc-level-2{padding-left:1.25rem}.toc-level-3{padding-left:2rem;font-size:.75rem}@media (max-width:1024px){.post-detail-sidebar{display:none}.post-detail-layout{display:block}}.archive-page{max-width:800px;margin:0 auto;padding:1rem 0 3rem}.archive-header{text-align:center;margin-bottom:3rem}.archive-title{font-size:2rem;font-weight:700;color:var(--text);margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.archive-icon{font-size:2rem}.archive-desc{color:var(--text-secondary);font-size:1rem}.archive-desc strong{color:var(--primary)}.archive-timeline{position:relative;padding-left:2rem}.archive-timeline:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--primary),var(--border));border-radius:1px}.archive-year-group{margin-bottom:2rem}.archive-year{font-size:1.5rem;font-weight:700;color:var(--text);margin-bottom:1rem;position:relative;display:flex;align-items:center;gap:.75rem}.archive-year-dot{position:absolute;left:-2rem;width:18px;height:18px;background:var(--primary);border-radius:50%;border:3px solid var(--bg-secondary);transform:translateX(-1px)}.archive-month-group{margin-bottom:1.5rem}.archive-month{font-size:1rem;font-weight:600;color:var(--text-secondary);margin-bottom:.75rem;padding-left:.5rem}.archive-post-list{list-style:none;padding:0}.archive-post-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;margin-bottom:.25rem;border-radius:var(--radius-sm);transition:background var(--transition);flex-wrap:wrap}.archive-post-item:hover{background:var(--bg-card)}.archive-post-date{font-size:.8125rem;color:var(--text-muted);min-width:4rem;flex-shrink:0}.archive-post-link{font-size:.9375rem;color:var(--text);transition:color var(--transition);flex:1 1}.archive-post-link:hover{color:var(--primary)}.archive-post-tags{display:flex;gap:.375rem}.tag-sm{font-size:.6875rem!important;padding:.125rem .5rem!important}@media (max-width:640px){.archive-post-item{flex-direction:column;align-items:flex-start;gap:.25rem}.archive-timeline{padding-left:1.5rem}.archive-year-dot{left:-1.5rem}}.about-page{max-width:800px;margin:0 auto;padding:1rem 0 3rem}.about-hero-enhanced{text-align:center;padding:3.5rem 2rem 2.5rem;border-radius:var(--radius);margin-bottom:2rem;overflow:hidden}.about-hero-enhanced:after{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(180deg,rgba(99,102,241,.04),transparent 60%);pointer-events:none}.about-hero-bg-decor{position:absolute;inset:0;pointer-events:none;overflow:hidden}.about-hero-circle{position:absolute;border-radius:50%;opacity:.08}.about-hero-circle-1{width:200px;height:200px;background:linear-gradient(135deg,var(--primary),var(--accent));top:-60px;right:-40px;animation:pulse-slow 6s ease-in-out infinite;filter:blur(1px)}.about-hero-circle-2{width:120px;height:120px;background:linear-gradient(135deg,var(--accent),#38bdf8);bottom:-30px;left:-20px;animation:pulse-slow 5s ease-in-out 1s infinite;filter:blur(1px)}.about-hero-circle-3{width:80px;height:80px;background:linear-gradient(135deg,#38bdf8,var(--primary));top:40%;left:15%;animation:pulse-slow 7s ease-in-out 2s infinite;filter:blur(1px)}.about-avatar-wrapper{position:relative;display:inline-block;margin-bottom:1rem}.about-avatar{font-size:4rem}.about-status-dot{position:absolute;bottom:4px;right:-4px;width:14px;height:14px;background:var(--success);border:3px solid var(--bg-card);border-radius:50%}.about-name{font-size:2rem;font-weight:700;color:var(--text);margin-bottom:.375rem}.about-tagline{font-size:.9375rem;color:var(--primary);font-weight:500;margin-bottom:.75rem;letter-spacing:.02em}.about-bio{color:var(--text-secondary);font-size:1.0625rem;line-height:1.7;margin-bottom:1.5rem;max-width:520px;margin-left:auto;margin-right:auto}.about-stats-row{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-bottom:1.75rem;padding:1rem 0}.about-stat-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.about-stat-number{font-size:1.5rem;font-weight:700;color:var(--text);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-stat-label{font-size:.75rem;color:var(--text-muted)}.about-stat-divider{width:1px;height:32px;background:var(--border)}.about-social{display:flex;justify-content:center;gap:1rem}.about-social-link{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1.25rem;background:var(--primary);color:#fff;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;transition:all var(--transition)}.about-social-link:hover{background:var(--primary-hover);transform:translateY(-1px);color:#fff}.about-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;margin-bottom:1.5rem}.about-section-title{font-size:1.25rem;font-weight:600;color:var(--text);margin-bottom:1.25rem;display:flex;align-items:center;gap:.5rem}.about-section-icon{font-size:1.25rem}.about-content p{color:var(--text-secondary);line-height:1.8;margin-bottom:.75rem}.about-content p:last-child{margin-bottom:0}.about-hobbies-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;gap:1rem}.about-hobby-card{padding:1.5rem 1rem;background:var(--bg-secondary);border-radius:var(--radius);text-align:center;border:1px solid transparent;position:relative;overflow:hidden}.about-hobby-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(99,102,241,.05),rgba(168,85,247,.05));opacity:0;transition:opacity .4s}.about-hobby-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px rgba(99,102,241,.12);border-color:var(--primary-border)}.about-hobby-card:hover:before{opacity:1}.about-hobby-icon-wrapper{width:52px;height:52px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:.75rem}.about-hobby-icon-photo{background:rgba(59,130,246,.12)}.about-hobby-icon-travel{background:rgba(16,185,129,.12)}.about-hobby-icon-read{background:rgba(245,158,11,.12)}.about-hobby-icon-cook{background:rgba(239,68,68,.12)}.about-hobby-icon-music{background:rgba(139,92,246,.12)}.about-hobby-icon-sport{background:rgba(6,182,212,.12)}.about-hobby-card h3{font-size:.9375rem;font-weight:600;color:var(--text);margin-bottom:.375rem}.about-hobby-card p{font-size:.8125rem;color:var(--text-secondary);line-height:1.6}.about-gallery-desc{color:var(--text-secondary);font-size:.9375rem;margin-bottom:1.25rem}.about-gallery{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:140px;grid-gap:.75rem;gap:.75rem}.about-gallery-item{position:relative;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;transition:transform .3s ease}.about-gallery-item:hover{transform:scale(1.02)}.about-gallery-item-tall{grid-row:span 2}.about-gallery-item-wide{grid-column:span 2}.about-gallery-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,var(--bg-secondary),var(--border-light));border:2px dashed var(--border);border-radius:var(--radius-sm)}.about-gallery-emoji{font-size:2.5rem}.about-gallery-label{font-size:.75rem;color:var(--text-muted);font-weight:500}.about-gallery-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.6),transparent 60%);display:flex;align-items:flex-end;padding:.75rem;opacity:0;transition:opacity .3s ease}.about-gallery-item:hover .about-gallery-overlay{opacity:1}.about-gallery-overlay span{color:#fff;font-size:.8125rem;font-weight:500}.about-gallery-tip{margin-top:1rem;font-size:.8125rem;color:var(--text-muted);text-align:center;padding:.75rem;background:var(--bg-secondary);border-radius:var(--radius-sm)}.about-gallery-tip code{background:var(--primary-light);color:var(--primary);padding:.125rem .375rem;border-radius:4px;font-size:.75rem}.about-content-direction-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem;margin-top:1rem}.about-direction-card{padding:1.25rem;background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid transparent;transition:all .3s ease}.about-direction-card:hover{border-color:var(--primary-border);transform:translateY(-2px);box-shadow:var(--shadow)}.about-direction-badge{display:inline-block;padding:.2rem .625rem;border-radius:2rem;font-size:.6875rem;font-weight:600;margin-bottom:.625rem;letter-spacing:.03em}.about-direction-badge-tech{background:rgba(99,102,241,.12);color:#6366f1}.about-direction-badge-life{background:rgba(16,185,129,.12);color:#10b981}.about-direction-badge-travel{background:rgba(245,158,11,.12);color:#f59e0b}.about-direction-badge-think{background:rgba(139,92,246,.12);color:#8b5cf6}.about-direction-card h4{font-size:.9375rem;font-weight:600;color:var(--text);margin-bottom:.375rem}.about-direction-card p{font-size:.8125rem;color:var(--text-secondary);line-height:1.6}.about-tech-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem}.about-tech-card{padding:1.25rem;background:var(--bg-secondary);border-radius:var(--radius-sm);text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid transparent;position:relative;overflow:hidden}.about-tech-card:before{content:"";position:absolute;inset:-1px;background:var(--gradient-primary);border-radius:inherit;opacity:0;transition:opacity .4s;z-index:-1}.about-tech-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px rgba(99,102,241,.15);border-color:var(--primary-border)}.about-tech-card:hover:before{opacity:.1}.about-tech-icon{font-size:2rem;margin-bottom:.5rem}.about-tech-card h3{font-size:.9375rem;font-weight:600;color:var(--text);margin-bottom:.25rem}.about-tech-card p{font-size:.8125rem;color:var(--text-secondary);margin-bottom:.75rem}.about-tech-bar{width:100%;height:4px;background:var(--border-light);border-radius:2px;overflow:hidden}.about-tech-bar-fill{height:100%;background:var(--gradient-primary);border-radius:2px;transition:width 1.5s cubic-bezier(.4,0,.2,1)}.about-tech-bar-fill:after{inset:0}@keyframes techBarShine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.about-features-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.75rem;gap:.75rem}.about-feature-card{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--bg-secondary);border-radius:var(--radius-sm);transition:all .2s;border:1px solid transparent}.about-feature-card:hover{background:var(--primary-light)}.about-feature-icon{font-size:1.5rem;flex-shrink:0}.about-feature-card h4{font-size:.875rem;font-weight:600;color:var(--text);margin-bottom:.125rem}.about-feature-card p{font-size:.8125rem;color:var(--text-secondary)}.about-timeline{position:relative;padding-left:2rem}.about-timeline:before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:linear-gradient(to bottom,var(--primary),var(--accent),var(--border));border-radius:1px}.about-timeline-item{position:relative;padding-bottom:1.75rem}.about-timeline-item:last-child{padding-bottom:0}.about-timeline-dot{position:absolute;left:-2rem;top:6px;width:16px;height:16px;border-radius:50%;background:var(--bg-card);border:3px solid var(--primary);z-index:1;transition:all .4s cubic-bezier(.4,0,.2,1)}.about-timeline-item:hover .about-timeline-dot{background:var(--primary);box-shadow:0 0 0 6px var(--primary-light),0 0 20px rgba(99,102,241,.3);transform:scale(1.2)}.about-timeline-content{padding:.75rem 1rem;background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid transparent;transition:all .3s ease}.about-timeline-item:hover .about-timeline-content{border-color:var(--primary-border);box-shadow:var(--shadow-sm)}.about-timeline-date{display:inline-block;font-size:.75rem;font-weight:600;color:var(--primary);background:var(--primary-light);padding:.125rem .5rem;border-radius:2rem;margin-bottom:.375rem}.about-timeline-content h4{font-size:.9375rem;font-weight:600;color:var(--text);margin-bottom:.25rem}.about-timeline-content p{font-size:.8125rem;color:var(--text-secondary);line-height:1.6}.about-contact-cards{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem;margin-top:1rem}.about-contact-card{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border);transition:all .2s;text-decoration:none}.about-contact-card:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:0 8px 24px rgba(99,102,241,.12)}.about-contact-icon{font-size:1.5rem}.about-contact-card h4{font-size:.875rem;font-weight:600;color:var(--text);margin-bottom:.125rem}.about-contact-card p{font-size:.8125rem;color:var(--text-secondary)}@media (max-width:640px){.about-gallery,.about-hobbies-grid{grid-template-columns:repeat(2,1fr)}.about-gallery{grid-auto-rows:120px}.about-gallery-item-tall{grid-row:span 1}.about-gallery-item-wide{grid-column:span 1}.about-contact-cards,.about-content-direction-grid,.about-features-grid,.about-tech-grid{grid-template-columns:1fr}.about-stats-row{gap:1rem}.about-stat-number{font-size:1.25rem}}.tech-avatar-container{width:120px;height:120px;margin:0 auto}.tech-avatar-svg{width:100%;height:100%}.tech-ring-outer{animation:techRotate 20s linear infinite;transform-origin:100px 100px}.tech-ring-middle{animation:techRotate 15s linear infinite reverse;transform-origin:100px 100px}@keyframes techRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.tech-code-bracket{animation:techBreathe 3s ease-in-out infinite}@keyframes techBreathe{0%,to{opacity:1}50%{opacity:.6}}.tech-particle{animation:techFloat 4s ease-in-out infinite}.tech-particle-1{animation-delay:0s;animation-duration:3.5s}.tech-particle-2{animation-delay:.5s;animation-duration:4s}.tech-particle-3{animation-delay:1s;animation-duration:3.8s}.tech-particle-4{animation-delay:1.5s;animation-duration:4.2s}.tech-particle-5{animation-delay:.3s;animation-duration:3.6s}.tech-particle-6{animation-delay:.8s;animation-duration:4.5s}@keyframes techFloat{0%,to{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-8px) scale(1.3);opacity:1}}.city-map-container{margin-top:1rem}.city-slider-container{margin-bottom:1.25rem}.city-slider-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:.625rem}.city-slider-current{display:flex;align-items:center;gap:0}.city-slider-year{font-size:1.125rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.city-slider-divider{margin:0 .5rem;color:var(--text-muted);opacity:.4;font-size:1rem}.city-slider-cities{font-size:.8125rem;color:var(--text-muted);font-weight:400}.city-slider-reset{font-size:.6875rem;color:var(--primary);background:transparent;border:1px solid rgba(99,102,241,.2);border-radius:1rem;padding:.2rem .625rem;cursor:pointer;transition:all .2s ease;letter-spacing:.02em}.city-slider-reset:hover{background:var(--primary-light);border-color:var(--primary)}.city-slider-wrapper{display:flex;align-items:center;gap:.75rem}.city-slider-bound{font-size:.6875rem;color:var(--text-muted);opacity:.6;white-space:nowrap;min-width:28px;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.city-slider-track-wrapper{flex:1 1;position:relative;height:24px;display:flex;align-items:center}.city-slider-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;outline:none;cursor:pointer;position:relative;z-index:2;background:linear-gradient(to right,var(--primary) 0,var(--primary) var(--slider-progress,0),var(--border) var(--slider-progress,0),var(--border) 100%);transition:background .15s ease}.city-slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--primary);border:2px solid #fff;box-shadow:0 0 0 3px rgba(99,102,241,.15),0 2px 8px rgba(99,102,241,.3);cursor:-webkit-grab;cursor:grab;-webkit-transition:box-shadow .2s ease,transform .15s ease;transition:box-shadow .2s ease,transform .15s ease}.city-slider-input::-webkit-slider-thumb:hover{box-shadow:0 0 0 5px rgba(99,102,241,.2),0 2px 12px rgba(99,102,241,.4);transform:scale(1.1)}.city-slider-input::-webkit-slider-thumb:active{cursor:-webkit-grabbing;cursor:grabbing;transform:scale(.95)}.city-slider-input::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--primary);border:2px solid #fff;box-shadow:0 0 0 3px rgba(99,102,241,.15),0 2px 8px rgba(99,102,241,.3);cursor:grab;-moz-transition:box-shadow .2s ease,transform .15s ease;transition:box-shadow .2s ease,transform .15s ease}.city-slider-input::-moz-range-thumb:hover{box-shadow:0 0 0 5px rgba(99,102,241,.2),0 2px 12px rgba(99,102,241,.4)}.city-slider-input::-moz-range-track{background:transparent;border:none;height:4px}.city-slider-ticks{position:absolute;top:50%;left:0;right:0;height:0;pointer-events:none;z-index:1}.city-slider-tick{position:absolute;top:-3px;width:6px;height:6px;border-radius:50%;background:var(--border);transform:translateX(-50%);transition:all .25s ease}.city-slider-tick.active{background:var(--primary);box-shadow:0 0 6px rgba(99,102,241,.3)}.city-slider-input::-webkit-slider-thumb,[data-theme=dark] .city-slider-input::-webkit-slider-thumb{border-color:hsla(0,0%,100%,.9)}[data-theme=light] .city-slider-input::-webkit-slider-thumb{border-color:#fff;box-shadow:0 0 0 3px rgba(99,102,241,.12),0 1px 6px rgba(0,0,0,.1)}.city-map-wrapper-echarts{position:relative;background:linear-gradient(135deg,rgba(15,15,30,.95),rgba(20,20,45,.9));border-radius:var(--radius);border:1px solid rgba(99,102,241,.15);overflow:hidden}[data-theme=light] .city-map-wrapper-echarts{background:linear-gradient(135deg,rgba(245,245,255,.95),rgba(240,242,255,.9));border-color:rgba(99,102,241,.1)}.city-map-chart{transition:opacity .5s ease}.city-map-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:var(--text-muted);font-size:.875rem;z-index:2}.city-map-loading-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:cityLoadingSpin .8s linear infinite}@keyframes cityLoadingSpin{to{transform:rotate(1turn)}}.city-map-legend{position:absolute;right:12px;bottom:12px;display:flex;flex-direction:column;gap:6px;padding:10px 14px;background:rgba(15,15,35,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;border:1px solid rgba(99,102,241,.15);z-index:3}[data-theme=light] .city-map-legend{background:hsla(0,0%,100%,.88);border-color:rgba(99,102,241,.1)}.city-legend-item{display:flex;align-items:center;gap:8px;font-size:12px;line-height:1}.city-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.city-legend-label{color:var(--text-secondary);min-width:28px}.city-legend-count{color:var(--text-muted);font-size:11px;margin-left:auto}.city-tags-cloud{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.city-tag-enhanced{display:inline-flex;align-items:center;gap:.375rem;padding:.3rem .75rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:2rem;font-size:.75rem;color:var(--text-secondary);cursor:default;transition:all .25s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;-moz-user-select:none;user-select:none}.city-tag-enhanced:hover{border-color:var(--tag-color,var(--primary));color:var(--tag-color,var(--primary));transform:translateY(-2px);box-shadow:0 4px 16px var(--tag-glow,rgba(99,102,241,.15))}.city-tag-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.city-tag-year{font-size:.625rem;opacity:.5;margin-left:.125rem}@media (max-width:640px){.city-map-chart{height:340px!important}.city-slider-wrapper{gap:.5rem}.city-slider-year{font-size:1rem}.city-slider-bound{font-size:.625rem}.city-tag-enhanced{font-size:.6875rem;padding:.2rem .5rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.container{animation:fadeInUp .5s cubic-bezier(.4,0,.2,1)}.post-card{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) both}.post-list .post-card:first-child{animation-delay:0s}.post-list .post-card:nth-child(2){animation-delay:.08s}.post-list .post-card:nth-child(3){animation-delay:.16s}.post-list .post-card:nth-child(4){animation-delay:.24s}.post-list .post-card:nth-child(5){animation-delay:.32s}.post-list .post-card:nth-child(6){animation-delay:.4s}.post-list .post-card:nth-child(7){animation-delay:.48s}.post-list .post-card:nth-child(8){animation-delay:.56s}.post-list .post-card:nth-child(9){animation-delay:.64s}.post-list .post-card:nth-child(10){animation-delay:.72s}.sidebar-card{animation:fadeInUp .5s ease-out both}.sidebar-card:first-child{animation-delay:.1s}.sidebar-card:nth-child(2){animation-delay:.2s}.sidebar-card:nth-child(3){animation-delay:.3s}[data-theme=dark] .hero{background:var(--gradient-hero)}[data-theme=dark] .hero-circle{opacity:.1}[data-theme=dark] .post-card{background:var(--bg-card);border-color:var(--border)}[data-theme=dark] .post-card:hover{border-color:var(--primary)}[data-theme=dark] .sidebar-profile-avatar{background:linear-gradient(135deg,rgba(99,102,241,.2),rgba(139,92,246,.2))}[data-theme=dark] .markdown-body pre,[data-theme=dark] .post-detail-content pre{background:#0d1117}[data-theme=dark] .markdown-body code{background:#1e293b}[data-theme=dark] .footer{background:var(--bg)}[data-theme=dark] .footer-inner{border-top-color:var(--border)}[data-theme=dark] .search-box{background:transparent;border-color:var(--border)}[data-theme=dark] .search-box input{color:var(--text);background:var(--bg-card)}[data-theme=dark] .btn-outline{border-color:var(--border);color:var(--text-secondary)}[data-theme=dark] .btn-outline:hover{background:var(--bg-card);border-color:var(--primary);color:var(--primary)}[data-theme=dark] .tag,[data-theme=dark] .tech-badge{background:#1e293b;color:var(--text-secondary)}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:var(--bg-card);color:var(--text);border-color:var(--border)}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--text-muted)}[data-theme=dark] .markdown-body table th{background:#1e293b}[data-theme=dark] .markdown-body table tr:nth-child(2n){background:rgba(30,41,59,.5)}[data-theme=dark] .markdown-body blockquote{border-left-color:var(--primary);background:rgba(30,41,59,.3)}[data-theme=dark] .hljs{background:#0d1117!important}.like-favorite-bar{display:flex;justify-content:center;gap:1.5rem;padding:1.5rem 0;margin:2rem 0;border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.interaction-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.5rem;border:1px solid var(--border);border-radius:2rem;background:var(--bg-card);cursor:pointer;transition:all var(--transition);font-size:.9375rem;color:var(--text-secondary)}.interaction-btn:hover{transform:translateY(-1px)}.interaction-btn.active,.interaction-btn:hover{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.like-btn.active{border-color:#ef4444;background:#fef2f2;color:#ef4444}[data-theme=dark] .like-btn.active{background:rgba(239,68,68,.1)}.favorite-btn.active{border-color:#f59e0b;background:#fffbeb;color:#f59e0b}[data-theme=dark] .favorite-btn.active{background:rgba(245,158,11,.1)}.interaction-icon{font-size:1.125rem}.interaction-count{font-weight:600}.interaction-label{font-size:.8125rem}.interaction-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width:480px){.like-favorite-bar{gap:.75rem}.interaction-btn{padding:.5rem 1rem;font-size:.8125rem}.interaction-label{display:none}}.related-posts{margin:2rem 0;padding:1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.related-posts-title{font-size:1.125rem;font-weight:600;color:var(--text);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.related-posts-icon{font-size:1.125rem}.related-posts-list{display:flex;flex-direction:column;gap:.75rem}.related-post-card{display:flex;gap:1rem;padding:.75rem;border-radius:var(--radius-sm);transition:background var(--transition);color:var(--text)}.related-post-card:hover{background:var(--bg-secondary);color:var(--text)}.related-post-cover{width:80px;height:60px;border-radius:6px;overflow:hidden;flex-shrink:0}.related-post-cover img{width:100%;height:100%;object-fit:cover}.related-post-info{flex:1 1;min-width:0}.related-post-title{font-size:.9375rem;font-weight:500;color:var(--text);margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.related-post-card:hover .related-post-title{color:var(--primary)}.related-post-meta{display:flex;gap:.375rem;font-size:.75rem;color:var(--text-muted)}.related-post-tags{display:flex;gap:.25rem;margin-top:.375rem}@media (max-width:640px){.related-post-cover{display:none}}.admin-filter-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap}.admin-filter-tabs{display:flex;gap:.25rem}.admin-filter-tab{padding:.375rem .875rem;border:1px solid transparent;border-radius:var(--radius-sm);background:none;color:var(--text-secondary);cursor:pointer;font-size:.8125rem;transition:all var(--transition)}.admin-filter-tab:hover{background:var(--bg-secondary)}.admin-filter-tab.active{background:var(--primary-light);color:var(--primary);border-color:var(--primary);font-weight:500}.admin-filter-search{flex:1 1;max-width:300px}.admin-search-input{width:100%;padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-size:.8125rem;transition:border-color var(--transition)}.admin-search-input:focus{outline:none;border-color:var(--primary)}.admin-batch-bar{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;margin-bottom:1rem;background:var(--primary-light);border:1px solid var(--primary);border-radius:var(--radius);font-size:.875rem;color:var(--primary)}.comment-content-cell{max-width:300px;font-size:.8125rem;color:var(--text-secondary);line-height:1.5}.status-spam{background:#fef2f2;color:#ef4444}[data-theme=dark] .status-spam{background:rgba(239,68,68,.1)}@media (max-width:768px){.admin-filter-bar{flex-direction:column;align-items:stretch}.admin-filter-search{max-width:none}}.tag-form-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem}.tag-form-title{font-size:1rem;font-weight:600;color:var(--text);margin-bottom:1rem}.tag-form{flex-direction:column}.tag-form,.tag-form-row{display:flex;gap:1rem}.tag-form-field{flex:1 1}.tag-form-field label{display:block;font-size:.8125rem;font-weight:500;color:var(--text-secondary);margin-bottom:.375rem}.tag-form-field input{width:100%;padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font-size:.875rem;transition:border-color var(--transition)}.tag-form-field input:focus{outline:none;border-color:var(--primary)}.tag-form-actions{display:flex;gap:.5rem}.tag-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:.75rem;gap:.75rem}.tag-manage-card{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--transition)}.tag-manage-card:hover{border-color:var(--primary)}.tag-manage-info{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.tag-manage-name{font-weight:600;color:var(--text);font-size:.9375rem}.tag-manage-slug{font-size:.75rem;color:var(--text-muted);font-family:monospace}.tag-manage-count{font-size:.75rem;color:var(--text-secondary);background:var(--bg-secondary);padding:.125rem .5rem;border-radius:1rem}.tag-manage-actions{display:flex;gap:.375rem;flex-shrink:0}@media (max-width:640px){.tag-form-row{flex-direction:column}.tag-grid{grid-template-columns:1fr}.tag-manage-card{flex-direction:column;align-items:flex-start;gap:.75rem}}.rss-link{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#f97316;color:#fff;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;transition:all var(--transition)}.rss-link:hover{background:#ea580c;color:#fff;transform:translateY(-1px)}[data-theme=dark] .interaction-btn{background:var(--bg-card)}[data-theme=dark] .admin-filter-bar,[data-theme=dark] .related-posts,[data-theme=dark] .tag-form-card,[data-theme=dark] .tag-manage-card{background:var(--bg-card);border-color:var(--border)}[data-theme=dark] .admin-batch-bar{background:rgba(96,165,250,.1)}.series-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));grid-gap:1.5rem;gap:1.5rem}.series-card{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:all var(--transition);color:var(--text)}.series-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.08);color:var(--text)}.series-card-cover{height:160px;overflow:hidden}.series-card-cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.series-card:hover .series-card-cover img{transform:scale(1.05)}.series-card-body{padding:1.25rem;flex:1 1;display:flex;flex-direction:column}.series-card-title{font-size:1.125rem;font-weight:600;color:var(--text);margin-bottom:.5rem}.series-card-desc{font-size:.875rem;color:var(--text-secondary);line-height:1.6;margin-bottom:.75rem;flex:1 1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.series-card-meta{display:flex;gap:.5rem;font-size:.75rem;color:var(--text-muted)}.series-detail-header{display:flex;gap:2rem;margin-bottom:2rem;padding:2rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.series-detail-cover{width:200px;height:150px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0}.series-detail-cover img{width:100%;height:100%;object-fit:cover}.series-detail-info{flex:1 1}.series-detail-title{font-size:1.75rem;font-weight:700;color:var(--text);margin-bottom:.75rem}.series-detail-desc{font-size:.9375rem;color:var(--text-secondary);line-height:1.7;margin-bottom:1rem}.series-detail-meta{display:flex;gap:.5rem;font-size:.875rem;color:var(--text-muted)}.series-posts-list{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.series-posts-title{font-size:1.25rem;font-weight:600;color:var(--text);margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-light)}.series-posts-items{display:flex;flex-direction:column}.series-post-item{display:flex;gap:1rem;padding:1rem .75rem;border-bottom:1px solid var(--border-light);transition:background var(--transition);color:var(--text);align-items:flex-start}.series-post-item:last-child{border-bottom:none}.series-post-item:hover{background:var(--bg-secondary);color:var(--text)}.series-post-index{font-size:1.25rem;font-weight:700;color:var(--primary);min-width:2rem;text-align:center;padding-top:.125rem}.series-post-info{flex:1 1;min-width:0}.series-post-title{font-size:1rem;font-weight:500;color:var(--text);margin-bottom:.25rem}.series-post-item:hover .series-post-title{color:var(--primary)}.series-post-summary{font-size:.8125rem;color:var(--text-muted);margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.series-post-meta{display:flex;gap:.375rem;font-size:.75rem;color:var(--text-muted)}@media (max-width:768px){.series-grid{grid-template-columns:1fr}.series-detail-header{flex-direction:column;gap:1rem;padding:1.25rem}.series-detail-cover{width:100%;height:180px}}.notification-bell-wrap{position:relative}.notification-bell{background:none;border:none;cursor:pointer;font-size:1.25rem;padding:.25rem;position:relative;transition:transform var(--transition)}.notification-bell:hover{transform:scale(1.1)}.notification-badge{position:absolute;top:-4px;right:-6px;background:#ef4444;color:#fff;font-size:.625rem;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 3px;line-height:1}.notification-panel{position:absolute;top:calc(100% + 8px);right:0;width:360px;max-height:480px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 12px 40px rgba(0,0,0,.12);z-index:1000;overflow:hidden;display:flex;flex-direction:column}.notification-panel-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border-light)}.notification-panel-header h3{font-size:.9375rem;font-weight:600;color:var(--text);margin:0}.notification-mark-all{background:none;border:none;color:var(--primary);font-size:.75rem;cursor:pointer}.notification-mark-all:hover{text-decoration:underline}.notification-panel-body{overflow-y:auto;max-height:400px}.notification-empty,.notification-loading{padding:2rem;text-align:center;color:var(--text-muted);font-size:.875rem}.notification-item{display:flex;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--border-light);cursor:pointer;transition:background var(--transition)}.notification-item:hover{background:var(--bg-secondary)}.notification-item.unread{background:var(--primary-light)}.notification-item-icon{font-size:1.25rem;flex-shrink:0;padding-top:.125rem}.notification-item-content{flex:1 1;min-width:0}.notification-item-title{font-size:.8125rem;font-weight:500;color:var(--text);margin-bottom:.125rem}.notification-item-text{font-size:.75rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-item-time{font-size:.6875rem;color:var(--text-muted);margin-top:.25rem}.notification-item-link{font-size:.75rem;color:var(--primary);flex-shrink:0;align-self:center}@media (max-width:480px){.notification-panel{width:calc(100vw - 2rem);right:-1rem}}.analytics-select{padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text);font-size:.875rem;cursor:pointer}.analytics-overview{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem;gap:1rem;margin-bottom:2rem}.analytics-stat-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--transition)}.analytics-stat-card:hover{border-color:var(--primary)}.analytics-stat-icon{font-size:2rem}.analytics-stat-value{font-size:1.5rem;font-weight:700;color:var(--text)}.analytics-stat-label{font-size:.75rem;color:var(--text-muted);margin-top:.125rem}.analytics-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem}.analytics-section-title{font-size:1rem;font-weight:600;color:var(--text);margin-bottom:1rem}.analytics-two-col{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem;gap:1.5rem}.analytics-table-wrap{max-height:400px;overflow-y:auto}.analytics-bar-chart{display:flex;align-items:flex-end;gap:2px;height:200px;padding:0 .5rem}.analytics-bar-group{flex:1 1;display:flex;flex-direction:column;align-items:center;min-width:0}.analytics-bar-container{display:flex;gap:1px;align-items:flex-end;height:180px;width:100%}.analytics-bar{flex:1 1;min-height:2px;border-radius:2px 2px 0 0;transition:height .3s}.pv-bar{background:var(--primary);opacity:.7}.uv-bar{background:#10b981;opacity:.7}.analytics-bar-label{font-size:.5rem;color:var(--text-muted);margin-top:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.analytics-legend{display:flex;justify-content:center;gap:1.5rem;margin-top:.75rem;font-size:.75rem;color:var(--text-secondary)}.analytics-legend-item{display:flex;align-items:center;gap:.375rem}.legend-dot{width:10px;height:10px;border-radius:2px}.pv-dot{background:var(--primary)}.uv-dot{background:#10b981}.analytics-hourly{display:flex;align-items:flex-end;gap:3px;height:120px}.analytics-hourly-bar{flex:1 1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.analytics-hourly-fill{width:100%;background:var(--primary);opacity:.6;border-radius:2px 2px 0 0;min-height:2px;transition:height .3s}.analytics-hourly-bar:hover .analytics-hourly-fill{opacity:1}.analytics-hourly-label{font-size:.5rem;color:var(--text-muted);margin-top:.25rem}@media (max-width:768px){.analytics-overview{grid-template-columns:repeat(2,1fr)}.analytics-two-col{grid-template-columns:1fr}}@media (max-width:480px){.analytics-overview{grid-template-columns:1fr}}[data-theme=dark] .series-card{background:var(--bg-card);border-color:var(--border)}[data-theme=dark] .series-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.3)}[data-theme=dark] .notification-panel,[data-theme=dark] .series-detail-header,[data-theme=dark] .series-posts-list{background:var(--bg-card);border-color:var(--border)}[data-theme=dark] .notification-panel{box-shadow:0 12px 40px rgba(0,0,0,.4)}[data-theme=dark] .notification-item.unread{background:rgba(96,165,250,.1)}[data-theme=dark] .analytics-section,[data-theme=dark] .analytics-select,[data-theme=dark] .analytics-stat-card{background:var(--bg-card);border-color:var(--border)}.post-series-badge{margin-bottom:1.5rem}.post-series-link{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:var(--primary-light);color:var(--primary);border:1px solid var(--primary);border-radius:2rem;font-size:.875rem;font-weight:500;transition:all var(--transition)}.post-series-link:hover{background:var(--primary);color:#fff}.navbar-hamburger{display:none;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:none;cursor:pointer;padding:0;z-index:201;position:relative}.hamburger-line{position:relative}.hamburger-line,.hamburger-line:after,.hamburger-line:before{display:block;width:22px;height:2px;background:var(--text);border-radius:2px;transition:all .3s ease}.hamburger-line:after,.hamburger-line:before{content:"";position:absolute;left:0}.hamburger-line:before{top:-7px}.hamburger-line:after{top:7px}.navbar-hamburger.active .hamburger-line{background:transparent}.navbar-hamburger.active .hamburger-line:before{top:0;transform:rotate(45deg)}.navbar-hamburger.active .hamburger-line:after{top:0;transform:rotate(-45deg)}.mobile-menu-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:199;opacity:0;transition:opacity .3s ease}.mobile-menu-overlay.active{opacity:1}.mobile-menu{display:none;position:fixed;top:0;right:-300px;width:300px;height:100vh;background:var(--bg);z-index:200;padding:80px 1.5rem 2rem;transition:right .3s ease;box-shadow:-4px 0 20px rgba(0,0,0,.1);overflow-y:auto}.mobile-menu.active{right:0}.mobile-menu-links{display:flex;flex-direction:column;gap:.25rem}.mobile-menu-link{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:1rem;font-weight:500;transition:all var(--transition)}.mobile-menu-link.active,.mobile-menu-link:hover{background:var(--primary-light);color:var(--primary)}.mobile-menu-divider{height:1px;background:var(--border-light);margin:.75rem 0}.mobile-menu-user{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--bg-secondary);border-radius:var(--radius);margin-bottom:1rem}.mobile-menu-user-name{font-weight:600;color:var(--text);font-size:.9375rem}.mobile-menu-user-role{font-size:.75rem;color:var(--text-muted)}.navbar-link.active{color:var(--primary)}.navbar-link.active:after{width:100%}.navbar-mobile-actions{display:none;align-items:center;gap:.5rem}@media (max-width:768px){.navbar-hamburger{display:flex}.navbar-links{display:none}.navbar-mobile-actions{display:flex}.mobile-menu-overlay{display:block;pointer-events:none}.mobile-menu-overlay.active{pointer-events:auto}.mobile-menu{display:block}.navbar-inner{padding:0 1rem}}@media (max-width:1024px) and (min-width:769px){.home-layout{grid-template-columns:1fr 280px}}@media (max-width:480px){.container{padding:1.5rem 1rem}.hero-title{font-size:1.25rem}.hero-desc{font-size:.9375rem}.hero-inner{padding:1.5rem 1rem}.post-card-body{padding:1rem}.post-card-title{font-size:1.0625rem}.page-title,.post-detail-title{font-size:1.5rem}.post-detail-content{padding:1.25rem}.auth-card{padding:1.5rem;margin:0 .5rem}}[data-theme=dark] .mobile-menu{background:var(--bg);box-shadow:-4px 0 20px rgba(0,0,0,.4)}[data-theme=dark] .mobile-menu-overlay{background:rgba(0,0,0,.7)}@media (max-width:768px){.hero-inner{padding:2.5rem 1.5rem 3rem}.hero-title{font-size:1.75rem}.hero-emoji{font-size:2rem}.hero-greeting{font-size:.875rem}.hero-stats{gap:1rem}.hero-stat-num{font-size:1.25rem}.auth-page{flex-direction:column}.auth-decoration{display:none}.auth-form-section{min-height:calc(100vh - 64px)}}@media (max-width:480px){.hero-inner{padding:2rem 1rem 2.5rem}.hero-title{font-size:1.5rem}.hero-desc{font-size:.9375rem}}.hero-cursor{display:inline-block;color:hsla(0,0%,100%,.9);font-weight:300;animation:blink 1s step-end infinite;margin-left:2px}.hero-enhanced{min-height:340px}.hero-greeting-wave{display:inline-block;animation:wave 2.5s ease-in-out infinite;transform-origin:70% 70%}@keyframes wave{0%,to{transform:rotate(0deg)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0deg)}}.hero-title-text{position:relative}.hero-title-highlight{background:linear-gradient(135deg,#a5b4fc,#c084fc,#f0abfc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradientShift 4s ease infinite}.hero-typewriter{min-height:1.8em}.hero-stats-glow{position:relative}.hero-stats-glow:before{content:"";position:absolute;inset:-2px;border-radius:14px;background:linear-gradient(135deg,rgba(99,102,241,.4),rgba(168,85,247,.4),rgba(56,189,248,.4));background-size:300% 300%;animation:borderGlow 4s ease infinite;z-index:-1;filter:blur(8px);opacity:.6}@keyframes borderGlow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.hero-orb{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.15) 0,transparent 70%);top:50%;right:15%;transform:translate(50%,-50%);animation:orbFloat 10s ease-in-out infinite;filter:blur(40px)}@keyframes orbFloat{0%,to{transform:translate(50%,-50%) scale(1)}33%{transform:translate(40%,-60%) scale(1.1)}66%{transform:translate(60%,-40%) scale(.9)}}.search-box-glow{position:relative;transition:all .3s ease}.search-box-glow:focus-within{box-shadow:0 0 0 3px rgba(99,102,241,.15),0 4px 20px rgba(99,102,241,.1);border-color:var(--primary)!important;transform:translateY(-1px)}.post-card{position:relative}.post-card:after{background:linear-gradient(135deg,rgba(99,102,241,.04),rgba(168,85,247,.04),rgba(56,189,248,.02))}.post-card:hover{box-shadow:0 16px 48px rgba(99,102,241,.15),0 4px 12px rgba(0,0,0,.06);transform:translateY(-6px)}[data-theme=dark] .post-card:hover{box-shadow:0 16px 48px rgba(99,102,241,.2),0 4px 12px rgba(0,0,0,.3);border-color:rgba(129,140,248,.4)}.sidebar-profile-glow{position:relative;overflow:visible}.sidebar-profile-glow:after{content:"";position:absolute;inset:-1px;border-radius:var(--radius);background:linear-gradient(135deg,var(--primary),var(--accent),#38bdf8,var(--primary));background-size:300% 300%;animation:borderGlow 6s ease infinite;z-index:-1;opacity:.3;filter:blur(4px)}.navbar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary),var(--accent),transparent);opacity:0;transition:opacity .3s ease}.navbar-scrolled:after{opacity:.3}.footer-enhanced{background:var(--bg);position:relative;overflow:hidden}.footer-enhanced:before{display:none}.footer-glow-line{height:2px;background:linear-gradient(90deg,transparent,var(--primary),var(--accent),#38bdf8,var(--accent),var(--primary),transparent);background-size:200% 100%;animation:footerGlow 4s ease infinite;opacity:.6}@keyframes footerGlow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.footer-enhanced .footer-inner{border-top:none;padding:4rem 1.5rem 2.5rem}.footer-content{flex-direction:column;gap:.75rem}.footer-brand,.footer-content{display:flex;align-items:center}.footer-brand{gap:.5rem;margin-bottom:.25rem}.footer-logo{font-size:1.5rem;animation:float 3s ease-in-out infinite}.footer-brand-text{font-size:1.125rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-slogan{font-size:.8125rem;color:var(--text-muted);letter-spacing:.05em}.tag{transition:all .3s cubic-bezier(.4,0,.2,1)}.tag:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px rgba(99,102,241,.2)}.btn-primary{position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:hsla(0,0%,100%,.15);border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.btn-primary:hover:after{width:300px;height:300px}.about-hero-enhanced{background:var(--bg-card);border:1px solid var(--border);position:relative}.about-hero-enhanced:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent),#38bdf8,var(--accent),var(--primary));background-size:200% 100%;animation:footerGlow 3s ease infinite;z-index:2}.about-name{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-hobby-card{transition:all .4s cubic-bezier(.4,0,.2,1)}.about-hobby-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 16px 40px rgba(99,102,241,.15)}.about-hobby-icon-wrapper{transition:transform .4s cubic-bezier(.4,0,.2,1)}.about-hobby-card:hover .about-hobby-icon-wrapper{transform:scale(1.15) rotate(5deg)}.about-tech-bar-fill{position:relative;overflow:hidden}.about-tech-bar-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);animation:techBarShine 2s ease-in-out infinite}.about-timeline-dot{position:relative}.about-timeline-dot:after{content:"";position:absolute;inset:-4px;border-radius:50%;background:var(--primary);opacity:0;animation:timelinePulse 2s ease-in-out infinite}@keyframes timelinePulse{0%,to{opacity:0;transform:scale(1)}50%{opacity:.3;transform:scale(1.8)}}.about-contact-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.about-contact-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 32px rgba(99,102,241,.15)}.about-contact-icon{transition:transform .3s ease}.about-contact-card:hover .about-contact-icon{transform:scale(1.2)}.about-direction-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.about-direction-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.08)}.about-feature-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.about-feature-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.06);border-color:var(--primary-border)}.about-feature-icon{transition:transform .3s ease}.about-feature-card:hover .about-feature-icon{transform:scale(1.2)}html{scroll-behavior:smooth}::selection{background:rgba(99,102,241,.2);color:var(--text)}.about-content a{color:var(--primary);position:relative;text-decoration:none}.about-content a:after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:1.5px;background:var(--gradient-primary);transition:width .3s ease}.about-content a:hover:after{width:100%}[data-theme=dark] .hero-enhanced:before{background:var(--gradient-hero-mesh)}[data-theme=dark] .footer-glow-line{opacity:.4}[data-theme=dark] .about-hobby-card:hover{box-shadow:0 16px 40px rgba(99,102,241,.2)}[data-theme=dark] .sidebar-profile-glow:after{opacity:.2}[data-theme=dark] .search-box-glow:focus-within{box-shadow:0 0 0 3px rgba(129,140,248,.2),0 4px 20px rgba(129,140,248,.15)}@media (max-width:768px){.hero-orb{display:none}.hero-enhanced{min-height:auto}.footer-slogan{font-size:.75rem}}@media (max-width:480px){.hero-cursor{display:none}}.hero-v2{position:relative;overflow:hidden;padding:0;min-height:420px;display:flex;align-items:center}.hero-v2-bg{position:absolute;inset:0;z-index:0}.hero-v2-gradient{position:absolute;inset:0;background:var(--gradient-hero)}.hero-v2-gradient:before{content:"";position:absolute;inset:0;background:var(--gradient-hero-mesh);animation:heroMeshFloat 8s ease-in-out infinite}.hero-v2-grid{position:absolute;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.03) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.03) 1px,transparent 0);background-size:40px 40px;mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,#000 40%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,#000 40%,transparent 100%)}.hero-v2-inner{max-width:var(--max-width);margin:0 auto;padding:2.5rem 1.5rem 1.5rem;position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:3rem;width:100%}.hero-v2-content{flex:1 1;max-width:560px}.hero-v2-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem 1rem;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.12);border-radius:9999px;font-size:.8125rem;color:hsla(0,0%,100%,.8);margin-bottom:1.5rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-v2-badge-dot{width:6px;height:6px;border-radius:50%;background:#10b981;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 0 0 rgba(16,185,129,.4)}50%{opacity:.8;box-shadow:0 0 0 6px rgba(16,185,129,0)}}.hero-v2-title{font-size:2.75rem;font-weight:800;color:#fff;line-height:1.2;margin-bottom:.75rem;letter-spacing:-.02em}.hero-v2-name{background:linear-gradient(135deg,#a5b4fc,#c084fc,#f0abfc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradientShift 4s ease infinite}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.hero-v2-subtitle{font-size:1.0625rem;color:hsla(0,0%,100%,.7);margin-bottom:1.25rem;font-weight:400}.hero-v2-typewriter{font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:.9375rem;color:hsla(0,0%,100%,.6);margin-bottom:2rem;min-height:1.5em;padding:.75rem 1rem;background:rgba(0,0,0,.2);border-radius:var(--radius-sm);border:1px solid hsla(0,0%,100%,.06)}.hero-v2-typewriter-prefix{color:#10b981;font-weight:600}.hero-v2-cursor{color:#a5b4fc;animation:blink 1s step-end infinite;font-weight:300}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-v2-actions{display:flex;gap:.75rem;flex-wrap:wrap}.hero-social-links{display:flex;align-items:center;gap:.25rem;margin-top:.5rem;flex-wrap:wrap}.hero-social-link{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:var(--text-muted);background:transparent;transition:all .3s ease;text-decoration:none}.hero-social-link:hover{color:var(--primary);background:rgba(99,102,241,.1);transform:translateY(-2px)}.hero-social-link svg{flex-shrink:0}.hero-v2-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:var(--radius-sm);font-size:.9375rem;font-weight:600;transition:all .25s ease;text-decoration:none}.hero-v2-btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 16px rgba(99,102,241,.3)}.hero-v2-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(99,102,241,.4);color:#fff}.hero-v2-btn-ghost{background:hsla(0,0%,100%,.06);color:hsla(0,0%,100%,.85);border:1px solid hsla(0,0%,100%,.12)}.hero-v2-btn-ghost:hover{background:hsla(0,0%,100%,.12);color:#fff;transform:translateY(-2px)}.hero-v2-visual{flex-shrink:0;justify-content:center}.coding-cat,.hero-v2-visual{display:flex;align-items:center}.coding-cat{position:relative;width:220px;height:220px;flex-direction:column;justify-content:flex-end;animation:catFloat 4s ease-in-out infinite}@keyframes catFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.cat-body{position:relative;width:120px;height:100px;display:flex;flex-direction:column;align-items:center}.cat-ear{position:absolute;top:-12px;width:24px;height:24px;background:#a78bfa;-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%)}.cat-ear-left{left:18px;transform:rotate(-10deg)}.cat-ear-right{right:18px;transform:rotate(10deg)}.cat-head{width:80px;height:70px;background:linear-gradient(180deg,#c4b5fd,#a78bfa);border-radius:40px 40px 30px 30px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(167,139,250,.3)}.cat-eyes{display:flex;gap:16px;margin-top:-4px;transition:all .15s ease}.cat-eyes.blink .cat-eye{height:2px;border-radius:2px}.cat-eye{width:14px;height:14px;background:#1e1b4b;border-radius:50%;position:relative;transition:all .15s ease}.cat-pupil{position:absolute;top:3px;left:4px;width:5px;height:5px;background:#fff;border-radius:50%}.cat-nose{width:6px;height:4px;background:#ec4899;border-radius:50%;margin-top:4px}.cat-mouth{width:16px;height:6px;border-bottom:2px solid #7c3aed;border-radius:0 0 8px 8px;margin-top:1px}.cat-blush{position:absolute;width:12px;height:8px;background:rgba(251,113,133,.4);border-radius:50%;top:42px}.cat-blush-left{left:6px}.cat-blush-right{right:6px}.cat-scarf{width:70px;height:10px;background:linear-gradient(90deg,#f472b6,#a78bfa,#60a5fa);border-radius:0 0 6px 6px;margin-top:-2px}.cat-arms{display:flex;gap:30px;margin-top:-2px}.cat-arm{width:16px;height:20px;background:#c4b5fd;border-radius:8px 8px 6px 6px}.cat-arm-left{animation:catTypeLeft .6s ease-in-out infinite;transform-origin:top center}.cat-arm-right{animation:catTypeRight .6s ease-in-out .3s infinite;transform-origin:top center}@keyframes catTypeLeft{0%,to{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(5deg) translateY(3px)}}@keyframes catTypeRight{0%,to{transform:rotate(5deg) translateY(0)}50%{transform:rotate(-5deg) translateY(3px)}}.cat-laptop{margin-top:-4px;align-items:center}.cat-laptop,.cat-laptop-screen{display:flex;flex-direction:column}.cat-laptop-screen{width:80px;height:50px;background:#1e293b;border-radius:6px 6px 0 0;border:2px solid #475569;padding:8px;gap:4px;overflow:hidden}.cat-code-line{height:3px;background:#818cf8;border-radius:2px;width:80%;animation:codeType 2s ease-in-out infinite}.cat-code-line-short{width:50%;background:#34d399;animation-delay:.3s}.cat-code-line-medium{width:65%;background:#fbbf24;animation-delay:.6s}@keyframes codeType{0%{width:0;opacity:0}20%{opacity:1}80%{opacity:1}to{width:80%;opacity:.5}}.cat-laptop-base{width:100px;height:6px;background:linear-gradient(180deg,#64748b,#475569);border-radius:0 0 4px 4px}.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.filter-bar-left{flex:1 1}.section-heading{font-size:1.375rem;font-weight:700;color:var(--text);display:flex;align-items:center;gap:.5rem}.section-heading-icon{font-size:1.25rem}.section-heading-count{font-size:.8125rem;font-weight:600;color:var(--primary);background:var(--primary-light);padding:.125rem .625rem;border-radius:9999px;margin-left:.25rem}.search-box-v2{position:relative;display:flex;align-items:center}.search-box-v2-icon{position:absolute;left:.75rem;color:var(--text-muted);z-index:1;pointer-events:none}.search-box-v2 input{width:220px;padding:.5rem .75rem .5rem 2.25rem;border:1.5px solid var(--border);border-radius:9999px;font-size:.875rem;background:var(--bg-card);outline:none;transition:all var(--transition);color:var(--text)}.search-box-v2 input::placeholder{color:var(--text-muted)}.search-box-v2 input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(99,102,241,.1);width:280px}.tag-bar{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border-light)}.tag-pill{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .875rem;border-radius:9999px;font-size:.8125rem;font-weight:500;background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;transition:all .2s ease}.tag-pill:hover{border-color:var(--primary-border);color:var(--primary);background:var(--primary-light)}.tag-pill.active{background:var(--primary);color:#fff;border-color:var(--primary)}.tag-pill-count{font-size:.6875rem;opacity:.7}.tag-pill.active .tag-pill-count{opacity:.9}.filter-hint-v2{display:flex;align-items:center;justify-content:space-between;padding:.625rem 1rem;background:var(--primary-light);border:1px solid var(--primary-border);border-radius:var(--radius-sm);margin-bottom:1.25rem;font-size:.875rem;color:var(--primary)}.filter-clear-v2{background:none;border:none;color:var(--primary);font-size:.8125rem;cursor:pointer;font-weight:500;opacity:.8;transition:opacity .2s}.filter-clear-v2:hover{opacity:1}.post-grid-v2{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}@media (max-width:768px){.post-grid-v2{grid-template-columns:1fr}}.post-card-v2{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:all .35s cubic-bezier(.4,0,.2,1);cursor:pointer;text-decoration:none;color:inherit;position:relative}.post-card-v2:before{content:"";position:absolute;inset:0;border-radius:var(--radius);background:linear-gradient(135deg,rgba(99,102,241,.04),rgba(168,85,247,.04));opacity:0;transition:opacity .35s ease;pointer-events:none;z-index:0}.post-card-v2:hover{transform:translateY(-6px);box-shadow:0 16px 48px rgba(99,102,241,.12),0 4px 12px rgba(0,0,0,.06);border-color:rgba(99,102,241,.25)}.post-card-v2:hover:before{opacity:1}[data-theme=dark] .post-card-v2:hover{box-shadow:0 16px 48px rgba(99,102,241,.15),0 4px 12px rgba(0,0,0,.3);border-color:rgba(129,140,248,.3)}.post-card-v2-cover{width:100%;height:180px;overflow:hidden;position:relative}.post-card-v2-img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.post-card-v2:hover .post-card-v2-img{transform:scale(1.06)}.post-card-v2-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.post-card-v2-placeholder:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.15))}.post-card-v2-emoji{font-size:3rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));z-index:1;transition:transform .4s ease}.post-card-v2:hover .post-card-v2-emoji{transform:scale(1.15) rotate(5deg)}.post-card-v2-read-time{position:absolute;top:.75rem;right:.75rem;padding:.25rem .625rem;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:.6875rem;font-weight:500;border-radius:9999px;z-index:2}.post-card-v2-body{padding:1.25rem;display:flex;flex-direction:column;flex:1 1}.post-card-v2-tags{display:flex;gap:.375rem;margin-bottom:.625rem;flex-wrap:wrap}.post-card-v2-tag{padding:.125rem .5rem;border-radius:4px;font-size:.6875rem;font-weight:500;background:var(--primary-light);color:var(--primary)}.post-card-v2-title{font-size:1.0625rem;font-weight:600;color:var(--text);line-height:1.5;margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s}.post-card-v2:hover .post-card-v2-title{color:var(--primary)}.post-card-v2-summary{font-size:.875rem;color:var(--text-secondary);line-height:1.6;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1 1}.post-card-v2-footer{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:var(--text-muted);margin-top:auto;padding-top:.75rem;border-top:1px solid var(--border-light)}.post-card-v2-date,.post-card-v2-views{display:flex;align-items:center;gap:.25rem}.post-card-animate{animation:cardFadeInUp .5s cubic-bezier(.4,0,.2,1) both}@keyframes cardFadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.footer-v2{border-top:1px solid var(--border-light);background:var(--bg);margin-top:auto}.footer-v2-inner{max-width:var(--max-width);margin:0 auto;padding:1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.footer-v2-center{justify-content:center;flex-direction:column;text-align:center;gap:.25rem}.footer-v2-left{display:flex;flex-direction:column;gap:.25rem}.footer-v2-content{display:flex;gap:.4rem}.footer-v2-avatar,.footer-v2-content{align-items:center;justify-content:center}.footer-v2-avatar{display:inline-flex;flex-shrink:0}.footer-v2-avatar-img{width:20px;height:20px;border-radius:50%;overflow:hidden;object-fit:cover;box-shadow:0 1px 3px rgba(99,102,241,.25),0 0 0 1px rgba(99,102,241,.1);transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;cursor:pointer;vertical-align:middle}.footer-v2-avatar-img:hover{transform:scale(1.15);box-shadow:0 2px 8px rgba(99,102,241,.35),0 0 0 1.5px rgba(99,102,241,.15)}.footer-v2-copyright{font-size:.8125rem;color:var(--text-secondary);font-weight:500}.footer-v2-tech{font-size:.75rem;color:var(--text-muted)}.footer-v2-tech span,.footer-v2-tech-inline{font-weight:600;color:var(--text-secondary)}.footer-v2-divider{margin:0 .5rem;color:var(--text-muted);opacity:.4;font-weight:300}.footer-v2-run-days{font-size:.8125rem;color:var(--text-secondary)}.footer-v2-days-num{font-weight:700;color:var(--primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.footer-v2-right{display:flex;gap:1.25rem}.footer-v2-link{font-size:.8125rem;color:var(--text-muted);transition:color .2s;text-decoration:none}.footer-v2-link:hover{color:var(--primary)}.footer-v2-icp{margin-top:.25rem}.footer-v2-icp-link{font-size:.75rem;color:var(--text-muted);text-decoration:none;transition:color .2s}.footer-v2-icp-link:hover{color:var(--primary)}@media (max-width:640px){.footer-v2-inner{flex-direction:column;text-align:center;gap:.75rem}}.skeleton-card-v2{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;animation:skeletonFadeIn .3s ease both}.skeleton-cover-v2{width:100%;height:180px;background:var(--border-light)}.skeleton-body-v2{padding:1.25rem}.skeleton-tags-v2{display:flex;gap:.375rem;margin-bottom:.75rem}.skeleton-tag-v2{width:48px;height:20px;border-radius:4px;background:var(--border-light)}.skeleton-tag-v2-short{width:36px}.skeleton-title-v2{width:80%;height:20px;margin-bottom:.625rem}.skeleton-text-v2,.skeleton-title-v2{border-radius:4px;background:var(--border-light)}.skeleton-text-v2{width:100%;height:14px;margin-bottom:.5rem}.skeleton-text-v2-short{width:60%}.skeleton-footer-v2{display:flex;justify-content:space-between;margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border-light)}.skeleton-date-v2{width:80px}.skeleton-date-v2,.skeleton-views-v2{height:12px;border-radius:4px;background:var(--border-light)}.skeleton-views-v2{width:40px}.skeleton-shimmer{background:linear-gradient(90deg,var(--border-light) 25%,var(--bg-secondary) 50%,var(--border-light) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}@media (max-width:768px){.hero-v2{min-height:auto}.hero-v2-inner{flex-direction:column;padding:3rem 1.5rem;text-align:center;gap:2rem}.hero-v2-content{max-width:100%}.hero-v2-title{font-size:2rem}.hero-social-links,.hero-v2-actions{justify-content:center}.hero-v2-visual{display:none}.filter-bar{flex-direction:column;align-items:stretch}.search-box-v2 input,.search-box-v2 input:focus{width:100%}}@media (max-width:480px){.hero-v2-title{font-size:1.75rem}.hero-v2-subtitle{font-size:.9375rem}.hero-v2-typewriter{font-size:.8125rem}.hero-v2-btn{padding:.625rem 1.25rem;font-size:.875rem}.post-card-v2-cover{height:150px}}.scroll-to-top{position:fixed;bottom:2rem;right:2rem;z-index:999;display:flex;flex-direction:column;align-items:center;gap:.25rem;background:var(--bg-primary);border:2px solid var(--border-light);border-radius:1rem;padding:.5rem .6rem .4rem;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(20px);transition:opacity .4s ease,visibility .4s ease,transform .4s ease,box-shadow .3s ease,border-color .3s ease;box-shadow:0 4px 16px rgba(0,0,0,.1);animation:astronaut-float 3s ease-in-out infinite}.scroll-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-to-top:hover{border-color:var(--accent);box-shadow:0 6px 24px rgba(79,195,247,.3);transform:translateY(-4px)}.scroll-to-top:hover .flame{animation:flame-burst .3s ease-in-out forwards}.scroll-to-top:hover .eyes circle:first-child,.scroll-to-top:hover .eyes circle:nth-child(2){r:3.5}.scroll-to-top.launching{animation:rocket-launch .8s ease-in forwards!important}.scroll-to-top.launching .flame{animation:flame-intense .15s ease-in-out infinite!important}.astronaut-svg{width:48px;height:67px}.flame{animation:flame-flicker .8s ease-in-out infinite alternate;transform-origin:50% 100%}.scroll-to-top-text{font-size:.625rem;font-weight:700;color:var(--text-secondary);letter-spacing:.08em;transition:color .3s ease}.scroll-to-top:hover .scroll-to-top-text{color:var(--accent)}@keyframes astronaut-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.scroll-to-top:hover{animation:astronaut-float-hover 2s ease-in-out infinite}@keyframes astronaut-float-hover{0%,to{transform:translateY(-4px)}50%{transform:translateY(-10px)}}@keyframes flame-flicker{0%{opacity:.6;transform:scaleY(.8) scaleX(.9)}to{opacity:1;transform:scaleY(1.1) scaleX(1.05)}}@keyframes flame-burst{0%{transform:scaleY(1) scaleX(1)}50%{transform:scaleY(1.5) scaleX(1.2)}to{transform:scaleY(1.3) scaleX(1.1)}}@keyframes flame-intense{0%{transform:scaleY(1.2) scaleX(1);opacity:1}50%{transform:scaleY(2) scaleX(1.4);opacity:.9}to{transform:scaleY(1.5) scaleX(1.1);opacity:1}}@keyframes rocket-launch{0%{transform:translateY(0);opacity:1}30%{transform:translateY(5px);opacity:1}to{transform:translateY(-120vh);opacity:0}}[data-theme=dark] .scroll-to-top{box-shadow:0 4px 16px rgba(0,0,0,.3)}[data-theme=dark] .scroll-to-top:hover{box-shadow:0 6px 24px rgba(79,195,247,.25)}@media (max-width:768px){.scroll-to-top{bottom:1.25rem;right:1rem;padding:.4rem .5rem .3rem}.astronaut-svg{width:40px;height:56px}.scroll-to-top-text{font-size:.5625rem}}