/* .ai_write .index_content{height:668px;position: relative;}
.ai_write .banner_box{height:668px;overflow:hidden;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#20c3e8, endColorstr=#0094b5);background-image:-webkit-gradient(linear, left top, left bottom, from(#20c3e8), to(#0094b5));background-image:linear-gradient(to bottom, #20c3e8, #0094b5);color:#fff;padding-top:26vh;;position:relative;padding-top: 140px;} */
/* .ai_write .banner_box{height:100vh;overflow:hidden;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#13D8A7, endColorstr=#0094b5);background-image:-webkit-gradient(linear, left top, left bottom, from(#13d8a7), to(#0094b5));background-image:linear-gradient(to bottom, #13d8a7, #0094b5);color:#fff;padding-top:26vh;min-height:530px;position:relative} */
.ai_write .banner_box{height:calc(100vh - 96px);padding-top: 30px; overflow:hidden;color:#fff;min-height:520px;position:relative;background:radial-gradient(circle at 82% 22%, rgba(102, 230, 255, .28), transparent 28%),radial-gradient(circle at 12% 80%, rgba(92, 255, 188, .18), transparent 30%),linear-gradient(135deg, #072f65 0%, #0b72a6 48%, #12b99b 100%)}
.ai_write .banner_box:before{content:"";position:absolute;left:0;right:0;bottom:0;height:170px;background:linear-gradient(180deg, rgba(255,255,255,0), rgba(246,248,252,.16));pointer-events:none}
.ai_write .banner_glow{position:absolute;border-radius:999px;filter:blur(2px);opacity:.72;pointer-events:none}
.ai_write .banner_glow_one{width:420px;height:420px;right:-120px;top:72px;background:rgba(255,255,255,.1)}
.ai_write .banner_glow_two{width:260px;height:260px;left:8%;bottom:70px;background:rgba(111,255,210,.12)}
.ai_write .banner_inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:74px;width:92%;max-width:1180px;height:100%;margin:0 auto}
.ai_write .banner_content{max-width:680px}
.ai_write .banner_label{display:inline-flex;align-items:center;gap:9px;padding:8px 15px;border:1px solid rgba(255,255,255,.24);border-radius:999px;color:#d9fff4;background:rgba(255,255,255,.12);font-size:13px;letter-spacing:1.4px;backdrop-filter:blur(12px)}
.ai_write .banner_label i{font-size:17px;line-height:1;color:#7dffda}
.ai_write .banner_box h1{max-width:670px;margin-top:22px;font-size:50px;line-height:1.18;font-weight:700;letter-spacing:-1px;text-shadow:0 18px 42px rgba(0, 29, 76, .28)}
.ai_write .banner_box .text{max-width:560px;font-size:17px;line-height:1.9;margin-top:18px;color:rgba(235, 255, 250, .86)}
.ai_write .banner_box .text b{display:inline-block;font-weight:normal;-webkit-transform-origin:left bottom;transform-origin:left bottom}
.ai_write .banner_box .text span{opacity:.8;margin:0 10px;font-weight:bold}
.ai_write .banner_box .text dfn{display: block;}
.ai_write .banner_box .banner_tag{display:flex;flex-wrap:wrap;gap:18px;margin-top:24px;font-size:0}
.ai_write .banner_box .banner_tag strong{position:relative;display:inline-flex;align-items:center;font-weight:normal;padding-left:14px;line-height:24px;text-shadow:none;color:rgba(226, 255, 247, .82);font-size:14px}
.ai_write .banner_box .banner_tag strong:before{content:"";position:absolute;left:0;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:#7dffda;box-shadow:0 0 10px rgba(125,255,218,.75)}
.ai_write .banner_actions{display:flex;align-items:center;gap:16px;margin-top:34px}
.ai_write .banner_box .btn_anli{display:inline-flex;align-items:center;justify-content:center;width:128px;height:50px;border:1px solid rgba(255,255,255,.38);text-align:center;border-radius:25px;line-height:50px;color:#fff;font-size:15px;cursor:pointer;background:rgba(255,255,255,.1);transition:all .2s linear 0s}
.ai_write .banner_box .btn_anli:hover{color:#fff;border-color:rgba(255,255,255,.72);background:rgba(255,255,255,.18)}
.ai_write .banner_box .btn_start{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:238px;height:58px;line-height:58px;border-radius:29px;text-align:center;color:#073a34;-webkit-box-shadow:0 16px 36px rgba(0, 245, 181, .24);box-shadow:0 16px 36px rgba(0, 245, 181, .24);background:linear-gradient(135deg, #e9ff6a 0%, #5affc9 100%);font-size:20px;font-weight:600;position:relative;cursor:pointer;text-shadow:none;-webkit-transition:all .2s linear 0s;transition:all .2s linear 0s}
.ai_write .banner_box .btn_start i{font-size:24px;color:#073a34;opacity:.9}
.ai_write .banner_box .btn_start:hover{color:#062e2a;-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 20px 42px rgba(0, 245, 181, .32);box-shadow:0 20px 42px rgba(0, 245, 181, .32)}
.ai_write .banner_note{display:flex;align-items:center;gap:18px;margin-top:28px;color:rgba(232,255,248,.76);font-size:13px}
.ai_write .banner_note span{position:relative;padding-left:14px}
.ai_write .banner_note span:before{content:"";position:absolute;left:0;top:50%;width:5px;height:5px;margin-top:-2px;border-radius:50%;background:#7dffda;box-shadow:0 0 12px rgba(125,255,218,.85)}
.ai_write .banner_preview{flex:0 0 370px}
.ai_write .preview_card{position:relative;padding:22px;border:1px solid rgba(255,255,255,.22);border-radius:28px;background:rgba(255,255,255,.16);box-shadow:0 28px 80px rgba(1,30,70,.26);backdrop-filter:blur(18px)}
.ai_write .preview_card:before{content:"";position:absolute;inset:13px;border:1px solid rgba(255,255,255,.14);border-radius:22px;pointer-events:none}
.ai_write .preview_head{display:flex;gap:7px;margin-bottom:22px}
.ai_write .preview_head span{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.72)}
.ai_write .preview_profile{display:flex;align-items:center;gap:14px;position:relative;z-index:1;padding:16px;border-radius:18px;background:rgba(255,255,255,.16)}
.ai_write .preview_avatar{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:16px;color:#0b6a61;background:linear-gradient(135deg, #e9ff6a, #5affc9);box-shadow:0 12px 26px rgba(0,0,0,.14)}
.ai_write .preview_avatar i{font-size:24px}
.ai_write .preview_profile b{display:block;color:#fff;font-size:17px}
.ai_write .preview_profile p{margin-top:6px;color:rgba(235,255,250,.7);font-size:13px}
.ai_write .preview_line{position:relative;z-index:1;width:72%;height:10px;margin-top:22px;border-radius:99px;background:rgba(255,255,255,.28)}
.ai_write .preview_line_long{width:100%}
.ai_write .preview_grid{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;margin-top:26px;padding:18px;border-radius:18px;color:#eafff7;background:rgba(2, 40, 82, .22)}
.ai_write .preview_grid span{font-size:14px}
.ai_write .preview_grid strong{font-size:34px;color:#e9ff6a}
.ai_write .preview_items{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3, 1fr);gap:12px;margin-top:18px}
.ai_write .preview_items i{height:62px;border-radius:16px;background:linear-gradient(180deg, rgba(255,255,255,.26), rgba(255,255,255,.1))}
.ai_write .banner_box .btn_history{width:118px;line-height:36px;border-radius:18px;margin:28px auto 0;text-align:center;font-size:16px;color:#eee;cursor:pointer;background-color:rgba(0, 133, 150, 0);-webkit-transition:all .2s linear 0s;transition:all .2s linear 0s}
.ai_write .banner_box .btn_history:hover{background-color:rgba(0, 133, 150, .3)}
.ai_write .banner_box .btn_history i{display:inline-block;vertical-align:top;font-size:20px;line-height:36px}
.ai_write .tip_list{position:relative;width:100%;background-color:#026f87}
.ai_write .tip_list ul{margin:0 auto;width:100%;max-width:1200px;overflow:hidden}
.ai_write .tip_list ul li{float:left;width:25%;padding:20px;text-align:center}
.ai_write .tip_list ul li h5{font-size:18px;line-height:28px;opacity:.9;color:#fffac4;}
.ai_write .tip_list ul li h5 i{display:inline-block;vertical-align:top;font-size:22px;line-height:28px;margin-right:10px}
.ai_write .tip_list ul li p{font-size:13px;margin-top:8px;opacity:.7;color: #fff;}

.ai_write .tpl_list{position:relative;overflow-y:auto;height:calc(100vh - 120px);margin-top:-20px;text-align:center}
.ai_write .tpl_list li{display:inline-block;width:316px;height:440px;overflow:hidden;border:1px solid #ddd;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .3);box-shadow:0 0 10px rgba(0, 0, 0, .3);margin:15px 15px;position:relative;background-position:center 0;background-size:100% auto;background-repeat:no-repeat;background-color:#fff}
.ai_write .tpl_list li img{vertical-align:top;width:100%}
.ai_write .tpl_list li .win_bg{width:100%;height:100%;position:absolute;left:0;top:0;-webkit-transition:all .2s ease-out 0s;transition:all .2s ease-out 0s}
.ai_write .tpl_list li .win_bg:hover .btn_change{-webkit-transform:scale(1) translateY(-10%);transform:scale(1) translateY(-10%);opacity:1;text-shadow:0 0 3px rgba(0, 0, 0, .4)}
.ai_write .tpl_list li .win_bg .btn_change{position:absolute;font-size:18px;left:50%;bottom:25%;width:228px;display:block;margin-left:-114px;height:58px;line-height:58px;padding:0;-webkit-transition:all .2s ease-out 0s;transition:all .2s ease-out 0s;-webkit-transform:scale(0.6) translateY(0);transform:scale(0.6) translateY(0);opacity:0;-webkit-box-shadow:0 0 12px rgba(0, 0, 0, .3);box-shadow:0 0 12px rgba(0, 0, 0, .3)}
.ai_write .write_box_bg{background-color:#767f95;padding:30px 0;margin-top:-20px}
.ai_write .write_box_bg .btn_eidt{position:fixed;left:50%;margin-left:-100px;bottom:30px;z-index:9;text-align:center;display:block;text-shadow:0 0 3px rgba(0, 0, 0, .5) !important;width:200px;line-height:36px;text-align:center;color:#fff;background-color:#f60 !important;border-color:#f60 !important;font-size:18px;border-radius:5px;cursor:pointer}
.ai_write .write_box_bg .btn_eidt:hover{background-color:#f90 !important;border-color:#f90 !important}
.ai_write .write_box_bg .mb20{margin-bottom:20px}
.ai_write .write_box{width:820px;margin:0 auto 0;-webkit-box-shadow:0 5px 20px rgba(0, 0, 0, .4);box-shadow:0 5px 20px rgba(0, 0, 0, .4)}
.ai_write .step_box{width:100%}
.ai_write .btn_box{text-align:center;margin-top:25px}
.ai_write .btn_box .btn_create{width:150px;line-height:50px;text-align:center;color:#fff;background-color:#f60;display:block;margin:0 auto;font-size:18px;border-radius:5px;cursor:pointer}
.ai_write .btn_box .btn_create:hover{background-color:#f50}
.anli_list{margin-top: -30px; overflow: hidden;}
.anli_list li{ float: left; width: 50%; text-align: center;}
.anli_list li b{ display: block; font-size: 22px; padding: 10px 0; color: #f60;}
.anli_list li img{display: block;width: 100%;}



.ai_cv_page{min-height:100vh;background:#f6f8fc}
.ai_cv_page .collect_layout{display:flex;gap:20px;height:calc(100vh - 150px)}
.ai_cv_page .collect_side{flex:0 0 168px;display:flex;flex-direction:column;gap:12px;padding-right:20px;border-right:1px solid #edf1f7}
.ai_cv_page .mode_item{display:flex;align-items:center;gap:8px;width:100%;padding:14px 16px;border:1px solid #e7edf5;border-radius:12px;color:#344054;font-size:15px;text-align:left;background:#fff;cursor:pointer;transition:all .2s}
.ai_cv_page .mode_item .webfont{flex:0 0 auto;font-size:18px;line-height:1}
.ai_cv_page .mode_item:hover{border-color:#bfd7ef;background:#f8fbff}
.ai_cv_page .mode_item.active{border-color:#1575bf;color:#1575bf;background:#eef6ff;font-weight:600}
.ai_cv_page .mode_item.active i{font-weight:normal}
.ai_cv_page .collect_main{flex:1 1 auto;min-width:0}
.ai_cv_page .template_panel{overflow:hidden;margin-top:-20px;padding-top:20px}
.ai_cv_page .upload_box{display:flex;flex-direction:column;gap:16px}
.ai_cv_page .upload_box .resume_upload,.ai_cv_page .upload_box .el-upload{width:100%}
.ai_cv_page .upload_box .el-upload-dragger{width:100%;height:220px;border-color:#d8e3f2;border-radius:16px;background:linear-gradient(180deg, #fbfdff 0%, #f5f9ff 100%)}
.ai_cv_page .upload_box .el-icon-upload{margin-top:44px;color:#1575bf}
.ai_cv_page .upload_box .el-upload__tip{margin-top:10px;color:#98a2b3;text-align:center}
.ai_cv_page .upload_box .supplement_input textarea{min-height:140px !important;padding:16px;border-color:#d8e3f2;border-radius:16px;color:#344054;line-height:1.8;resize:none}
.ai_cv_page .flow_actions{display:flex;justify-content:flex-end;gap:12px;margin-top:4px}
.ai_cv_page .flow_actions.flow_actions_center{justify-content:center;padding:16px}
.ai_cv_page .generate_progress_box{padding:12px 8px 8px;text-align:center}
.ai_cv_page .generate_progress_box p{margin:18px 0 8px;color:#344054;font-size:16px;font-weight:600}
.ai_cv_page .generate_progress_box span{color:#98a2b3;font-size:13px}
.ai_cv_page .chat_box{overflow:hidden;border:1px solid #e7edf5;border-radius:18px;background:#fff}
.ai_cv_page .chat_record{height:calc(100vh - 240px);padding:22px;overflow-y:auto;background:radial-gradient(circle at 20% 0, rgba(21, 117, 191, .08), transparent 30%),linear-gradient(180deg, #f8fbff 0%, #f6f8fc 100%)}
.ai_cv_page .chat_item{max-width:76%;padding:14px 16px;margin-bottom:14px;border:1px solid rgba(21, 117, 191, .08);border-radius:16px 16px 16px 4px;background:#fff;box-shadow:0 10px 24px rgba(24, 55, 106, .06)}
.ai_cv_page .chat_item strong{display:block;margin-bottom:6px;color:#1575bf;font-size:13px}
.ai_cv_page .chat_item p{margin:0;color:#344054;font-size:14px;line-height:1.8;white-space:pre-wrap;word-break:break-word}
.ai_cv_page .chat_item p.thinking{color:#98a2b3}
.ai_cv_page .chat_item.role_user{margin-left:auto;border-color:transparent;border-radius:16px 16px 4px 16px;background:linear-gradient(135deg, #1575bf, #2f80ed)}
.ai_cv_page .chat_item.role_user strong,.ai_cv_page .chat_item.role_user p{color:#fff}
.ai_cv_page .chat_input_bar{display:grid;grid-template-columns:minmax(0, 1fr) 88px 116px;gap:12px;align-items:stretch;padding:16px;border-top:1px solid #e7edf5;background:#fff}
.ai_cv_page .chat_input_bar textarea{min-height:54px !important;border-radius:12px;resize:none}
.ai_cv_page .voice_btn{min-height:54px;border:0;border-radius:12px;color:#1575bf;background:#eef6ff;font-size:14px;cursor:pointer;transition:all .2s}
.ai_cv_page .voice_btn:hover{background:#e2f0ff}
.ai_cv_page .voice_btn:disabled{color:#98a2b3;cursor:not-allowed;background:#f2f4f7}
.ai_cv_page .voice_btn.recording{color:#fff;background:#ef4444;box-shadow:0 10px 22px rgba(239, 68, 68, .24)}
.ai_cv_page .empty_box{padding:58px 20px;color:#98a2b3;text-align:center}
.ai_cv_page .write_box_bg{max-height:760px;padding:26px;overflow:auto;border-radius:16px;background:#eef2f7}
.ai_cv_page .write_box{width:820px;min-height:1120px;margin:0 auto;background:#fff;box-shadow:0 16px 42px rgba(15, 23, 42, .16)}
.ai_cv_page .anli_list li{overflow:hidden;border-radius:12px;background:#f8fafc;padding:10px;margin:0 5px;width:calc(50% - 10px)}
.ai_cv_page .anli_list li b{display:block;padding:12px 14px;color:#f60;font-size:15px}
.ai_cv_page .anli_list li img{display:block}

@media screen and (max-width: 1100px){
  .ai_cv_page .template_panel .tpl_list{grid-template-columns:repeat(3, minmax(0, 1fr))}
}

@media screen and (max-width: 900px){
  .ai_cv_page .collect_layout{flex-direction:column;min-height:auto}
  .ai_cv_page .collect_side{display:none;flex:0 0 auto;flex-direction:row;padding-right:0;padding-bottom:16px;border-right:0;border-bottom:1px solid #edf1f7}
  .ai_cv_page .mode_item{flex:1;text-align:center}
  .ai_cv_page .chat_record{height:calc(100vh - 240px);padding:10px}
  .ai_cv_page .chat_item{max-width:88%}
  .ai_cv_page .chat_item p{font-size:12px}
  .ai_cv_page .chat_input_bar{grid-template-columns:1fr;padding:5px;height:106px;position:relative}
  .ai_cv_page .chat_input_bar .el-textarea{width:calc(100% - 80px);font-size:11px;position:relative}
  .ai_cv_page .chat_input_bar .el-button{width:60px;padding:12px 10px;position:absolute;right:10px;top:7px}
  .ai_cv_page .chat_input_bar .voice_btn{width:100%;font-size:12px;min-height:40px}
  .ai_cv_page .tpl_list{grid-template-columns:repeat(2, minmax(0, 1fr));gap:14px;}
  .ai_cv_page .tpl_list li{width: 48%;height: 57vw; margin:30px 1% 0;}
  .ai_cv_page .write_box_bg{padding:14px}
  .ai_cv_page .write_box{width:100%;min-width:760px}
  .ai_cv_page .anli_list li{width:100%;margin:0}
}

@media screen and (max-width: 800px){
  .ai_write .banner_box{height:100%;padding:92px 0 56px}
  .ai_write .banner_inner{display:block;width:88%;height:auto}
  .ai_write .banner_content{max-width:none;text-align:center}
  .ai_write .banner_label{font-size:11px;padding:7px 12px}
  .ai_write .banner_box h1{font-size:22px;line-height:1.3;margin-top:18px}
  .ai_write .banner_box .banner_tit{font-size:25px}
  .ai_write .banner_box .banner_tag{justify-content:center;gap:12px;margin-top:18px}
  .ai_write .banner_box .banner_tag strong{font-size:12px;padding-left:11px;line-height:22px;margin:0}
  .ai_write .banner_box .text{font-size:14px;line-height:1.8;margin:18px auto 0;padding:0 4px}
  .ai_write .banner_box .text span{margin:0 6px}
  .ai_write .banner_box .text dfn{display: none;}
  .ai_write .banner_actions{justify-content:center;gap:10px;margin-top:26px}
  .ai_write .banner_box .btn_start{width:190px;height:50px;line-height:50px;font-size:17px}
  .ai_write .banner_box .btn_start i{font-size:21px}
  .ai_write .banner_box .btn_anli{width:96px;height:44px;line-height:44px;font-size:13px}
  .ai_write .banner_note{justify-content:center;gap:10px;margin-top:20px;font-size:12px}
  .ai_write .banner_preview{display:none}
  .ai_write .index_content .tip_list ul li{padding:5px 0px 8px;width: 33%;}
  .ai_write .index_content .tip_list ul li:nth-last-child(1){ display: none;}
  .ai_write .index_content .tip_list ul li h5{font-size:13px;opacity:.8}
  .ai_write .index_content .tip_list ul li h5 i{font-size:13px;margin-right:6px}
  .ai_write .index_content .tip_list ul li p{margin-top:1px;font-size:9px;padding:0 5px;opacity:.6}

  .ai_write .step_box{padding:13px 2%}
  .ai_write .tpl_list li{-webkit-box-shadow:0 0 6px rgba(0, 0, 0, .2);box-shadow:0 0 6px rgba(0, 0, 0, .2);}
  .ai_write .tpl_list li .win_bg .btn_change{-webkit-transform:scale(1) translateY(-10%);transform:scale(1) translateY(-10%);opacity:1;text-shadow:0 0 3px rgba(0, 0, 0, .4);width:180px;margin-left:-90px;line-height:50px;height:50px}
  .ai_write .bg_an{background:none !important}
  .ai_write .anli_list li{ float:initial; width: 100%;}
}

@media screen and (max-width: 520px){
  .ai_cv_page .template_panel .tpl_list{grid-template-columns:1fr}
  .ai_cv_page .template_panel .tpl_list li{height:112vw;width: 95%;}
}