:root {
     --primary-color: #1890ff;
     --primary-hover: #1478d1;
     --black-color: #1C1819;
     --light-gray: #F6F9FF;
     --light-white: 255, 255, 255;
     --border-color: #e5e5e5;
     --gray-color: #767F8C;
     --secondary-rgb: 179, 55, 64;
 }

 .cred {
     color: #1890ff;
 }

 .f18 {
     font-size: 1.25rem !important;
 }
 .closesvg{display:none;cursor:pointer}

 .btn-check:checked+.btn,
 btn.active,
 .btn.show,
 btn:first-child:active,
 :not(.btn-check)+.btn:active {
     color: var(rgba(var(-light-white)));
     background-color: #1890ff;
     border-color: #1890ff;
 }

 .font-12 {
     font-size: 0.75rem !important;
 }

 .font-10 {
     font-size: 0.725rem !important;
 }

 body {
     font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
     background-color: var(--light-gray);
 }

 .navbar {
     padding: 0;
     border-bottom: 1px solid var(--border-color);
 }

 .navbar-brand {
     color: #1890ff !important;
     font-weight: bold;
     font-size: 1.25rem;

 }

 .navbar-nav li {
     margin-right: 1.5rem;
 }

 .navbar-nav li .nav-active {
     color: #1890ff !important;
     font-weight: bold;
     border-bottom: 2px solid #1890ff;
 }

 .navbar-nav li a:hover {
     color: var(--primary-hover) !important;
     text-decoration: none;
 }



 .hero-section {
    
    
     //display: flex;
     //align-items: center;
	
	#background: white;
    padding: 0px;
    border-radius: 16px;
    width: 828px;
	height:520px;
   /*  box-shadow: 0 20px 50px rgba(0,0,0,0.2); */
    position: relative;
    transform: scale(0);
    transform-origin: var(--origin-x, center) var(--origin-y, center);
    transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	#overflow:hidden
 }
#loginBtn.login-btn {
    /* 修改为以#4a6cf7为核心的蓝色系渐变 */
    background:  #508CE5;
    color: white;
       padding: 4px 8px;
    border-radius: 6px;
    font-size: 14px;
   
    font-weight: normal;
    cursor: pointer;
   
    box-shadow: 0 4px 15px rgba(74, 108, 247, 0.3);
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    outline: none;
    position: relative;
    z-index: 100;
    /* 防止变换时文字模糊 */
    transform: translateZ(0);
	display:none
}
.font-10.salantext{width: 310px;
    margin: 10px auto;;padding:10px;text-align:center;  background-image: url("../image/03.png"); /* 替换为你的背景图地址 */
      background-repeat: no-repeat;
       background-size: 100% 100%;;font-size:14px !important;;border-radius:8px;color:#fff !important;}
/* 鼠标悬浮时的交互效果 */
.navbar #loginBtn:hover {
    /* 渐变调整为更亮的同色系，形成视觉反馈 */
    background: linear-gradient(135deg, #5b7df8, #508CE5);
    /* 阴影放大加深，营造"浮起"的视觉效果 */
    box-shadow: 0 6px 20px rgba(74, 108, 247, 0.5);
    /* 轻微放大，提升交互感（可根据需求调整缩放比例） */
   
    /* 可选：如需按钮轻微上移，取消下面注释即可 */
    /* transform: scale(1.05) translateY(-2px); */
}

/* 可选：按钮点击时的"按下"效果，增强真实感 */
.navbar .login-btn:active {
    transform: scale(0.98);
    box-shadow: 0 2px 10px rgba(74, 108, 247, 0.4);
}.navbar .login-btn i {
    margin-right: 2px;
    font-size: 18px;
}
 .modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px); /* 毛玻璃效果 */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10000;
    
    /* 默认隐藏状态 */
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s;
}
.nav-links .navbar-nav{
	flex-direction:row
}
img.wechat-login{max-width: 100%;
    height: auto;}
