/* 全局样式 */
:root {
    --primary-color: #4a6cf7;
    --secondary-color: #6c757d;
    --accent-color: #ff6b6b;
    --light-gray: #f8f9fa;
    --dark: #000;
    --white: #F6F7FE;
    --box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    --transition: all 0.3s ease;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
    line-height: 1.6;
    color: #000;
    background-color: var(--white);
    overflow-x: hidden;
}

html {
    overflow-x: hidden;
}

img {
    max-width: 100%;
    height: auto;
}

.container {
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 20px;
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 1rem;
    font-weight: 700;
    line-height: 1.2;
}

a {
    text-decoration: none;
    color: inherit;
}

ul {
    list-style: none;
}

/* 按钮样式 */
.btn {
    display: inline-block;
    padding: 0.4rem 2.5rem;
    border-radius: 50px;
    font-weight: 500;
    text-align: center;
    transition: var(--transition);
    cursor: pointer;
    border: 2px solid transparent;
}

.btn-primary {
    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;
}

.btn-primary:hover {
    opacity: 0.9;
    /* transform: translateY(-2px); */
    box-shadow: var(--box-shadow);
}

.btn-outline {
    border: 2px solid var(--primary-color);
    color: var(--primary-color);
    margin-right: 1rem;
}

.btn-outline:hover {
    background-color: var(--primary-color);
    color: white;
}

/* 导航栏按钮统一宽度 */
/* .nav-links .btn {
    width: 90px;
} */

.btn-large {
    padding: 0.4rem 3rem;
    font-size: 1.1rem;
}

/* 导航栏 */
.navbar {
    padding: 0.8rem 0;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    background-color: rgba(255, 255, 255, 0.95);
    border-bottom: solid 1px #eee;
    /* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); */
}

.navbar .container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.logo {
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 1.5rem;
    color: var(--dark);
}

.logo-img {
    height: 40px;
    width: auto;
    margin-right: 10px;
}

.navbar-toggle {
    display: none;
    margin-left: auto;
    width: 40px;
    height: 32px;
    border: none;
    background: transparent;
    padding: 0;
    cursor: pointer;
}

.navbar-toggle-bar {
    display: block;
    width: 100%;
    height: 2px;
    margin: 5px 0;
    background-color: #111827;
    transition: var(--transition);
}

.nav-right {
    display: flex;
    align-items: center;
    margin-left: auto;
}

.nav-menu {
    display: flex;
    align-items: center;
    gap: 1.8rem; /* 控制“岗位信息”等文字之间的间距 */
    margin-left: 1.2rem; /* 让导航整体稍微靠近 logo */
}

.nav-links {
    margin-left:auto;
    display: flex;
    align-items: center;
}

/* 英雄区域 */
.hero {
    padding: 10rem 0 5rem;
    /* background: linear-gradient(135deg, #f5f7ff 0%, #f0f4ff 40%, #f5f0ff 100%); */
background: url(../images/dypbg1.png) center center no-repeat;
background-size: cover;
    min-height: 80vh;
}

.hero-content {
    max-width: 720px;
    margin: 0 auto 2.5rem;
    text-align: center;
}

.hero h1 {
    font-size: 2.4rem;
    margin-bottom: 1rem;
    color: var(--dark);
    line-height: 1.2;
}

.subtitle {
    font-size: 0.95rem;
    color: var(--secondary-color);
    margin-bottom: 2.5rem;
}
 
.hero-cta {
    padding-left: 3rem;
    padding-right: 3rem;
}

.hero-cta:hover {
    transform: translateY(-2px);
}

.hero-preview {
    display: flex;
    justify-content: center;
}

.hero-preview-card {
    width: 100%;
    position: relative;
    /* max-width: 960px; */
    /* background: #e2ecff; */
    /* border-radius: 24px; */
    /* padding: 2.5rem 3rem; */
    /* box-shadow: 0 20px 40px rgba(0, 0, 0, 0.04); */
}

.hero-slider {
    position: relative;
    width: 100%;
    height: 522px;
    overflow: hidden;
    border-radius: 18px;
}

.hero-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 0.6s ease;
}

.hero-slide.active {
    opacity: 1;
}

.hero-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.hero-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 24px; /* 小点更靠近图片底部 */
    display: flex;
    justify-content: center;
    gap: 0.5rem;
}

.hero-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.6);
    /* border: 1px solid rgba(0, 0, 0, 0.1); */
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.hero-dot.active {
    background-color: #4a6cf7;
    transform: scale(1.05);
}

/* 为什么选择我们 */
.why-us {
    padding: 6rem 0;
    background: url(../images/s2bg.png) center center no-repeat;
    background-size: cover;
    /* background: linear-gradient(135deg, #eef3ff 0%, #f3f3ff 40%, #f6f0ff 100%); */
}

.why-card {
    background: #ffffff;
    border-radius: 24px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.06);
    padding: 3rem 3.5rem 3rem 8rem;
    display: flex;
    align-items: stretch;
    gap: 3rem;
}

.why-left {
    padding-top: 3.2rem;
    flex: 1.1;
}

