.about{width:90%;max-width:780px;margin:0 auto;padding:72px 0 96px}.about-hero{border-bottom:1px solid #00000012;align-items:center;gap:40px;margin-bottom:56px;padding-bottom:56px;display:flex}@media (prefers-color-scheme:dark){.about-hero{border-bottom-color:#ffffff12}}.about-avatar{object-fit:cover;border:2px solid #00000012;border-radius:50%;flex-shrink:0;width:100px;height:100px;box-shadow:0 4px 24px #0000001a}@media (prefers-color-scheme:dark){.about-avatar{border-color:#ffffff1a}}.about-hero-text{flex:1;min-width:0}.about-name{font-family:var(--font-serif), "Georgia", "Times New Roman", serif;letter-spacing:-.5px;color:#111;margin:0 0 10px;font-size:36px;font-weight:400}@media (prefers-color-scheme:dark){.about-name{color:#eee}}.about-role{font-family:var(--font-sans), -apple-system, BlinkMacSystemFont, sans-serif;color:#666;letter-spacing:.01em;margin:0 0 22px;font-size:14px;font-weight:400}@media (prefers-color-scheme:dark){.about-role{color:#888}}.about-links{flex-wrap:wrap;gap:10px;display:flex}.about-link-btn{color:#444;fill:currentColor;background:#0000000d;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.about-link-btn:hover{color:#111;background:#0000001a}@media (prefers-color-scheme:dark){.about-link-btn{color:#aaa;background:#ffffff12}.about-link-btn:hover{color:#eee;background:#ffffff1f}}.about-section{margin-bottom:56px}.about-section-title{font-family:var(--font-serif), "Georgia", "Times New Roman", serif;color:#111;letter-spacing:-.3px;margin:0 0 28px;font-size:26px;font-weight:400}@media (prefers-color-scheme:dark){.about-section-title{color:#eee}}.about-intro{font-family:var(--font-sans), -apple-system, BlinkMacSystemFont, sans-serif;color:#444;font-size:15px;line-height:1.85}.about-intro p{margin:0}.about-intro p+p{margin-top:6px}@media (prefers-color-scheme:dark){.about-intro{color:#bbb}}.about-open-to{color:#333;background:#0071e30a;border-left:3px solid #0071e3;border-radius:0 10px 10px 0;margin:28px 0 20px;padding:16px 24px;font-size:15px;font-style:italic;line-height:1.75}@media (prefers-color-scheme:dark){.about-open-to{color:#ccc;background:#4da3ff0f;border-left-color:#4da3ff}}.about-kaomoji{text-align:center;color:#999;letter-spacing:2px;margin:32px 0 0;font-size:20px}.project-card{color:inherit;-webkit-backdrop-filter:blur(24px);background:#ffffff8c;border:1px solid #dcdcdc8c;border-radius:14px;padding:24px 28px;text-decoration:none;transition:box-shadow .2s,transform .2s,background .2s,border-color .2s;display:block}.project-card-featured{margin-bottom:14px}.project-card:hover{background:#ffffffd1;border-color:#b4b4b4a6;transform:translateY(-2px);box-shadow:0 6px 28px #00000014}@media (prefers-color-scheme:dark){.project-card{background:#ffffff0a;border-color:#ffffff14}.project-card:hover{background:#ffffff14;border-color:#ffffff24;box-shadow:0 6px 28px #0006}}.project-card-header{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.project-name{font-family:var(--font-serif), "Georgia", "Times New Roman", serif;color:#111;letter-spacing:-.2px;font-size:20px;font-weight:500}@media (prefers-color-scheme:dark){.project-name{color:#eee}}.project-live{color:#0071e3;font-size:13px;font-weight:500}.project-card-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.project-stars{color:#f5a623;font-size:13px;font-weight:500}.project-since{color:#bbb;font-size:12px;font-weight:400}@media (prefers-color-scheme:dark){.project-since{color:#555}.project-live{color:#4da3ff}}.project-desc{font-family:var(--font-sans), -apple-system, BlinkMacSystemFont, sans-serif;color:#555;margin:0 0 16px;font-size:14px;line-height:1.8}@media (prefers-color-scheme:dark){.project-desc{color:#888}}.project-tags{flex-wrap:wrap;gap:6px;display:flex}.project-tags span{color:#0071e3;background:#0071e314;border:1px solid #0071e326;border-radius:20px;padding:2px 10px;font-size:12px;font-weight:500}@media (prefers-color-scheme:dark){.project-tags span{color:#4da3ff;background:#4da3ff1a;border-color:#4da3ff33}}.about-contact{text-align:center;border-top:1px solid #00000012;padding-top:16px}@media (prefers-color-scheme:dark){.about-contact{border-top-color:#ffffff12}}.about-qrcode{object-fit:contain;border-radius:12px;width:160px;height:auto;margin:0 auto 8px;display:block;box-shadow:0 2px 12px #0000001a}.about-contact p{color:#aaa;margin:0;font-size:13px}@media (max-width:600px){.about-hero{flex-direction:column;align-items:flex-start;gap:24px}.about-avatar{width:80px;height:80px}.about-name{font-size:30px}.about-section-title{font-size:22px}}