#swhz{
	 position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 533px;
	height:414px;
    background: white;
    border-radius: 12px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.15);
    z-index: 99999; background-image: url("../image/swhz.png"); /* 替换为你的背景图地址 */
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover; /* 覆盖整个弹窗区域 */
	  display:none;
	  
}
.unread-badge{display:none}
#account-login .form-control{
	font-size:0.825rem !important
}
 .tyc-header-nav-item {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
  
    position: relative;border:none;color:#666	;background:none;padding-right:10px
}
 .tyc-header-nav-item:hover {
  color:#128bed
}
 .tyc-header-nav-item::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 18px;
    top: 6px;
    left: -12px;
    background-color: rgb(239, 239, 239);
}
.tyc-header-nav-item.home{margin-right:14px}
.tyc-header-nav-item.home span a {color:#666;text-decoration:none}
.tyc-header-nav-item.home span a:hover {color:#1890ff;}
 .tyc-header-nav-item.home::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 18px;
    top: 6px;
    left: -12px;
    background-color: rgb(239, 239, 239);
}
.service-qrcode {
    position: absolute;
    top: 80%;
    left: 80%;
    transform: translateX(-50%) translateY(-10px);
    opacity: 0;
    visibility: hidden; 
    width: 280px;
    padding: 12px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    text-align: center;
    transition: all 0.3s ease;
    z-index: 99999;
}.service-qrcode.salan {
   top: 100%;
    left: 78%;
}.service-qrcode .qrcode-title {
    font-size: 18px;
    color: #333;
    margin-bottom: 4px;
}.service-qrcode .qrcode-desc {
    font-size: 14px;
    color: #666;
    margin-bottom: 8px;
}.service-qrcode .qrcode-img {
    width: 220px;
    height: 220px;
    margin: 0 auto 6px;
}.service-qrcode .qrcode-tip {
    font-size: 12px;
    color: #999;
}
.drop-title{
	    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
   
    color: rgb(51, 51, 51);
    cursor: pointer;
    padding: 0px 10px;position:relative;margin-right:8px
}
.drop-title:first-of-type{
	;margin-right:18px
}
.qcc-header-app-drop {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    height: 30px;
    font-weight: bold;
    cursor: pointer;
    background-image: url("data:image/png;base64,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");
    background-repeat: no-repeat;
    background-size: 70px;
    padding: 0px 5px;
    background-position: 50% center;
}.qcc-header-app-drop > img {
    width: 16px;
    height: 16px;
    margin-right: 3px;
} .drop-title .header-drop-caret {
    display: inline-block;
    width: 0px;
    height: 0px;
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 0px;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    transition: 0.2s linear;
}
.styz.drop-title::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 18px;
    top: 6px;
    left: 0px;
    background-color: rgb(239, 239, 239);
}
/* #signPopupTrigger::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 18px;
    top: 6px;
    left: -12px;
    background-color: rgb(239, 239, 239);
} */
.index-app2  .index-app-item .vip {
    position: absolute;
    top: 12px;
    left: 115px;
    width: 26px;
    height: auto;
}
.qccdicon {
    display: inline-block;
    color: inherit;
    font-style: normal;
    line-height: 0;
    text-align: center;
    vertical-align: -0.15em;
    text-transform: none;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
}.qcc-header-right-icon {
    font-size: 20px;
    color: rgb(214, 214, 214);
    cursor: pointer;
}
.qcc-header-right-icon:hover {
   
    color: #508CE5;
    
}svg:not(:root) {
    overflow: hidden;
}
.sign-trigger-btn i {
    margin-right: 2px !important;;;
}


.qcc-header-right-item {
   
    display: inline-flex;
    height: 32px;
    align-items: center;
    line-height: 1.5;position:relative;margin-right:10px
}
.qcc-header-right-item-divider::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 18px;
    top: 6px;
    left: -8px;
    background-color: rgb(239, 239, 239);
}
.qcc-header-gicon-vip {
    display: inline-block;
    height: 30px;
    width: 58px;
    border-radius: 4px;
    background-image: url(../image/vips.png);
    background-size: 114px 30px;
    background-repeat: no-repeat;
    margin-left: 10px;
}/* 新增：鼠标悬停旋转箭头 */
.drop-title:hover .header-drop-caret {
    transform: rotate(180deg);
    transform-origin: 50% 25%;
}



#loginModal .modal-content {
    background: white;
    padding: 40px;
    border-radius: 16px;
    width: 360px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.2);
    position: relative;
    
    /* 核心动画设置 */
    transform: scale(0); /* 默认缩小为0 */
    /* 这里使用了 CSS 变量 --origin-x 和 --origin-y 
       这两个变量会由 JS 动态计算并赋值 
    */
    transform-origin: var(--origin-x, center) var(--origin-y, center);
    
    /* 贝塞尔曲线：先快后慢，带一点点回弹的感觉 */
    transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}#loginModal.modal-overlay.active .modal-content {
    transform: scale(1);
}
#loginModal.modal-overlay.active .hero-section {
    transform: scale(1);
}

/* --- 激活状态 --- */

/* 显示遮罩 */
#loginModal.modal-overlay.active {
    opacity: 1;
    visibility: visible;
}

