*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#fff;min-height:100vh;padding:20px}.profile-card{background:#fff;border-radius:8px;border:1px solid #e0e0e0;max-width:800px;width:100%;padding:30px;text-align:center;margin:0 auto 20px}.profile-image{width:150px;height:150px;border-radius:50%;background:#f5f5f5;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;font-size:60px;color:#999;border:2px solid #e0e0e0}.profile-image img{width:100%;height:100%;border-radius:50%;object-fit:cover}h1{font-size:32px;color:#333;margin-bottom:8px}.name-variants{color:#999;font-size:14px;margin-bottom:10px}.job-title{color:#666;font-size:18px;font-weight:600;margin-bottom:20px}.bio{color:#666;line-height:1.6;margin-bottom:15px;font-size:14px}.social-links{display:flex;justify-content:center;gap:16px;margin-bottom:15px}.social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#f5f5f5;color:#666;transition:all .2s ease}.social-links a:hover{background:#333;color:#fff}.contact-info{font-size:14px}.contact-info a{color:#06c;text-decoration:none}.contact-info a:hover{text-decoration:underline}.profile-card nav{margin-top:20px}.internal-links{display:flex;justify-content:center;gap:20px}.internal-links a{color:#666;text-decoration:none;font-size:14px;padding:8px 20px;border-radius:20px;background:#f5f5f5;transition:all .2s ease}.internal-links a:hover{color:#fff;background:#333}.internal-links a.active{color:#fff;font-weight:600;background:#333}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:30px;padding-top:20px;border-top:1px solid #e0e0e0}.pagination-link{padding:8px 16px;background:#f5f5f5;border-radius:20px;font-size:14px;color:#666!important;text-decoration:none;transition:all .2s ease}.pagination-link:hover:not(.disabled){background:#333;color:#fff!important;text-decoration:none}.pagination-link.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.pagination-info{font-size:14px;color:#333}.tag-list{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:20px}.tag-list .tag{display:inline-block;padding:4px 12px;background:#f5f5f5;border-radius:16px;font-size:12px;color:#666;text-decoration:none;transition:all .2s ease}.tag-list .tag:hover{background:#333;color:#fff;text-decoration:none}.tag-list .tag.active{background:#333;color:#fff}.blog-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:15px}.blog-item{padding:0;background:none;border-radius:0;margin-bottom:0}.blog-item a{display:flex;gap:15px;padding:15px;background:#f9f9f9;border-radius:4px;text-decoration:none;transition:background .2s ease}.blog-item a:hover{background:#f0f0f0}.blog-thumbnail{flex-shrink:0;width:120px;height:80px;overflow:hidden;border-radius:4px}.blog-thumbnail img{width:100%;height:100%;object-fit:cover}.blog-info{display:flex;flex-direction:column;justify-content:center}.blog-title{color:#333;font-size:16px;font-weight:600;margin:0 0 6px;line-height:1.4}.blog-date{color:#999;font-size:12px;margin:0}@media(max-width:768px){.blog-item a{flex-direction:column}.blog-thumbnail{width:100%;height:150px}}.content-container{max-width:800px;margin:0 auto}.hero-image{width:100%;overflow:hidden;border-radius:8px;margin-bottom:20px}.hero-image img{width:100%;height:auto;display:block;object-fit:cover}.section{background:#fff;border-radius:8px;border:1px solid #e0e0e0;padding:20px;margin-bottom:15px}.section h2{color:#333;font-size:20px;margin-bottom:15px;padding-bottom:8px;border-bottom:1px solid #e0e0e0}.section h3{color:#333;font-size:16px;margin-top:15px;margin-bottom:10px}.section>p,.section>div:not(.prose) p{color:#666;line-height:1.6;font-size:14px}.section a{color:#06c;text-decoration:none;transition:color .3s ease}.section a:hover{text-decoration:underline}.section>ul,.section>div:not(.prose) ul{list-style:none;padding:0;margin:0}.section>li,.section>ul>li,.section>div:not(.prose) li{padding:10px 12px;background:#f8f8f8;border-radius:6px;font-size:13px;line-height:1.6;margin-bottom:6px;color:#555}.section li strong{color:#333;font-weight:600}.prose{color:#333;line-height:1.8;font-size:14px}.prose .title{margin-bottom:20px}.prose .title h1{font-size:24px;margin-top:10px;margin-bottom:16px}.prose .title .tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.prose .title .tag{display:inline-block;padding:4px 12px;background:#f5f5f5;border-radius:16px;font-size:12px;color:#666;text-decoration:none;transition:all .2s ease}.prose .title .tag:hover{background:#333;color:#fff}.prose .title .date{color:#666;font-size:14px;margin-bottom:10px}.prose .title hr{border:none;border-top:1px solid #e0e0e0;margin:15px 0}.prose h2{font-size:22px;color:#333;margin-top:40px;margin-bottom:20px;padding-bottom:8px;border-bottom:2px solid #333}.prose h3{font-size:18px;color:#333;margin-top:35px;margin-bottom:16px;padding-bottom:6px;border-bottom:1px dashed #ccc}.prose h4{font-size:16px;color:#333;margin-top:30px;margin-bottom:14px}.prose p{margin-bottom:0;color:#666;font-size:14px;line-height:2}.prose a{color:#06c;text-decoration:none}.prose a:hover{text-decoration:underline}.prose strong{color:#333;font-weight:700}.prose em{font-style:normal}.prose img~em{display:block;margin:-1rem auto 0;line-height:1.3;text-align:center;color:#666;padding:10px 25px}.prose ul{margin-bottom:16px;padding-left:1.5em;color:#666;list-style:disc}.prose ol{margin-bottom:16px;padding-left:1.5em;color:#666;list-style:decimal}.prose li{margin-bottom:6px;line-height:1.7;padding:0;background:none;border-radius:0}.prose li>ul,.prose li>ol{margin-top:6px;margin-bottom:0}.prose blockquote{margin:20px 0;padding:15px 20px;background:#f9f9f9;border-left:4px solid #333;border-radius:0 4px 4px 0;color:#666;font-size:20px}.prose blockquote p{margin-bottom:0}.prose code{background:#f5f5f5;padding:2px 6px;border-radius:4px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:16px;color:#333}.prose pre{margin:20px 0;padding:15px;background:#1e1e1e;border-radius:4px;overflow-x:auto}.prose pre code{background:none;padding:0;color:#d4d4d4;font-size:14px;line-height:1.5}.prose table{width:100%;margin:20px 0;border-collapse:collapse;font-size:18px}.prose th,.prose td{padding:10px 12px;border:1px solid #e0e0e0;text-align:left}.prose th{background:#f9f9f9;font-weight:700;color:#333}.prose td{color:#666}.prose img{max-width:100%;height:auto;border-radius:4px;margin:15px 0}.prose hr{border:none;border-top:1px solid #e0e0e0;margin:25px 0}.prose .footnotes{margin-top:24px;font-size:12px;color:#999}.prose .footnotes h2{display:none}.prose .footnotes p{font-size:12px;color:#999}.prose .footnotes a{color:#999;word-break:break-all}.prose .footnotes ol{color:#999}.post-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.post-tags .tag{display:inline-block;padding:4px 12px;background:#f5f5f5;border-radius:16px;font-size:12px;color:#666;text-decoration:none;transition:all .2s ease}.post-tags .tag:hover{background:#333;color:#fff;text-decoration:none}.related-posts{margin-top:24px}.related-posts h3{font-size:16px;color:#333;margin-bottom:16px}.related-posts ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.related-posts li a{display:flex;gap:12px;padding:12px;background:#f9f9f9;border-radius:8px;text-decoration:none;transition:background .2s ease}.related-posts li a:hover{background:#f0f0f0;text-decoration:none}.related-thumbnail{flex-shrink:0;width:80px;height:53px;border-radius:4px;overflow:hidden}.related-thumbnail img{width:100%;height:100%;object-fit:cover}.related-info{display:flex;flex-direction:column;justify-content:center;min-width:0}.related-title{font-size:13px;color:#333;font-weight:500;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-date{font-size:11px;color:#999;margin-top:4px}@media(max-width:768px){.related-posts ul{grid-template-columns:1fr}}.post-navigation{display:flex;justify-content:space-between;gap:20px;margin-top:40px;padding-top:20px;border-top:1px solid #e0e0e0}.post-navigation .nav-prev,.post-navigation .nav-next{flex:1;max-width:50%}.post-navigation .nav-next{text-align:right}.post-navigation a{display:block;padding:12px 16px;background:#f5f5f5;border-radius:8px;text-decoration:none;transition:all .2s ease}.post-navigation a:hover{background:#333;text-decoration:none}.post-navigation a:hover .nav-label,.post-navigation a:hover .nav-title{color:#fff}.post-navigation .nav-label{display:block;font-size:12px;color:#999;margin-bottom:4px}.post-navigation .nav-title{display:block;font-size:14px;color:#333;font-weight:500}@media(max-width:768px){.post-navigation{flex-direction:column}.post-navigation .nav-prev,.post-navigation .nav-next{max-width:100%;text-align:left}}.project-list{font-size:13px;line-height:1.8;color:#666}.project-list p{margin-bottom:6px}.project-images{display:flex;flex-wrap:wrap;gap:12px;margin-top:15px;justify-content:center}.project-images img{width:140px;height:140px;object-fit:cover;border-radius:8px;border:1px solid #e0e0e0}.other-content{font-size:14px}.soundcloud-embeds{margin-top:10px;display:flex;flex-direction:column;gap:10px}.soundcloud-embeds iframe{border-radius:4px}footer{text-align:center;padding:0 20px;color:#999;font-size:12px;margin-top:20px}.footer-profile{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:16px}.footer-avatar{display:block;width:56px;height:56px;border-radius:50%;overflow:hidden;transition:opacity .2s ease;margin-top:30px}.footer-avatar:hover{opacity:.8}.footer-avatar img{width:100%;height:100%;object-fit:cover}.footer-name{font-size:14px;font-weight:600;color:#333}.footer-links{display:flex;justify-content:center;gap:12px;margin-top:0}.footer-links a{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#f5f5f5;color:#666;transition:all .2s ease}.footer-links a:hover{background:#333;color:#fff}.footer-copyright{color:#999;margin-top:40px}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#000000e6;justify-content:center;align-items:center}.modal-content{max-width:90%;max-height:90%;object-fit:contain}.close{position:absolute;top:20px;right:35px;color:#f1f1f1;font-size:40px;font-weight:700;cursor:pointer}.close:hover,.close:focus{color:#bbb}@media(max-width:768px){body{padding:15px 10px}.profile-card{padding:20px 15px}h1{font-size:22px}.profile-image{width:100px;height:100px;font-size:40px}.timeline-item{flex-direction:column;gap:5px;padding:8px}.timeline-item .year{min-width:auto}.award-item{flex-direction:column;gap:5px;align-items:flex-start;padding:8px}.award-year{min-width:auto}.project-images img{width:120px;height:120px}}.share-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.share-button{display:inline-flex;align-items:center;justify-content:center;padding:4px 12px;background:#f5f5f5;border-radius:16px;border:none;cursor:pointer;color:#666;text-decoration:none;transition:all .2s ease}.share-button svg{fill:#666}.share-button:hover{background:#333;color:#fff}.share-button:hover svg{fill:#fff}.share-button.copy-link.copied{background:#4caf50;color:#fff}.share-button.copy-link.copied svg{fill:#fff}