shz-admin/shihezi/p__JobPortal__index.6440b076.chunk.css

.job-portal-header{background:#000;color:#fff;box-shadow:0 4px 20px #1e3a8a4d;position:relative;overflow:hidden;width:100%}.job-portal-header:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.05) 0%,transparent 50%);pointer-events:none;z-index:1}.job-portal-header .background-carousel{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;width:100%;height:100%}.job-portal-header .background-carousel .background-slide{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;opacity:0;transition:opacity 1s ease-in-out}.job-portal-header .background-carousel .background-slide.active{opacity:1}.job-portal-header .header-nav{padding:16px 0;border-bottom:1px solid rgba(255,255,255,.15);position:relative;z-index:1}.job-portal-header .header-nav .nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.job-portal-header .header-nav .nav-container .nav-left .logo{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);padding:8px 16px;border-radius:8px;background:#ffffff1a;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.job-portal-header .header-nav .nav-container .nav-left .logo:hover{transform:translateY(-2px) scale(1.02);background:#ffffff26;box-shadow:0 8px 25px #00000026}.job-portal-header .header-nav .nav-container .nav-left .logo .logo-text{font-size:26px;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.2);letter-spacing:.5px;background:linear-gradient(45deg,#fff,#e0f2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.job-portal-header .header-nav .nav-container .nav-right .nav-btn{color:#fff;border:none;background:transparent;font-size:16px;height:auto;padding:10px 20px;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.job-portal-header .header-nav .nav-container .nav-right .nav-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.job-portal-header .header-nav .nav-container .nav-right .nav-btn:hover{background:#ffffff26;color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.job-portal-header .header-nav .nav-container .nav-right .nav-btn:hover:before{left:100%}.job-portal-header .header-nav .nav-container .nav-right .nav-btn.active{background:linear-gradient(90deg,#1890ff 40%,#5db5f6);color:#fff!important;font-weight:700;box-shadow:0 2px 8px #1572de22}.job-portal-header .header-nav .nav-container .nav-right .nav-btn .anticon{margin-right:6px;font-size:16px}.job-portal-header .header-nav .nav-container .nav-right .user-info{display:flex;align-items:center;gap:10px;cursor:pointer;padding:10px 16px;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);background:#ffffff1a;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.job-portal-header .header-nav .nav-container .nav-right .user-info:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.job-portal-header .header-nav .nav-container .nav-right .user-info .ant-avatar{box-shadow:0 2px 8px #0003}.job-portal-header .header-nav .nav-container .nav-right .user-info .user-name{color:#fff;font-size:15px;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.2)}.job-portal-header .search-section{padding:24px 0 32px;position:relative;z-index:1}.job-portal-header .search-section .search-container{max-width:1200px;margin:0 auto;padding:0 20px}.job-portal-header .search-section .search-container .search-bar{display:flex;align-items:center;background:#fffffff2;backdrop-filter:blur(20px);border-radius:16px;padding:12px 20px;margin-bottom:20px;box-shadow:0 8px 32px #0000001a,0 0 0 1px #fff3;border:1px solid rgba(255,255,255,.3);transition:all .3s cubic-bezier(.4,0,.2,1)}.job-portal-header .search-section .search-container .search-bar:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000026,0 0 0 1px #ffffff4d}.job-portal-header .search-section .search-container .search-bar .ant-select .ant-select-selector{border:none!important;box-shadow:none!important}.job-portal-header .search-section .search-container .search-bar .ant-input{border:none!important;box-shadow:none!important;font-size:16px}.job-portal-header .search-section .search-container .search-bar .ant-input:focus{box-shadow:none!important}.job-portal-header .search-section .search-container .search-bar .ant-btn{height:auto;padding:10px 20px;border-radius:10px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.job-portal-header .search-section .search-container .search-bar .ant-btn.ant-btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;box-shadow:0 4px 15px #3b82f666}.job-portal-header .search-section .search-container .search-bar .ant-btn.ant-btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px);box-shadow:0 6px 20px #3b82f680}.job-portal-header .search-section .search-container .search-bar .ant-btn:not(.ant-btn-primary){color:#6b7280;background:transparent}.job-portal-header .search-section .search-container .search-bar .ant-btn:not(.ant-btn-primary):hover{color:#3b82f6;background:#3b82f61a}.job-portal-header .search-section .search-container .hot-jobs .ant-typography{color:#fff;margin-right:16px;font-size:16px;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.2)}.job-portal-header .search-section .search-container .hot-jobs .hot-jobs-container{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:12px;margin-top:12px;padding-bottom:8px}.job-portal-header .search-section .search-container .hot-jobs .hot-jobs-container::-webkit-scrollbar{height:6px}.job-portal-header .search-section .search-container .hot-jobs .hot-jobs-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.job-portal-header .search-section .search-container .hot-jobs .hot-jobs-container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.job-portal-header .search-section .search-container .hot-jobs .hot-jobs-container::-webkit-scrollbar-thumb:hover{background:#ffffff80}.job-portal-header .search-section .search-container .hot-jobs .hot-jobs-container .hot-job-tag{background:#ffffff26;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:20px;padding:8px 16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;white-space:nowrap;max-width:140px;overflow:hidden;text-overflow:ellipsis;font-weight:500;font-size:14px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.job-portal-header .search-section .search-container .hot-jobs .hot-jobs-container .hot-job-tag:hover{background:#ffffff40;transform:translateY(-2px) scale(1.05);box-shadow:0 4px 15px #0003;border-color:#ffffff80}@media (max-width: 768px){.job-portal-header .header-nav .nav-container{padding:0 16px}.job-portal-header .header-nav .nav-container .nav-left .logo .logo-text{font-size:20px}.job-portal-header .header-nav .nav-container .nav-right .nav-btn{font-size:14px;padding:6px 12px}.job-portal-header .header-nav .nav-container .nav-right .user-info .user-name{display:none}.job-portal-header .search-section .search-container{padding:0 16px}.job-portal-header .search-section .search-container .search-bar .ant-btn{padding:6px 12px;font-size:14px}}.job-portal{min-height:100vh;background-color:#f5f5f5}.job-portal .main-content{max-width:1200px;margin:20px auto 0;padding:0 20px}.job-portal .main-content .ant-row{margin:0!important}.job-portal .main-content .ant-col{padding:0 8px!important}.job-portal .main-content .industry-panel{height:600px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.job-portal .main-content .industry-panel .industry-list{padding:16px 0;height:calc(100% - 60px)}.job-portal .main-content .industry-panel .industry-list .industry-item{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;cursor:pointer;transition:all .3s;border-left:3px solid transparent}.job-portal .main-content .industry-panel .industry-list .industry-item:hover,.job-portal .main-content .industry-panel .industry-list .industry-item.active{background-color:#f0f8ff;border-left-color:#1890ff;color:#1890ff}.job-portal .main-content .industry-panel .industry-list .industry-item .anticon{color:#999;font-size:12px}.job-portal .main-content .industry-panel .industry-list .industry-item:hover .anticon,.job-portal .main-content .industry-panel .industry-list .industry-item.active .anticon{color:#1890ff}.job-portal .main-content .industry-panel .pagination{display:flex;justify-content:center;align-items:center;padding:16px;border-top:1px solid #f0f0f0;height:60px}.job-portal .main-content .industry-panel .pagination .ant-btn{border:none;box-shadow:none}.job-portal .main-content .industry-panel .pagination span{margin:0 16px;color:#666}.job-portal .main-content .profession-panel{height:600px;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow-y:auto;overflow-x:hidden}.job-portal .main-content .profession-panel::-webkit-scrollbar{width:6px}.job-portal .main-content .profession-panel::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.job-portal .main-content .profession-panel::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.job-portal .main-content .profession-panel::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.job-portal .main-content .profession-panel .profession-title{margin-bottom:20px;color:#1890ff;text-align:center}.job-portal .main-content .profession-panel .profession-content{height:auto;overflow-y:visible;overflow-x:hidden;padding-right:0;width:100%;box-sizing:border-box}.job-portal .main-content .profession-panel .profession-content .profession-category{margin-bottom:16px}.job-portal .main-content .profession-panel .profession-content .profession-category .category-title{margin-bottom:8px;color:#333;font-weight:600;font-size:14px}.job-portal .main-content .profession-panel .profession-content .profession-category .profession-tags{display:flex;flex-wrap:wrap;gap:6px;width:100%;box-sizing:border-box;overflow-x:hidden;overflow-y:visible;padding-bottom:0}.job-portal .main-content .profession-panel .profession-content .profession-category .profession-tags::-webkit-scrollbar{display:none}.job-portal .main-content .profession-panel .profession-content .profession-category .profession-tags .profession-tag{background:#f6f8fa;border:1px solid #e1e4e8;color:#24292e;border-radius:4px;padding:3px 6px;cursor:pointer;transition:all .3s;font-size:11px;white-space:nowrap;flex:0 0 auto;max-width:calc(33.333% - 4px);min-width:0;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;word-break:break-all;position:relative;z-index:1}.job-portal .main-content .profession-panel .profession-content .profession-category .profession-tags .profession-tag:hover{max-width:none;white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word;background:#1890ff;color:#fff;border-color:#1890ff;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a;z-index:10}.job-portal .main-content .right-content-wrapper,.job-portal .main-content .right-content-wrapper .content-row{position:relative}.job-portal .main-content .right-content-wrapper .ad-col{transition:all .3s ease}.job-portal .main-content .right-content-wrapper.has-profession .ad-col{position:relative;padding-left:calc(50% + 8px)}.job-portal .main-content .profession-panel-float{position:absolute;left:0;top:0;width:calc(50% - 8px);z-index:10;animation:slideIn .3s ease-out;pointer-events:auto}.job-portal .main-content .profession-panel-float .close-btn{position:absolute;top:-10px;right:-10px;z-index:11;background:#fff;border-radius:50%;box-shadow:0 2px 8px #00000026;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.job-portal .main-content .profession-panel-float .close-btn:hover{background:#ff4d4f;color:#fff;transform:rotate(90deg);transition:all .3s}.job-portal .main-content .profession-panel-float .profession-panel{box-shadow:0 4px 16px #00000026}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.job-portal .main-content .advertisement-area{height:600px;overflow-y:auto;transition:all .3s ease}.job-portal .main-content .advertisement-area .ad-card{margin-bottom:16px;border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:all .3s}.job-portal .main-content .advertisement-area .ad-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.job-portal .main-content .advertisement-area .ad-card.banner{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;height:120px}.job-portal .main-content .advertisement-area .ad-card.banner .banner-ad{display:flex;justify-content:space-between;align-items:center;height:100%}.job-portal .main-content .advertisement-area .ad-card.banner .banner-ad .banner-content{flex:1 1}.job-portal .main-content .advertisement-area .ad-card.banner .banner-ad .banner-content .banner-title{color:#fff;margin-bottom:8px;font-size:18px}.job-portal .main-content .advertisement-area .ad-card.banner .banner-ad .banner-content .banner-subtitle{color:#fffc;font-size:12px}.job-portal .main-content .advertisement-area .ad-card.banner .banner-ad .banner-logo{background:#fff3;padding:8px 12px;border-radius:4px;font-size:12px;font-weight:700}.job-portal .main-content .advertisement-area .ad-card.card{height:100px;position:relative}.job-portal .main-content .advertisement-area .ad-card.card.purple{background:linear-gradient(135deg,#a8edea,#fed6e3)}.job-portal .main-content .advertisement-area .ad-card.card.blue{background:linear-gradient(135deg,#d299c2,#fef9d7)}.job-portal .main-content .advertisement-area .ad-card.card.orange{background:linear-gradient(135deg,#ffecd2,#fcb69f)}.job-portal .main-content .advertisement-area .ad-card.card .card-ad{height:100%;display:flex;flex-direction:column;justify-content:center;position:relative}.job-portal .main-content .advertisement-area .ad-card.card .card-ad .card-title{margin-bottom:4px;font-size:16px;color:#333}.job-portal .main-content .advertisement-area .ad-card.card .card-ad .card-subtitle{color:#666;font-size:12px}.job-portal .main-content .advertisement-area .ad-card.card .card-ad .card-description{color:#999;font-size:10px;margin-top:4px}.job-portal .main-content .advertisement-area .ad-card.card .card-ad .ad-label{position:absolute;bottom:8px;right:8px;background:#0000001a;color:#666;padding:2px 6px;border-radius:4px;font-size:10px}.job-portal .jobs-section{background-color:#f5f5f5;padding:40px 20px}.job-portal .jobs-section .jobs-container{max-width:1200px;margin:0 auto}.job-portal .jobs-section .jobs-container .jobs-title{text-align:center;margin-bottom:30px;color:#1890ff;font-weight:600}.job-portal .jobs-section .jobs-container .job-card{height:100%;border-radius:8px;transition:all .3s;background:#fff;cursor:pointer}.job-portal .jobs-section .jobs-container .job-card:hover{transform:translateY(-4px);box-shadow:0 6px 16px #1890ff33}.job-portal .jobs-section .jobs-container .job-card .job-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.job-portal .jobs-section .jobs-container .job-card .job-header .job-title{margin:0;font-size:16px;color:#333;font-weight:600;flex:1 1}.job-portal .jobs-section .jobs-container .job-card .job-header .job-salary{color:#ff4d4f;font-size:16px;font-weight:600;white-space:nowrap;margin-left:12px;flex-shrink:0}.job-portal .jobs-section .jobs-container .job-card .job-company{display:block;color:#666;font-size:14px;margin-bottom:12px}.job-portal .jobs-section .jobs-container .job-card .job-info{display:flex;gap:12px;margin-bottom:12px}.job-portal .jobs-section .jobs-container .job-card .job-info .job-location,.job-portal .jobs-section .jobs-container .job-card .job-info .job-experience,.job-portal .jobs-section .jobs-container .job-card .job-info .job-education{color:#999;font-size:12px;white-space:nowrap}.job-portal .jobs-section .jobs-container .job-card .job-tags{display:flex;flex-wrap:wrap;gap:6px}.job-portal .jobs-section .jobs-container .job-card .job-tags .job-tag{background:#f6f8fa;border:1px solid #e1e4e8;color:#666;border-radius:4px;padding:2px 8px;font-size:12px;margin:0}@media (max-width: 1200px){.job-portal .main-content .ant-col{margin-bottom:16px}.job-portal .main-content .profession-panel .profession-content .profession-tags .profession-tag{max-width:calc(50% - 4px);font-size:10px;padding:2px 4px}}@media (max-width: 768px){.job-portal .main-content .ant-col{margin-bottom:16px}.job-portal .main-content .industry-panel,.job-portal .main-content .profession-panel,.job-portal .main-content .advertisement-area{height:auto;min-height:300px}.job-portal .main-content .profession-panel .profession-content .profession-category{margin-bottom:16px}.job-portal .main-content .profession-panel .profession-content .profession-tags{gap:4px}.job-portal .main-content .profession-panel .profession-content .profession-tags .profession-tag{font-size:10px;padding:3px 5px}.job-portal .jobs-section{padding:20px 10px}.job-portal .jobs-section .jobs-container .jobs-title{font-size:20px;margin-bottom:20px}}