*{box-sizing:border-box}html,body,#app{width:100%;height:100%}body{margin:0;overflow:hidden;background:#000;color:#fff;font-family:Microsoft YaHei,PingFang SC,Segoe UI,sans-serif}button{font:inherit}.digital-human{position:relative;width:100vw;height:100vh;min-height:520px;overflow:hidden;background:#000}.avatar-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#000}.answer-panel{position:absolute;left:50%;bottom:clamp(92px,12vh,140px);width:min(760px,calc(100vw - 32px));max-height:38vh;transform:translate(-50%);overflow:hidden;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:#000000ad;box-shadow:0 20px 70px #00000073;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.question{padding:12px 18px 0;color:#ffffff9e;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.answer{max-height:30vh;padding:14px 18px 18px;overflow:auto;color:#fffffff0;font-size:clamp(16px,2vw,20px);line-height:1.75;letter-spacing:0;overflow-wrap:anywhere}.mic-button{position:absolute;left:50%;bottom:28px;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:128px;min-height:44px;padding:0 18px;transform:translate(-50%);border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#ffffff17;color:#ffffffe6;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mic-button:hover{background:#ffffff26}.mic-button.active .mic-dot{background:#31f28a;box-shadow:0 0 0 6px #31f28a24,0 0 22px #31f28a9e}.mic-dot{width:9px;height:9px;flex:0 0 auto;border-radius:50%;background:#ff4d4d;box-shadow:0 0 0 6px #ff4d4d1f}@media (max-width: 640px){.digital-human{min-height:480px}.answer-panel{bottom:86px}.answer{font-size:16px}}