.home-workflow{background:#12111a;color:#f4f2fa;padding:60px 6% 88px;font-family:Arial,"Microsoft YaHei",sans-serif;overflow:hidden}
.hw-inner{max-width:none;margin:0}
.hw-header{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:36px}
.hw-header>div:first-child>p{color:#b8a1e7;letter-spacing:.18em;font-size:11px}
.hw-header h2{font-size:clamp(34px,4vw,58px);line-height:1.2;margin:16px 0 0}
.hw-header h2 span{color:#c4a9ff}
.hw-intro{max-width:340px;line-height:1.8;color:#b3afbd}
.hw-intro a{color:#ede5ff;text-decoration:none;border-bottom:1px solid #a991d4;padding-bottom:6px;font-size:14px}
.hw-hint{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#9a94a8;font-size:12px;letter-spacing:.03em;border-top:1px solid #ffffff14;padding-top:14px;margin-bottom:18px}
.hw-rows{display:grid;gap:18px}
.hw-row{overflow:hidden;border-radius:20px}
.hw-strip{display:flex;width:max-content;animation:hw-marquee var(--hw-duration,60s) linear infinite}
.hw-row[data-reverse] .hw-strip{animation-direction:reverse}
.hw-rows:hover .hw-strip,.hw-rows:focus-within .hw-strip{animation-play-state:paused}
@keyframes hw-marquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(-1 * var(--hw-shift,33.3333%)),0,0)}}
.hw-card{display:block;flex:0 0 auto;width:clamp(300px,30vw,420px);margin-right:16px;text-decoration:none;color:inherit;background:#17161f;border:1px solid #ffffff1f;border-radius:18px;overflow:hidden;transition:border-color .3s,background .3s}
.hw-card:hover,.hw-card:focus-visible{border-color:#c4a9ff8c;background:#1e1c29;outline:none}
.hw-image{aspect-ratio:16/10;overflow:hidden;background:#24222b}
.hw-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .35s}
.hw-card:hover .hw-image img{transform:scale(1.04)}
.hw-copy{padding:15px 17px 17px}
.hw-copy>span{display:block;color:#b7a0e2;font-size:10px;letter-spacing:.14em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hw-copy h3{font-size:18px;line-height:1.4;margin:8px 0 0}
.hw-copy p{color:#b5b2bf;line-height:1.65;font-size:12.5px;margin:7px 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hw-copy div{font-size:12px;color:#dcd0f2}
.hw-copy b{float:right}
.home-workflow.is-static .hw-row{overflow:visible}
.home-workflow.is-static .hw-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;width:auto;animation:none}
.home-workflow.is-static .hw-card{width:auto;margin:0}
@media(max-width:800px){.home-workflow{padding:66px 20px}
.hw-header{display:block}
.hw-intro{margin-top:18px}
.hw-hint span:last-child{display:none}
.hw-rows{gap:14px}
.hw-row{border-radius:16px}
.hw-card{width:min(76vw,400px);margin-right:14px;border-radius:16px}
.hw-copy h3{font-size:17px}
}
@media(prefers-reduced-motion:reduce){.hw-strip{animation:none!important}
.hw-card,.hw-image img{transition:none!important}
}