.why-right {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.why-left h2 {
    font-size: 2.2rem;
    margin-bottom: 0.75rem;
}

.why-subtitle {
    font-size: 0.95rem;
    color: var(--secondary-color);
    margin-bottom: 2rem;
}

.why-features {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin-bottom: 2.5rem;
}

.why-feature-item {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.why-icon {
    width: 40px;
    height: 40px;
    /* border-radius: 50%; */
    /* background: rgba(76, 110, 245, 0.1); */
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-color);
    flex-shrink: 0;
}

.why-icon i {
    font-size: 1.1rem;
}

.why-icon img {
    max-width: 70%;
    max-height: 70%;
    display: block;
}

.why-text h3 {
    font-size: 1rem;
    margin-bottom: 0.3rem;
}

.why-text p {
    font-size: 0.9rem;
    color: var(--secondary-color);
}

.why-cta {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}

.why-cta:hover {
    transform: translateY(-2px);
}

.why-illustration {
    position: relative;
    width: 100%;
     width: 383px;
    height: 500px;
    border-radius: 24px;
    background: url('../images/adtwo.png') center center no-repeat;
    background-size: cover;
    padding: 2rem;
}

.why-stat {
    position: absolute;
    background: rgba(255, 255, 255, 0.76);
    border-radius: 16px;
    padding: 1.2rem 2rem;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
    font-size: 0.8rem;
}

.why-stat-number {

    font-weight: 700;
    font-size: 2.2rem;
    color: var(--dark);
}
.why-stat-number.green{
    color: #0075ED;
}
.why-stat-number.accent {
    color: #D8514E;
}
.why-stat-number.purple{
    color: #9B56C5;
}
.why-stat-number.success {
    color: #1BA299;
}

.why-stat-label {
    color: var(--secondary-color);
}

.why-stat-1 {
    top: 2.7rem;
    left: -2.2rem;
    animation: floatSoft 5s ease-in-out infinite;
}

.why-stat-2 {
    top: 4.2rem;
    right: -3.2rem;
    animation: floatSoft 6s ease-in-out infinite;
}

.why-stat-3 {
   top: 11.2rem;
    left: -6.2rem;
    animation: floatSoft 5.5s ease-in-out infinite;
}

.why-stat-4 {
   top: 13.2rem;
    right: -1.2rem;
    animation: floatSoft 6.2s ease-in-out infinite;
}

@keyframes floatSoft {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-6px);
    }
}



/* 每日岗位数据分析（新设计稿样式） */
.daily-analysis {
    position: relative;
    padding: 6rem 0 4rem;
    overflow: hidden;
    background: #f5f7ff;
}

.daily-analysis-bg {
    position: absolute;
    inset: -80px -120px;
    /* background:
        radial-gradient(circle at 15% 10%, rgba(128, 172, 255, 0.5), transparent 55%),
        radial-gradient(circle at 80% 0%, rgba(192, 128, 255, 0.55), transparent 60%),
        radial-gradient(circle at 20% 85%, rgba(119, 231, 255, 0.45), transparent 55%),
        radial-gradient(circle at 85% 80%, rgba(157, 139, 255, 0.4), transparent 55%); */
    filter: blur(42px);
    opacity: 0.95;
    transform: translate3d(0, 0, 0);
    pointer-events: none;
    z-index: 0;
    animation: dailyBgFloat 14s ease-in-out infinite alternate;
}


@keyframes dailyBgFloat {
    0% {
        transform: translate3d(-10px, 4px, 0) scale(1);
    }
    50% {
        transform: translate3d(10px, -6px, 0) scale(1.02);
    }
    100% {
        transform: translate3d(-6px, 8px, 0) scale(1.01);
    }
}

.daily-analysis .container {
    position: relative;
    z-index: 1;
}

.daily-analysis-header {
    margin-top: 2.5rem;
    text-align: center;
    margin-bottom: 2.5rem;
}

.daily-analysis-title {
    font-size: 2.4rem;
    letter-spacing: 0.06em;
    margin-bottom: 0.75rem;
}

.daily-analysis-subtitle {
    display: inline-flex;
    align-items: center;
    justify-content: space-around;
    /* padding: 0.35rem 1.5rem; */
    width:60%;
    text-align: center;
    border-radius: 999px;
    font-size: 1.35rem;
    color: #555555;
    margin-top: 20px;
    background: url(../images/titibg.png) center center no-repeat;
    background-size: contain;
    /* background: rgba(255, 255, 255, 0.75);
    box-shadow: 0 10px 30px rgba(83, 108, 255, 0.12); */
}

.daily-summary-cards {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    margin-bottom: 3rem;
}

/* 整体底部的紫蓝渐变光影 */
.daily-summary-cards::after {
    content: "";
    position: absolute;
    left: 8%;
    right: 8%;
    bottom: -26px;
    height: 40px;
    border-radius: 999px;
    background: radial-gradient(circle at 20% 0, rgba(132, 177, 255, 0.55), transparent 55%),
                radial-gradient(circle at 80% 0, rgba(142, 118, 255, 0.6), transparent 55%);
    opacity: 0.9;
    filter: blur(10px);
    z-index: 0;
}

