.hero-home{padding-top:var(--space-10);padding-bottom:var(--space-10)}.hero-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--space-6);align-items:center}@media(max-width:900px){.hero-layout{grid-template-columns:minmax(0,1fr);gap:var(--space-6)}}.hero-text-block p{max-width:36rem}.hero-cta-group{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4)}.hero-meta{margin-top:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.hero-stats{display:flex;flex-wrap:wrap;gap:var(--space-4)}.stat-item{min-width:140px}.hero-visual{display:flex;justify-content:center}.hero-visual-inner{max-width:360px;width:100%;background:var(--gradient-card);position:relative}.hero-cards-image{border-radius:var(--radius-lg)}.hero-floating-chip{position:absolute;top:12px;left:12px;background:rgba(15,23,42,0.86);color:#e5e7eb;padding:4px 10px;border-radius:var(--radius-pill);font-size:var(--text-xs)}.hero-floating-label{position:absolute;bottom:12px;right:12px;background:rgba(255,255,255,0.9);color:var(--gray-700);padding:4px 10px;border-radius:var(--radius-pill);font-size:var(--text-xs);box-shadow:var(--shadow-xs)}.section-header{max-width:40rem;margin:0 auto var(--space-6)}.mechanics-grid{align-items:flex-start}.mechanics-main ul{margin-left:1rem}.mechanics-main ul li{margin-bottom:var(--space-2)}.mechanics-steps{counter-reset:step}.mechanics-steps li{display:flex;flex-direction:column;gap:4px;margin-bottom:var(--space-3);font-size:var(--text-sm)}.mechanics-steps li span{font-weight:600;color:var(--gray-700)}.feature-list{margin-left:1rem}.feature-list li{margin-bottom:var(--space-2);font-size:var(--text-sm)}.unique-play{position:relative}.quick-modes{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-3)}.quick-mode p{margin-bottom:0}.challenges-grid{align-items:stretch}.ranking-layout{align-items:center}.ranking-image-wrapper{margin-bottom:var(--space-3)}.leaderboard-table{width:100%;font-size:var(--text-sm);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border);background:var(--color-surface-soft)}.leaderboard-table th,.leaderboard-table td{padding:8px 10px;text-align:left}.leaderboard-table thead{background:var(--gray-100);color:var(--gray-700)}.leaderboard-table tbody tr:nth-child(even){background:var(--gray-50)}.blog-layout{align-items:center}.blog-image,.arknights-image{border-radius:var(--radius-lg)}.newsletter-card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--space-6);align-items:center;background:var(--gradient-card)}@media(max-width:900px){.newsletter-card{grid-template-columns:minmax(0,1fr)}}.newsletter-form{max-width:340px}.newsletter-note{font-size:var(--text-xs);margin-top:var(--space-2)}.newsletter-message{font-size:var(--text-sm);margin-top:var(--space-2)}.arknights-layout{align-items:center}.sticky-cta-text{display:flex;flex-direction:column;gap:2px}.sticky-title{font-weight:600}.sticky-subtitle{font-size:var(--text-xs);color:var(--gray-400)}.sticky-cta-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}@media(max-width:640px){.sticky-cta-actions{justify-content:center}}