.ai_interview .index_content .banner_box{height:100vh;overflow:hidden;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#0b2b5a,endColorstr=#00839f);background:linear-gradient(120deg,rgba(40,245,255,0.12) 0%,rgba(40,245,255,0) 32%),linear-gradient(240deg,rgba(118,91,255,0.22) 0%,rgba(118,91,255,0) 34%),linear-gradient(135deg,#071832 0%,#0b3f68 48%,#00839f 100%);color:#fff;padding-top:26vh;min-height:530px;position:relative}
.ai_interview .index_content .banner_box:before, .ai_interview .index_content .banner_box:after{content:"";position:absolute;pointer-events:none;z-index:0}
.ai_interview .index_content .banner_box:before{left:0;right:0;top:0;bottom:0;background-image:linear-gradient(rgba(255,255,255,0.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.08) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,0.72) 0%,rgba(0,0,0,0.18) 68%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(180deg,rgba(0,0,0,0.72) 0%,rgba(0,0,0,0.18) 68%,rgba(0,0,0,0) 100%)}
.ai_interview .index_content .banner_box:after{left:-12%;right:-12%;top:12%;height:56%;background:radial-gradient(ellipse at 18% 44%,rgba(78,233,255,0.34) 0,rgba(78,233,255,0) 38%),radial-gradient(ellipse at 78% 30%,rgba(150,119,255,0.3) 0,rgba(150,119,255,0) 42%),linear-gradient(100deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.14) 48%,rgba(255,255,255,0) 100%);transform:skewY(-8deg)}
.ai_interview .index_content .banner_box .banner_glow{position:absolute;z-index:0;border-radius:999px;filter:blur(4px);pointer-events:none}
.ai_interview .index_content .banner_box .banner_glow.one{left:8%;top:19%;width:210px;height:72px;border:1px solid rgba(255,255,255,0.18);background:rgba(255,255,255,0.06);box-shadow:0 26px 90px rgba(41,208,255,0.22);transform:rotate(-18deg)}
.ai_interview .index_content .banner_box .banner_glow.two{right:9%;top:24%;width:260px;height:86px;border:1px solid rgba(255,255,255,0.14);background:rgba(255,255,255,0.05);box-shadow:0 30px 100px rgba(111,92,255,0.24);transform:rotate(16deg)}
.ai_interview .index_content .banner_box .banner_inner{width:92%;max-width:960px;margin:0 auto;text-align:center;position:relative;z-index:1}
.ai_interview .index_content .banner_box .banner_badge{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 16px;border-radius:999px;background:rgba(255,255,255,0.13);border:1px solid rgba(255,255,255,0.24);color:#d9fbff;font-size:14px;letter-spacing:1px;box-shadow:0 12px 40px rgba(0,0,0,0.14)}
.ai_interview .index_content .banner_box .banner_badge:before{content:"";width:8px;height:8px;border-radius:50%;background:#7df9ff;box-shadow:0 0 0 5px rgba(125,249,255,0.13)}
.ai_interview .index_content .banner_box h1{margin:20px 0 0;text-align:center;font-size:52px;line-height:1.18;font-weight:800;letter-spacing:1px;text-shadow:0 16px 42px rgba(0,0,0,0.28)}
.ai_interview .index_content .banner_box .text{max-width:720px;margin:20px auto 0;text-align:center;font-size:20px;line-height:1.8;color:#dffbff;text-shadow:0 8px 24px rgba(0,0,0,0.18)}
.ai_interview .index_content .banner_box .banner_meta{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:22px}
.ai_interview .index_content .banner_box .banner_meta span{display:inline-flex;align-items:center;height:32px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.18);color:#f2ffff;font-size:13px}
.ai_interview .index_content .banner_box .banner_tag{margin-top:20px;text-align:center;font-size:22px}
.ai_interview .index_content .banner_box .banner_tag strong{display:inline-block;font-weight:normal;padding:0 18px;line-height:36px;text-shadow:none;color:#cfff00;border-radius:18px;font-size:15px}
.ai_interview .index_content .banner_box .btn_start{display:block;margin:34px auto 0;width:258px;height:58px;line-height:58px;border-radius:999px;text-align:center;color:#043a5d;-webkit-box-shadow:0 18px 45px rgba(0,34,64,0.28);box-shadow:0 18px 45px rgba(0,34,64,0.28);background:linear-gradient(135deg,#fff 0%,#dffbff 100%);font-size:22px;font-weight:normal;position:relative;cursor:pointer;font-weight:bold;overflow:hidden;transition:all 0.24s ease}
.ai_interview .index_content .banner_box .btn_start:after{content:"";position:absolute;left:-42%;top:0;width:38%;height:100%;transform:skewX(-20deg);background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.75) 50%,rgba(255,255,255,0) 100%)}
.ai_interview .index_content .banner_box .btn_start i{font-size:28px;position:absolute;left:25px;top:0;color:#0b7895;opacity:0.95}
.ai_interview .index_content .banner_box .btn_start:hover{background:linear-gradient(135deg,#fff 0%,#e9fdff 100%);color:#026f87;-webkit-box-shadow:0 22px 55px rgba(0,34,64,0.34);box-shadow:0 22px 55px rgba(0,34,64,0.34);transform:translateY(-2px)}
.ai_interview .index_content .banner_box .btn_start:hover:after{left:110%;transition:left 0.62s ease}
.ai_interview .index_content .banner_box .tip_list{position:absolute;bottom:0;left:0;width:100%;background-color:#026f87;z-index:3}
.ai_interview .index_content .banner_box .tip_list ul{margin:0 auto;width:100%;max-width:1200px;overflow:hidden}
.ai_interview .index_content .banner_box .tip_list ul li{float:left;width:25%;padding:20px;text-align:center}
.ai_interview .index_content .banner_box .tip_list ul li h5{font-size:18px;line-height:28px;opacity:0.9;color:#fffac4}
.ai_interview .index_content .banner_box .tip_list ul li h5 i{display:inline-block;vertical-align:top;font-size:22px;line-height:28px;margin-right:10px}
.ai_interview .index_content .banner_box .tip_list ul li p{font-size:13px;margin-top:8px;opacity:0.7;color:#fff}
.ai_interview .flow_mask{position:fixed;left:0;top:0;width:100%;height:100vh;z-index:99;background:rgba(8,16,30,0.48);backdrop-filter:blur(6px)}
.ai_interview .flow_window{width:100%;height:100%;background:linear-gradient(180deg,#f5f7fb 0%,#eef2f8 100%);display:flex;flex-direction:column;position:relative}
.ai_interview .flow_header{flex:0 0 auto;padding:20px 28px 16px;background:rgba(255,255,255,0.9);border-bottom:1px solid rgba(17,24,39,0.06);display:flex;align-items:center;justify-content:space-between;gap:20px}
.ai_interview .flow_header .title_box h2{margin:0;color:#111827;font-size:26px;font-weight:700}
.ai_interview .flow_header .title_box p{margin:8px 0 0;color:#667085;font-size:13px;line-height:1.8}
.ai_interview .flow_header .flow_close{width:42px;height:42px;border-radius:50%;background:#fff;border:1px solid rgba(17,24,39,0.08);text-align:center;line-height:42px;font-size:15px;color:#111827;cursor:pointer}
.ai_interview .flow_body{flex:1 1 auto;padding:24px 28px 28px;overflow:auto}
.ai_interview .flow_body.interview_full_body{padding:18px 20px 20px;overflow:hidden;background:linear-gradient(180deg,#0b1120 0%,#111827 100%)}
.ai_interview .question_generation_overlay{position:absolute;left:0;top:0;right:0;bottom:0;z-index:30;display:flex;align-items:center;justify-content:center;background:rgba(245,247,251,0.76);backdrop-filter:blur(10px);padding:24px}
.ai_interview .question_generation_card{width:100%;max-width:560px;padding:28px 30px}
.ai_interview .question_generation_badge{display:inline-flex;align-items:center;gap:8px;padding:0 14px;height:34px;border-radius:999px;background:rgba(20,113,255,0.08);color:#1471ff;font-size:12px;font-weight:600}
.ai_interview .question_generation_badge:before{content:"";width:8px;height:8px;border-radius:50%;background:#1471ff;box-shadow:0 0 0 5px rgba(20,113,255,0.12)}
.ai_interview .question_generation_card h3{margin:18px 0 8px;color:#111827;font-size:24px;line-height:1.5}
.ai_interview .question_generation_card p{margin:0;color:#667085;font-size:13px;line-height:1.8}
.ai_interview .question_generation_progress{margin-top:22px}
.ai_interview .question_generation_progress .track{height:10px;border-radius:999px;background:#e5e7eb;overflow:hidden}
.ai_interview .question_generation_progress .track span{display:block;height:100%;background:linear-gradient(90deg,#1471ff 0%,#4f8cff 100%);border-radius:999px;transition:width 0.32s ease}
.ai_interview .question_generation_progress .meta{margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.ai_interview .question_generation_progress strong{color:#111827;font-size:16px}
.ai_interview .question_generation_progress span{color:#667085;font-size:12px}
.ai_interview .question_generation_steps{margin:22px 0 0;padding:0}
.ai_interview .question_generation_steps li{list-style:none;display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid rgba(17,24,39,0.06);color:#98a2b3}
.ai_interview .question_generation_steps li:first-child{border-top:none;padding-top:0}
.ai_interview .question_generation_steps i{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#f3f4f6;color:#667085;font-size:12px;font-style:normal;font-weight:700;flex:0 0 26px}
.ai_interview .question_generation_steps span{display:block;font-size:13px;line-height:1.7}
.ai_interview .question_generation_steps li.active{color:#111827}
.ai_interview .question_generation_steps li.active i{background:rgba(20,113,255,0.12);color:#1471ff}
.ai_interview .question_generation_steps li.done{color:#475467}
.ai_interview .question_generation_steps li.done i{background:#dcfce7;color:#15803d}
.ai_interview .panel_card{background:rgba(255,255,255,0.94);border:1px solid rgba(17,24,39,0.06);border-radius:24px;box-shadow:0 18px 50px rgba(15,23,42,0.08)}
.ai_interview .section_title{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}
.ai_interview .section_title h3{margin:0;color:#111827;font-size:24px;font-weight:700}
.ai_interview .section_title p{margin:8px 0 0;color:#667085;font-size:13px;line-height:1.8}
.ai_interview .section_title .tag{display:inline-block;padding:0 14px;line-height:32px;border-radius:999px;background:rgba(17,24,39,0.06);color:#111827;font-size:12px;font-weight:600}
.ai_interview .config_layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start}
.ai_interview .config_box, .ai_interview .preview_box, .ai_interview .question_box, .ai_interview .interview_main, .ai_interview .interview_side, .ai_interview .report_box{padding:24px}
.ai_interview .preview_float{position:fixed;right:28px;top:131px;width:360px;max-height:calc(100vh - 164px);overflow-y:auto;z-index:2}
.ai_interview .preview_float::-webkit-scrollbar{width:8px}
.ai_interview .preview_float::-webkit-scrollbar-thumb{background:rgba(17,24,39,0.16);border-radius:999px}
.ai_interview .preview_float::-webkit-scrollbar-track{background:transparent}
.ai_interview .desc_text{color:#667085;font-size:13px;line-height:1.9}
.ai_interview .upload_tip{margin-top:10px;color:#667085;font-size:12px;line-height:1.8}
.ai_interview .must{display:inline-block;margin-right:4px;color:#ef4444;font-style:normal;font-weight:700}
.ai_interview .device_debug{margin:6px 0 18px;padding:16px 18px;border-radius:18px;background:#f8fafc;border:1px solid rgba(17,24,39,0.06);position:relative}
.ai_interview .device_head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.ai_interview .device_head h4{margin:0;color:#111827;font-size:16px}
.ai_interview .device_status_row{display:flex;flex-wrap:wrap;gap:10px 20px;margin-bottom:12px}
.ai_interview .device_status_item{display:flex;align-items:center;gap:8px;font-size:13px}
.ai_interview .device_status_item .label{color:#475467}
.ai_interview .device_status_item .status{display:inline-block;padding:0 10px;line-height:24px;border-radius:999px;background:#fceaea;color:#e27373;font-size:12px}
.ai_interview .device_status_item .status.ok{background:rgba(34,197,94,0.1);color:#15803d}
.ai_interview .device_status_item .status.fail{background:rgba(239,68,68,0.1);color:#b91c1c}
.ai_interview .device_status_item .status.testing{background:rgba(37,99,235,0.1);color:#1d4ed8}
.ai_interview .device_body{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px 16px}
.ai_interview .device_actions{display:flex;flex-wrap:wrap;gap:10px;flex:1 1 auto}
.ai_interview .device_preview{flex:0 0 140px;padding:8px;border-radius:12px;background:#111827;position:absolute;right:20px;top:20px}
.ai_interview .device_preview video{display:block;width:160px;height:100px;object-fit:cover;border-radius:8px;background:#000}
.ai_interview .device_tip{margin-top:10px;color:#667085;font-size:12px;line-height:1.6}
.ai_interview .summary_list{padding:0;margin:0}
.ai_interview .summary_list li{list-style:none;padding:14px 0;border-bottom:1px solid rgba(17,24,39,0.06)}
.ai_interview .summary_list li:last-child{border-bottom:none;padding-bottom:0}
.ai_interview .summary_list strong{display:block;color:#111827;font-size:15px;margin-bottom:6px}
.ai_interview .summary_list span{display:block;color:#667085;font-size:13px;line-height:1.8}
.ai_interview .flow_actions_wrap{margin-top:22px}
.ai_interview .interview_privacy_tip{margin:0 0 14px;padding:12px 14px;border-radius:14px;background:#f8fafc;border:1px solid rgba(17,24,39,0.06);color:#667085;font-size:13px;line-height:1.75;display:flex;align-items:flex-start;gap:8px}
.ai_interview .interview_privacy_tip .el-icon-info{flex:0 0 auto;font-size:16px;color:#909399;margin-top:2px}
.ai_interview .interview_env_confirm{margin:0 0 14px;padding:14px 16px;border-radius:14px;background:#fff;border:1px solid rgba(17,24,39,0.08)}
.ai_interview .interview_env_confirm .video_tip{font-size:13px;margin-top:10px;margin-left:23px;color:#888}
.ai_interview .interview_env_confirm_label{margin:0 0 10px;color:#111827;font-size:14px;font-weight:600;line-height:1.5}
.ai_interview .interview_env_confirm .el-checkbox{display:flex;align-items:flex-start;white-space:normal}
.ai_interview .interview_env_confirm .el-checkbox__label{color:#475467;font-size:13px;line-height:1.75;white-space:normal}
.ai_interview .flow_actions{display:flex;flex-wrap:wrap;gap:12px}
.ai_interview .question_layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px}
.ai_interview .question_list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ai_interview .question_item{padding:18px;border-radius:20px;background:#fff;border:1px solid rgba(17,24,39,0.06)}
.ai_interview .question_item .top_line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ai_interview .question_item .index{display:inline-block;width:34px;height:34px;line-height:34px;text-align:center;border-radius:12px;background:rgba(17,24,39,0.06);color:#111827;font-weight:700;font-size:13px}
.ai_interview .question_item .cate{display:inline-block;padding:0 10px;line-height:26px;border-radius:999px;background:rgba(20,113,255,0.08);color:#1471ff;font-size:12px}
.ai_interview .question_item h4{margin:14px 0 10px;color:#111827;font-size:17px;line-height:1.7}
.ai_interview .question_item p{margin:0;color:#667085;font-size:13px;line-height:1.8}
.ai_interview .question_item .meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.ai_interview .question_item .meta span{display:inline-block;padding:0 10px;line-height:26px;border-radius:999px;background:#f4f6fa;color:#475467;font-size:12px}
.ai_interview .preview_card{padding:20px;border-radius:22px;background:linear-gradient(180deg,#111827 0%,#1f2937 100%);color:#fff}
.ai_interview .preview_card h4{margin:0 0 10px;font-size:18px}
.ai_interview .preview_card p{margin:0;color:rgba(255,255,255,0.72);font-size:13px;line-height:1.8}
.ai_interview .preview_card .tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.ai_interview .preview_card .tags span{display:inline-block;padding:0 12px;line-height:30px;border-radius:999px;background:rgba(255,255,255,0.08);font-size:12px}
.ai_interview .meeting_screen{height:100%;display:flex;flex-direction:column;gap:16px}
.ai_interview .meeting_topbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;flex:0 0 auto}
.ai_interview .meeting_stat{padding:16px 18px;border-radius:20px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.08);backdrop-filter:blur(10px)}
.ai_interview .meeting_stat strong{display:block;color:#fff;font-size:22px}
.ai_interview .meeting_stat span{display:block;margin-top:6px;color:rgba(255,255,255,0.66);font-size:12px}
.ai_interview .meeting_question_card{flex:0 0 auto;padding:20px 22px;border-radius:24px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.08);backdrop-filter:blur(10px)}
.ai_interview .meeting_question_card .question_meta{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:10px}
.ai_interview .meeting_question_card .question_tag{display:inline-block;padding:0 12px;line-height:30px;border-radius:999px;background:rgba(255,255,255,0.1);color:#fff;font-size:12px}
.ai_interview .meeting_question_card .question_label{color:rgba(255,255,255,0.66);font-size:12px}
.ai_interview .meeting_question_card h3{margin:0;color:#fff;font-size:24px;line-height:1.65}
.ai_interview .meeting_question_card p{margin:10px 0 0;color:rgba(255,255,255,0.72);font-size:13px;line-height:1.9}
.ai_interview .meeting_content{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(0,1.35fr) 420px;gap:16px;overflow:hidden}
.ai_interview .meeting_video{min-height:0;padding:18px;border-radius:26px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);display:flex;flex-direction:column;gap:16px;overflow:hidden}
.ai_interview .video_title{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.ai_interview .video_title strong{color:#fff;font-size:16px}
.ai_interview .video_title span{color:rgba(255,255,255,0.66);font-size:12px}
.ai_interview .video_stage{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:14px;overflow:hidden}
.ai_interview .video_main{min-height:0;border-radius:22px;background:linear-gradient(180deg,rgba(31,41,55,0.96) 0%,rgba(17,24,39,0.96) 100%);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.ai_interview .video_main video{width:100%;height:100%;object-fit:cover;background:#000}
.ai_interview .video_main .video_placeholder{text-align:center;padding:24px;color:#fff}
.ai_interview .video_main .video_placeholder .avatar{width:96px;height:96px;line-height:96px;text-align:center;border-radius:50%;margin:0 auto 18px;background:rgba(255,255,255,0.12);font-size:32px;font-weight:700}
.ai_interview .video_main .video_placeholder h4{margin:0 0 10px;font-size:22px}
.ai_interview .video_main .video_placeholder p{margin:0;color:rgba(255,255,255,0.66);font-size:13px;line-height:1.9}
.ai_interview .video_main .video_corner{position:absolute;left:16px;top:16px;padding:0 12px;line-height:30px;border-radius:999px;background:rgba(0,0,0,0.28);color:#fff;font-size:12px}
.ai_interview .video_side{display:flex;flex-direction:column;gap:12px;min-height:0;overflow:hidden}
.ai_interview .video_thumb{flex:1 1 0;min-height:0;border-radius:18px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;color:rgba(255,255,255,0.7);font-size:12px;line-height:1.8}
.ai_interview .video_thumb.interviewer_panel{flex-direction:column;gap:6px}
.ai_interview .video_thumb.interviewer_panel strong{display:block;color:#fff;font-size:14px;font-weight:600}
.ai_interview .video_thumb.interviewer_panel span{display:block;color:rgba(255,255,255,0.72);font-size:12px;line-height:1.7}
.ai_interview .video_thumb.interviewer_panel.is_preparing{background:rgba(20,113,255,0.14);border-color:rgba(20,113,255,0.28)}
.ai_interview .video_thumb.interviewer_panel.is_preparing strong{color:#dbeafe}
.ai_interview .video_thumb.interviewer_panel.is_preparing .prep_dot{display:inline-flex;align-items:center;gap:5px;margin-top:4px}
.ai_interview .video_thumb.interviewer_panel.is_preparing .prep_dot i{width:6px;height:6px;border-radius:50%;background:#93c5fd;animation:interviewerPrepPulse 1.1s ease-in-out infinite}
.ai_interview .video_thumb.interviewer_panel.is_preparing .prep_dot i:nth-child(2){animation-delay:0.18s}
.ai_interview .video_thumb.interviewer_panel.is_preparing .prep_dot i:nth-child(3){animation-delay:0.36s}
@keyframes interviewerPrepPulse{
  0%, 100%{opacity:0.35;transform:scale(0.85)}
  50%{opacity:1;transform:scale(1)}
}
.ai_interview .voice_status{flex:0 0 auto;padding:16px 18px;border-radius:18px;background:rgba(20,113,255,0.12);border:1px solid rgba(20,113,255,0.18)}
.ai_interview .voice_status strong{display:block;color:#fff;font-size:14px;margin-bottom:6px}
.ai_interview .voice_status span{display:block;color:rgba(255,255,255,0.72);font-size:12px;line-height:1.8}
.ai_interview .voice_status_active{display:flex;align-items:center;gap:14px;background:rgba(239,68,68,0.16);border-color:rgba(239,68,68,0.34)}
.ai_interview .voice_status_active .voice_status_text{flex:1 1 auto;min-width:0}
.ai_interview .mic_indicator{position:relative;flex:0 0 64px;width:64px;height:64px;display:flex;align-items:center;justify-content:center}
.ai_interview .mic_indicator .mic_ring{position:absolute;left:50%;top:50%;width:46px;height:46px;margin-left:-23px;margin-top:-23px;border-radius:50%;border:2px solid rgba(239,68,68,0.55);opacity:0;transform:scale(0.6);animation:mic_pulse 2s ease-out infinite}
.ai_interview .mic_indicator .mic_ring.delay1{animation-delay:0.66s}
.ai_interview .mic_indicator .mic_ring.delay2{animation-delay:1.32s}
.ai_interview .mic_indicator .mic_core{position:relative;z-index:2;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#ff6b6b,#ef4444);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 20px rgba(239,68,68,0.45);transition:transform 0.12s linear}
.ai_interview .mic_indicator .mic_core svg{display:block}
@keyframes mic_pulse{
  0%{opacity:0.65;transform:scale(0.6)}
  80%{opacity:0;transform:scale(1.8)}
  100%{opacity:0;transform:scale(1.8)}
}
.ai_interview .mic_volume_bars{display:inline-flex;align-items:flex-end;gap:3px;margin-top:8px;height:36px}
.ai_interview .mic_volume_bars em{display:inline-block;width:4px;border-radius:3px;background:linear-gradient(180deg,#fca5a5,#ef4444);transition:height 0.08s linear}
.ai_interview .live_record .label{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#667085;font-size:12px;margin-bottom:8px}
.ai_interview .mic_inline_tag{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;background:rgba(239,68,68,0.1);color:#ef4444;font-size:12px;font-weight:600}
.ai_interview .mic_inline_tag .mic_dot{width:8px;height:8px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 4px rgba(239,68,68,0.18);animation:mic_dot_blink 1.4s ease-in-out infinite}
.ai_interview .mic_inline_tag em{font-style:normal}
@keyframes mic_dot_blink{
  0%, 100%{opacity:1;transform:scale(1)}
  50%{opacity:0.55;transform:scale(0.85)}
}
.ai_interview .meeting_record{min-height:0;padding:20px;border-radius:26px;background:rgba(255,255,255,0.94);display:flex;flex-direction:column;overflow:hidden}
.ai_interview .record_header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.ai_interview .record_header h4{margin:0;color:#111827;font-size:18px}
.ai_interview .record_header span{display:inline-block;padding:0 12px;line-height:30px;border-radius:999px;background:#f4f6fa;color:#475467;font-size:12px}
.ai_interview .live_record{flex:0 0 auto;padding:16px 18px;border-radius:20px;background:#f7f9fc;border:1px solid rgba(17,24,39,0.05);margin-bottom:14px}
.ai_interview .live_record p{margin:0;color:#344054;font-size:13px;line-height:1.9;white-space:pre-wrap;word-break:break-word}
.ai_interview .answer_history{flex:1 1 auto;min-height:0;overflow:auto;padding-right:4px}
.ai_interview .history_item{padding:14px 16px;border-radius:18px;background:#fff;border:1px solid rgba(17,24,39,0.06);margin-bottom:12px}
.ai_interview .history_item.role_ai{background:#eef4ff;border-color:rgba(20,113,255,0.12)}
.ai_interview .history_item.role_user{background:#f9fafb}
.ai_interview .history_item.role_system{background:#f6fffa;border-color:rgba(34,197,94,0.12)}
.ai_interview .history_item .top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.ai_interview .history_item strong{display:block;color:#111827;font-size:14px}
.ai_interview .history_item span{color:#98a2b3;font-size:12px}
.ai_interview .history_item p{margin:0;color:#667085;font-size:13px;line-height:1.85;white-space:pre-wrap;word-break:break-word}
.ai_interview .meeting_actions{flex:0 0 auto;flex-shrink:0;padding:14px 16px;border-radius:22px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.08);backdrop-filter:blur(10px);position:relative;z-index:5}
.ai_interview .meeting_actions_inner{min-height:54px;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
.ai_interview .meeting_actions_status{margin:0;min-height:54px;display:flex;align-items:center;justify-content:center;padding:0 12px;color:rgba(255,255,255,0.78);font-size:14px;line-height:1.5;text-align:center}
.ai_interview .action_btn{display:inline-flex;align-items:center;justify-content:center;min-width:170px;height:54px;padding:0 24px;border-radius:999px;cursor:pointer;font-size:15px;font-weight:600;transition:all 0.2s ease;border:none;outline:none}
.ai_interview .action_btn_primary{background:#fff;color:#111827;box-shadow:0 12px 30px rgba(0,0,0,0.16)}
.ai_interview .action_btn_primary:hover{transform:translateY(-1px)}
.ai_interview .action_btn_submit{background:#2563eb;color:#fff}
.ai_interview .action_btn_submit:hover{background:#1d4ed8}
.ai_interview .action_btn_skip{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.16);color:#fff}
.ai_interview .action_btn[disabled]{opacity:0.45;cursor:not-allowed;transform:none}
.ai_interview .stat_list{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}
.ai_interview .stat_list li{list-style:none;padding:14px 16px;min-width:150px;border-radius:18px;background:#f7f9fc;border:1px solid rgba(17,24,39,0.05)}
.ai_interview .stat_list li strong{display:block;color:#111827;font-size:20px}
.ai_interview .stat_list li span{display:block;margin-top:5px;color:#667085;font-size:12px}
.ai_interview .interview_stage{padding:22px;border-radius:24px;background:linear-gradient(180deg,#101828 0%,#1f2937 100%);color:#fff;margin-bottom:18px}
.ai_interview .interview_stage .stage_top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.ai_interview .interview_stage .live{display:inline-flex;align-items:center;color:#a7f3d0;font-size:13px}
.ai_interview .interview_stage .live:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#22c55e;margin-right:8px;box-shadow:0 0 0 6px rgba(34,197,94,0.12)}
.ai_interview .interview_stage .current_question{padding:18px;border-radius:18px;background:rgba(255,255,255,0.08)}
.ai_interview .interview_stage .current_question .label{color:rgba(255,255,255,0.68);font-size:12px;margin-bottom:8px}
.ai_interview .interview_stage .current_question h4{margin:0;color:#fff;font-size:22px;line-height:1.6}
.ai_interview .interview_stage .current_question p{margin:10px 0 0;color:rgba(255,255,255,0.72);font-size:13px;line-height:1.8}
.ai_interview .interview_stage .mode_box{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.ai_interview .interview_stage .mode_item{padding:14px 16px;border-radius:18px;background:rgba(255,255,255,0.06)}
.ai_interview .interview_stage .mode_item strong{display:block;color:#fff;font-size:14px;margin-bottom:6px}
.ai_interview .interview_stage .mode_item span{display:block;color:rgba(255,255,255,0.66);font-size:12px;line-height:1.8}
.ai_interview .tips_bar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}
.ai_interview .tips_bar span{display:inline-block;padding:0 12px;line-height:32px;border-radius:999px;background:#f4f6fa;color:#475467;font-size:12px}
.ai_interview .progress_list{display:flex;flex-direction:column;gap:12px;margin-top:20px}
.ai_interview .progress_item{display:flex;gap:14px;padding:14px 16px;border-radius:18px;background:#f8fafc;border:1px solid transparent}
.ai_interview .progress_item.active{border-color:rgba(20,113,255,0.2);background:rgba(20,113,255,0.05)}
.ai_interview .progress_item.done{background:rgba(34,197,94,0.05)}
.ai_interview .progress_item .no{width:34px;height:34px;line-height:34px;text-align:center;border-radius:12px;background:rgba(17,24,39,0.08);color:#111827;font-size:13px;font-weight:700;flex:0 0 34px}
.ai_interview .progress_item strong{display:block;color:#111827;font-size:14px;line-height:1.7;margin-bottom:4px}
.ai_interview .progress_item p{margin:0;color:#667085;font-size:12px;line-height:1.7}
.ai_interview .metric_row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}
.ai_interview .metric_item{padding:16px;border-radius:18px;background:#f8fafc}
.ai_interview .metric_item strong{display:block;color:#111827;font-size:20px;margin-bottom:5px}
.ai_interview .metric_item span{display:block;color:#667085;font-size:12px}
.ai_interview .transcript_stream{max-height:420px;overflow:auto;padding-right:4px}
.ai_interview .stream_item{padding:14px 16px;border-radius:18px;margin-bottom:12px}
.ai_interview .stream_item.role_ai{background:#f4f7ff;border:1px solid rgba(20,113,255,0.08)}
.ai_interview .stream_item.role_user{background:#f9fafb;border:1px solid rgba(17,24,39,0.05)}
.ai_interview .stream_item.role_system{background:#f6fffa;border:1px solid rgba(34,197,94,0.08)}
.ai_interview .stream_item .top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.ai_interview .stream_item strong{color:#111827;font-size:13px}
.ai_interview .stream_item span{color:#98a2b3;font-size:12px}
.ai_interview .stream_item p{margin:0;color:#475467;font-size:13px;line-height:1.8;white-space:pre-wrap;word-break:break-word}
.ai_interview .json_box{margin-top:18px;padding:18px;border-radius:20px;background:#0f172a;color:#d0d5dd}
.ai_interview .json_box .json_title{margin-bottom:10px;color:#fff;font-size:14px;font-weight:600}
.ai_interview .json_box pre{margin:0;max-height:280px;overflow:auto;white-space:pre-wrap;word-break:break-word;font-size:12px;line-height:1.8;font-family:Menlo,Monaco,Consolas,"Courier New",monospace}
.ai_interview .report_brand_banner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 20px;margin-bottom:18px;border-radius:20px;background:linear-gradient(180deg,#f8fafc 0%,#ffffff 100%);border:1px solid rgba(17,24,39,0.06)}
.ai_interview .report_brand_main{display:flex;align-items:center;gap:14px;min-width:0}
.ai_interview .report_brand_logo_link{display:inline-flex;flex:0 0 auto;text-decoration:none}
.ai_interview .report_brand_logo{height:48px;display:block;border-radius:12px}
.ai_interview .report_brand_text{display:flex;flex-direction:column;gap:4px;min-width:0}
.ai_interview .report_brand_name{color:#111827;font-size:20px;font-weight:800;text-decoration:none;line-height:1.2}
.ai_interview .report_brand_name:hover{color:#1471ff}
.ai_interview .report_brand_slogan{color:#1471ff;font-size:13px;font-weight:600}
.ai_interview .report_brand_meta{flex:0 0 auto;text-align:right;color:#667085;font-size:13px;line-height:1.6}
.ai_interview .report_overview{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:18px;margin-bottom:18px}
.ai_interview .report_overview_main{padding:24px;border-radius:24px;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);color:#fff}
.ai_interview .report_overview_main .eyebrow{color:#93c5fd;font-size:12px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase}
.ai_interview .report_overview_main h4{margin:10px 0 10px;font-size:26px;line-height:1.45}
.ai_interview .report_overview_main p{margin:0;color:rgba(255,255,255,0.78);font-size:14px;line-height:1.9}
.ai_interview .report_badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.ai_interview .report_badges span{display:inline-block;padding:0 12px;line-height:30px;border-radius:999px;background:rgba(255,255,255,0.08);color:#fff;font-size:12px}
.ai_interview .report_overview_score{padding:22px;border-radius:24px;text-align:center;border:1px solid rgba(17,24,39,0.04);display:flex;flex-direction:column;justify-content:center}
.ai_interview .report_overview_score strong{display:block;font-size:52px;font-weight:800;line-height:1;margin-bottom:10px}
.ai_interview .report_overview_score span{display:block;font-size:13px;font-weight:700}
.ai_interview .report_overview_score em{display:block;margin-top:8px;font-style:normal;font-size:12px;opacity:0.88}
.ai_interview .report_overview_score.score_good{background:rgba(34,197,94,0.08);border-color:rgba(34,197,94,0.18);color:#166534}
.ai_interview .report_overview_score.score_medium{background:rgba(249,115,22,0.08);border-color:rgba(249,115,22,0.18);color:#9a3412}
.ai_interview .report_overview_score.score_low{background:rgba(239,68,68,0.08);border-color:rgba(239,68,68,0.18);color:#991b1b}
.ai_interview .score_grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px}
.ai_interview .score_item{padding:18px;border-radius:20px;background:#f8fafc;text-align:center;border:1px solid rgba(17,24,39,0.04)}
.ai_interview .score_item strong{display:block;font-size:28px;margin-bottom:6px}
.ai_interview .score_item span{display:block;font-size:12px}
.ai_interview .score_item em{display:block;margin-top:8px;font-style:normal;font-size:12px}
.ai_interview .score_item.score_item_total{box-shadow:0 12px 32px rgba(15,23,42,0.08)}
.ai_interview .score_item.score_item_total strong{font-size:36px;font-weight:800}
.ai_interview .score_item.score_item_total span{font-weight:700}
.ai_interview .score_item.score_item_minor{background:#fbfcfd}
.ai_interview .score_item.score_item_minor strong{font-size:26px;font-weight:700}
.ai_interview .score_item.score_item_minor span{opacity:0.88}
.ai_interview .score_item.score_good{background:rgba(34,197,94,0.08);border-color:rgba(34,197,94,0.18)}
.ai_interview .score_item.score_good strong{color:#15803d}
.ai_interview .score_item.score_good span{color:#166534}
.ai_interview .score_item.score_good em{color:#166534}
.ai_interview .score_item.score_medium{background:rgba(249,115,22,0.08);border-color:rgba(249,115,22,0.18)}
.ai_interview .score_item.score_medium strong{color:#c2410c}
.ai_interview .score_item.score_medium span{color:#9a3412}
.ai_interview .score_item.score_medium em{color:#9a3412}
.ai_interview .score_item.score_low{background:rgba(239,68,68,0.08);border-color:rgba(239,68,68,0.18)}
.ai_interview .score_item.score_low strong{color:#b91c1c}
.ai_interview .score_item.score_low span{color:#991b1b}
.ai_interview .score_item.score_low em{color:#991b1b}
.ai_interview .report_snapshot{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}
.ai_interview .snapshot_item{padding:18px;border-radius:18px;background:#f8fafc;border:1px solid rgba(17,24,39,0.05)}
.ai_interview .snapshot_item strong{display:block;color:#111827;font-size:24px;margin-bottom:6px}
.ai_interview .snapshot_item span{display:block;color:#667085;font-size:12px}
.ai_interview .report_section{margin-top:16px;padding:22px;border-radius:24px;background:#fff;border:1px solid rgba(17,24,39,0.06)}
.ai_interview .report_section_head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.ai_interview .report_section_head h4{margin:0;color:#111827;font-size:20px}
.ai_interview .report_section_head span{color:#667085;font-size:12px}
.ai_interview .report_detail_list{display:grid;grid-template-columns:1fr;gap:14px}
.ai_interview .detail_item{display:flex;gap:14px;padding:16px 18px;border-radius:20px;background:#f8fafc;border:1px solid rgba(17,24,39,0.05)}
.ai_interview .detail_item .no{width:42px;height:42px;border-radius:14px;background:rgba(20,113,255,0.1);color:#1471ff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex:0 0 42px}
.ai_interview .detail_item .content{min-width:0}
.ai_interview .detail_item strong{display:block;color:#111827;font-size:15px;margin-bottom:8px}
.ai_interview .detail_item p{margin:0;color:#667085;font-size:13px;line-height:1.9}
.ai_interview .report_grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}
.ai_interview .report_grid_dual{grid-template-columns:repeat(2,minmax(0,1fr))}
.ai_interview .report_card{padding:20px;border-radius:20px;background:#fff;border:1px solid rgba(17,24,39,0.06)}
.ai_interview .report_card h4{margin:0 0 10px;color:#111827;font-size:16px}
.ai_interview .report_card ul{padding:0;margin:0}
.ai_interview .report_card li{list-style:none;padding-left:18px;position:relative;color:#667085;font-size:13px;line-height:1.9;margin-bottom:12px}
.ai_interview .report_card li:last-child{margin-bottom:0}
.ai_interview .report_card li:before{content:"";position:absolute;left:0;top:11px;width:6px;height:6px;border-radius:50%;background:#1471ff}
.ai_interview .report_card.report_card_highlight{background:linear-gradient(180deg,#f0fdf4 0%,#ffffff 100%);border-color:rgba(34,197,94,0.12)}
.ai_interview .report_card.report_card_highlight li:before{background:#16a34a}
.ai_interview .report_card.report_card_action{background:linear-gradient(180deg,#eff6ff 0%,#ffffff 100%);border-color:rgba(20,113,255,0.12)}
.ai_interview .report_question_list{display:grid;grid-template-columns:1fr;gap:16px}
.ai_interview .report_question_item{padding:20px;border-radius:20px;background:#f8fafc;border:1px solid rgba(17,24,39,0.06)}
.ai_interview .report_question_item .top_line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.ai_interview .report_question_item .index{display:inline-block;width:34px;height:34px;line-height:34px;text-align:center;border-radius:12px;background:rgba(17,24,39,0.06);color:#111827;font-weight:700;font-size:13px}
.ai_interview .report_question_item .cate{display:inline-block;padding:0 10px;line-height:26px;border-radius:999px;background:rgba(20,113,255,0.08);color:#1471ff;font-size:12px}
.ai_interview .report_question_item h5{margin:0 0 14px;color:#111827;font-size:17px;line-height:1.7;font-weight:700}
.ai_interview .report_question_item .answer_block{padding:14px 16px;border-radius:16px;margin-bottom:12px}
.ai_interview .report_question_item .answer_block strong{display:block;color:#111827;font-size:13px;margin-bottom:8px}
.ai_interview .report_question_item .answer_block p{margin:0;color:#667085;font-size:13px;line-height:1.9;white-space:pre-wrap}
.ai_interview .report_question_item .answer_block_user{background:#fff;border:1px solid rgba(17,24,39,0.06)}
.ai_interview .report_question_item .answer_block_reference{background:linear-gradient(180deg,#eff6ff 0%,#ffffff 100%);border:1px solid rgba(20,113,255,0.14)}
.ai_interview .report_question_item .improve_tip{margin:0;padding:12px 14px;border-radius:14px;background:rgba(249,115,22,0.08);color:#9a3412;font-size:13px;line-height:1.8}
.ai_interview .pdf_tip{margin-top:16px;padding:16px 18px;border-radius:18px;background:#f8fafc;color:#667085;font-size:13px;line-height:1.9}
.ai_interview .pdf_tip strong{color:#111827}
.ai_interview .empty_box{padding:18px;border-radius:18px;background:#f8fafc;color:#667085;font-size:13px;line-height:1.8}
@media screen and (max-width: 1200px){
  .ai_interview .config_layout, .ai_interview .question_layout, .ai_interview .question_list, .ai_interview .report_grid, .ai_interview .meeting_topbar, .ai_interview .meeting_content, .ai_interview .video_stage{grid-template-columns:1fr}
  .ai_interview .score_grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ai_interview .device_item.camera_item{display:block}
  .ai_interview .device_item.camera_item .device_preview{margin-top:12px}
  .ai_interview .preview_float{position:static;right:auto;top:auto;width:auto;max-height:none;overflow:visible}
  .ai_interview .meeting_record{min-height:360px}
}
@media screen and (max-width: 768px){
  .ai_interview .index_content .banner_box{padding-top:18vh}
  .ai_interview .index_content .banner_box h1{font-size:30px;padding:0 18px}
  .ai_interview .index_content .banner_box .text{padding:0 20px;line-height:1.8}
  .ai_interview .index_content .banner_box .banner_badge{height:30px;font-size:12px}
  .ai_interview .index_content .banner_box .banner_meta{display:none}
  .ai_interview .index_content .banner_box .btn_start{margin-top:24px}
  .ai_interview .index_content .banner_box .banner_glow{display:none}
  .ai_interview .index_content .banner_box .tip_list{position:static;margin-top:40px}
  .ai_interview .index_content .banner_box .tip_list ul li{width:50%}
  .ai_interview .flow_header, .ai_interview .flow_body{padding-left:14px;padding-right:14px}
  .ai_interview .flow_header{display:block}
  .ai_interview .flow_header .flow_close{position:absolute;right:14px;top:18px}
  .ai_interview .config_box, .ai_interview .preview_box, .ai_interview .question_box, .ai_interview .interview_main, .ai_interview .interview_side, .ai_interview .report_box{padding:18px}
  .ai_interview .question_list, .ai_interview .report_grid, .ai_interview .score_grid, .ai_interview .metric_row, .ai_interview .interview_stage .mode_box, .ai_interview .meeting_topbar, .ai_interview .meeting_content, .ai_interview .video_stage{grid-template-columns:1fr}
  .ai_interview .stat_list li{min-width:calc(50% - 6px)}
  .ai_interview .index_content .banner_box .tip_list ul li{width:100%}
  .ai_interview .meeting_actions{padding:12px}
  .ai_interview .action_btn{width:100%;min-width:0}
}
.ai_interview .el-upload-dragger{height:96px}
.ai_interview .el-upload-dragger .el-icon-upload{margin:10px auto 5px;font-size:50px;height:44px;height:44px;display:block;line-height:44px}
.ai_interview .el-upload-dragger .el-upload__text{line-height:22px}
.ai_interview .el-checkbox__input{top:2px}