.daily-summary-card {
    position: relative;
    padding: 1.6rem 2rem;
    border-radius: 18px;
    background: hwb(0 100% 0% / 0.476);
    box-shadow: 0 16px 35px rgba(134, 157, 255, 0.25);
    display: flex;
    align-items: center;
    gap: 1.2rem;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    z-index: 1;
}

/* 中间卡片轻微突出 */

.daily-summary-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 22px 45px rgba(134, 157, 255, 0.3);
}

.daily-summary-icon {
    width: 76px;
    height: 76px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(118, 155, 255, 0.08), rgba(152, 205, 255, 0.2));
    color: #5673ff;
}

.daily-summary-icon i {
    font-size: 1.6rem;
}

.daily-summary-label {
    font-size: 0.9rem;
    color: #7a88b5;
}

.daily-summary-number {
    line-height: 1.2    ;
    font-size: 2.8rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: #2C63C5;
}

/* 数字和文字改为纵向堆叠 */
.daily-summary-card .daily-summary-label,
.daily-summary-card .daily-summary-number {
    display: block;
}

.daily-company-section {
    margin-top: 0.5rem;
}

.daily-company-header {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 1.2rem;
    color: #36436b;
}

.daily-company-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.8rem;
}

.daily-company-column {
    position: relative;
    display: flex;
	   transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
              box-shadow 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
			   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    transform: translateZ(0);border-radius:8px
}
.daily-company-column:hover {
     /* transform: translateY(-2px); */
	   transform: translateY(-3px) translateZ(0);
       box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
 }
.daily-company-card {
    flex: 1;
    border-radius: 8px;
    background: #ffffff;

    padding: 1rem;
     border: 1px solid rgba(74, 108, 247, 0.1); 
}

.daily-company-card-header {
    display: flex;
    align-items: center;
    gap: 0.9rem;
}

.daily-company-icon-circle {
    width: 36px;
    height: 36px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(108, 142, 255, 0.15), rgba(132, 201, 255, 0.25));
    color: #4a6cf7;
    flex-shrink: 0;
}

.daily-company-icon-circle i {
    font-size: 1rem;
}

.daily-company-header-text {
    flex: 1;
}

.daily-company-name {
    font-size: 0.95rem;
    font-weight: 600;
    color: #222b55;
    margin-bottom: 0.25rem;
}

.daily-company-meta-row {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 0.75rem;
}

.daily-company-meta {
    color: #4f6dff;
}

.daily-company-tag {
    padding: 0.05rem 0.6rem;
    border-radius: 999px;
    font-size: 0.7rem;
    color: #4a6cf7;
    background: rgba(74, 108, 247, 0.08);
}

.company-card-title-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    /* margin-bottom: 0.2rem; */
}

.company-card-name {
    /* width: 100%; */
    width: 200px;
    font-size: 1.1rem;
    font-weight: 700;
    color: #0f1f3c;
    line-height: 1.35;
    margin-bottom: 0.8rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.company-card-heat {
    display: flex;
    gap: 0.15rem;
    font-size: 1.2rem;
    line-height: 1;
}

.company-card-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    margin-bottom: 0.5rem;
}

.company-card-tag {
    padding: 0.15rem 0.4rem;
    border-radius: 4px;
    font-size: 0.65rem;
    font-weight: 400;
    background: #f3f5ff;
    color: #4a6cf7;
}

.company-card-tag.tag-blue {
    background: rgba(74, 108, 247, 0.12);
    color: #3151e0;
}

.company-card-tag.tag-green {
    background: rgba(26, 170, 140, 0.12);
    color: #20a189;
}

.company-card-tag.tag-purple {
    background: rgba(155, 86, 197, 0.12);
    color: #8f3ec7;
}

.company-card-period {
    background: #fff9f2;
    color: #d88432;
    padding: 0.4rem 0.6rem;
    border-radius: 6px;
    font-size: 0.65rem;
    font-weight: 400;
    margin-bottom: 0.3rem;
}

.company-card-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 1.2rem;
    font-size: 0.65rem;
    color: #121c35;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.company-card-stat {
    font-weight: 400;
    flex: 1;
}

.company-card-stat-value {
    color: #2C63C5;
    font-size: 0.75rem;
    font-weight: 700;
    margin-left: 0.2rem;
}

