.ho{border-radius:30px;margin-top:60px;padding:32px}.ho-group{color:#0009;margin-bottom:16px;font-size:13.5px;font-weight:600}.ho-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.ho-step{flex-direction:column;gap:8px;min-width:0;display:flex}.ho-step time{color:#1e7a3c;white-space:nowrap;background:#fff;border-radius:999px;align-self:flex-start;padding:4px 10px;font-size:13px;font-weight:600}.ho-card{background:#ffffffeb;border-radius:22px;flex-direction:column;flex:1;gap:10px;padding:18px 20px;display:flex;box-shadow:0 10px 30px #1e143c0f}.ho-who{align-items:center;gap:10px;display:flex}.ho-who .av{width:34px;height:34px}.ho-who .av img{width:26px;height:26px}.ho-who b{font-size:16px;font-weight:600;display:block}.ho-who small{color:var(--ink-3);font-size:12.5px;display:block}.ho-card>p{color:#000c;font-size:15.5px;line-height:1.45}.ho-next{color:#5e5873;background:#f1eff6;border-radius:999px;align-self:flex-start;margin-top:auto;padding:4px 11px;font-size:13px;font-weight:500}.ho-ask .ho-card{background:#fffbef}.ho-ask time{color:#7a5200;background:#fff4d6}.ho-ok .ho-card{background:#f6fcf8}.ho-ok time{background:#e8f7ec}.ho-you{grid-column:1/-1;align-items:center;margin-top:6px}.ho-you time{color:#fff;background:#141414;align-self:center}.ho-you .ho-card{flex:none;width:100%;max-width:440px}.ho-you .gd-ask{margin-top:0}.ho-steps .ho-step{opacity:0}.ho-steps.ho-play .ho-step{animation:ho-in .5s var(--eo) both;animation-delay:var(--d,0s)}@keyframes ho-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (max-width:1060px){.ho-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.ho{padding:24px}}@media (max-width:700px){.ho-steps{grid-template-columns:minmax(0,1fr)}}@media (max-width:560px){.ho{margin-top:40px;padding:16px}.ho-card{padding:16px}}@media (prefers-reduced-motion:reduce){.ho-steps .ho-step{opacity:1;animation:none!important}}
