.skills-root{min-height:100vh;background:#fafafa;font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,sans-serif;color:#1a1a1a;-webkit-font-smoothing:antialiased}.skills-header{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;position:fixed;top:0;left:0;right:0;background:hsla(0,0%,98%,.92);backdrop-filter:blur(12px);z-index:100;border-bottom:1px solid #e5e5e5}.skills-logo{font-family:"Noto Serif SC",Georgia,serif;font-size:20px;font-weight:700;color:#1a1a1a;letter-spacing:-.5px;text-decoration:none}.skills-nav{display:flex;gap:12px;align-items:center}.skills-root .btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:10px 28px;background:#1a1a1a;color:#fff;font-size:14px;font-weight:500;border-radius:8px;text-decoration:none;transition:background .2s ease;border:none;cursor:pointer;font-family:inherit}.skills-root .btn-primary:hover{background:#333}.skills-root .btn-ghost{display:inline-flex;align-items:center;justify-content:center;padding:10px 28px;background:transparent;color:#1a1a1a;font-size:14px;font-weight:500;border-radius:8px;text-decoration:none;transition:background .2s ease,border-color .2s ease;border:1px solid #e5e5e5;cursor:pointer;font-family:inherit}.skills-root .btn-ghost:hover{background:#f5f5f5;border-color:#ccc}.skills-hero{padding:140px 24px 72px;text-align:center;max-width:640px;margin:0 auto}.skills-hero-title{font-family:"Noto Serif SC",Georgia,serif;font-size:clamp(36px,6vw,52px);font-weight:900;line-height:1.2;letter-spacing:-1px;color:#1a1a1a;margin-bottom:16px}.skills-hero-desc{font-size:16px;line-height:1.8;color:#666;max-width:480px;margin:0 auto;font-weight:400}.skills-content{padding:0 24px 80px}.skills-section{max-width:800px;margin:0 auto 64px}.skills-section:last-child{margin-bottom:0}.skills-section-header{padding-bottom:16px}.skills-section-title{font-family:"Noto Serif SC",Georgia,serif;font-size:22px;font-weight:700;color:#1a1a1a;letter-spacing:-.3px;margin-bottom:6px}.skills-section-subtitle{font-size:14px;color:#888;font-weight:400;line-height:1.5;margin-bottom:20px}.skills-list{display:flex;flex-direction:column;border:1px solid #e5e5e5;border-radius:12px;overflow:hidden}.skill-row{display:flex;align-items:center;gap:16px;padding:18px 24px;background:#fff;text-decoration:none;color:inherit;transition:background .15s ease}.skill-row:not(:last-child){border-bottom:1px solid #e5e5e5}.skill-row:hover{background:#f5f5f5}.skill-row-icon{width:44px;height:44px;border-radius:10px;background:#fafafa;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.skill-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.skill-row-name{font-family:"Noto Serif SC",Georgia,serif;font-size:15px;font-weight:600;color:#1a1a1a;line-height:1.3}.skill-row-desc{font-size:13px;line-height:1.55;color:#888;font-weight:400}.skill-row-route{font-size:12px;color:#aaa;font-family:SF Mono,Cascadia Code,Fira Code,monospace;white-space:nowrap;flex-shrink:0}.skills-footer{background:#f5f5f5;border-top:1px solid #e5e5e5;padding:32px 24px;text-align:center}.skills-footer-links{display:flex;justify-content:center;gap:24px;margin-bottom:12px}.skills-footer-links a{color:#999;font-size:13px;font-weight:400;text-decoration:none;transition:color .2s ease}.skills-footer-links a:hover{color:#666}.skills-footer p{color:#bbb;font-size:13px;font-weight:400}.skills-footer-email{margin-top:8px}.skills-footer-email a{color:#bbb;font-size:12px;text-decoration:none}.skills-footer-email a:hover{color:#888}@media (max-width:768px){.skills-header{padding:16px 20px}.skills-hero{padding:110px 20px 48px}.skill-row{flex-wrap:wrap;padding:16px 20px}.skill-row-route{width:100%;padding-left:60px}}@media (max-width:480px){.skill-row-route{padding-left:0;margin-top:4px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}