2 lines
9.8 KiB
CSS
2 lines
9.8 KiB
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)
|