/* Selection belongs to one card, never to an ancestor wrapping the list. */
#wrap .rec-job-list a.job-card-footer {
    cursor: pointer;
    text-decoration: none;
}
#wrap .rec-job-list a.job-card-footer:hover .boss-name,
#wrap .rec-job-list a.job-card-footer:hover .company-location,
#wrap .rec-job-list a.job-card-footer:focus-visible .boss-name,
#wrap .rec-job-list a.job-card-footer:focus-visible .company-location {
    color: #d61518;
}
#wrap .rec-job-list a.job-card-footer:focus-visible {
    outline: 2px solid #d61518;
    outline-offset: -2px;
}
#wrap .rec-job-list .job-card-wrap:not(.active) > .job-card-box {
    border-color: transparent;
}
#wrap .rec-job-list .job-card-wrap.active > .job-card-box {
    border-color: #d61518;
}
#wrap .rec-job-list .job-card-wrap:focus-visible {
    outline: 2px solid #4a91e2;
    outline-offset: 3px;
}
#search-job-detail [hidden] { display: none !important; }
#search-job-detail button.zp-hide-salary-icon {
    border: 0;
    padding: 0;
    box-sizing: content-box;
    width: 20px;
    height: 20px;
    color: #444;
    background: currentColor;
    -webkit-mask: url("/trade_2026_v1/_assets/eye.svg") center / contain no-repeat;
    mask: url("/trade_2026_v1/_assets/eye.svg") center / contain no-repeat;
    transition: color .2s linear;
}
#search-job-detail button.zp-hide-salary-icon:hover,
#search-job-detail button.zp-hide-salary-icon:focus-visible {
    color: #d61518;
}
#search-job-detail button.zp-hide-salary-icon:focus-visible {
    outline: 2px solid #d61518;
    outline-offset: 3px;
}
#search-job-detail .job-detail-status {
    min-height: 160px;
    padding: 40px 24px;
    box-sizing: border-box;
    color: #777;
    text-align: center;
}
#search-job-detail [data-job-retry] {
    margin-left: 12px;
    border: 1px solid #d61518;
    border-radius: 4px;
    padding: 4px 12px;
    background: #fff;
    color: #d61518;
    cursor: pointer;
}
#search-job-detail .job-detail-company {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #eee;
}
#search-job-detail .job-detail-company > a {
    display: inline-block;
    margin-top: 12px;
}
/* Tool-card layout shared with the search results page. */
.c-job-tools[data-v-920dfc1a]{background:#fff;border-radius:12px}
.c-job-tools .job-tools-title[data-v-920dfc1a]{background:linear-gradient(175.03093deg,#f6ffff 4%,#f8fefe 34%,#fff 61%);border-radius:12px 12px 0 0;font-size:16px;font-style:normal;font-weight:500;line-height:22px;padding:24px 24px 16px}
.c-job-tools .job-tools-banners[data-v-920dfc1a]{align-items:center;border-radius:0 0 12px 12px;display:flex;padding:0 24px 24px}
.c-job-tools .job-tools-banners .banner-item[data-v-920dfc1a]{border-radius:12px;height:128px;margin-left:16px;overflow:hidden;width:224px}
.c-job-tools .job-tools-banners .banner-item[data-v-920dfc1a]:first-of-type{margin-left:0}
.c-job-tools .job-tools-banners .banner-item a[data-v-920dfc1a]{position:relative}
.c-job-tools .job-tools-banners .banner-item a[data-v-920dfc1a]:after{background:rgba(0,0,0,.1);border-radius:12px;bottom:0;content:" ";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s linear;z-index:1}
.c-job-tools .job-tools-banners .banner-item a[data-v-920dfc1a]:hover{cursor:pointer}
.c-job-tools .job-tools-banners .banner-item a[data-v-920dfc1a]:hover:after{opacity:1}
.c-job-tools .job-tools-banners .banner-item img[data-v-920dfc1a]{display:block;width:100%}
.c-job-tools .job-tools-banners .banner-item.template-banner[data-v-920dfc1a]{position:relative}
.c-job-tools .job-tools-banners .banner-item.template-banner[data-v-920dfc1a]:before{animation:light-move-data-v-920dfc1a 5s infinite;background:linear-gradient(270deg,hsla(0,0%,100%,0) 9%,hsla(0,0%,100%,.4) 51%,hsla(0,0%,100%,0));content:" ";flex-shrink:0;height:200px;left:-60px;position:absolute;top:-22px;transform:rotate(30deg);width:40px;z-index:1}
.c-job-tools .job-tools-banners[data-v-920dfc1a] .vip-guide{margin-bottom:0}
.c-job-tools .job-tools-banners[data-v-920dfc1a] .vip-guide .desc{font-size:12px;line-height:18px}
.c-job-tools .job-tools-banners[data-v-920dfc1a] .vip-guide .btn{border-radius:2px;font-size:12px;height:19px;line-height:19px;margin-top:7px;width:55px}
@keyframes light-move-data-v-920dfc1a{0%{left:-60px}40%{left:105%}to{left:105%}}