/* 弹窗放大 */
#loginModal.modal-overlay.active .modal-content {
    transform: scale(1);
}

 .hero-illustration {
     text-align: center;
     margin-bottom: 2rem;
     background: url(../image/login_bg.jpg) no-repeat ;
     background-size: 100% 100%;
     height: 100%;
     width: 414px;
	  border-radius: 16px;
     /* max-width: 640px; */
 }

 .hero-text {
     padding-top: 6rem;
     padding-left: 23rem;
     display: none;
 }

 .hero-text h2 {
     text-align: left;
     margin-top: 1rem;
     font-size: 1.10rem;
     color: #333;
     font-weight: normal;
 }

 .stats-row {
     display: flex;
     gap: 8px;
     justify-content: space-around;
     padding-top: 23rem;
     /* margin-top: 9rem; */
     /* flex-wrap: wrap; */
 }

 .stat-item {
     text-align: center;
     margin: 0.3rem 0;
     border-radius: .5rem;
     border: 0;
     /* background-color: var(--light-white); */
     background-color: rgba(var(--light-white), 0.6) !important;
     box-shadow: 0 .125rem 1rem rgba(10, 10, 10, .04);
     backdrop-filter: blur(10px);
     -webkit-backdrop-filter: blur(10px);
     padding: 1rem;
     transition: transform 0.2s ease;
     padding-left: 1.75rem;
 }

 .bg-secondary-transparent {
     background-color:var(--light-gray) !important;
 }
#account-login button[type="submit"].disabled{
	background:rgb(177,207,247) ;border:none;cursor:not-allowed;color:#fff; transition: transform 0.2s ease;
	
}
#account-login button[type="submit"]{
	  transition: transform 0.2s ease;
	
}
#account-login .text-danger{display:none}
 .rounded svg {
     width: 1.75rem;
     height: 1.75rem;
     /* padding: .35rem; */
     border-radius: .5rem;
 }
 .rounded svg path{ 
    stroke: #1890ff;
    /* fill: var(--primary-bg); */
 }
 .stat-number {
     font-size: 1.45rem;
     font-weight: bold;
     color: var(--black-color);
     /* margin-bottom: 0.45rem; */
     text-align: left;
 }

 .stat-label {
     color: #18191C;
     font-size: 0.9rem;
 }

 .login-card {
     text-align: center;
   
     border-radius: 0 15px 15px 0px;
     padding: 2rem 2rem;
     box-shadow: 0 10px 30px rgba(0, 44, 109, 0.05);
     border: 1px solid var(--border-color);
     width: 414px;
     height: 100%;
	  /* background-image: url("../image/login_right.jpg");
      background-repeat: no-repeat;
       background-size: 100% 100%; 
  background-position: left bottom; */ 
/* 仅修正空格，保留位置在前的写法 */
/* 推荐：色值在前，位置在后，符合主流书写习惯 */
/* 核心代码：2% 开始渐变，10% 完成渐变，10%后全白 */
background: linear-gradient(to bottom, #dcebfd 4%, #ffffff 26%);
 }
 p.text-title{margin-bottom:0.5rem !important;}

 .login-card h4 {
     margin-bottom: 0.4rem;
     font-size: 1.05rem;
     color: #1890ff;
     #font-weight: bold;
     text-align: center;
	 font-weight:400 !important
 }
 input.form-control:focus {
    border-color: #1890ff;;
    outline: none !important;;
}
 .login-card p.text-title {
      font-size: 24px;
    color: rgb(34, 34, 34);
    line-height: 24px;
 }

 .login-tabs {
  
     margin-bottom: 0;
     margin: 0 auto;
 }.login-tabs {
    display: flex;
    margin-bottom: 20px;
    border-bottom: 1px solid #e8e8e8;width:80%
}


.login-tab {
    flex: 1;
    text-align: center;
    padding: 10px;
    cursor: pointer;
    font-size: 16px;
    color: #999;
    position: relative;
}
.login-tab.active {
    color: #1890ff;
}
a.login-tab{ text-decoration: none;}

.login-tab.active::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #1890ff;
}
 .tip.font-10 span {
     position: absolute;
     left: 0;
     top: 50px;
     width: 100%;
     text-align: left;
 }

 .lefticon {
     position: absolute;
     left: 0.5rem;
     top: 0.825rem
 }

 .tab-content {
     display: none;
 }

 .closesvg {
     position: absolute;
     right: 0.5rem;
     top: 0.925rem;
 }

 .tab-content .form-control {
     font-size: 0.825rem;
     border-radius: 8px;
     padding: 0.825rem 1rem 0.875rem 2rem;
     border: 1px solid var(--border-color);
 }
