/*
 * Theme: theme-Serenity
 * Author: Serenity
 * Build: 2026-02-19 12:33:02
 * Fingerprint: bd51e50c0a966e77
 * Copyright © 2026 Serenity. All rights reserved.
 * Unauthorized copying or distribution is prohibited.
 */
.about-hero{padding-top:calc(var(--header-height) + var(--space-10));padding-bottom:var(--space-6)}.about-hero-center{display:flex;flex-direction:column;align-items:center;text-align:center}.about-avatar-wrapper{display:flex;align-items:center;justify-content:center;gap:var(--space-6);margin-bottom:var(--space-4)}.about-hero-avatar{position:relative;width:140px;height:140px;flex-shrink:0}.about-hero-avatar img{width:100%;height:100%;border-radius:var(--radius-full);object-fit:cover;border:3px solid var(--color-bg-mute);box-shadow:0 8px 24px rgba(0,0,0,0.15)}.about-hero-avatar::before{content:'';position:absolute;inset:-6px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-secondary));opacity:0.25;z-index:-1;animation:pulse 3s ease-in-out infinite}.hero-tags-left,.hero-tags-right{display:flex;flex-direction:column;gap:var(--space-2);min-width:100px}.hero-tags-left{align-items:flex-end}.hero-tags-right{align-items:flex-start}.hero-tag{font-size:12px;padding:5px 12px;background:rgba(255,255,255,0.04);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.08);border-radius:var(--radius-full);color:var(--color-text-muted);white-space:nowrap;transition:all var(--duration-fast)}[data-theme="light"] .hero-tag{background:rgba(255,255,255,0.7);border-color:rgba(0,0,0,0.06)}.hero-tag:hover{border-color:var(--color-accent);color:var(--color-accent);transform:scale(1.05)}.about-hero-info{margin-bottom:var(--space-3)}.about-name{font-size:1.4rem;font-weight:700;color:var(--color-text);margin-bottom:var(--space-1)}.about-bio{font-size:13px;color:var(--color-text-muted)}.glass-card{position:relative;padding:var(--space-6);margin-bottom:var(--space-5);background:rgba(255,255,255,0.03);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.08);border-radius:var(--radius-xl);overflow:hidden}[data-theme="light"] .glass-card{background:rgba(255,255,255,0.6);border-color:rgba(0,0,0,0.06)}.about-card-with-mascot{position:relative;margin-top:60px;overflow:visible !important}.about-card-mascot{position:absolute;left:20px;top:-110px;width:120px;height:120px;pointer-events:none;clip-path:inset(0 0 10px 0)}.about-card-mascot img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 6px rgba(255,255,255,0.5)) drop-shadow(0 0 12px rgba(255,255,255,0.3))}.about-mascot-text{position:absolute;left:150px;top:-90px;font-size:14px;font-weight:500;color:var(--color-accent);white-space:nowrap}@keyframes aboutMascotBounce{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}@media (max-width:768px){.about-card-with-mascot{margin-top:0}.about-card-mascot,.about-mascot-text{display:none !important}}.card-decoration{position:absolute;border-radius:50%;pointer-events:none;filter:blur(40px);opacity:0.15}.card-decoration-1{width:120px;height:120px;top:-40px;right:-20px;background:var(--color-accent)}.card-decoration-2{width:80px;height:80px;bottom:-20px;left:20%;background:var(--color-accent-secondary)}.card-decoration-3{width:100px;height:100px;top:20px;left:-30px;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-secondary))}.about-section-title{display:flex;align-items:center;gap:var(--space-2);font-size:15px;font-weight:600;color:var(--color-text);margin-bottom:var(--space-5)}.about-section-title svg{width:18px;height:18px;color:var(--color-accent)}.about-content{display:flex;gap:var(--space-6)}.about-text{flex:1}.about-text p{font-size:13px;line-height:1.8;color:var(--color-text-secondary);margin-bottom:var(--space-3)}.about-text p:last-child{margin-bottom:0}.about-stats{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:rgba(255,255,255,0.03);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,0.05)}[data-theme="light"] .about-stats{background:rgba(0,0,0,0.02);border-color:rgba(0,0,0,0.04)}.stat-item{text-align:center;padding:0 var(--space-3)}.stat-num{display:block;font-size:1.25rem;font-weight:700;color:var(--color-accent);font-family:var(--font-mono);line-height:1.2}.stat-label{font-size:11px;color:var(--color-text-muted)}.stat-divider{width:1px;height:32px;background:var(--color-border)}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.skill-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.05);border-radius:var(--radius-lg);transition:all var(--duration-fast)}[data-theme="light"] .skill-card{background:rgba(0,0,0,0.02);border-color:rgba(0,0,0,0.04)}.skill-card:hover{border-color:var(--color-accent);transform:translateY(-2px)}.skill-icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.skill-icon svg{width:20px;height:20px}.skill-icon-custom{background:var(--color-bg-mute);overflow:hidden}.skill-icon-custom img{width:24px;height:24px;object-fit:contain;border-radius:2px}.skill-icon-iconify{background:var(--color-bg-mute)}.skill-icon-iconify iconify-icon{font-size:24px;line-height:1}.skill-icon-js{background:linear-gradient(135deg,#f7df1e,#e5c700);color:#222}.skill-icon-ts{background:linear-gradient(135deg,#3178c6,#235a97)}.skill-icon-react{background:linear-gradient(135deg,#61dafb,#21a1c4);color:#222}.skill-icon-vue{background:linear-gradient(135deg,#42b883,#35495e)}.skill-icon-node{background:linear-gradient(135deg,#68a063,#3c873a)}.skill-icon-css{background:linear-gradient(135deg,#264de4,#2965f1)}.skill-icon-html{background:linear-gradient(135deg,#e44d26,#f16529)}.skill-icon-python{background:linear-gradient(135deg,#3776ab,#ffd43b)}.skill-info{flex:1;min-width:0}.skill-name{display:block;font-size:12px;font-weight:500;color:var(--color-text);margin-bottom:var(--space-1)}.skill-bar{height:4px;background:var(--color-bg-mute);border-radius:var(--radius-full);overflow:hidden}.skill-fill{height:100%;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-secondary));border-radius:var(--radius-full);transition:width 0.8s ease}.about-contact{display:flex;gap:var(--space-3);flex-wrap:wrap}.contact-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.06);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:12px;transition:all var(--duration-fast)}[data-theme="light"] .contact-link{background:rgba(0,0,0,0.02);border-color:rgba(0,0,0,0.05)}.contact-link:hover{border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.contact-link svg{width:16px;height:16px}.about-history p{font-size:13px;line-height:1.9;color:var(--color-text-secondary);margin-bottom:var(--space-2)}.about-history p:last-child{margin-bottom:0}.about-history .highlight{color:var(--color-accent);font-weight:500}.about-history .history-link{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px;transition:opacity var(--duration-fast)}.about-history .history-link:hover{opacity:0.8}.forever-blog-card{position:relative;overflow:hidden}.forever-blog-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5)}.forever-blog-logo{flex-shrink:0;padding:var(--space-3);background:rgba(255,255,255,0.05);border-radius:var(--radius-lg);transition:all var(--duration-fast)}[data-theme="light"] .forever-blog-logo{background:rgba(0,0,0,0.03)}.forever-blog-logo:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.forever-blog-logo img{height:24px;width:auto;display:block}.forever-blog-info{flex:1}.forever-blog-title{font-size:16px;font-weight:600;color:var(--color-text);margin-bottom:var(--space-1)}.forever-blog-desc{font-size:12px;color:var(--color-text-muted);margin:0}.forever-blog-progress{position:relative}.progress-bar{height:12px;background:var(--color-bg-mute);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-3);position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-secondary));border-radius:var(--radius-full);transition:width 0.5s ease;position:relative;overflow:hidden}.progress-fill::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.progress-text{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--color-text-muted)}.progress-text strong{color:var(--color-accent);font-weight:600}.remaining-time{font-family:var(--font-mono);color:var(--color-text-muted);font-size:12px}.progress-target{font-family:var(--font-mono);opacity:0.7}@media (max-width:640px){.forever-blog-logo img{height:20px}.forever-blog-title{font-size:13px}.forever-blog-desc{font-size:10px}.forever-blog-header{gap:var(--space-3);margin-bottom:var(--space-3)}.progress-bar{height:8px;margin-bottom:var(--space-2)}.progress-text{font-size:10px;flex-wrap:wrap;gap:var(--space-1)}.remaining-time{font-size:10px}}.about-card-watermark{position:absolute;bottom:40px;right:40px;font-size:4rem;font-weight:900;color:var(--color-accent);opacity:0.015;transform:rotate(-45deg);pointer-events:none;user-select:none;z-index:0}@media (max-width:768px){.about-hero{padding-top:calc(var(--header-height) + var(--space-6));padding-bottom:var(--space-3)}.about-avatar-wrapper{gap:var(--space-3);margin-bottom:var(--space-3)}.about-hero-avatar{width:90px;height:90px}.hero-tag{font-size:10px;padding:3px 8px}.hero-tags-left,.hero-tags-right{min-width:70px;gap:var(--space-1)}.about-name{font-size:1.1rem}.about-bio{font-size:12px}.glass-card{padding:var(--space-4);margin-bottom:var(--space-3);border-radius:var(--radius-lg)}.about-section-title{font-size:13px;margin-bottom:var(--space-3)}.about-section-title svg{width:15px;height:15px}.about-content{flex-direction:column;gap:var(--space-3)}.about-text,.about-text p{font-size:12px;line-height:1.7}.about-text p{margin-bottom:var(--space-2)}.about-stats{justify-content:center;padding:var(--space-3);gap:var(--space-3)}.stat-num{font-size:1rem}.stat-label{font-size:10px}.stat-divider{height:24px}.skills-grid{grid-template-columns:1fr;gap:var(--space-2)}.skill-card{padding:var(--space-2) var(--space-3);gap:var(--space-2)}.skill-icon{width:30px;height:30px;font-size:10px}.skill-icon svg{width:16px;height:16px}.skill-icon-custom img{width:18px;height:18px}.skill-icon-iconify iconify-icon{font-size:18px}.skill-name{font-size:11px}.skill-bar{height:3px}.about-history,.about-history p{font-size:12px;line-height:1.7}.about-history p{margin-bottom:var(--space-1)}.about-contact{justify-content:center;gap:var(--space-2)}.contact-link{font-size:11px;padding:var(--space-2) var(--space-3)}.contact-link svg{width:14px;height:14px}.card-decoration{display:none}.about-card-watermark{font-size:2.5rem;bottom:20px;right:20px}}.afdian-card{overflow:hidden}.afdian-sponsors{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4)}.afdian-loading{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);color:var(--color-text-mute)}.afdian-loading .loading-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin 1s linear infinite}.afdian-loading p{margin-top:var(--space-2);font-size:var(--text-sm)}@keyframes spin{to{transform:rotate(360deg)}}.afdian-empty{width:100%;text-align:center;padding:var(--space-6);color:var(--color-text-mute)}.afdian-empty svg{width:48px;height:48px;margin-bottom:var(--space-2);opacity:0.5}.sponsor-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg-mute);border-radius:var(--radius-lg);border:1px solid transparent;transition:all 0.3s ease;min-width:200px;flex:1 1 200px;max-width:280px}.sponsor-item:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,0.1)}.sponsor-avatar{width:48px;height:48px;border-radius:var(--radius-full);overflow:hidden;flex-shrink:0;border:2px solid var(--color-border);transition:border-color 0.3s ease}.sponsor-item:hover .sponsor-avatar{border-color:var(--color-accent)}.sponsor-avatar img{width:100%;height:100%;object-fit:cover}.sponsor-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.sponsor-name{font-size:var(--text-sm);color:var(--color-text);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sponsor-meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs)}.sponsor-amount{color:var(--color-accent);font-weight:600}.sponsor-time{color:var(--color-text-mute)}.afdian-footer{display:flex;justify-content:center;padding-top:var(--space-4);border-top:1px solid var(--color-border)}.afdian-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-secondary));color:#fff;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;text-decoration:none;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(var(--color-accent-rgb),0.3)}.afdian-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--color-accent-rgb),0.4)}.afdian-btn svg{width:18px;height:18px}@media (max-width:768px){.afdian-sponsors{gap:var(--space-2)}.sponsor-item{min-width:100%;max-width:100%;padding:var(--space-2)}.sponsor-avatar{width:36px;height:36px}.sponsor-name{font-size:12px}.afdian-btn{font-size:12px;padding:var(--space-2) var(--space-4)}.afdian-btn svg{width:15px;height:15px}.afdian-empty svg{width:36px;height:36px}.afdian-empty p{font-size:12px}}