.how-g{text-align:left;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:46px;display:grid}@media (max-width:860px){.how-g{grid-template-columns:1fr}}.how-card{border:1px solid var(--line);box-shadow:var(--sh-sm);transition:transform .3s var(--ease),box-shadow .3s,border-color .3s;background:#fff;border-radius:22px;padding:30px 26px;position:relative;overflow:hidden}.how-card:hover{box-shadow:var(--sh-md);border-color:#0242d84d;transform:translateY(-6px)}.how-num{background:linear-gradient(135deg,var(--brand),#0e4fe8);color:#fff;width:44px;height:44px;font-family:var(--disp);border-radius:14px;justify-content:center;align-items:center;margin-bottom:16px;font-size:1.15rem;font-weight:800;display:flex;box-shadow:0 10px 24px #0242d84d}.how-card h4{font-family:var(--disp);color:var(--navy);margin:0 0 9px;font-size:1.08rem;font-weight:700}.how-card p{color:var(--mid);margin:0;font-size:.88rem;line-height:1.65}.comm-wrap{border:1px solid var(--line);box-shadow:var(--sh-md);-webkit-overflow-scrolling:touch;background:#fff;border-radius:22px;margin-top:44px;overflow-x:auto}.comm{border-collapse:collapse;width:100%}.comm th,.comm td{border-bottom:1px solid var(--line);text-align:left;padding:15px 22px;font-size:.9rem}.comm thead th{font-family:var(--disp);color:var(--navy);background:var(--paper);font-size:.85rem;font-weight:800}.comm td b{color:var(--brand);font-family:var(--disp)}.comm tbody tr{transition:background .2s}.comm tbody tr:hover{background:#0242d808}.comm-note{color:#15803d;text-align:center;background:#22c55e12;padding:16px 22px;font-size:.88rem;font-weight:700}.earn-wrap{max-width:860px;margin:46px auto 0}.earn-chart{transition:transform .3s var(--ease),box-shadow .3s;background:#40474d;border-radius:28px;padding:34px 30px 26px;box-shadow:0 30px 80px #0f1f3d40}.earn-chart:hover{transform:translateY(-6px);box-shadow:0 40px 90px #0f1f3d52}.earn-chart svg{width:100%;height:auto;display:block}.earn-line{fill:none;stroke:#4ade80;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1600;stroke-dashoffset:1600px}.earn-chart.play .earn-line{animation:earnDraw 2.2s var(--ease) forwards .3s}@keyframes earnDraw{to{stroke-dashoffset:0}}.earn-fade{opacity:0;transition:opacity .6s 1.6s}.earn-chart.play .earn-fade{opacity:1}.earn-note{text-align:center;color:var(--faint);margin-top:16px;font-size:.82rem}html:has(#page-affiliate){scroll-behavior:smooth}