.resume_market{min-height:100vh;color:#182033;background:#eaedf3;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}
.resume_market .page_main{min-height:100vh;padding:0 0 80px}
.market_hero{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 20%,rgba(90,125,255,.2),transparent 32%),linear-gradient(125deg,#111a34 0%,#18244a 56%,#1c3060 100%)}
.market_hero::after{position:absolute;right:-90px;bottom:-190px;width:430px;height:430px;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 58px rgba(255,255,255,.025),0 0 0 116px rgba(255,255,255,.018);content:""}
.hero_glow{position:absolute;border-radius:50%;filter:blur(3px);pointer-events:none}
.hero_glow_left{top:-100px;left:-40px;width:300px;height:300px;background:rgba(73,230,191,.08)}
.hero_glow_right{top:25px;right:18%;width:180px;height:180px;background:rgba(117,145,255,.13)}
.hero_inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;max-width:1480px;min-height:280px;margin:0 auto;padding:30px 36px 55px}
.hero_copy{max-width:780px}
.hero_eyebrow{display:flex;align-items:center;margin-bottom:18px;color:#7f91b8;font-size:11px;font-weight:600;letter-spacing:2.2px}
.eyebrow_dot{width:7px;height:7px;margin-right:10px;border-radius:50%;background:#39d7ae;box-shadow:0 0 0 5px rgba(57,215,174,.12)}
.resume_market .market_hero h1{margin:0;padding:0;border:0;color:#fff;font-size:40px;font-weight:600;line-height:1.25;text-align:left;letter-spacing:-1px}
.hero_copy>p{max-width:680px;margin-top:16px;color:#aebbd4;font-size:16px;line-height:1.8}
.hero_features{display:flex;gap:28px;margin-top:24px;color:#d5dcec;font-size:13px}
.hero_features i{margin-right:6px;color:#39d7ae;font-weight:700}
.hero_stat{display:flex;flex-direction:column;align-items:flex-end;min-width:170px;padding-right:32px;color:#fff}
.hero_stat strong{font-family:Arial,sans-serif;font-size:56px;font-weight:300;line-height:1;letter-spacing:-3px}
.hero_stat span{margin-top:10px;color:#8f9dbc;font-size:13px;letter-spacing:2px}
.market_content{position:relative;z-index:2;display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;max-width:1480px;margin:-28px auto 0;padding:0 36px}
.resume_market .resume_filter{position:sticky;top:80px;z-index:20;align-self:start;width:240px;max-height:calc(100vh - 110px);padding:0 0 18px;overflow:visible;border:1px solid #e7eaf1;border-radius:14px;background:rgba(255,255,255,.98);box-shadow:0 12px 36px rgba(29,42,72,.08)}
.filter_header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding:13px 22px 11px;border-bottom:1px solid #edf0f5}
.filter_header>div{display:flex;flex-direction:column}
.filter_header span{margin-bottom:4px;color:#a5adbd;font-size:9px;letter-spacing:1.8px}
.filter_header strong{color:#172038;font-size:16px;font-weight:600}
.resume_market .resume_filter dl{margin:0;padding:0 12px}
.resume_market .resume_filter dl+dl{margin-top:6px}
.resume_market .resume_filter dl dt{display:flex;align-items:center;height:44px;padding:0 10px;color:#303a50;font-size:14px;font-weight:600;line-height:44px;cursor:pointer}
.resume_market .resume_filter dl dt>i{margin-right:9px;color:#61708c;font-size:18px;transition:color .2s}
.resume_market .resume_filter dl dt>span{margin-left:auto;color:#a5adba;font-size:12px;transition:transform .25s,color .2s}
.resume_market .resume_filter dl dt:hover,.resume_market .resume_filter dl dt:hover span,.resume_market .resume_filter dl dt:hover>i{color:#13d8a7}
.resume_market .resume_filter dl dd{max-height:0;padding:0;overflow:hidden;transition:max-height .3s,padding .3s}
.resume_market .resume_filter dl.dl_show dt span{transform:rotate(180deg)}
.resume_market .resume_filter dl.dl_show dd{max-height:560px;padding:2px 0 4px;overflow:visible}
.resume_market .resume_filter dl:not(.dl_show) dd .filter_class,.resume_market .resume_filter dl:not(.dl_show) dd .filter_class:hover,.resume_market .resume_filter dl:not(.dl_show) dd .active{background:transparent;color:#5c667a;font-weight:normal}
.resume_market .resume_filter dl:not(.dl_show) dd .filter_name,.resume_market .resume_filter dl:not(.dl_show) dd .active .filter_name{color:#596378}
.resume_market .resume_filter dl dd .filter_class{position:relative;display:flex;align-items:center;min-height:38px;border-radius:8px;color:#5c667a;font-size:13px;line-height:38px;cursor:pointer;transition:background .2s,color .2s}
.resume_market .resume_filter dl dd .filter_class:hover{background:rgba(19,216,167,.08)}
.resume_market .resume_filter dl dd .filter_name{flex:1;min-width:0;padding-left:37px;color:#596378;cursor:pointer;transition:color .2s}
.resume_market .resume_filter dl dd .filter_class:hover .filter_name,.resume_market .resume_filter dl dd .active .filter_name,.resume_market .resume_filter dl dd .filter_class:hover>i{color:#13d8a7}
.resume_market .resume_filter dl dd .active{color:#13d8a7;background:rgba(19,216,167,.12);font-weight:600}
.resume_market .resume_filter dl dd .filter_class>i{flex:none;display:flex;align-items:center;justify-content:center;width:14px;height:14px;margin-right:12px;color:#b2b9c6;font-size:12px;line-height:1;transform:rotate(-90deg);transition:color .2s,transform .2s}
.resume_market .resume_filter dl dd .active>i{transform:rotate(0)}
.resume_market .resume_filter dl dd .filter_class:hover,.resume_market .resume_filter dl dd .filter_class.active{z-index:51}
.resume_market .resume_filter dl dd .filter_show{position:absolute;left:216px;top:-52px;z-index:50;display:none;width:min(780px,calc(100vw - 310px));padding:22px 26px 14px;border:1px solid #e7eaf1;border-radius:12px;background:#fff;box-shadow:0 20px 50px rgba(27,40,71,.16)}
.resume_market .resume_filter dl dd .filter_class:hover .filter_show{display:block}
.resume_market .resume_filter .filter_show::before{position:absolute;top:64px;left:-6px;width:12px;height:12px;border-bottom:1px solid #e7eaf1;border-left:1px solid #e7eaf1;background:#fff;content:"";transform:rotate(45deg)}
.resume_market .resume_filter .filter_show .filter_tit{color:#222c41;font-size:14px;font-weight:700;line-height:24px}
.resume_market .resume_filter .filter_show p{margin:6px 0 10px;line-height:24px}
.resume_market .resume_filter .filter_show p a{display:inline-block;margin-right:10px;padding:0 5px;color:#777;font-size:13px}
.resume_market .resume_filter .filter_show p a:hover{color:#13d8a7}
.resume_market .resume_filter .filter_show .close{display:none}
.resume_market .resume_list{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;width:100%;margin:0;padding:0}
.resume_market .resume_list::before,.resume_market .resume_list::after{display:none}
.resume_market .resume_list li{width:auto!important;margin:0!important;overflow:hidden;border:1px solid #e5e8ef;border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(34,48,78,.055);transition:transform .28s,border-color .28s,box-shadow .28s}
.resume_market .resume_list li:hover{border-color:rgba(19,216,167,.45);box-shadow:0 18px 42px rgba(19,216,167,.12);transform:translateY(-5px)}
.resume_market .resume_list li>a{display:block;color:inherit}
.resume_market .resume_list li .resume_list_img{position:relative;height:auto!important;aspect-ratio:.72;overflow:hidden;border-bottom:1px solid #a3b4d5;background:#eef1f6}
.resume_market .resume_list li .resume_list_img img{position:absolute;top:0;left:0;display:block;width:100%;min-height:100%;object-fit:cover;object-position:top;transition:transform .45s}
.resume_market .resume_list li:hover .resume_list_img img{transform:scale(1.018)}
.template_badge{flex:none;height:22px;margin-left:8px;padding:0 7px;border-radius:5px;color:#9a6c18;background:#fff5d9;font-size:10px;line-height:22px;white-space:nowrap}
.template_badge i{margin-right:3px;color:#e6a51d}
.resume_market .resume_list li .list_tip{position:absolute;top:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:100%;height:100%;padding:0 18px 72px;color:#fff;text-align:center;opacity:0;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 35%,rgba(0,0,0,.22) 58%,rgba(0,0,0,.68) 100%);transition:opacity .25s}
.resume_market .resume_list li .resume_list_img:hover .list_tip{opacity:1}
.resume_market .resume_list li .list_tip>i{font-size:26px;line-height:1;text-shadow:0 1px 6px rgba(0,0,0,.35)}
.resume_market .resume_list li .list_tip b{margin-top:10px;font-size:15px;font-weight:600;letter-spacing:.5px;text-shadow:0 1px 6px rgba(0,0,0,.4)}
.resume_market .resume_list li .list_tip>span{margin-top:5px;color:rgba(255,255,255,.92);font-size:12px;line-height:1.45;text-shadow:0 1px 4px rgba(0,0,0,.4)}
.resume_market .resume_list li .list_tip .make{width:68%;max-width:190px;height:36px;margin:16px auto 0;border-radius:8px;background:#13d8a7;box-shadow:0 4px 14px rgba(19,216,167,.4);font-size:14px;line-height:36px;transition:background .2s}
.resume_market .resume_list li:hover .list_tip .make{background:#0db98e}
.resume_market .resume_list li .tag_box{display:flex;gap:6px;height:40px;padding:11px 14px 0;overflow:hidden}
.resume_market .resume_list li .tag_box span{height:22px;padding:0 7px;border-radius:5px;color:#778196;background:#f3f5f8;font-size:10px;line-height:22px;white-space:nowrap}
.resume_market .resume_list li .tag_box span i{margin-right:2px}
.resume_market .resume_list li .tag_list{height:1px;margin:0;padding:0;overflow:hidden;opacity:0;font-size:0;line-height:0}
.resume_market .resume_list li .list_footer{margin:0;padding:5px 14px 14px}
.title_row{display:flex;align-items:center;min-width:0}
.resume_market .resume_list li .list_footer h3{flex:1;min-width:0;height:22px;margin:0;color:#252e42;font-size:14px;font-weight:600;line-height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.footer_meta{display:flex;align-items:center;justify-content:space-between;margin-top:9px;padding-top:10px;border-top:1px solid #f0f1f4}
.resume_market .resume_list li .list_footer .hot_box{color:#939bab;font-size:11px}
.resume_market .resume_list li .list_footer .hot_box i{color:#ff8a4c;font-size:14px}
.resume_market .resume_list li .list_footer .hot_box span{color:#939bab}
.resume_market .resume_list li .list_footer .list_btn{display:block;color:#13d8a7;font-size:12px;font-weight:600}
.resume_market .resume_list li .list_footer .list_btn i{margin-left:2px;transition:transform .2s}
.resume_market .resume_list li:hover .list_btn i{transform:translateX(3px)}
.resume_market .no_result,.resume_market .no_data{border:1px solid #e7eaf1;border-radius:14px;background:#fff;color:#929bad;text-align:center}
.resume_market .no_result{grid-column:1/-1;padding:70px 20px}
.resume_market .no_result .empty_icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto 18px;border-radius:50%;color:#71809a;background:#f1f4f9;font-size:24px}
.resume_market .no_result strong{color:#263047;font-size:18px}
.resume_market .no_result p{margin-top:9px;font-size:13px}
.resume_market .no_data{display:flex;align-items:center;justify-content:center;min-height:300px;font-size:14px}
.resume_market .no_data i{margin-right:8px;font-size:22px}
.resume_market .footer .float_r{margin-left: 728px;}
@media screen and (max-width:1000px){
.market_hero,.hero_inner{min-height:250px}
.hero_inner{padding:30px 24px 52px}
.resume_market .market_hero h1{font-size:32px;line-height:1.3}
.hero_copy>p{font-size:14px}
.hero_features{flex-wrap:wrap;gap:10px 16px}
.hero_features span{flex:none;white-space:nowrap}
.hero_stat{display:none}
.market_content{display:block;margin-top:-24px;padding:0 18px}
.resume_market .resume_filter{position:relative;top:auto;z-index:20;display:flex;width:100%;max-height:none;margin-bottom:20px;padding:10px 12px}
.filter_header{display:none}
.resume_market .resume_filter dl{flex:1;padding:0 4px}
.resume_market .resume_filter dl+dl{margin-top:0}
.resume_market .resume_filter dl dt{justify-content:center;padding:0 8px;font-size:13px}
.resume_market .resume_filter dl dt>span{margin-left:8px}
.resume_market .resume_filter dl dd{position:absolute;top:62px;left:0;z-index:8;width:100%;border-radius:12px;background:#fff;box-shadow:0 16px 35px rgba(27,40,71,.14)}
.resume_market .resume_filter dl.dl_show dd{max-height:65vh;padding:10px 12px;overflow-y:auto}
.resume_market .resume_filter dl dd .filter_class:hover .filter_show{display:none}
.resume_market .resume_filter dl dd .filter_show{position:fixed;top:12vh!important;left:5vw;z-index:100;width:90vw;max-height:76vh;padding:20px 12px 12px 20px;overflow:hidden}
.resume_market .resume_filter dl dd .filter_show ul{max-height:calc(76vh - 32px);padding-right:8px;overflow-y:auto;-webkit-overflow-scrolling:touch}
.resume_market .resume_filter .filter_show::before{display:none}
.resume_market .resume_filter dl dd .filter_show .close{position:absolute;top:8px;right:8px;z-index:3;display:block;width:32px;height:32px;border-radius:8px;color:#5f697d;background:rgba(243,245,249,.96);line-height:32px;box-shadow:0 2px 8px rgba(27,40,71,.08)}
.resume_market .resume_filter dl dd .active .filter_show{display:block!important}
.resume_market .resume_list li .resume_list_img:hover .list_tip{display:flex!important}
}
@media screen and (max-width:640px){
.market_hero,.hero_inner{min-height:230px}
.hero_inner{padding:5px 20px 20px}
.hero_eyebrow{margin-bottom:14px;font-size:9px;letter-spacing:1.5px}
.resume_market .market_hero h1{font-size:28px}
.hero_copy>p{margin-top:12px;line-height:1.65}
.hero_features{gap:10px 12px;margin-top:20px;font-size:11px}
.market_content{padding:0 12px}
.resume_market .resume_filter dl dt>i{display:none}
.resume_market .resume_list{grid-template-columns:minmax(0,1fr);gap:16px}
.resume_market .resume_list li .resume_list_img{aspect-ratio:.75}
.resume_market .resume_list li .list_tip,.resume_market .resume_list li .resume_list_img:hover .list_tip{opacity:0}
.resume_market .resume_list li .tag_box{height:42px;padding-top:12px}
}