.virtual-friend{background:linear-gradient(135deg,#f0f6ff,#fff);border:1px solid #bed3f4;border-radius:22px;padding:22px;margin:22px 0;text-align:right;box-shadow:0 8px 24px #204a8310}.friend-intro{display:flex;align-items:center;gap:13px}.friend-avatar{width:74px;height:74px;flex-shrink:0;display:block}.friend-avatar svg{display:block;width:100%;height:100%}.friend-intro>div{display:grid;gap:3px}.friend-intro b{font-size:19px;color:#244f8e}.friend-intro>div>span{font-size:12px;color:#637b99}.friend-call-badge{font-size:11px;color:#2a7656;background:#e6f5ec;border:1px solid #c4e4d1;border-radius:30px;padding:4px 11px;margin-inline-start:auto}.friend-speech{background:#fff;border:1px solid #d8e4f5;border-radius:4px 17px 17px 17px;padding:15px 18px;font-size:17px;line-height:1.9;margin:14px 0}.friend-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.friend-options .answer-option{background:#fff;font-size:17px;min-height:62px}.friend-options .answer-option.correct{background:#e7f2ff;border-color:#3974cf}.virtual-friend>small{display:block;color:#647b99;font-size:11px;margin-top:12px}.video-question{margin:20px auto;max-width:700px;background:#f1f6fc;border:1px solid #d6e2f1;border-radius:18px;padding:13px}.video-question>video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#e8f0f8;border-radius:12px;margin:10px 0}.video-question>small{display:block;font-size:12px;color:#61758e;line-height:1.8}.format-editor video{display:block;width:100%;max-height:260px;margin:12px 0;border-radius:12px}.question-content h2{unicode-bidi:plaintext}.virtual-friend .answer-option:focus-visible{outline:3px solid #6fa8ff;outline-offset:3px}
@media(max-width:600px){.virtual-friend{padding:16px;border-radius:18px;margin:17px 0}.friend-avatar{width:61px;height:61px}.friend-intro{gap:10px}.friend-intro b{font-size:17px}.friend-intro>div>span{font-size:11px}.friend-call-badge{font-size:10px;padding:4px 8px}.friend-speech{font-size:15px;padding:13px;line-height:1.9}.friend-options{grid-template-columns:1fr;gap:10px}.friend-options .answer-option{font-size:16px;min-height:58px}.video-question{padding:10px}.video-question>small{font-size:11px}}