*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #f5f5f5;--secondary-color: #e0e0e0;--accent-color: #9e9e9e;--bg-color: #ffffff;--card-bg: #f9f9f9;--text-color: #333333;--text-secondary: #757575;--card-shadow: 0 4px 20px rgba(0, 0, 0, .08);--transition: all .3s ease;--border-color: #eeeeee;--font-main: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: "Montserrat", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}body{font-family:var(--font-main);background:var(--bg-color);color:var(--text-color);line-height:1.6;min-height:100vh;font-weight:400;letter-spacing:-.01em}.container{max-width:480px;margin:0 auto;padding:30px 20px;background:var(--bg-color);box-shadow:var(--card-shadow);min-height:100vh;border-radius:0;position:relative;overflow:hidden}header{text-align:center;margin-bottom:40px}.profile{display:flex;flex-direction:column;align-items:center;padding:20px 0}.profile-image{width:120px;height:120px;border-radius:50%;object-fit:cover;margin-bottom:20px;border:4px solid var(--secondary-color);box-shadow:var(--card-shadow);transition:var(--transition)}.profile-image:hover{transform:scale(1.05);border-color:var(--accent-color)}.profile h1{margin-bottom:8px;font-size:28px;font-weight:600;letter-spacing:-.01em;color:var(--text-color);animation:fadeIn 1s ease-in;font-family:var(--font-heading)}.bio{color:var(--text-secondary);margin-bottom:15px;font-size:16px;font-weight:300;letter-spacing:.01em}.links-section{margin-bottom:40px}.section-title{font-size:20px;font-weight:600;margin-bottom:16px;color:var(--text-color);position:relative;padding-bottom:8px;letter-spacing:0;font-family:var(--font-heading)}.section-title:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background-color:var(--accent-color);border-radius:2px}.links{display:flex;flex-direction:column;gap:16px}.link-card{display:flex;align-items:center;padding:18px 20px;background:var(--card-bg);border-radius:12px;text-decoration:none;color:var(--text-color);box-shadow:var(--card-shadow);transition:var(--transition);border:1px solid var(--border-color);position:relative;overflow:hidden;z-index:1}.link-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0000001a;background:var(--secondary-color)}.link-card i{font-size:22px;margin-right:18px;width:28px;text-align:center;color:var(--accent-color);transition:var(--transition)}.link-card:hover i{transform:scale(1.1);color:#555}.link-card-content{display:flex;flex-direction:column;flex-grow:1}.link-card span{font-weight:400;letter-spacing:.5px}.link-card-url{font-size:12px;color:var(--text-secondary);margin-top:4px;display:flex;align-items:center}.link-card-url i{font-size:12px;margin-right:6px;width:auto}.image-card{display:flex;flex-direction:column;background:var(--card-bg);border-radius:12px;text-decoration:none;color:var(--text-color);box-shadow:var(--card-shadow);transition:var(--transition);border:1px solid var(--border-color);overflow:hidden;margin-bottom:16px}.image-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0000001a}.image-card-img{width:100%;aspect-ratio:40/21;object-fit:cover;border-bottom:1px solid var(--border-color)}.image-card-content{padding:16px}.image-card-title{font-size:16px;font-weight:600;margin-bottom:6px;color:var(--text-color);font-family:var(--font-heading);letter-spacing:-.01em}.image-card-description{font-size:14px;color:var(--text-secondary);margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:.01em}.image-card-meta{display:flex;align-items:center;font-size:13px;color:var(--text-secondary)}.image-card-meta i{margin-right:6px;font-size:14px;color:var(--accent-color);transition:var(--transition)}.image-card:hover .image-card-meta i{transform:scale(1.1);color:#555}.image-card-domain{display:flex;align-items:center}.donation-intro{padding:0;margin-bottom:16px;border:none;box-shadow:none;background:transparent}.donation-intro p{font-size:15px;line-height:1.6;color:var(--text-color);margin-bottom:8px}.sns-link i,.donation-link i{color:#7b68ee}.donation-link:hover{background:#f5f0ff;border-color:#d0c0ff}.donation-link:hover i{color:#6c5ce7}.donation-link.donation-link{position:relative;overflow:hidden}.donation-link:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#ffffff1a,#fff0);z-index:-1}footer{margin-top:60px;text-align:center;font-size:14px;color:var(--text-secondary);padding:15px 0;border-top:1px solid var(--border-color)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.container{padding:20px 15px}.profile-image{width:100px;height:100px}.profile h1{font-size:24px}.bio{font-size:14px}.link-card{padding:15px 18px}.section-title{font-size:18px;margin-bottom:12px}.links-section{margin-bottom:30px}}
