/* Hailong Career V25 — page-scoped design system. */
.career-page{--radius:6px;--career-title:clamp(26px,3vw,40px);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;scroll-snap-type:none;background:#fff;color:#10243d}
.career-page *, .career-page *::before,.career-page *::after{box-sizing:border-box}
.career-page button{font:inherit}
/* 首屏为深色视频，页面正文色 #10243d 不能继承进来，这里还原为与其他板块首屏一致的白色 */
.career-page #hero{color:#fff}
.career-page .hero-title{font-size:clamp(36px,4.5vw,64px);font-weight:600;line-height:1.2}
.career-page .hero-subtitle{font-size:clamp(18px,1.8vw,24px)}
.career-page .hero-desc{font-size:16px;line-height:1.9}
.career-page .back-home,.career-page .mobile-nav,.career-page .mobile-nav a,.career-page .kicker{border-radius:6px}
.career-page .snap-section{scroll-snap-stop:normal}
.career-page .acts-section{min-height:0;background:#f0f6fc;overflow:hidden}
.career-page .acts-inner{min-height:0;padding-top:76px;padding-bottom:72px}
.career-page .acts-carousel{margin-top:0}
.career-page .acts-viewport{gap:24px}
.career-page .acts-card{flex-basis:calc((100% - 48px)/3);border-radius:6px;border-color:#e2e9f1;box-shadow:0 4px 18px #16375508}
.career-page .acts-card:hover,.career-page .acts-card:focus-visible{transform:translateY(-4px);box-shadow:0 12px 30px #16375514;border-color:#bed4ec}
.career-page .acts-viewport:focus-visible{border-radius:6px}
.career-page .acts-body{padding:24px;gap:14px}
.career-page .acts-date{font-size:12px;letter-spacing:.08em;color:#668098}
.career-page .acts-title{font-size:20px;line-height:1.6;min-height:64px;font-weight:600}
.career-page .acts-more{font-size:14px;letter-spacing:0;font-weight:500}
.career-width{max-width:1380px;padding:0 clamp(22px,5vw,72px);margin:auto}
.career-recruit{padding:100px 0 108px;background:#fff;scroll-margin-top:90px}
.career-heading{text-align:center;margin:0 auto 44px;max-width:850px}
.career-eyebrow{font-size:11px;letter-spacing:.18em;color:#4c7da5}
.career-heading h2{font-size:var(--career-title);line-height:1.35;font-weight:600;margin:16px 0 20px;letter-spacing:.01em}
.career-heading p{font-size:16px;line-height:1.9;color:#60748a;margin:0}
.career-directions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.career-direction{border:1px solid #e3eaf1;border-radius:6px;background:linear-gradient(145deg,#f7fafd,#eef5fc);overflow:hidden;transition:box-shadow .25s,border-color .25s,transform .25s}
.career-direction:hover,.career-direction[open]{box-shadow:0 12px 30px #16375510;border-color:#aacced;transform:translateY(-3px)}
.career-direction summary{padding:30px;cursor:pointer;list-style:none;position:relative;min-height:244px}
.career-direction summary::-webkit-details-marker{display:none}
.career-number{display:block;font-size:11px;line-height:1.6;letter-spacing:.1em;color:#587e9f}
.career-direction h3{font-size:24px;line-height:1.4;font-weight:600;margin:32px 0 12px}
.career-direction summary p{font-size:15px;line-height:1.8;color:#5c7288;margin:0}
.career-open{display:flex;justify-content:space-between;align-items:center;margin-top:24px;font-size:14px;color:#1268bd}
.career-open span{font-size:22px;transition:transform .2s}
.career-direction[open] .career-open span{transform:rotate(45deg)}
.career-direction-content{padding:0 30px 28px}
.career-direction-content p{margin:0;padding-top:22px;border-top:1px solid #d6e2ef;font-size:15px;line-height:1.9;color:#526b83}
.career-opportunities{margin-top:64px}
.career-opportunities-top{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #dfe7ef}
.career-opportunities-top h3{font-size:24px;font-weight:600;line-height:1.4;margin:0 0 22px}
.career-tabs{display:flex;align-self:stretch;gap:30px}
.career-tabs button{position:relative;background:none;border:0;padding:0 2px 22px;cursor:pointer;color:#60748a;font-size:16px}
.career-tabs button[aria-selected="true"]{color:#116fc6}
.career-tabs button[aria-selected="true"]::after{content:"";height:3px;position:absolute;bottom:-1px;left:0;right:0;background:#167cda}
.career-job-panel{padding:40px 0 0}
.career-job-panel[hidden]{display:none}
.career-panel-label{font-size:11px;letter-spacing:.14em;color:#66849d}
.career-job-panel h4{font-size:22px;font-weight:600;line-height:1.4;margin:14px 0}
.career-job-panel>p{font-size:16px;line-height:1.9;color:#60748a;margin:0}
.career-job-status{margin-top:28px;padding:24px 28px;border-radius:6px;background:#f4f8fc;font-size:16px;color:#244d72;line-height:1.8}
.career-job-status span{display:block;font-size:14px;color:#738598;margin-top:6px}
.career-page :is(button,a,summary,[role="tabpanel"]):focus-visible{outline:2px solid #167cda;outline-offset:4px}
.career-page .footer{background:#071321;color:#dbe7f4}
@media(max-width:1180px){.career-page .acts-card{flex-basis:calc((100% - 24px)/2)}.career-direction summary{padding:26px 22px}.career-direction-content{padding:0 22px 24px}}
@media(max-width:900px){.career-directions{grid-template-columns:1fr}.career-direction summary{min-height:0}.career-direction h3{margin-top:20px}.career-direction summary p{padding-right:28px}.career-recruit{padding:72px 0}.career-opportunities{margin-top:44px}}
@media(max-width:760px){.career-page .acts-inner{padding-top:40px;padding-bottom:44px}.career-page .acts-card{flex-basis:88%}.career-page .acts-viewport{gap:16px}.career-page .acts-title{font-size:18px;min-height:58px}.career-page .acts-body{padding:20px}.career-heading{margin-bottom:30px;text-align:left}.career-heading p br{display:none}.career-opportunities-top{align-items:flex-start;flex-direction:column;gap:4px}.career-opportunities-top h3{font-size:22px;margin-bottom:12px}.career-tabs{gap:28px}.career-tabs button{padding-bottom:16px}.career-job-panel h4{font-size:20px}.career-job-status{padding:20px}.career-heading p,.career-job-panel>p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.career-page *, .career-page *::before,.career-page *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.career-direction:hover,.career-direction[open]{transform:none}}