/* 新的标签和热度混合布局 */
.company-card-tags-with-heat {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.6rem;
    margin-bottom: 0.8rem;
}
.ygqicon{position: absolute; top: 10px; right: -4px;}
.tag-heat-item {
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.tag-heat-item .company-card-heat {
    font-size: 1rem;
}

/* 查看公司官网提示条 */
.company-card-view-info {
    background: #FFF9F2;
    color: #D88432;
    padding: 0.5rem 0.8rem;
    border-radius: 6px;
    font-size: 0.7rem;
    font-weight: 400;
  
    text-align: center;cursor:pointer
	
}
.firstPosition .company-card-view-info{
	background:none;
  border-color: #f3f4f6; border-width:1px 0px 0px 0px;
  border-style:solid;border-radius:0px;font-size:0.8rem;color: #6b7280;text-align:left;padding-bottom:0;padding-left:0
}
.firstPosition .company-card-view-info img{
	vertical-align:text-bottom
}
.firstPosition .company-card-stats-row{font-size:0.85rem}
.firstPosition .company-card-name{margin-bottom:0.2rem}
.firstPosition .company-card-tag {
    padding: 0.15rem 0.45rem;
 
}
.firstPosition .company-card-stats-row{margin-bottom:0.4rem}
.firstPosition  .tag-heat-item {
   
    gap: 0.1rem;
}
.company-card-view-info .view-count {
    font-weight: 700;
    color: #D88432;
}

/* 统计数据横向布局 */
.company-card-stats-row {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    font-size: 0.65rem;
    color: #121c35;
    margin-bottom: 0.8rem;
}

.company-card-stats-row .company-card-stat {
    flex: 0 0 auto;
    white-space: nowrap;
}

.daily-company-jobs-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.6rem 0.6rem;
}
.daily-company-jobs-grid-all2 .daily-company-job-item 
{
	position:relative
}
.daily-company-jobs-grid-all2 .daily-company-job-item .job-info
{
	position:absolute;top:0.5rem;right:0.6rem;  
    color: #D88432;
  
    border-radius: 6px;
    font-size: 0.7rem;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
}
.firstPosition .company-card-tags-with-heat{width:69%}
.firstPosition .company-card-tag{border-radius:9999px}
.company-card-tag.tag-red {
   background: rgba(156, 163, 175, 0.12);
    color: #6b7280; max-width: 60px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.firstPosition .company-card-tag.tag-blue2{
	 --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
	background:none;    font-size: 0.75rem;
    line-height: 1rem;
}
.daily-company-jobs-grid-all {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin-top: 1.6rem;
}.daily-company-jobs-grid-all2 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin-top: 1.6rem;
}
.daily-company-jobs-grid-all2 .job-meta .job-date{width:150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.daily-company-job-item {
    border-radius: 10px;
    padding: 0.5rem 0.65rem;
    background: rgba(255, 255, 255, 0.9);
    font-size: 0.78rem;
    box-shadow: 0 2px 10px rgba(43, 74, 180, 0.08);  box-shadow: 0 22px 55px rgba(120, 143, 255, 0.22); transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
              box-shadow 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform: translateZ(0);
}


    /* 去掉 float: left（Flex 布局下无需 float） */
.daily-company-job-item:hover {
     /* transform: translateY(-2px); */
	   transform: translateY(-3px) translateZ(0);
       box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
 }
 
 

.job-name {
    color: #333;
    margin-bottom: 0.12rem;
	  width: 200px;
font-size: 1rem;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;cursor:pointer
}
.daily-company-jobs-grid-all2 .job-name{width: 150px;}
.daily-company-jobs-grid-all2 .job-info span{display:inline-block;line-height:11px}
.job-date {
    color: #999;
}

.job-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.4rem;
}

.job-update-link {
    font-size: 0.75rem;
    background: #EAF3FE;
    color: #1890FF;
    padding: 0.2rem 0.4rem;
    border-radius: 6px;
}

/* 岗位数据分析面板 */
.job-analysis-board {
    margin-top: 2.5rem;
    padding: 1.8rem 2rem 2.2rem;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 22px 55px rgba(120, 143, 255, 0.25);
}

.job-analysis-top {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
    margin-bottom: 1.8rem;
}

.job-analysis-bottom {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.4rem;
}

.job-analysis-card {
    background: rgba(255, 255, 255, 0.95);
    border-radius: 18px;
    padding: 1.3rem 0.1rem 0.1rem;
    box-shadow: 0 12px 32px rgba(150, 170, 255, 0.2); transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
              box-shadow 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform: translateZ(0);
}
.job-analysis-card:hover {
     /* transform: translateY(-2px); */
	   transform: translateY(-3px) translateZ(0);
       box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
 }
.job-analysis-card-large {
    min-height: 260px;  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
              box-shadow 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform: translateZ(0);
}
.job-analysis-card-large:hover {
     /* transform: translateY(-2px); */
	   transform: translateY(-3px) translateZ(0);
       box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
 }
.job-analysis-card-small {
    min-height: 280px;  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
              box-shadow 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform: translateZ(0);
}

.job-analysis-card-split3 {
    display: flex;
    flex-direction: column;
}

.job-analysis-card-split-body {
    margin-top: 0.6rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.2rem;
}

.job-analysis-card-split-body .job-analysis-chart-pie {
    flex: 1.1;
    height: 200px;
}

.job-analysis-card-split-body .job-analysis-chart-legend {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.6rem;
}

.job-analysis-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.9rem;
}

.job-analysis-card-title {
    font-size: 0.95rem;
    font-weight: 600;
    color: #25315d;padding-left:1rem
}

