.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}}.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)}.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}}.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}}@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}.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}}.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}.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)}.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}}.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}}[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}[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)}[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}.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}}.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;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}}.hero-cursor{display:inline-block;color:hsla(0,0%,100%,.9);font-weight:300;animation:blink 1s step-end infinite;margin-left:2px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.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}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.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-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)}}.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}}.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)}.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}.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}}.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}}.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)}.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{font-size:.75rem;margin-top:.375rem;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}.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:2rem 1.5rem;background:linear-gradient(135deg,var(--bg-card) 0,var(--bg-secondary) 100%);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;position:relative;text-align:center;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition),border-color var(--transition)}.mermaid-container:hover{box-shadow:var(--shadow);border-color:var(--primary-border)}.mermaid-container svg{display:inline-block;height:auto;max-width:100%}.mermaid-container svg text{font-family:system-ui,-apple-system,sans-serif!important}.mermaid-container svg .titleText{font-size:16px!important;font-weight:600!important}[data-theme=dark] .mermaid-container{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#334155}[data-theme=dark] .mermaid-container:hover{border-color:#6366f1;box-shadow:0 0 20px rgba(99,102,241,.1)}.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;background:#fff;border-radius:16px;padding:2.5rem;box-shadow:0 12px 60px rgba(0,0,0,.5)}[data-theme=dark] .svg-viewer-content{background:#fff;box-shadow:0 12px 60px rgba(0,0,0,.7)}.svg-viewer-content svg{display:block;max-width:none!important;max-height:none!important;shape-rendering:geometricPrecision;text-rendering:optimizeLegibility;image-rendering:optimizeQuality}.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}.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)}.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)}}