/* 利唐i人事 FAQ 页样式（原 384KB 自包含页面抽离，作用域限定 .faq-page，不污染站点头尾） */
.faq-page{
--brand:#15B8A6;
    --brand-deep:#0e9a88;
    --brand-soft:#e6f7f4;
    --ink:#22282a;
    --ink-2:#5a6164;
    --ink-3:#8b9396;
    --line:#eceff0;
    --dark:#052a27;
    --radius:10px;
}
.faq-page *{
box-sizing:border-box;margin:0;padding:0
}
.faq-page{
scroll-behavior:smooth
}
.faq-page{
font-family:"Source Han Sans CN","PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
    color:var(--ink);background:#fff;line-height:1.6;
    -webkit-font-smoothing:antialiased;
}
.faq-page a{
color:inherit;text-decoration:none
}
.faq-page button{
font-family:inherit;cursor:pointer;border:none;background:none;color:inherit
}
.faq-page input{
font-family:inherit
}
.faq-page .wrap{
max-width:1180px;margin:0 auto;padding:0 24px
}
.faq-page .banner{
position:relative;overflow:hidden;color:#fff;
    display:flex;align-items:center;min-height:400px;padding:64px 0;
    background:
      radial-gradient(800px 350px at 50% 44%, rgba(11,86,106,.44), rgba(11,86,106,.14) 58%, transparent 80%),
      linear-gradient(180deg, rgba(59,163,210,.92) 0%, rgba(70,177,196,.9) 48%, rgba(90,191,174,.92) 100%),
      url("/template/default/pic/faq-1.jpg") center 84% / cover no-repeat,
      #3ba3d2;
}
.faq-page .banner::after{
content:"";position:absolute;inset:0;pointer-events:none;
    background:linear-gradient(180deg,rgba(14,96,116,.2) 0%,rgba(14,96,116,0) 34%,rgba(14,96,116,.24) 100%);
}
.faq-page .banner-in{
position:relative;z-index:2;text-align:center;width:100%
}
.faq-page .banner h1{
font-size:40px;font-weight:700;letter-spacing:.5px;
    margin-bottom:14px;color:#fff;
    text-shadow:0 2px 16px rgba(5,60,78,.48),0 1px 2px rgba(5,60,78,.3);
}
.faq-page .banner .lead{
max-width:720px;margin:0 auto 32px;
    font-size:16px;font-weight:500;line-height:1.8;color:#fff;
    text-shadow:0 1px 14px rgba(4,58,76,.55),0 1px 2px rgba(4,58,76,.4);
}
.faq-page .banner-search{
max-width:600px;margin:0 auto;position:relative
}
.faq-page .banner-search input{
width:100%;height:54px;padding:0 52px 0 50px;
    border:1px solid rgba(255,255,255,.35);border-radius:27px;
    background:#fff;font-size:15.5px;color:var(--ink);
    box-shadow:0 10px 30px -12px rgba(0,0,0,.55);
    outline:none;transition:box-shadow .2s,border-color .2s;
}
.faq-page .banner-search input::placeholder{
color:#a9b2b5
}
.faq-page .banner-search input:focus{
border-color:var(--brand);
    box-shadow:0 0 0 4px rgba(21,184,166,.22),0 10px 30px -12px rgba(0,0,0,.55);
}
.faq-page .banner-search .icon{
position:absolute;left:18px;top:50%;transform:translateY(-50%);
    width:20px;height:20px;color:#9aa4a8;pointer-events:none;
}
.faq-page .banner-hot{
margin-top:14px;display:flex;justify-content:center;align-items:center;
    gap:8px;flex-wrap:wrap;font-size:13px;color:rgba(255,255,255,.88);
    text-shadow:0 1px 8px rgba(5,60,78,.4);
}
.faq-page .banner-hot button{
padding:3px 12px;border-radius:14px;font-size:13px;
    color:#fff;border:1px solid rgba(255,255,255,.42);
    background:rgba(255,255,255,.18);transition:all .2s;
    text-shadow:0 1px 8px rgba(5,60,78,.35);
}
.faq-page .banner-hot button:hover{
background:rgba(255,255,255,.3);border-color:rgba(255,255,255,.62)
}
.faq-page .page-note{
max-width:900px;margin:0 auto;padding:30px 24px 0;
}
.faq-page .page-note .note-label{
display:inline-block;font-size:12.5px;font-weight:600;color:var(--brand-deep);
    letter-spacing:.5px;margin-bottom:10px;
}
.faq-page .page-note p{
font-size:14px;line-height:1.9;color:var(--ink-2);
}
.faq-page .faq-layout{
max-width:1180px;margin:0 auto;padding:42px 24px 56px;
    display:grid;grid-template-columns:244px minmax(0,1fr);gap:56px;
    align-items:start;
}
.faq-page .cat-side{
position:sticky;top:86px;max-height:calc(100vh - 100px);overflow-y:auto
}
/* 站点头部固定高度 70px，锚点跳转时留出避让距离 */
.faq-page .cat-group,
.faq-page .faq-item{
scroll-margin-top:86px
}
.faq-page .side-title{
font-size:12px;letter-spacing:1.1px;color:var(--ink-3);
    padding:0 4px 10px;margin-bottom:8px;border-bottom:1px solid var(--line);
}
.faq-page .cat-list{
display:flex;flex-direction:column;gap:2px
}
.faq-page .cat-item{
display:flex;align-items:center;gap:11px;
    padding:10px 12px;border-radius:8px;text-align:left;
    border:1px solid transparent;transition:background .18s,border-color .18s;
}
.faq-page .ci-ico{
flex:0 0 auto;width:30px;height:30px;border-radius:50%;
    display:grid;place-items:center;
    background:#f4f7f7;border:1px solid #e7eced;transition:all .18s;
}
.faq-page .ci-ico svg{
width:16px;height:16px;color:#5a6264
}
.faq-page .ci-name{
flex:1 1 auto;min-width:0;font-size:14px;color:#3f4749;line-height:1.4
}
.faq-page .ci-count{
flex:0 0 auto;font-size:12px;color:var(--ink-3);font-variant-numeric:tabular-nums
}
.faq-page .cat-item:hover{
background:#f7fbfb
}
.faq-page .cat-item:hover .ci-ico{
border-color:#cfe7e3;background:var(--brand-soft)
}
.faq-page .cat-item:hover .ci-ico svg{
color:var(--brand-deep)
}
.faq-page .cat-item.active{
background:var(--brand-soft);border-color:rgba(21,184,166,.3)
}
.faq-page .cat-item.active .ci-ico{
background:var(--brand);border-color:var(--brand)
}
.faq-page .cat-item.active .ci-ico svg{
color:#fff
}
.faq-page .cat-item.active .ci-name{
color:var(--brand-deep);font-weight:600
}
.faq-page .cat-item.active .ci-count{
color:var(--brand-deep)
}
.faq-page .list-section{
min-width:0
}
.faq-page .list-meta{
display:none;align-items:center;gap:12px;
    padding:0 2px 6px;
}
.faq-page .list-meta .meta-text{
font-size:12.5px;color:var(--ink-3);font-variant-numeric:tabular-nums;
}
.faq-page .cat-group{
padding-top:0;margin-bottom:28px
}
.faq-page .group-head{
display:flex;align-items:center;gap:12px;
    padding:16px 18px;
    background:#ecf7f4;
    border-left:3px solid var(--brand);
    border-bottom:1px solid #d9ece7;
}
.faq-page .group-head h2{
font-size:17px;font-weight:700;color:var(--ink);letter-spacing:.2px
}
.faq-page .group-head .cat-count{
font-size:12px;font-weight:500;color:var(--brand-deep);
    background:#fff;border:1px solid #d5ece7;border-radius:12px;
    padding:2px 10px;font-variant-numeric:tabular-nums;
}
.faq-page .group-head .gh-ico{
flex:0 0 auto;width:26px;height:26px;border-radius:50%;
    display:grid;place-items:center;
    background:#fff;border:1px solid #d5ece7;
}
.faq-page .group-head .gh-ico svg{
width:15px;height:15px;color:var(--brand-deep)
}
.faq-page .faq-list{
display:block;padding-left:18px
}
.faq-page .faq-item{
border-bottom:1px solid var(--line);transition:background .2s
}
.faq-page .faq-item:hover{
background:#fafcfc
}
.faq-page .faq-item.open{
background:#fcfdfd
}
.faq-page .faq-q{
width:100%;display:flex;align-items:center;gap:16px;
    padding:19px 2px;text-align:left;
}
.faq-page .q-text{
flex:1 1 auto;min-width:0;font-size:15.5px;font-weight:400;
    color:var(--ink);line-height:1.6;transition:color .2s;
}
.faq-page .faq-q:hover .q-text{
color:var(--brand-deep)
}
.faq-page .faq-item.open .q-text{
color:var(--brand-deep);font-weight:500
}
.faq-page .chev{
flex:0 0 auto;width:20px;height:20px;color:#b6bfc1;
    transition:transform .25s,color .25s;
}
.faq-page .faq-q:hover .chev{
color:var(--brand)
}
.faq-page .faq-item.open .chev{
transform:rotate(90deg);color:var(--brand)
}
.faq-page .faq-a{
max-height:0;overflow:hidden;transition:max-height .3s ease
}
.faq-page .faq-a-inner{
padding:0 44px 22px 2px;
    font-size:14.5px;line-height:1.9;color:var(--ink-2);
}
.faq-page .faq-a-inner p + p{
margin-top:10px
}
.faq-page .links{
margin-top:12px;display:flex;flex-wrap:wrap;align-items:center;gap:14px;
    font-size:13px;
}
.faq-page .links .label{
color:var(--ink-3)
}
.faq-page .links a{
color:var(--brand-deep);border-bottom:1px solid rgba(21,184,166,.4);
    padding-bottom:1px;transition:border-color .2s,color .2s;
}
.faq-page .links a:hover{
color:var(--brand);border-color:var(--brand)
}
.faq-page .empty{
display:none;text-align:center;padding:64px 20px 40px;color:var(--ink-3)
}
.faq-page .empty svg{
width:44px;height:44px;margin-bottom:12px;opacity:.4
}
.faq-page .empty p{
font-size:14.5px
}
.faq-page .cta-band{
position:relative;width:100%;overflow:hidden;
    aspect-ratio:1920/300;display:flex;align-items:center;
    background:#5aa2f2 url("/template/default/pic/faq-2.jpg") center center / 100% 100% no-repeat;
}
.faq-page .cta-band-inner{
width:min(1280px,calc(100% - 48px));margin:0 auto;padding:20px 0;
    position:relative;z-index:2;
}
.faq-page .cta-band h2{
font-size:clamp(24px,2.4vw,36px);line-height:1.3;font-weight:700;color:#fff;
    letter-spacing:.4px;margin:0 0 10px;text-shadow:0 2px 14px rgba(24,74,150,.34);
}
.faq-page .cta-band p{
font-size:clamp(13.5px,1.1vw,16px);line-height:1.7;color:#fff;opacity:1;
    margin:0 0 18px;text-shadow:0 1px 10px rgba(24,74,150,.3);
    text-wrap:balance;
}
.faq-page .cta-phones{
display:flex;align-items:flex-start;gap:48px;flex-wrap:wrap
}
.faq-page .cta-phone{
display:block;color:#fff
}
.faq-page .cta-phone .cp-label{
font-size:13px;line-height:1.5;opacity:.92;margin-bottom:2px;
    text-shadow:0 1px 10px rgba(24,74,150,.3);
}
.faq-page .cta-phone .cp-num{
font-size:clamp(16px,1.35vw,19px);line-height:1.45;font-weight:700;letter-spacing:.3px;
    font-variant-numeric:tabular-nums;text-shadow:0 1px 12px rgba(24,74,150,.34);
}
.faq-page footer{
background:#fff;border-top:1px solid var(--line);padding:28px 0;font-size:12.5px;color:var(--ink-3)
}
.faq-page .foot-inner{
display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;max-width:1180px;margin:0 auto;padding:0 24px
}
.faq-page .foot-links{
display:flex;gap:20px;flex-wrap:wrap
}
@media (max-width:1080px){
.faq-page .faq-layout{
grid-template-columns:206px minmax(0,1fr);gap:36px;padding-top:36px
}
.faq-page .ci-name{
font-size:13.5px
}

  
}
@media (max-width:900px){
.faq-page .faq-layout{
grid-template-columns:minmax(0,1fr);gap:18px;padding-top:26px
}
.faq-page .cat-side{
position:static
}
.faq-page .side-title{
padding-bottom:8px;margin-bottom:10px
}
.faq-page .cat-list{
flex-direction:row;flex-wrap:wrap;gap:8px;padding-bottom:2px;
}
.faq-page .cat-item{
flex:0 0 auto;padding:8px 13px 8px 9px;border-radius:20px;
      border:1px solid var(--line);background:#fff;gap:8px;
}
.faq-page .ci-ico{
width:24px;height:24px
}
.faq-page .ci-ico svg{
width:14px;height:14px
}
.faq-page .ci-name{
font-size:13px;white-space:nowrap
}
.faq-page .ci-count{
font-size:11.5px
}

  
}
@media (max-width:768px){
.faq-page .banner{
min-height:0;padding:44px 0 40px;background-position:center 70%
}
.faq-page .banner::after{
background:linear-gradient(180deg,rgba(12,88,108,.16) 0%,rgba(12,88,108,.04) 42%,rgba(12,88,108,.2) 100%)
}
.faq-page .banner h1{
font-size:25px;letter-spacing:0;margin-bottom:10px
}
.faq-page .banner .lead{
font-size:13.5px;margin-bottom:22px;padding:0 4px
}
.faq-page .lead-br{
display:none
}
.faq-page .banner-search input{
height:48px;font-size:16px;padding:0 18px 0 44px
}
.faq-page .banner-hot{
font-size:12.5px;gap:6px;justify-content:center
}
.faq-page .page-note{
padding:22px 20px 0
}
.faq-page .page-note p{
font-size:13.5px
}
.faq-page .faq-layout{
padding:22px 16px 40px;gap:14px
}
.faq-page .group-head{
padding:12px 14px;gap:10px
}
.faq-page .group-head h2{
font-size:15.5px
}
.faq-page .faq-list{
padding-left:12px
}
.faq-page .faq-q{
padding:16px 0;gap:12px
}
.faq-page .q-text{
font-size:15px
}
.faq-page .faq-a-inner{
padding:0 8px 18px 0;font-size:14px
}
.faq-page .cta-band{
aspect-ratio:auto;min-height:0;padding:28px 0 30px;background-size:cover;background-position:78% 42%
}
.faq-page .cta-band::before{
content:"";position:absolute;inset:0;z-index:1;
      background:linear-gradient(90deg,rgba(56,126,226,.97) 0%,rgba(56,126,226,.93) 54%,rgba(56,126,226,.62) 78%,rgba(56,126,226,.18) 100%);
}
.faq-page .cta-band-inner{
width:calc(100% - 40px);padding:0
}
.faq-page .cta-band h2{
font-size:21px;line-height:1.4;margin-bottom:7px
}
.faq-page .cta-band p{
font-size:13px;margin-bottom:12px
}
.faq-page .cta-phones{
flex-direction:column;gap:10px
}
.faq-page .cta-phone .cp-label{
font-size:12px
}
.faq-page .cta-phone .cp-num{
font-size:15px
}
.faq-page .foot-inner{
padding:0 16px
}

  
}
@media (min-width:769px) and (max-width:1100px){
.faq-page .cta-band{
aspect-ratio:auto;min-height:236px;background-size:cover;background-position:76% center;padding:26px 0
}
.faq-page .cta-band::before{
content:"";position:absolute;inset:0;z-index:1;
      background:linear-gradient(90deg,rgba(58,130,230,.96) 0%,rgba(58,130,230,.9) 48%,rgba(58,130,230,.55) 72%,rgba(58,130,230,.12) 100%);
}
.faq-page .cta-band-inner{
width:calc(100% - 56px);padding:0
}
.faq-page .cta-phones{
gap:26px
}
.faq-page .cta-phone .cp-num{
font-size:14.5px
}

  
}
@media (prefers-reduced-motion:reduce){
.faq-page{
scroll-behavior:auto
}
.faq-page .faq-a,
.faq-page .chev{
transition:none
}

  
}