.job-analysis-card-legend {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    font-size: 0.75rem;
    color: #7d89b4;
}

.legend-dot {
    display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    margin-right: 0.25rem;
}

.legend-dot-blue {
    background: #4a6cf7;
}
.legend-dot-blue1 {
    background: #579E9A;
}

.legend-dot-purple {
    background: #ffb946;
}

.legend-dot-pink {
    background: #6aa8ff;
}

.legend-dot-yellow {
    background: #ff6b9b;
}



.job-analysis-chart-line {
    height: 210px;
}

.job-analysis-chart-bar {
    height: 210px;
}

.job-analysis-chart-pie {
    height: 140px;
}

.job-analysis-chart-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1.4rem;
    margin-top: 0.9rem;
    font-size: 0.75rem;
    color: #7d89b4;
}

.job-analysis-donut-wrapper {
    position: relative;
    width: 100%;
    height: 200px;
    margin: 0.4rem auto 0.2rem;
}

.job-analysis-donut-ring {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background:
        conic-gradient(#4a6cf7 0 320deg, #e0e5ff 320deg 360deg);
    mask:
        radial-gradient(farthest-side, transparent 60%, #000 61%);
}

.job-analysis-donut-center {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.job-analysis-donut-number {
    font-size: 1.8rem;
    font-weight: 700;
    color: #25315d;
}

.job-analysis-donut-sub {
    margin-top: 0.2rem;
    font-size: 0.75rem;
    color: #8d96c2;
}

/* 岗位关键词云图 */
/* 父容器：启用 Flex 布局，控制子元素排列 */
.job-wordcloud-board {
    margin-top: 2.5rem;
    display: flex; /* 启用 Flex */
    justify-content: space-between; /* 子元素两端对齐，中间留空 */
    gap: 20px; /* 中间固定间距（可选，与 justify-content 配合使用） */
    width: 100%; /* 父容器占满可用宽度（根据需求调整） */
    max-width: 1400px; /* 可选：限制最大宽度，避免太宽 */
    margin-left: auto; /* 可选：水平居中父容器 */
    margin-right: auto;
}

/* 子元素：去掉 float，用 flex:1 平分宽度 */
.job-wordcloud {
    flex: 1; /* 两个子元素平分父容器宽度（各占 50% - gap/2） */
    height: 340px;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 22px 55px rgba(120, 143, 255, 0.22); transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
              box-shadow 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform: translateZ(0);
    /* 去掉 float: left（Flex 布局下无需 float） */
}.job-wordcloud:hover {
     /* transform: translateY(-2px); */
	   transform: translateY(-3px) translateZ(0);
       box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
 }

/* 收录企业区块 */
.partner-companies {
    padding: 4.5rem 0 3.5rem;
    /* background: linear-gradient(180deg, #f5f8ff 0%, #ffffff 60%); */
    /* background: url(../images/filterbg4.png) no-repeat top center; */
    background-size: cover;
    background-position: center;        

}
.footeradbg{ 
    background: url(../images/bgfooter.png) no-repeat bottom center;
    background-size: cover;
    background-position: center;  padding: 3.5rem 0; }
.footerad{ width: 1320px; height: 390px;}

.partner-title {
    text-align: center;
    font-size: 2.4rem;
    font-weight: 600;
    color: #222;
    margin-bottom: 2rem;
    
}

.partner-slider {
    max-width: 1149px;
    height: 420px;
    margin: 0 auto 1.8rem;
    position: relative;
    overflow: hidden;
}
.logoicoimg{ width: 1149px; }
.partner-logos {
    position: absolute;
    inset: 0;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.6s ease;
}

.partner-logos.active {
    opacity: 1;
}

.partner-logo-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.5rem;
}

.partner-logo-item {
    flex: 1;
    height: 40px;
    border-radius: 999px;
    background: #ffffff;
    box-shadow: 0 6px 18px rgba(156, 175, 255, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    color: #6b7280;
}

.partner-dots {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
}

.partner-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #d1d5f5;cursor:pointer
}
.nav-links .user-info img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-left: 10px;
    background-color: #eee;
    transition: all 0.3s ease;
    /* border: 2px solid transparent; */
    cursor: pointer;
    vertical-align: middle;
}
.nav-links .user-info img:hover {
    transform: scale(1.1);
    border-color: #4a90e2;
}
.nav-links .go_login{display:none}
.nav-links .user-info{display:none}
.partner-dot.active {
    width: 20px;
    border-radius: 999px;
    background: #4a6cf7;
}

/* 每日岗位数据分析（原简版统计区块样式，仍保留可复用） */
.daily-stats {
    padding: 6rem 0;
    background-color: var(--light-gray);
}

.daily-stats h2 {
    text-align: center;
    font-size: 2.5rem;
    margin-bottom: 4rem;
    color: var(--dark);
}

.stats-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;
}

.stat-card {
    background: var(--white);
    padding: 2rem;
    border-radius: 10px;
    text-align: center;
    box-shadow: var(--box-shadow);
    transition: var(--transition);
}

.stat-card:hover {
    transform: translateY(-5px);
}

