.us{min-height:100vh;overflow:hidden;background:#fff;color:#13231f;font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif}
.us .page_container{width:calc(100% - 48px);max-width:1200px;margin:0 auto}
.us .hero{position:relative;overflow:hidden;background:#081c18;color:#fff;padding:102px 0 0}
.us .grid_mask{position:absolute;inset:0;opacity:.08;background-image:linear-gradient(rgba(255,255,255,.7) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.7) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}
.us .hero_glow{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}
.us .hero_glow_left{width:520px;height:520px;left:-260px;top:80px;background:radial-gradient(circle,rgba(19,216,167,.16),transparent 70%)}
.us .hero_glow_right{width:660px;height:660px;right:-220px;top:-280px;background:radial-gradient(circle,rgba(0,194,239,.13),transparent 70%)}
.us .hero_inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;min-height:520px;padding-bottom:76px}
.us .hero_content{width:54%}
.us .eyebrow,.us .section_no{display:block;color:#0cbf94;font-size:12px;font-weight:700;letter-spacing:2.2px}
.us .eyebrow{display:flex;align-items:center;margin-bottom:24px;color:#6ee7c8}
.us .eyebrow span{width:28px;height:1px;margin-right:12px;background:#13d8a7}
.us .hero h1{margin:0;font-size:58px;line-height:1.2;font-weight:600;letter-spacing:-2px}
.us .hero h1 em{color:#21dfb1;font-style:normal}
.us .hero_desc{max-width:590px;margin-top:25px;color:rgba(255,255,255,.68);font-size:17px;line-height:1.9}
.us .hero_actions{display:flex;align-items:center;margin-top:38px}
.us .primary_btn{display:inline-flex;align-items:center;justify-content:center;min-width:176px;height:52px;padding:0 25px;box-sizing:border-box;border-radius:4px;background:#13d8a7;color:#09221c;font-size:15px;font-weight:700;transition:all .25s ease}
.us .primary_btn i,.us .text_btn i,.us .outline_btn i{margin-left:18px;font-size:18px;font-style:normal;transition:transform .25s ease}
.us .primary_btn:hover{color:#09221c !important;background:#0fc99d;transform:translateY(-2px);box-shadow:0 12px 32px rgba(19,216,167,.2)}
.us .primary_btn:hover i,.us .text_btn:hover i,.us .outline_btn:hover i{transform:translateX(4px)}
.us .text_btn{display:inline-flex;align-items:center;margin-left:30px;color:rgba(255,255,255,.82);font-size:14px}
.us .text_btn:hover{color:#fff}
.us .hero_visual{position:relative;width:410px;height:410px;margin-right:20px}
.us .hero_visual:before{content:"";position:absolute;width:360px;height:360px;right:-30px;top:25px;border:1px solid rgba(97,233,200,.2);border-radius:50%}
.us .visual_badge{position:absolute;z-index:3;top:5px;right:0;padding:10px 14px;border:1px solid rgba(255,255,255,.13);border-radius:3px;background:rgba(255,255,255,.06);backdrop-filter:blur(8px);color:rgba(255,255,255,.62);font-size:9px;letter-spacing:1.5px}
.us .visual_badge span{display:inline-block;width:6px;height:6px;margin-left:7px;border-radius:50%;background:#13d8a7;box-shadow:0 0 10px #13d8a7}
.us .resume_card{position:absolute;z-index:2;left:20px;top:48px;width:320px;height:320px;padding:28px;box-sizing:border-box;border:1px solid rgba(255,255,255,.32);border-radius:5px;background:rgba(247,255,252,.95);box-shadow:0 36px 80px rgba(0,0,0,.34);transform:rotate(-3deg)}
.us .resume_top{display:flex;align-items:center;padding-bottom:22px;border-bottom:1px solid #e3ece9}
.us .avatar{width:46px;height:46px;border-radius:50%;background:linear-gradient(145deg,#153d34,#2d7866)}
.us .resume_name{flex:1;padding-left:14px}
.us .resume_name b,.us .resume_name span,.us .resume_line,.us .resume_title span{display:block;height:6px;border-radius:5px;background:#dfe9e6}
.us .resume_name b{width:72px;height:9px;background:#203e37}
.us .resume_name span{width:52px;margin-top:9px}
.us .match_score{text-align:center;color:#15382f}
.us .match_score strong{display:block;color:#0ab88e;font-size:22px;line-height:1}
.us .match_score small{font-size:9px;color:#83938f}
.us .resume_body{padding-top:22px}
.us .resume_title{display:flex;align-items:center;margin-bottom:15px}
.us .resume_title.second{margin-top:23px}
.us .resume_title i{width:7px;height:7px;margin-right:9px;border-radius:2px;background:#13d8a7}
.us .resume_title span{width:62px;height:8px;background:#39544d}
.us .resume_line{width:82%;margin-top:9px}
.us .resume_line.line_long{width:100%}
.us .resume_line.line_short{width:65%}
.us .ai_card{position:absolute;z-index:4;right:-20px;bottom:18px;display:flex;align-items:center;width:285px;padding:16px;box-sizing:border-box;border:1px solid rgba(255,255,255,.12);border-radius:5px;background:rgba(12,48,40,.94);box-shadow:0 20px 50px rgba(0,0,0,.28)}
.us .ai_icon{width:38px;height:38px;margin-right:12px;border:1px solid rgba(19,216,167,.5);border-radius:4px;color:#34dfb5;font-size:12px;font-weight:700;line-height:38px;text-align:center}
.us .ai_card div:nth-child(2){flex:1}
.us .ai_card strong,.us .ai_card span{display:block}
.us .ai_card strong{font-size:12px}
.us .ai_card span{margin-top:4px;color:rgba(255,255,255,.45);font-size:9px}
.us .ai_card>b{color:#2de1b5;font-size:18px}
.us .stats_bar{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.1)}
.us .stat_item{position:relative;padding:28px 0 31px;text-align:center}
.us .stat_item+.stat_item:before{content:"";position:absolute;left:0;top:28px;bottom:28px;width:1px;background:rgba(255,255,255,.1)}
.us .stat_item strong{display:block;font-size:24px;font-weight:500}
.us .stat_item span{display:block;margin-top:7px;color:rgba(255,255,255,.42);font-size:12px}
.us .section{padding:110px 0}
.us .section_heading h2,.us .product_intro h2,.us .company_inner h2,.us .cta_inner h2{margin:18px 0 0;color:#102720;font-size:40px;line-height:1.38;letter-spacing:-1px}
.us .section_heading>p{margin-top:16px;color:#7a8b86;font-size:15px}
.us .product_section{position:relative;background:#fff;color:#17362e}
.us .product_section:after{display:none}
.us .product_layout{position:relative;z-index:1;display:grid;grid-template-columns:38% 1fr;gap:110px}
.us .section_no.light{color:#0cbf94}
.us .product_intro h2{color:#102720}
.us .product_intro p{margin-top:24px;color:#74857f;font-size:15px;line-height:1.9}
.us .outline_btn{display:inline-flex;align-items:center;margin-top:36px;padding:13px 20px;border:1px solid #d6e0dd;border-radius:3px;color:#17362e;font-size:13px}
.us .outline_btn:hover{border-color:#13b88f;background:#f3fbf8;color:#087c61 !important}
.us .feature_list{border-top:1px solid #e2e9e7}
.us .feature_item{display:grid;grid-template-columns:72px 1fr;gap:20px;align-items:center;padding:28px 5px;border-bottom:1px solid #e2e9e7;transition:padding .25s ease}
.us .feature_item:hover{padding-left:15px}
.us .feature_no{width:52px;border-right:1px solid #dbe5e2;color:#9eb4ae;font-family:Arial,sans-serif;font-size:26px;font-weight:600;line-height:1;letter-spacing:-1px;transition:color .25s ease}
.us .feature_item:hover .feature_no{color:#0bad85}
.us .feature_item h3{color:#17362e;font-size:17px;font-weight:500}
.us .feature_item p{margin-top:7px;color:#82918d;font-size:12px}
.us .journey_section{border-top:1px solid #edf1ef;background:#f5f8f7}
.us .timeline{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:24px;margin-top:70px}
.us .timeline_line{position:absolute;left:0;right:0;top:5px;height:1px;background:#cad8d4}
.us .timeline_item{position:relative;padding-top:35px}
.us .timeline_dot{position:absolute;z-index:1;top:0;left:0;width:10px;height:10px;box-sizing:border-box;border:2px solid #91aaa3;border-radius:50%;background:#f5f8f7}
.us .timeline_dot.active{border-color:#13d8a7;background:#13d8a7;box-shadow:0 0 0 6px rgba(19,216,167,.13)}
.us .timeline_item>strong{color:#0cad86;font-size:24px;font-weight:500}
.us .timeline_item h3{margin-top:13px;color:#203d35;font-size:15px}
.us .timeline_item p{margin-top:9px;color:#82918d;font-size:12px;line-height:1.7}
.us .company_section{padding:95px 0;border-bottom:1px solid #edf1ef}
.us .company_inner{display:grid;grid-template-columns:38% 1fr;gap:110px}
.us .company_info{display:grid;grid-template-columns:1fr 1fr;gap:34px 50px}
.us .company_info span,.us .company_info strong{display:block}
.us .company_info span{color:#9aa7a3;font-size:11px}
.us .company_info strong{margin-top:10px;color:#28423b;font-size:15px;font-weight:500}
.us .cta_section{padding:105px 0;border-top:1px solid #edf1ef;background:#f5f7f6;text-align:center}
.us .cta_inner>span{color:rgba(7,50,40,.55);font-size:10px;font-weight:700;letter-spacing:2px}
.us .cta_inner h2{margin-top:16px;font-size:38px}
.us .cta_inner p{margin-top:13px;color:rgba(7,50,40,.65);font-size:14px}
.us .primary_btn.dark{margin-top:30px;background:#0c2922;color:#fff}
.us .primary_btn.dark:hover{color:#fff !important;background:#071d18;box-shadow:0 12px 32px rgba(6,40,32,.2)}
@media screen and (max-width:1000px){
.us .hero h1{font-size:46px}
.us .hero_visual{transform:scale(.86);transform-origin:right center}
.us .hero_content{width:58%}
.us .product_layout,.us .company_inner{gap:55px}
}
@media screen and (max-width:800px){
.us .page_container{width:calc(100% - 36px)}
.us .hero{padding-top:65px}
.us .hero_inner{display:block;min-height:auto;padding-bottom:60px}
.us .hero_content{width:100%}
.us .hero h1{font-size:39px;line-height:1.25;letter-spacing:-1px}
.us .hero_desc{font-size:15px}
.us .hero_actions{align-items:flex-start;flex-direction:column}
.us .text_btn{margin:22px 0 0}
.us .hero_visual{display:none}
.us .stats_bar{grid-template-columns:1fr 1fr;width:100%}
.us .stat_item:nth-child(3),.us .stat_item:nth-child(4){border-top:1px solid rgba(255,255,255,.1)}
.us .stat_item:nth-child(3):before{display:none}
.us .section{padding:75px 0}
.us .section_heading h2,.us .product_intro h2,.us .company_inner h2,.us .cta_inner h2{font-size:30px}
.us .product_layout,.us .company_inner{display:block}
.us .product_intro{margin-bottom:55px}
.us .timeline{display:block;margin-top:45px;padding-left:22px}
.us .timeline_line{left:4px;right:auto;top:5px;bottom:5px;width:1px;height:auto}
.us .timeline_item{padding:0 0 38px 22px}
.us .timeline_item:last-child{padding-bottom:0}
.us .timeline_dot{left:-22px}
.us .company_info{margin-top:45px;grid-template-columns:1fr;gap:26px}
.us .cta_section{padding:75px 0}
.us .cta_inner h2{font-size:29px}
}
@media screen and (max-width:380px){
.us .hero h1{font-size:34px}
}