/* 国家招聘门户(设计方开发包 v1.0 的 styles.css 改成 cp- 前缀, 避免和 app.css 的 .job-card/.chip 撞名; 职位卡直接复用 app.css 的 .job-card) */
.cp{background:#f4f6fa}
.cp-hero{position:relative;min-height:390px;color:#fff;background:#07142b;overflow:visible}
.cp-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,15,34,.97) 0%,rgba(5,15,34,.86) 38%,rgba(5,15,34,.2) 78%,rgba(5,15,34,.36) 100%);pointer-events:none}
.cp-art{position:absolute;inset:0;background:radial-gradient(circle at 80% 30%,rgba(216,170,69,.22),transparent 40%),linear-gradient(145deg,#07142b,#15325f);background-position:center 51%;background-size:cover;background-repeat:no-repeat;opacity:.68}
.cp-hero-content{position:relative;z-index:2;padding-top:40px;padding-bottom:100px}
.cp-tagline{position:absolute;z-index:3;right:max(24px,calc((100% - var(--container,1180px))/2));top:64px;width:min(34vw,420px);height:auto;pointer-events:none}
.cp-back{display:inline-block;margin-bottom:18px;color:rgba(255,255,255,.72);font-size:14px}
.cp-trust{width:fit-content;display:flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid rgba(216,170,69,.65);border-radius:999px;color:#efd183;font-size:13.5px}
.cp-dot{width:7px;height:7px;border-radius:50%;background:#d8aa45;box-shadow:0 0 0 4px rgba(216,170,69,.15)}
.cp-hero h1{display:flex;align-items:center;gap:14px;margin:22px 0 12px;font-size:clamp(2.2rem,5vw,4rem);line-height:1.06;letter-spacing:-.035em;color:#fff}
.cp-flag{font-size:.86em;line-height:1;flex:0 0 auto}
.cp-lead{margin:0;font-size:clamp(1.12rem,2.2vw,1.5rem);font-weight:650;color:#fff}
.cp-note{margin:12px 0 0;color:rgba(255,255,255,.73);font-size:1rem}
.cp-search{position:absolute;z-index:4;left:50%;bottom:-34px;transform:translateX(-50%);height:72px;display:flex;align-items:center;padding:8px;border-radius:999px;background:#fff;box-shadow:0 16px 38px rgba(7,20,43,.2)}
.cp-search-box{min-width:0;flex:1;display:flex;align-items:center;gap:12px;padding-left:18px}
.cp-search-box svg{width:25px;flex:0 0 auto;fill:none;stroke:#8190aa;stroke-width:1.8;stroke-linecap:round}
.cp-search-box input{width:100%;min-width:0;border:0;outline:none;color:#0b1d3a;background:transparent;font-size:1.05rem;font-family:inherit}
.cp-search-btn{min-width:132px;height:56px;border:0;border-radius:999px;color:#2c210b;background:linear-gradient(135deg,#f5dc96,#d39b31);font-weight:800;cursor:pointer;font-family:inherit;box-shadow:0 8px 20px rgba(201,148,45,.24)}
.cp-countries{display:flex;gap:8px;margin-top:52px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
.cp-countries::-webkit-scrollbar{display:none}
.cp-countries a{flex:0 0 auto;padding:8px 15px;border-radius:999px;background:#e9ecf2;color:#627089;font-size:13.5px;font-weight:650;white-space:nowrap}
.cp-countries a.on{background:linear-gradient(135deg,#f5dc96,#d39b31);color:#30230a}
.cp-stats{min-height:74px;display:flex;align-items:center;gap:22px;border-bottom:1px solid #e1e5ee;margin-top:8px}
.cp-stats div{display:flex;align-items:center;gap:7px}
.cp-stats svg{width:22px;height:22px;fill:none;stroke:#a66f12;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-right:2px}
.cp-stats strong{color:#a66f12;font-size:1.2rem}
.cp-stats i{width:1px;height:24px;background:#e1e5ee}
.cp-updated{margin-left:auto;color:#69758c;font-size:.82rem}
.cp-section{padding:52px 0 8px;scroll-margin-top:78px}
.cp-head{margin-bottom:20px}
.cp-head h2{margin:0;font-size:clamp(1.65rem,3.2vw,2.15rem);line-height:1.15;letter-spacing:-.025em;color:#0b1d3a}
.cp-head p{margin:8px 0 0;color:#69758c;font-size:.95rem}
.cp-row{display:flex;align-items:end;justify-content:space-between;gap:18px}
.cp-row>a{padding-bottom:4px;color:#18325c;font-weight:650;white-space:nowrap}
.cp-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.cp-nav-card{min-height:108px;display:flex;align-items:center;gap:14px;padding:18px;text-align:left;border:1px solid #e5cf9f;border-radius:20px;background:rgba(255,255,255,.92);box-shadow:0 8px 24px rgba(10,29,58,.07);cursor:pointer;font-family:inherit}
.cp-nav-card:hover,.cp-nav-card.on{transform:translateY(-2px);border-color:#d8aa45;box-shadow:0 13px 30px rgba(166,111,18,.12)}
.cp-disc{width:52px;aspect-ratio:1;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#fff4d3,#efd183);color:#3a2b12;font-size:1.45rem}
.cp-disc img,.cp-opp-icon img,.cp-guide>span img{width:30px;height:30px;display:block}
.cp-tl time img{width:26px;height:26px;display:block}
.cp-bell{flex:0 0 auto}
.cp-nav-card span:nth-child(2){display:grid;gap:6px;min-width:0}
.cp-nav-card b{font-size:1.03rem;color:#0b1d3a}
.cp-nav-card small{color:#69758c;font-size:.82rem}
.cp-nav-card em{margin-left:auto;color:#18325c;font-size:1.55rem;font-style:normal}
.cp-cnt{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:999px;background:#fff1ce;color:#79530f;font-size:.72rem;font-weight:700;vertical-align:middle}
.cp-chips{display:flex;gap:10px;padding-bottom:16px;overflow-x:auto;scrollbar-width:none}
.cp-chips::-webkit-scrollbar{display:none}
.cp-chip{flex:0 0 auto;min-width:96px;padding:11px 22px;border:0;border-radius:999px;color:#627089;background:#e9ecf2;font-weight:650;cursor:pointer;font-family:inherit;white-space:nowrap}
.cp-chip.on{color:#30230a;background:linear-gradient(135deg,#f5dc96,#d39b31)}
.cp-cities{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cp-city{min-width:0;padding:0;overflow:hidden;text-align:left;border:1px solid #e1e5ee;border-radius:20px;background:#fff;box-shadow:0 8px 24px rgba(10,29,58,.07);cursor:pointer;font-family:inherit}
.cp-city:hover{transform:translateY(-2px)}
.cp-city-img{position:relative;height:128px;overflow:hidden}
.cp-city-img img{width:100%;height:100%;object-fit:cover;display:block}
.cp-city-art{height:128px;display:flex;align-items:end;justify-content:center;gap:9px;padding:28px 20px 0;overflow:hidden;background:linear-gradient(180deg,#8ec7ed,#dff0f8 72%,#d7bb7a 73%,#f0ddb2)}
.cp-city-art i{display:block;width:13%;height:52%;border-radius:3px 3px 0 0;background:rgba(10,29,58,.66);box-shadow:inset 3px 0 rgba(255,255,255,.15)}
.cp-city-art i:nth-child(2){height:76%}
.cp-city-art i:nth-child(3){height:95%;width:11%;background:#233d61}
.cp-city-art i:nth-child(4){height:68%}
.cp-city-art i:nth-child(5){height:83%}
.cp-city.v2 .cp-city-art{background:linear-gradient(180deg,#8db8dc,#f7cda9 72%,#5f8491 73%,#91bbc3)}
.cp-city.v3 .cp-city-art{background:linear-gradient(180deg,#91c9de,#e4f3f5 72%,#8ab0a5 73%,#b8d1bb)}
.cp-city-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 17px}
.cp-city-meta b{font-size:1.08rem;color:#0b1d3a}
.cp-city-meta small{color:#69758c}
.cp-city-meta strong{color:#a66f12;font-size:.98rem}
.cp-sort{display:flex;align-items:center;gap:7px;padding:6px 10px 6px 14px;border:1px solid #e1e5ee;border-radius:12px;background:#fff;color:#69758c;font-size:.84rem}
.cp-sort select{border:0;outline:none;color:#0b1d3a;background:transparent;font-weight:650;font-family:inherit}
.cp-result{display:flex;justify-content:space-between;gap:16px;min-height:30px;margin:-6px 0 10px;color:#69758c;font-size:.88rem}
.cp-result button{padding:0;border:0;color:#a66f12;background:transparent;cursor:pointer;font-family:inherit}
.cp-more{display:block;min-width:210px;margin:20px auto 0;padding:13px 20px;border:1px solid #e1e5ee;border-radius:999px;background:#fff;color:#18325c;font-weight:700;cursor:pointer;font-family:inherit}
.cp-empty{padding:44px 20px;text-align:center;border:1px dashed #cbd1dd;border-radius:20px;background:rgba(255,255,255,.6);color:#69758c}
.cp-employers{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.cp-emp{min-width:0;display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #e1e5ee;border-radius:17px;background:#fff;box-shadow:0 8px 24px rgba(10,29,58,.07);cursor:pointer;text-align:left;font-family:inherit}
.cp-logo{width:52px;aspect-ratio:1;flex:0 0 auto;display:grid;place-items:center;border-radius:13px;font-weight:850;background:#eef3fb;color:#1e4d93}
.cp-emp.c1 .cp-logo{background:#f8edcf;color:#463719}
.cp-emp.c2 .cp-logo{background:#fff0d8;color:#c45f11}
.cp-emp.c3 .cp-logo{background:#fde8e8;color:#b72334}
.cp-emp.c4 .cp-logo{background:#ece9ff;color:#50399e}
.cp-emp>span:nth-child(2){min-width:0;display:grid;gap:4px}
.cp-emp b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#0b1d3a}
.cp-emp small{color:#69758c}
.cp-emp em{margin-left:auto;color:#18325c;font-size:1.4rem;font-style:normal}
.cp-opps{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:14px}
.cp-opp{min-height:196px;display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:15px;padding:24px;border:1px solid #ead9b4;border-radius:20px;background:linear-gradient(145deg,#fff,#fffaf0);box-shadow:0 8px 24px rgba(10,29,58,.07);cursor:pointer;text-align:left;font-family:inherit}
.cp-opp.featured{color:#fff;border-color:#18325c;background:radial-gradient(circle at 78% 20%,rgba(216,170,69,.22),transparent 26%),linear-gradient(145deg,#07142b,#15325f)}
.cp-opp-icon{width:48px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;color:#3b2c10;background:linear-gradient(135deg,#fff4d3,#efd183);font-size:1.4rem}
.cp-opp b{display:block;margin-top:5px;font-size:1.15rem}
.cp-opp p{min-height:42px;margin:9px 0 16px;color:#69758c;font-size:.85rem;line-height:1.55}
.cp-opp.featured p{color:rgba(255,255,255,.72)}
.cp-opp strong{display:inline-flex;padding:8px 12px;border-radius:999px;background:linear-gradient(135deg,#f5dc96,#d39b31);color:#33250a;font-size:.83rem}
.cp-opp em{align-self:end;font-size:1.5rem;font-style:normal}
.cp-timeline{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.cp-timeline::before{content:"";position:absolute;z-index:0;top:48px;left:17%;right:17%;height:2px;background:#e4c57d}
.cp-tl{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr;column-gap:13px;align-items:center;min-height:118px;padding:19px;border:1px solid #e1e5ee;border-radius:17px;background:#fff;box-shadow:0 8px 24px rgba(10,29,58,.07)}
.cp-tl time{grid-row:1/4;width:58px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:#f5ead1;color:#6f4d11;font-weight:800;font-size:.8rem;gap:1px}
.cp-tl b{font-size:1rem;color:#0b1d3a}
.cp-tl p{margin:4px 0 0;color:#69758c;font-size:.78rem}
.cp-tl.now{border-color:#e1bb67}
.cp-remind{display:flex;align-items:center;gap:14px;margin-top:14px;padding:14px 17px;border-radius:16px;background:linear-gradient(90deg,#fff2c9,#fff8e9);flex-wrap:wrap}
.cp-remind p{display:grid;gap:3px;margin:0;flex:1;min-width:200px}
.cp-remind small{color:#765d34}
.cp-remind-form{display:flex;gap:8px;margin-left:auto}
.cp-remind-form input{height:42px;padding:0 14px;border:1px solid #e4c57d;border-radius:999px;font-family:inherit;font-size:14px;min-width:0;width:200px;outline:none;background:#fff}
.cp-remind-form button{padding:0 18px;height:42px;border:1px solid #a66f12;border-radius:999px;background:#fff;color:#724c0c;font-weight:750;cursor:pointer;font-family:inherit;white-space:nowrap}
.cp-remind-form button.done{background:#12875e;color:#fff;border-color:#12875e}
.cp-guides{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.cp-guide{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;min-height:96px;padding:17px;border:1px solid #e1e5ee;border-radius:17px;background:#fff;box-shadow:0 8px 24px rgba(10,29,58,.07);cursor:pointer;text-align:left;font-family:inherit}
.cp-guide>span{width:42px;aspect-ratio:1;display:grid;place-items:center;border-radius:12px;color:#79530f;background:#fff1ce;font-weight:800}
.cp-guide div{display:grid;gap:5px}
.cp-guide b{color:#0b1d3a}
.cp-guide small{color:#69758c;line-height:1.4}
.cp-guide em{color:#18325c;font-style:normal;font-size:1.3rem}
.cp-ai{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-top:54px;padding:27px 30px;overflow:hidden;color:#fff;border-radius:28px;background:radial-gradient(circle at 8% 50%,rgba(216,170,69,.24),transparent 22%),linear-gradient(120deg,#07142b,#17376a);box-shadow:0 18px 50px rgba(7,20,43,.12)}
.cp-orb{width:58px;aspect-ratio:1;display:grid;place-items:center;color:#07142b;border:7px solid rgba(255,255,255,.18);border-radius:50%;background:linear-gradient(135deg,#f5dc96,#d39b31);font-weight:900;font-size:14px}
.cp-ai h2{margin:0;font-size:1.45rem;color:#fff}
.cp-ai p{margin:7px 0 0;color:rgba(255,255,255,.72)}
.cp-ai-btn{padding:13px 20px;border-radius:999px;background:linear-gradient(135deg,#f5dc96,#d39b31);color:#31230a;font-weight:800;white-space:nowrap}
.cp-foot{padding:32px 0 20px;color:#7b8598;text-align:center;font-size:.78rem;line-height:1.7}
.cp-toast{position:fixed;z-index:100;left:50%;bottom:30px;transform:translate(-50%,30px);padding:12px 18px;opacity:0;pointer-events:none;border-radius:999px;background:rgba(5,15,34,.94);color:#fff;transition:opacity .2s,transform .2s;white-space:nowrap}
.cp-toast.on{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.cp-nav{grid-template-columns:repeat(2,1fr)}.cp-employers{grid-template-columns:repeat(2,1fr)}.cp-opps{display:flex;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}.cp-opp{min-width:300px}.cp-guides{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.cp-tagline{top:14px;right:12px;width:46vw}.cp-back{display:none}.cp-hero{min-height:300px}.cp-hero::after{background:linear-gradient(90deg,rgba(5,15,34,.92) 0%,rgba(5,15,34,.62) 42%,rgba(5,15,34,.12) 100%)}.cp-art{background-position:78% center;opacity:.9}.cp-hero-content{padding-top:18px;padding-bottom:84px}.cp-trust{padding:6px 10px;font-size:.72rem}.cp-hero h1{margin:16px 0 8px;font-size:2.05rem;gap:10px}.cp-lead{max-width:320px;font-size:1.02rem;line-height:1.55}.cp-note{max-width:285px;font-size:.83rem;line-height:1.5}.cp-search{bottom:-29px;height:62px;padding:6px;width:calc(100% - 28px)}.cp-search-box{gap:8px;padding-left:12px}.cp-search-box svg{width:22px}.cp-search-box input{font-size:.91rem}.cp-search-btn{min-width:84px;height:50px}.cp-countries{margin-top:44px}.cp-stats{min-height:60px;gap:11px;flex-wrap:wrap;padding:8px 0}.cp-stats svg{width:19px;height:19px}.cp-stats strong{font-size:1.02rem}.cp-stats span{font-size:.82rem}.cp-updated{display:none}.cp-section{padding-top:40px}.cp-head{margin-bottom:16px}.cp-head h2{font-size:1.65rem}.cp-head p{font-size:.86rem;line-height:1.5}.cp-row>a{font-size:.86rem}.cp-nav{gap:10px}.cp-nav-card{min-height:106px;display:grid;grid-template-columns:auto 1fr;padding:14px;gap:10px}.cp-disc{width:43px;font-size:1.15rem}.cp-nav-card b{font-size:.94rem}.cp-nav-card small{font-size:.73rem;line-height:1.35}.cp-nav-card em{display:none}.cp-chip{min-width:74px;padding:10px 17px}.cp-cities{display:flex;gap:11px;overflow-x:auto;padding-bottom:7px;scrollbar-width:none}.cp-cities::-webkit-scrollbar{display:none}.cp-city{min-width:230px}.cp-city-art,.cp-city-img{height:112px}.cp-sort{padding-left:10px;font-size:0}.cp-sort select{max-width:92px;font-size:.76rem}.cp-employers{gap:9px}.cp-emp{padding:11px;gap:9px}.cp-logo{width:43px;font-size:.75rem}.cp-emp b{font-size:.9rem}.cp-emp small{font-size:.71rem}.cp-emp em{display:none}.cp-opp{min-width:285px;min-height:184px;padding:20px}.cp-opp b{font-size:1.05rem}.cp-timeline{display:flex;overflow-x:auto;padding-bottom:7px;scrollbar-width:none}.cp-timeline::before{display:none}.cp-tl{min-width:236px}.cp-remind{padding:13px}.cp-remind-form{width:100%;margin-left:0}.cp-remind-form input{flex:1;width:auto}.cp-guides{grid-template-columns:1fr;gap:9px}.cp-guide{min-height:82px}.cp-ai{grid-template-columns:auto 1fr;gap:12px;margin-top:42px;padding:24px 20px}.cp-orb{width:48px}.cp-ai h2{font-size:1.16rem;line-height:1.35}.cp-ai p{font-size:.82rem;line-height:1.5}.cp-ai-btn{grid-column:1/-1;text-align:center}.cp-toast{bottom:92px}}