.stat-card i {
    font-size: 2.5rem;
    color: var(--primary-color);
    margin-bottom: 1.5rem;
}

.stat-card .number {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--dark);
    margin-bottom: 0.5rem;
}
/* 用户心声 */
.user-voices {
    padding: 3rem 0 5rem;
    /* background: linear-gradient(120deg, #CCD9FF 0%, #F0F4FF 25%,#eff7ff 50%, #ceffff 100%);
    background-size: 200% 200%;
    animation: gradientBG 15s ease infinite; */
    background: #F2F6FF url(../images/footercbg.png) no-repeat bottom center;
    background-size: 100%;
}

@keyframes gradientBG {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.user-voices .container {
    max-width: 1320px;
}

.user-voices-title {
    text-align: center;
    font-size: 2.4rem;
    font-weight: 600;
    color: #111827;
    margin-bottom: 3rem;
}

/* --- 3D轮播容器 --- */
.carousel-container {
    position: relative;
    width: 100%;
    max-width: 1280px;
    height: 300px;
    perspective: 2000px; /* 增加透视距离，使3D效果更自然 */
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 1rem;
}

/* --- 卡片样式 --- */
.user-voices .card {
    position: absolute;
    width: 460px;
    height: 240px;
    /* 卡片背景渐变：淡蓝 -> 稍深蓝，模拟设计稿 */
    background: linear-gradient(135deg, rgba(210, 225, 255, 0.9) 0%, rgba(180, 200, 255, 0.95) 100%);
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 20px;
    padding: 30px;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    box-shadow: 0 20px 40px rgba(43, 74, 180, 0.1), inset 0 0 20px rgba(255, 255, 255, 0.5);
    transition: all 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); /* 更平滑的缓动 */
    opacity: 0;
    z-index: 0;
    transform-origin: center center;
    backdrop-filter: blur(10px); /* 玻璃拟态模糊 */
}

/* --- 卡片内部布局 --- */
.card-avatar-area {
    flex-shrink: 0;
    position: relative;
}

/* 头像背景：气泡形状，设计稿中的蓝色气泡 */
.avatar-bg {
    width: 90px;
    height: 90px;
    /* 气泡颜色：蓝色渐变 */
    /* background: linear-gradient(135deg, #89f7fe 0%, #66a6ff 100%); */
    /* border-radius: 50% 50% 50% 4px; */
    display: flex;
    justify-content: center;
    align-items: flex-end;
    position: relative;
    overflow: visible;
    /* box-shadow: 0 10px 20px rgba(102, 166, 255, 0.3); */
}

.avatar-img {
    width: 84px;
    height: 84px;
    border-radius: 50% 50% 50% 4px;
    /* object-fit: cover; */
    /* border: 2px solid rgba(255, 255, 255, 0.8); */
    margin-bottom: 3px;
}

.card-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.user-voices .name {
    font-size: 22px;
    font-weight: 700;
    color: #1a2b4b;
    margin-bottom: 4px;
}

.user-voices .title {
    font-size: 14px;
    color: #4b5e83;
    font-weight: 600;
    margin-bottom: 12px;
}

.user-voices .description {
    font-size: 13px;
    line-height: 1.6;
    color: #556677;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* --- 状态类 (5张卡片布局) --- */

/* 1. 中间 (Active) */
.user-voices .card.active {
    opacity: 1;
    z-index: 20;
    transform: translateX(0) scale(1);
    box-shadow: 0 30px 60px rgba(43, 74, 180, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.8);
    /* background: linear-gradient(135deg, #E0EAFC 0%, #CFDEF3 100%); */
    background: #fff url(../images/createbg.png) no-repeat top center;
    background-size: cover;
}

/* 2. 右一 (Next) */
.user-voices .card.next {
    opacity: 0.8;
    z-index: 15;
    transform: translateX(250px) scale(0.85);
    cursor: pointer;
}

/* 3. 左一 (Prev) */
.user-voices .card.prev {
    opacity: 0.8;
    z-index: 15;
    transform: translateX(-250px) scale(0.85);
    cursor: pointer;
}

/* 4. 右二 (Next-2) */
.user-voices .card.next-2 {
    opacity: 0.5;
    z-index: 5;
    transform: translateX(475px) scale(0.7);
    cursor: pointer;
    filter: blur(1px);
}

/* 5. 左二 (Prev-2) */
.user-voices .card.prev-2 {
    opacity: 0.5;
    z-index: 5;
    transform: translateX(-475px) scale(0.7);
    cursor: pointer;
    filter: blur(1px);
}

/* 6. 隐藏 */
.user-voices .card.hidden {
    opacity: 0;
    z-index: 0;
    transform: translateX(0) scale(0.5);
}

.user-voices-footer {
    text-align: center;margin-top:2rem
}

.user-voices-sub {
    font-size: 0.95rem;
    color: #4b5563;
    margin-bottom: 1.8rem;
}

.user-voices-btn {
    padding-left: 3.2rem;
    padding-right: 3.2rem;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.user-voices-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 24px rgba(76, 108, 247, 0.25);
}

@media (max-width: 1000px) {
    .carousel-container {
        height: 350px;
    }
    
    .user-voices .card {
        width: 400px;
        height: 240px;
        padding: 25px;
    }
}

/* 页脚 */
.footer {
    background-color: #060b19;
    color: #f8f9fa;
    padding: 3.5rem 0 0;
}

.footer-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 4rem;
    margin-bottom: 2.5rem;
}

