*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;background:#f4f6fa;color:#1a2744;font-family:PingFang SC,Microsoft YaHei,sans-serif}.page{max-width:880px;margin:0 auto;padding:20px}h1{font-size:20px;margin:0 0 8px}.tip{color:#64748b;font-size:13px;margin:8px 0}.err{color:#dc2626;margin-top:8px}.row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;align-items:center}button{border:0;border-radius:8px;height:40px;padding:0 14px;font-size:15px;background:#2673ef;color:#fff;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button.ghost{background:#fff;color:#2673ef;border:1px solid #2673ef}button.danger{background:#dc2626}input{height:40px;padding:0 10px;border:1px solid #d9d9d9;border-radius:8px;font-size:15px;width:160px}.videos{display:grid;grid-template-columns:2fr 1fr;gap:10px}.box{background:#111;border-radius:8px;overflow:hidden;position:relative}.box video{width:100%;height:360px;object-fit:contain;background:#000;display:block}.box.mic video{height:160px}.lab{position:absolute;left:8px;top:8px;z-index:1;color:#fff;font-size:12px;background:#00000073;padding:2px 8px;border-radius:4px}