#home .form-control:focus{
    box-shadow: none !important;
    outline: none !important;
	 border-color: #1890ff !important;; 
}

 #account-login .btn-primary:not(.disabled)
 {
	background: #1890ff !important;;
     border-color: #1890ff !important;; 
 }
 #account-login .btn-primary {
     background-color: #1890ff ;
     border-color: #1890ff;
     border-radius: 8px;
     padding: 0.75rem 2rem;
     font-weight: 500;color:#fff   !important;; border-width:1px;border-right:none;
 }

  #salanlogin:hover {
     background-color: #1478d1;
     border-color: #1478d1;color:#fff   !important;; 
 }
  #account-login .btn-primary:not(.disabled):hover
 {
	 background-color: #1478d1 !important;;
     border-color: #1478d1 !important;; color:#fff   !important;; 
 }
@keyframes rotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.loading-rotate {
	width:40px;height:40px;
  animation: rotate 1s linear infinite; /* 1秒旋转一圈，无限循环 */
}
#qrcode image{
	width: 220px;
     height: 220px;
	 }
 .qr-code {
     width: 220px;
     height: 220px;
     /* background: #000; */
     margin: 1rem auto 0.5rem;
     /* border-radius: 8px; */
     display: flex;
     align-items: center;
     justify-content: center;
     color: white;
     font-size: 1.2rem;overflow:hidden;background: linear-gradient(to left, #5E7BE8, #4A90E2);border-radius:12px
 }
.btn-primary.user-voices-btn{
	 color: white;
    border: 2px solid transparent;
    background-image: linear-gradient(to right, #C455FF, #01C6F6), linear-gradient(to right, #C455FF, #01C6F6);
    background-origin: border-box;
    background-clip: padding-box, border-box;
}
.carousel-indicators{position:relative !important}
 .pr {
     position: relative;
 }

 .text-end {
     font-size: 0.85rem;
     position: absolute;
     right: 0;
     top: 6px;
     padding-right: 1rem;
     padding-top: 0.5rem;
 }

 .text-decoration-none {
     color: #1890ff;
     text-decoration: none;
 }

 .text-decoration-none:hover {
     color: var(--primary-hover);
     text-decoration: underline;
 }


/*  .job-search-section {
    padding: 1rem 0 2rem;
   
 }

 .search-bar {
     background: white;
     border-radius: 12px;
  
     border: 1px solid var(--border-color);
 }

 .job-card {
     background: white;
     border-radius: 12px;
     padding: 1.5rem;
     margin-bottom: 1rem;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
     border: 1px solid var(--border-color);
     transition: transform 0.2s ease;
 }

 .job-card:hover {
     transform: translateY(-2px);
     box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
 }

 .job-title {
     font-size: 1.25rem;
     font-weight: 600;
     color: #2c3e50;
     margin-bottom: 0.5rem;
 }

 .job-company {
     color: #6c757d;
     margin-bottom: 1rem;
 }

 .job-tags {
     display: flex;
     gap: 0.5rem;
     flex-wrap: wrap;
     margin-bottom: 1rem;
 }

 .job-tag {
     background: #f8f9fa;
     color: #1890ff;
     padding: 0.25rem 0.75rem;
     border-radius: 15px;
     font-size: 0.85rem;
     border: 1px solid var(--border-color);
 } */

 /* 图片容器：兜底居中（适配极端尺寸图片） */
.ad-img-wrapper {
  display: none;
  align-items: center;
  justify-content: center;
  max-width: 80vw;  /* 容器最大宽度=视口90% */
  max-height: 85vh; /* 容器最大高度=视口85% */
  
    position: fixed;
  
    z-index: 1000;    position: fixed;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -30%);
    width: 95vw;
    background: white;
    border-radius: 12px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.15);
    z-index: 99999;
	display:none
}

/* 广告图：自适应+居中+保持比例 */
.ad-img-wrapper .ad-img {
  width: 100%;
  height: 100%;
  object-fit: contain; /* 保持图片比例，不拉伸、不裁剪 */
  border-radius: 8px;   /* 圆角美化 */
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3); /* 阴影增强层次 */
}
.ad-img-wrapper img {
    max-width: 100%;
    height: auto;
}

/* 关闭按钮：右上角悬浮（不影响居中） */
.ad-img-wrapper .ad-close {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 32px;
  color: #fff;
  cursor: pointer;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%; /* 圆形按钮 */
  transition: background 0.3s;
  /* 防止关闭按钮被图片遮挡 */
  z-index: 999999;
}
.ad-img-wrapper .ad-close:hover {
  background: #ff4d4f; /* hover变红，更显眼 */
}