.footer-logo {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.footer-logo .logo-icon {
    background-color: var(--white);
    color: var(--primary-color);
}

.footer-columns {
    display: flex;
    justify-content: flex-end;
    flex: 1;
    gap: 4rem;
}

.footer-column h4 {
    font-size: 1rem;
    margin-bottom: 1.2rem;
    color: #ffffff;
}

.footer-column a,
.footer-column p {
    display: block;
    font-size: 0.9rem;
    color: #adb5bd;
    margin-bottom: 0.4rem;
}

.footer-column a:hover {
    color: #ffffff;
}

@media (max-width: 1000px) {
    .footer-content {
        flex-direction: column;
        align-items: flex-start;
        gap: 2rem;
    }

    .footer-columns {
        flex-direction: column;
        gap: 1.5rem;
    }
}

.copyright {
    text-align: center;
    padding: 1.2rem 0;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    background-color: #050814;
    color: #6c738a;
    font-size: 0.85rem;
}

/* 响应式设计：优先保证手机和平板自适应 */

/* 大屏到中等屏的一些收缩优化 */
@media (max-width: 1200px) {
    .container {
        padding: 0 16px;
    }

    .why-card {
        padding: 2.5rem 2.5rem 2.5rem 4.5rem;
    }

    .daily-summary-cards {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        column-gap: 20px;
        row-gap: 20px;
    }

    .daily-summary-card {
        width: 100%;
    }

    .daily-company-jobs-grid-all {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    /* 让公司卡片在这一段宽度内可以更灵活缩放，保证间距协调 */
    .daily-company-grid {
        column-gap: 0.8rem;
        row-gap: 0.8rem;
    }

    /* 公司名保持全宽 */

    /* 防止 1000-1200 区间内固定宽度内容撑出横向滚动条 */
    .partner-slider,
    .logoicoimg,
    .carousel-container {
        width: 100%;
        max-width: 100%;
    }
}

/* 平板：两列布局为主，导航略紧凑 */
@media (max-width: 1000px) {
    .navbar .container {
        flex-wrap: wrap;
        row-gap: 0.5rem;
    }

    .nav-menu {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 1rem;
        margin-left: 1rem;
        font-size: 0.9rem;
    }

    .nav-links {
        margin-left: 0;
    }

    .hero {
        padding: 8rem 0 4rem;
    }

    .hero h1 {
        font-size: 2.1rem;
    }

    .hero-preview {
        margin-top: 2rem;
    }

    .hero-slider {
        height: 360px;
    }

    .hero-slide img {
        height: 100%;
    }

    .why-card {
        gap: 2rem;
        padding: 2.5rem;
    }

    .why-illustration {
        height: 420px;
    }

    .daily-summary-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .daily-company-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 0.8rem;
        row-gap: 0.8rem;
    }

    /* 公司名保持全宽 */

    .daily-company-jobs-grid-all {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
	 .daily-company-jobs-grid-all2 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .job-analysis-top {
        grid-template-columns: 1fr;
    }

    .job-analysis-bottom {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .carousel-container {
        width: 100%;
        height: 320px;
    }

    .logoicoimg,
    .partner-slider {
        width: 100%;
        max-width: 100%;
    }
}

/* 手机和小平板：单列布局，避免横向滚动 */
@media (max-width: 768px) {
    body {
        font-size: 14px;
    }

    .navbar {
        padding: 0.6rem 0;
    }

    .navbar .container {
        flex-wrap: nowrap;
        align-items: center;
    }

    .navbar-toggle {
        display: block;
    }

    .nav-right {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        padding: 0.5rem 1.25rem 0.75rem;
        background-color: rgba(255, 255, 255, 0.98);
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
        flex-direction: column;
        gap: 0.5rem;
        display: none;
    }

    .navbar.open .nav-right {
        display: flex;
    }

    .nav-menu {
        width: 100%;
        margin-left: 0;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .nav-menu a {
        display: block;
        width: 100%;
        padding: 0.25rem 0;
    }

    .nav-links {
        margin-left: 0;
        width: 100%;
        display: flex;
        justify-content: flex-end;
    }

    .hero {
        text-align: center;
        padding: 7rem 0 3.5rem;
    }

    .hero-content {
        margin: 0 auto 2rem;
    }

    .hero h1 {
        font-size: 1.8rem;
    }

    .subtitle {
        font-size: 0.9rem;
    }

    .hero-preview-card {
        max-width: 100%;
    }

    /* 小屏保持轮播有固定高度，避免因为绝对定位导致高度为 0 看不到广告图 */
    .hero-slider {
        height: 320px;
    }

    .hero-slide img {
        height: 100%;
    }

    .why-us {
        padding: 3.5rem 0;
    }

    /* 手机上公司名允许自动换行 */
    .company-card-name {
        white-space: normal;
    }

    .why-card {
        flex-direction: column;
        padding: 2rem 1.5rem;
    }

    .why-left {
        padding-top: 0;
    }

    .why-illustration {
        margin: 0 auto;
        width: 100%;
        max-width: 360px;
        height: 360px;
    }

    .daily-analysis-title {
        font-size: 1.8rem;
    }

    .daily-analysis-subtitle {
        width: 90%;
        font-size: 1.1rem;
    }

    .daily-summary-cards {
        grid-template-columns: 1fr;
    }

    .daily-company-grid {
        grid-template-columns: 1fr;
    }

    .daily-company-jobs-grid-all {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .job-analysis-bottom {
        grid-template-columns: 1fr;
    }

    .partner-slider {
        height: auto;
    }

    .partner-logo-row {
        flex-wrap: wrap;
        row-gap: 0.8rem;
    }

    .partner-logo-item {
        flex: 0 0 48%;
    }

    .carousel-container {
        height: 300px;
    }
    
    .user-voices .card {
        width: 320px;
        height: 200px;
        padding: 20px;
    }
    
    .avatar-bg {
        width: 80px;
        height: 80px;
    }
    
    .user-voices .name {
        font-size: 18px;
    }
    
    .user-voices .title {
        font-size: 14px;
    }
    
    .user-voices .description {
        font-size: 12px;
    }

    .footer-content {
        flex-direction: column;
        gap: 1.8rem;
    }

    .footer-columns {
        flex-direction: column;
        gap: 1.2rem;
    }

    .company-card-name {
        width: 100%;
    }
}

/* 超小屏：进一步缩小标题与按钮间距 */
@media (max-width: 576px) {
    .hero h1 {
        font-size: 1.6rem;
    }

    .btn {
        padding: 0.35rem 1.8rem;
        font-size: 0.9rem;
    }

    .btn-outline {
        margin-right: 0.5rem;
    }

    .daily-company-jobs-grid-all {
        grid-template-columns: 1fr;
    }
	.daily-company-jobs-grid-all2 {
        grid-template-columns: 1fr;
    }

    .partner-logo-item {
        flex: 0 0 100%;
    }
}

  @keyframes gradientBG {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }

        .scene {
            width: 100%;
            height: 161px;
            perspective: 500px;
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
        }

        .carousel {
            width: 100%;
            height: 100%;
            position: absolute;
            transform-style: preserve-3d;
            transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .card {
            position: absolute;
            width: 420px;
            height: 220px;
            border-radius: 20px;
            padding: 20px;
            box-sizing: border-box;
            text-align: left;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            box-shadow: 0 15px 35px rgba(0,0,0,0.5);
            opacity: 0.9; 
            border: 1px solid rgba(255,255,255,0.1);
            cursor: pointer;
            user-select: none;
            background: linear-gradient(135deg, #fff 0%, #ddd 100%);
            transition: opacity 0.5s, transform 0.5s;
        }

        /* .card:nth-child(1) { background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 99%, #fecfef 100%); }
        .card:nth-child(2) { background: linear-gradient(135deg, #a18cd1 0%, #fbc2eb 100%); }
        .card:nth-child(3) { background: linear-gradient(135deg, #84fab0 0%, #8fd3f4 100%); }
        .card:nth-child(4) { background: linear-gradient(135deg, #e0c3fc 0%, #8ec5fc 100%); }
        .card:nth-child(5) { background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); }
        .card:nth-child(6) { background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); }
        .card:nth-child(7) { background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%); }
        .card:nth-child(8) { background: linear-gradient(135deg, #fa709a 0%, #fee140 100%); }
        .card:nth-child(9) { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); } */
.card:nth-child(1),.card:nth-child(4),  .card:nth-child(7) {
     background: #fff url(../images/create3bg.png) no-repeat top center;
    background-size: cover;
}

.card:nth-child(2), .card:nth-child(5), .card:nth-child(8){
     background: #fff url(../images/create2bg.png) no-repeat top center;
    background-size: cover;
}

.card:nth-child(3), .card:nth-child(6), .card:nth-child(9){
     background: #fff url(../images/createbg.png) no-repeat top center;
    background-size: cover;
}



        
        .avatar {
            width: 100px;
            height: 100px;
            border-radius: 50%;
            background: rgba(255,255,255,0.4);
            margin-right: 25px;
            margin-bottom: 0;
            border: 3px solid rgba(255,255,255,0.8);
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0,0,0,0.2);
            flex-shrink: 0;
        }

        .avatar img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .info {
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .card h2 {
            margin: 0 0 5px 0;
            font-size: 1.8em;
            color: #fff;
            text-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }

        .card p {
            margin: 0;
            font-size: 1em;
            color: rgba(255,255,255,0.95);
            line-height: 1.4;
            font-weight: 500;
        }
		.clearfix::after {
    display: block;
    clear: both;
    content: "";
}