.hero{padding:80px 0 60px;text-align:center}.hero-inner{display:flex;flex-direction:column;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:var(--primary-soft);border:1px solid rgba(74,125,255,.3);border-radius:999px;color:var(--primary);font-size:14px;font-weight:500;margin-bottom:24px}.badge-dot{width:8px;height:8px;background:var(--success);border-radius:50%;animation:pulse 2s infinite}.hero-title{font-size:52px;font-weight:800;line-height:1.2;letter-spacing:-1px;margin-bottom:20px}.gradient-text{background:linear-gradient(135deg,#4a7dff,#7b5cff,#4a7dff);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 4s ease infinite}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.hero-subtitle{max-width:640px;color:var(--text-secondary);font-size:18px;line-height:1.8;margin-bottom:36px}.hero-actions{display:flex;gap:16px;margin-bottom:16px}.hero-btn{padding:14px 32px;font-size:16px}.hero-skill-link{display:inline-block;margin-bottom:48px;color:var(--text-muted);font-size:13px;transition:color .2s}.hero-skill-link:hover{color:var(--primary)}.hero-stats{display:flex;gap:60px;padding:32px 48px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.stat-item{text-align:center}.stat-value{font-size:36px;font-weight:800;color:var(--primary);margin-bottom:4px}.stat-label{font-size:14px;color:var(--text-secondary)}@media (max-width:768px){.hero{padding:48px 0 40px}.hero-title{font-size:34px}.hero-subtitle{font-size:16px}.hero-actions,.hero-stats{flex-direction:column;width:100%;max-width:320px}.hero-stats{gap:24px;padding:24px}}.section-nav{position:fixed;left:16px;top:50%;transform:translateY(-50%);display:none;flex-direction:column;gap:14px;z-index:50}@media (min-width:1410px){.section-nav{display:flex}}.section-nav a{font-size:13px;color:var(--text-muted);text-decoration:none;padding-left:12px;border-left:2px solid var(--border);transition:color .2s,border-color .2s;white-space:nowrap}.section-nav a:hover{color:var(--text)}.section-nav a.active{color:var(--primary);border-left-color:var(--primary);font-weight:600}.skill{padding:80px 0;background:var(--bg)}.skill-features{max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.skill-feature{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:all .3s}.skill-feature:hover{border-color:var(--primary);transform:translateY(-2px)}.skill-feature-icon{font-size:28px;margin-bottom:12px}.skill-feature h3{font-size:16px;font-weight:700;margin-bottom:8px}.skill-feature p{color:var(--text-secondary);font-size:13px;line-height:1.7}.skill-install{max-width:720px;margin:32px auto 0;display:flex;align-items:center;gap:12px;background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px}.skill-install code{flex:1 1;font-family:SF Mono,Menlo,Consolas,monospace;font-size:14px;color:var(--primary);word-break:break-all}.skill-copy{flex-shrink:0;padding:6px 16px;background:var(--primary-soft);color:var(--primary);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;cursor:pointer;transition:all .2s}.skill-copy:hover{border-color:var(--primary)}.skill-more{text-align:center;margin-top:16px;color:var(--text-muted);font-size:13px}.skill-more a{color:var(--primary);transition:color .2s}.skill-more a:hover{text-decoration:underline}@media (max-width:800px){.skill-features{grid-template-columns:1fr}}.tutorial{padding:80px 0;background:var(--bg-soft);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.tutorial-steps{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.tutorial-step{display:flex;gap:20px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:all .3s}.tutorial-step:hover{border-color:var(--primary)}.step-number{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--primary-soft);color:var(--primary);border-radius:50%;font-size:18px;font-weight:700}.step-content{flex:1 1}.step-content h3{font-size:18px;font-weight:700;margin-bottom:6px}.step-content p{color:var(--text-secondary);font-size:14px;margin-bottom:8px}.step-link{display:inline-block;color:var(--primary);font-size:14px;word-break:break-all;margin-bottom:12px;transition:color .2s}.step-link:hover{color:var(--primary-hover);text-decoration:underline}.step-screenshot{min-height:120px;display:flex;align-items:center;justify-content:center;background:var(--bg);border:1px dashed var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:14px;overflow:hidden}.step-screenshot img{width:100%;height:auto;display:block;border-radius:var(--radius-sm)}.tutorial-tip{max-width:720px;margin:32px auto 0;display:flex;align-items:flex-start;gap:12px;padding:16px 20px;background:var(--success-soft);border:1px solid rgba(82,196,26,.3);border-radius:var(--radius-sm)}.tip-icon{font-size:20px}.tutorial-tip p{color:var(--success);font-size:14px;line-height:1.7}@media (max-width:600px){.tutorial-step{flex-direction:column}}