/***** 0-优化框架的样式 *****/ 
.layui-input, .layui-select, .layui-textarea {
    height: 32px;
    line-height: 32px;
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    color: rgba(0, 0, 0, .85);
    border-radius: 2px;
}
.layui-form-label {
    position: relative;
    float: left;
    display: block;
    padding: 6px 15px;
    width: 80px;
    font-weight: 400;
    line-height: 20px;
    text-align: right;
}
.layui-form-mid {
    position: relative;
    float: left;
    display: block;
    padding: 6px 0 !important;
    line-height: 20px;
    margin-right: 10px;
}
.layui-input-block {
    margin-left: 110px;
    min-height: 32px;
}

/***** 0-common *****/ 
.winewarp {
}

.wine-nav {
    background: var(--bgmain2-color);
    z-index: 1000;
    border-radius: 4px;
    padding: 0 20px;
    width: 100%;
    box-sizing: border-box;
}
.nav-menu {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    flex-wrap: wrap; 
    justify-content: flex-start;
}
.nav-item {
    position: relative;
    text-align: center;
    padding: 10px 0;
    margin: 0 5px;
    flex: 0 0 auto;
}

.nav-link {
    color: rgba(var(--cdp-main-rgb), 0.8) !important;
    font-size: 16px;
    text-decoration: none;
    padding: 10px 12px;
    height: auto;
    letter-spacing: 0.5px;
    border-radius: 6px;
    display: flex; 
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    box-sizing: border-box;
}

.nav-link:hover {
    background-color: var(--text-005-color);
    border-radius: 6px;
}

.nav-link.active {
    background: rgba(78, 70, 180, 0.1);
    color: var(--cdp-base) !important;
    font-weight: 600;
}

.insitem{

}
.insitem .nav-link{
}
.instips{
    position: absolute;
    right: -6px;
    top: 4px;
    font-size: 10px;
    padding: 2px 4px;
    border-radius: 4px;
    color: #8a510b;
    background: linear-gradient(90deg, #f7d2a6, #f6c58d);
}


/* 移动端响应式适配 */
@media screen and (max-width: 768px) {
    .wine-nav {
        padding: 0 10px; 
        border-radius: 0; 
    }

    .nav-menu {
        overflow-x: auto; 
        -webkit-overflow-scrolling: touch; 
        flex-wrap: nowrap; /
        justify-content: flex-start;
        padding-bottom: 5px; 
    }

    .nav-item {
        margin: 0 3px; 
        padding: 8px 0;
        flex: 0 0 auto;
    }

    .nav-link {
        font-size: 14px; 
        padding: 8px 10px; 
        min-height: 44px; 
        letter-spacing: normal;
    }
}

@media screen and (max-width: 480px) {
    .nav-link {
        font-size: 13px;
        padding: 6px 8px;
        min-height: 40px;
    }

    .nav-item {
        margin: 0 2px;
    }
}







.indicrumb{
    margin-top: 6px;
    margin-bottom: 10px;
}

/* 页面公用框架 */
.winebody{
    padding: 10px 0 15px 0;
}
 
 
/* 新增样式：
1、解决行高根据内容自适应；
2、注意不能和固定列一起使用
*/ 
.results-list .layui-table-cell {
    height: auto !important;
    white-space: normal !important;
    padding:8px 10px !important;
    line-height: 1.5 !important;
}

.el-cascader{
    min-width: 400px;
}

.discontinued-badge {
    background-color: #889596;
    color: #fff;
    display: inline-block;
    padding: 2px 4px;
    border-radius: 4px;
    font-size: 10px;
    letter-spacing: 0.5px;
    margin-left: 4px;
}

/***** 0-功能首页样式 *****/
.indexcd-tabs{
    display: flex;
}
.indexcd-tabs .tab {
    padding: 4px 8px;
    font-size: 12px;
    margin-right: 5px;
    border-radius: 3px;
    cursor: pointer;
    background: #f8f8f8;
    border: 1px solid #e6e6e6;
}
.indexcd-tabs .tjactive {
    background: #1E9FFF;
    color: white;
    border-color: #1E9FFF;
}

/***** 0-功能首页样式 *****/
.indexcard{
    background: var(--bgmain2-color);
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}
.indexcard-title {
    font-size: 18px;
    padding: 10px 15px;
    font-weight: 600;
    color: rgba(var(--cdp-main-rgb), 1);
    border-bottom: 1px solid rgba(var(--cdp-main-rgb), 0.05);
}


/* b 各模版子标题 */
.wine-title{display: flex; justify-content: left; align-items: center; padding: 12px 15px; border-bottom: 1px solid rgba(var(--cdp-main-rgb), 0.05);}
.wine-title .lfinfo{flex:1;  padding-left: 0;display: flex;  justify-content: left; align-items: center; }
.wine-title .lfinfo .name{font-size: 18px; font-weight: bold;  color: rgba(var(--cdp-main-rgb), 1);   }
.wine-title .lfinfo .tips{font-weight: 400; margin-left: 4px; margin-right: 6px; font-size: 13px; color: rgba(var(--cdp-main-rgb), 0.7); margin-top: 2px;  line-height: 24px;}
.wine-title .rgset{ display: flex; justify-content: right; align-items: center; }
.wine-title .rgset .titoperate .cdptips{ background: #f1f3f4; height: 30px; width: 30px; margin-left: 10px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
.wine-title .rgset .titoperate .cdptips .ti{font-size: 16px;}


 
.inx-cardcont{
    padding: 10px 15px;
}





 /***1.首页热门价格滚动**/
        .scroll-ticker { 
            overflow: hidden;
            position: relative; 
        }
        .scroll-ticker::before,
        .scroll-ticker::after {
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            width: 60px;
            z-index: 10;
            pointer-events: none;
        }
        .scroll-ticker::before {
            left: 0;
            background: linear-gradient(to right, #f8f9fa, transparent);
        }
        .scroll-ticker::after {
            right: 0;
            background: linear-gradient(to left, #f8f9fa, transparent);
        }
        .ticker-wrapper {
            display: flex;
            animation: scroll 120s linear infinite;
            width: fit-content;
            -webkit-animation: scroll 120s linear infinite;
}
        .ticker-wrapper:hover {
            animation-play-state: paused;
        }
        @keyframes scroll {
            0% {
                transform: translateX(0);
            }
            100% {
                transform: translateX(-50%);
            }
        }
        .ticker-item {
            display: flex;
            align-items: center;
            padding: 8px 15px;
            margin: 0 8px;
            border-radius: 6px;
            white-space: nowrap;
            gap: 20px;
            cursor: pointer;
            background: var(--bgmain2-color);
            color: rgba(var(--cdp-main-rgb), 1);
            border: 1px solid rgba(var(--cdp-main-rgb), 0.1);
        }
        .ticker-item .name {
            color: rgba(var(--cdp-main-rgb), 1);
            font-weight: bold;
            font-size: 14px; 
        }
        .ticker-item .spec {
            color: #6c757d;
            font-size: 12px; 
        }
        .ticker-item .price { 
            color: var(--cdp-base);
            font-weight: bold;
            font-size: 16px; 
        }
        .ticker-item .change {
            font-size: 14px;
            font-weight: bold; 
            text-align: right;
        }
        .ticker-item .change.up {
            color: #dc3545;
        }
        .ticker-item .change.down {
            color: #28a745;
        }
        .ticker-item .change.flat {
            color: #6c757d;
        }
 /***1.首页的搜索区域**/
        
.winesearch{
    padding: 20px 30px;
}

.search-toper {
    text-align: center; 
    margin-bottom: 10px;
}
.search-toper .maintitle {
    color: var(--cdp-base) !important;
    font-size: 24px;
    font-weight: 600;  
    margin-bottom: 6px;
} 
.search-toper .subtitle {
    color: rgba(var(--cdp-base-rgb), 1);
    font-size: 14px;
    opacity: 0.8;
}


.search-container {
    position: relative; 
    margin: 15px 0;width: 100%;
} 
.search-input {
    background: rgba(var(--cdp-main-anti-rgb), 1);
    border: 1px solid var(--text-01-color);
    color: var(--cdp-main);
    width: 100%;
    padding: 12px 10px 12px 45px;
    box-sizing: border-box;
    font-size: 16px;
    border-radius:8px;
    outline: none;
    transition: all 0.3s ease;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -ms-border-radius:8px;
    -o-border-radius:8px;
}
.search-input:focus {
    border-color: rgba(var(--cdp-base-rgb), 0.8);
} 
.search-input::placeholder {
    color: rgba(var(--cdp-base-rgb), 0.8);
} 
.search-icon {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(var(--cdp-base-rgb), 0.8);
    font-size: 24px;
}


.results-container {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: white;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    max-height: 400px;
    overflow-y: auto;
    z-index: 9999;
    display: none;
    margin-top: 5px;
    -webkit-border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    -ms-border-radius: 0 0 8px 8px;
    -o-border-radius: 0 0 8px 8px;
}        
.result-item {
    padding: 10px 25px;
    cursor: pointer;
    border-bottom: 1px solid rgba(var(--cdp-base-rgb), 0.1);
    transition: background-color 0.2s;
    display: flex;
    align-items: center;
}        
.result-item:last-child {
    border-bottom: none;
}
.result-item:hover {
    background-color: rgba(var(--cdp-base-rgb), 0.04);
}     

.result-item.selected {
    background-color: rgba(var(--cdp-base-rgb), 0.04);
}   
.result-item .result-icon {
    margin-right: 12px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 12px;
}        
.result-item .company-icon {
    background-color: rgba(var(--cdp-base-rgb), 0.8);
    color: white;
}

.result-item .product-icon {
    background-color: rgba(var(--cdp-blue-deep-rgb), 0.8);
    color: white;
}

.result-item .result-content {
    flex: 1;
}

.result-item .result-title {
    color: #333;
    font-weight: 500; 
}
.result-item .result-desc {
    color: #666;
    font-size: 13px;
}
.result-item .result-type {
    font-size: 12px;
    color: white;
    padding: 4px 8px;
    border-radius: 4px;
    margin-left: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}                
.result-item .company-type {           
    background-color: rgba(var(--cdp-base-rgb), 0.8);

}
.result-item .product-type {
    background-color: rgba(var(--cdp-blue-deep-rgb), 0.8);
}

.no-results {
    padding: 20px;
    text-align: center;
    color: rgba(var(--cdp-main-rgb),0.7);
}
    
.company-badge {
    background-color: rgba(var(--cdp-base-rgb), 0.8);
}

.product-badge {
    background-color: rgba(var(--cdp-blue-deep-rgb), 0.8);
}



        .hot-searches { 
            display: flex;   
            margin-top: 10px;
        } 
        .hot-title {
            font-size: 14px; 
            color: rgba(var(--cdp-main-rgb),0.7); 
            display: flex;
            align-items: center; 
            text-align: right;
            margin-right: 10px;
        }  
       .hot-tags { 
            flex: 1;
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            overflow: hidden; 
            max-height: 30px; 
            line-height: 30px; 
        }
        .hot-tag {
            display: inline-block;
            height: 30px;
            line-height: 30px;
            padding: 0px 8px;
            background: rgba(78, 70, 180, 0.06);
            color: rgba(var(--cdp-main-rgb), 0.8);
            border: 0px solid rgba(var(--cdp-main-rgb), 0.4);
            border-radius: 4px;
            font-size: 13px;
            cursor: pointer;
            transition: all 0.2s ease;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
        } 
        .hot-tag:hover {
            background: #f3ebe1;
            border-color: #d4a574; 
            box-shadow: 0 4px 8px rgba(139, 69, 19, 0.1);
        } 
        .hot-tag:active {
            transform: translateY(0);
        } 

/* 滚动条样式 */
.results-container::-webkit-scrollbar {
    width: 8px;
} 
.results-container::-webkit-scrollbar-track {
    border-radius: 4px;
} 
.results-container::-webkit-scrollbar-thumb {
    border-radius: 4px;
}

.results-container::-webkit-scrollbar-thumb:hover {
}

         


 /***2.产品介绍及定价**/
.wineintro{}
.introdes{
    text-align: justify;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgba(var(--cdp-main-rgb), 1);
}

.mobintrodes{
}





 .introprice{ 
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
} 
.level1 {
    background: linear-gradient(278deg, #ecf5ff .36%, #f6f9ff 98.4%);
} 
.level2 {
    background: linear-gradient(96deg, rgb(255, 247, 246) 1.28%, rgb(255, 236, 233) 99.71%);
} 
.level3 {
    background: linear-gradient(270deg, rgb(233, 223, 255) 0%, rgb(243, 238, 255) 100%);
}

.dark-theme .level1 {
    background: linear-gradient(278deg, rgba(20, 40, 60, 0.4) 0.36%, rgba(25, 45, 65, 0.3) 98.4%);
}
.dark-theme .level2 {
    background: linear-gradient(96deg, rgba(60, 30, 25, 0.3) 1.28%, rgba(65, 35, 30, 0.4) 99.71%);
}
.dark-theme .level3 {
    background: linear-gradient(270deg, rgba(50, 35, 70, 0.4) 0%, rgba(55, 40, 75, 0.3) 100%);
}

.itemprice{
    padding: 10px;
    text-align: center;
    border-radius: 4px;
    color: rgba(var(--cdp-main-rgb), 0.8);
    border: 1px solid rgba(var(--cdp-main-rgb), 0.06);
}
.itemprice .goods{
    display: inline-block;
    font-size: 12px;
    padding: 4px 10px;
    border-radius:4px;
    margin-bottom: 4px;
}
.itemprice .byuser{
    font-size: 12px;
    margin-bottom: 4px;
}
.introprice .price{
    color: var(--cdp-base);
}
.introprice .price em{
    font-family: HarmonyOS_Sans_Bold;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
}
.introprice .price span{
    font-size: 13px;
}





/***3.今日酒价相关信息**/
        .todayprice {
            padding: 10px 15px;
        }        
        .content-column { 
        }
        .column-tongji{
        }
        .column-price{ 
            flex: 1;
            min-width: 300px; 
            margin: 0 10px; 
        }
        .column-city{ 
            flex: 1;
            min-width: 300px; 
            margin: 0 10px; 
        }


        
        /* 第1.日期及统计 */
        .index-tongji{ 
            margin-top: 15px;
        } 
        .inx-summary-stats {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 10px;
        }
        
        .inx-summary-stats .stat-item {
            color: rgba(var(--cdp-main-rgb), 1);
            border:1px solid rgba(var(--cdp-main-rgb), 0.05);
            border-radius: 6px;
            padding: 10px 15px;
            text-align: center;
            display: flex;
            flex-direction: column;
            transition: all 0.3s ease;
            position: relative;
        }
        
        .inx-summary-stats .stat-item:hover {
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
            transform: translateY(-2px);
        }
        
        .inx-summary-stats .stat-name {
            font-size: 14px;
            font-weight: 600;
            margin-bottom: 4px;
        }
        
        .inx-summary-stats .stat-value {
            font-size: 22px;
            font-weight: 700;
        }
        .inx-summary-stats .stat-value span{
            font-size: 12px;
            margin-left: 2px;
        }
        
       .inx-summary-stats .stat-desc {
            font-size: 14px;
        }
        
        .inx-summary-stats .positive {
            color: #cf1322;
        }
        
       .inx-summary-stats .negative {
            color: #3f8600;
        }
        
        .inx-summary-stats .neutral {
            color: #8c8c8c;
        }     

        
       .inx-summary-stats .stat-product {
            position: absolute;
            right: 15px;
            top: 15px;
            font-size: 16px;
            font-weight: 500; 
        } 
        .inx-tips{
            font-size: 12px;
            margin-top: 12px;
            color: rgba(var(--cdp-main-rgb), 0.8);
        }

        /* 第2.列表 */ 
        .winecd-header { 
            margin-bottom: 10px;
            padding: 10px 0;
        } 
        .winecd-header .maintitle {
            font-size: 16px;
            font-weight: 600;
            color: rgba(var(--cdp-main-rgb), 1);
            text-align: center;
            margin-bottom: 5px;
        } 
        .winecd-header .subtitle {
           padding: 0 20px;
            max-width: 340px;
            margin: 0 auto;
        }  
        .winecd-body { 
        }
        
        /* 日历样式 */
        .calendar-display {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            margin-top: 5px;
        }
        .calendar-display .year{
            background: #f1f3f4; 
            width: 100px;
            padding: 4px 0px 2px;
            font-size: 15px;
            text-align: center;
        }            
        .calendar-display .mouth{
            background: #f1f3f4; 
            width: 100px;
            padding:  2px 0px 4px;
            font-size: 15px;
            text-align: center;
        }        
        .calendar-display .date { 
            background: #ddf4ff; 
            width: 100px;
            display: flex;
            align-items: center;
            justify-content: center; 
            font-size: 36px;
            font-weight: bold;
            font-family: HarmonyOS_Sans_Bold;
        }
        .calendar-display .date em{
            font-size: 14px;
            margin-left: 3px;
            font-style: normal;
        }
        .calendar-display .calendar{
            margin-bottom: 10px;
        } 
        .calendar-display .weekday {
            font-size:16px;
            color: #8b4513;
            font-weight: 600; 
        }  
        .calendar-display .traditional{
            font-size: 16px;
            color: #666; 
        } 
        .todaytitle{
            text-align: center;
            margin-top: 10px;
        }
        .todaytitle .t1{
            display: inline-block;
            font-size: 12px;
            padding: 5px 7px;
            background: rgba(var(--cdp-main-rgb), 0.1);
            color: rgba(var(--cdp-main-rgb), 0.8);
            border-radius: 4px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
        }
         .todaytitle .t2{
             margin-top: 4px;
             display: block;
            font-size: 15px;
            font-weight: bold;
            text-align: center;
            color: var(--cdp-base) !important;
         }
        /* 手机列表样式 */

.mobliecalendar{
    font-size: 12px;
    text-align: center;
}
.mobletodaytitle{
    text-align: center;
    margin-top: 6px;
    font-size: 14px;
    padding: 4px;
}
.mobletodaytitle .t1{
    margin-right: 4px;
}
.mobletodaytitle .t2{
    font-weight: bold;
    text-align: center;
}

.price-up {
    color: #cf1322;
    background-color: #fff1f0;
}

.price-down {
    color: #3f8600;
    background-color: #f6ffed;
}

.price-neutral {
    color: rgba(var(--cdp-main-rgb), 1);
    background-color: #f5f5f5;
}


/* 酒价列表样式 */
        .price-list{ 
        } 
        .price-list .layui-table{
            margin: 0;
        }   
         .trend {
            font-size: 12px;  
            white-space: nowrap;
        } 
        .trend.up { 
            color: #cf1322;
        } 
        .trend.down { 
            color: #3f8600;
        } 
        .trend.stable { 
            color: #909399;
        }
        
        .pricemore{
            text-align: center;
            margin-top: 20px;
        } 
        .pricemore a{
            background: rgba(78, 70, 180, 0.06);
            color: rgba(var(--cdp-main-rgb), 0.8);
            border: 0px solid rgba(var(--cdp-main-rgb), 0.4);
            padding: 6px 12px;
            font-size: 12px;
            border-radius: 4px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
} 
        .pricemore a:hover{ 
            color: rgba(var(--cdp-main-rgb), 1); 
            border-radius: 10px;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            -ms-border-radius: 10px;
            -o-border-radius: 10px;
}

/* 白酒上市公司产业链 */
.winetoper{margin: 0 auto;text-align: center;}
.winetoper .name{line-height: 20px;}
.winetoper .unit{font-size: 12px; line-height: 16px; font-weight: 300;}

/* 白酒上市公司产业链 */ 
.liquor-industry-entrance { 
   background: var(--bgmain2-color);
    border-radius: 6px;  
    transition: all 0.3s ease;
    position: relative;
    margin-bottom: 20px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}     
.entrance-link {
    display: block;
    text-decoration: none;
    color: inherit;
    padding: 0;
}

.entrance-content {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.entrance-visual {
    flex: 0 0 30%;
    background: var(--cdp-base);
    padding: 30px;
    border-radius: 6px;
    height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}   
.entrance-title {
    color: white;
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 5px;
    letter-spacing: 1px;
}

.entrance-subtitle {
    color: #f8d568;
    font-size: 16px;
    text-align: center;
    font-weight: 500;
}

.entrance-info {
    flex: 1;
    padding: 30px 40px;
}

.entrance-description {
    font-size: 16px;
    color: rgba(var(--cdp-main-rgb), 1);
    margin-bottom:10px;
    line-height: 1.7;
} 
.entrance-action {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
} 
.entrance-action .stats {
    display: flex;
    gap: 20px;
}

.stat-item {
    display: flex;
    flex-direction: column;
}

.stat-value {
    font-size: 20px;
    font-weight: 700;
    color:var(--cdp-base);
}

.stat-label {
    font-size: 13px;
    color: #777;
}

.enter-button {
    background: var(--cdp-base) !important;
    color: white;
    padding: 8px 20px;
    border-radius: 30px;
    font-weight: 600;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: all 0.3s ease; 
}

.enter-button:hover {
    background: var(--cdp-base) !important;
    transform: translateX(5px);
}

.entrance-tips{
    background: #f1f3f4;
    color:var(--cdp-base) !important;
    padding: 6px 10px;
    border-radius: 4px;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .entrance-content {
        flex-direction: column;
    }
    
    .entrance-visual {
        flex: 0 0 auto;
        width: 100%;
        padding: 25px;
    }
    
    .entrance-info {
        padding: 25px;
    }
    
    .entrance-action {
        flex-direction: column;
        gap: 20px;
        align-items: flex-start;
    }
    
    .stats {
        width: 100%;
        justify-content: space-between;
    }
    
    .enter-button {
        align-self: flex-end;
    }
}

@media (max-width: 480px) {
    .entrance-title {
        font-size: 24px;
    }
    
    .wine-icon {
        font-size: 50px;
    }
    
    .entrance-description {
        font-size: 16px;
    }
    
    .industry-chain {
        gap: 8px;
    }
    
    .chain-item {
        font-size: 12px;
        padding: 6px 12px;
    }
}




.wine-stkname{
    width: 64px;
    display: inline-block;
    color: var(--cdp-base);
}
.wine-stkcode{
    font-size: 13px;
}

/* b 各模版子标题 */

.fundinxnums{display: flex;
    flex-wrap: wrap;
    gap: 10px;}
.fundinxnums .indexcard{flex: 1}



        .inx-industry-summary{
            display: grid;
            grid-template-columns: repeat(6, 1fr);
            gap: 15px;
            border-top: 1px solid #f0f0f0;
            padding-top: 20px;
        }
        
        .inx-industry-summary .industry-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
        }
        
        .inx-industry-summary .industry-label {
            font-size: 14px;
            color: #666;
            margin-bottom: 5px;
        }
        
        .inx-industry-summary .industry-value {
            font-size: 18px;
            font-weight: 600;
        }
        
 
        /* 图表区域 */
        .inx-charts-section{
            display: flex;
            flex-direction: column;
            gap: 20px;
        } 
        .inxchart-content{
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
        }        
        .inxchart-wrapper {
            height: 300px;
        } 
        .inxchart-info {
            font-size: 16px;
            font-weight: 600; 
        }

/* 活跃的投资机构 */
.pvtab-cell{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all;
    line-height: 23px;
    padding-left: 10px;
    padding-right: 10px;
}


/* 活跃的投资机构 */
.investment-table {
    width: 100%;
    border-collapse: collapse;
    color: rgba(var(--cdp-main-rgb), 1);
}

.investment-table th {
    background-color: var(--text-005-color);
    color: rgba(var(--cdp-main-rgb), 0.7);
    font-weight: 600;
    text-align: left;
    padding: 8px 12px;
    border-bottom:1px solid rgba(var(--cdp-main-rgb), 0.05);
    font-size: 12px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.investment-table td {
    padding: 8px 12px;
    border-bottom:1px solid rgba(var(--cdp-main-rgb), 0.05);
    vertical-align: middle;
}
.investment-table tr:last-child td {
    border-bottom: 0 solid #f0f0f0;
}

.institution-info {
    display: flex;
    align-items: center;
    height: 42px;
}

.institution-logo {
    width: 36px;
    height: 36px;
    border-radius:4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    margin-right: 10px;
    flex-shrink: 0;
    color: #fff;
    border:1px solid rgba(var(--cdp-main-rgb), 0.12);
    overflow: hidden;
}
.institution-logo img{
    width: 100%;
}
.logo-bg1 { background-color: var(--RandomColors-1); }
.logo-bg2 { background-color: var(--RandomColors-2); }
.logo-bg3 { background-color: var(--RandomColors-3); }
.logo-bg4 { background-color: var(--RandomColors-4); }
.logo-bg5 { background-color: var(--RandomColors-1); }

.institution-name {
    font-size: 14px;
    font-weight: 600;
    color: rgba(var(--cdp-main-rgb), 1);
    max-width: 240px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.institution-subtitle {
    font-size: 12px;
    color: rgba(var(--cdp-main-rgb), 0.8);
    margin-top: 2px;
    max-width: 100px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.total-value, .recent-value {
    font-size: 14px;
    font-weight: 600;
    color: rgba(var(--cdp-main-rgb), 1);
}

.case-info {
}

.case-name {
    font-size: 14px;
    font-weight: 500;
    color: rgba(var(--cdp-main-rgb), 0.9);
    margin-bottom: 4px;
}

.case-time {
    font-size: 12px;
    color: rgba(var(--cdp-main-rgb), 1);
    font-weight: 500;
}

.detail-btn {
    background-color: #f97316;
    color: white;
    border: none;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    text-align: center;
}

.detail-btn:hover {
    background-color: #ea580c;
}

.insmoreline{
    max-width: 150px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.insmorekey{
    max-width: 100px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.insnewskey{
    max-width: 300px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}


/**专题**/

        .topics-wrapper { 
        }
        
        .topics-container {
            display: grid;
            grid-template-columns:repeat(3,1fr);
            gap: 20px;
            padding: 20px;
        }
        
        .topic-card {
            background-color: #fff;
            padding: 20px;
            border: 1px solid #f0f5ff;
            cursor: pointer;
            border-radius: 6px;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            -ms-border-radius: 6px;
            -o-border-radius: 6px;
}
        
        .topic-card:hover { 
            background: #fafdff;
        } 
        .topic-title {
            font-size: 16px;
            color: #3498db;  
            font-weight: bold; 
        } 
        .topic-meta {
            background: #f8fcff;
            padding: 4px 8px;
            display: flex;
            justify-content: space-between;
            font-size: 12px;
            color: #7f8c8d;
            margin: 6px 0;
            border-radius: 4px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
}
        
        .topic-count {
            color: #e74c3c;
            font-weight: bold;
        }
        
        .topic-date {
            color: #27ae60;
        }
        
        .topic-desc {
            color: #555;
            line-height: 1.5;
        }



 
        .company-list {
            margin-top: 15px;
            border-top: 1px solid #eee;
            padding-top: 15px;
        }
        .company-item {
            display: flex;
            justify-content: space-between;
            margin-bottom: 8px;
        }
        .company-name {
            font-weight: 500;
        }
        .company-fund {
            color: #27ae60;
            font-size: 0.9rem;
        }



/***** 1-一套列表页 *****/

/* 筛选通过样式 */
 
        /* 筛选条件 */
        .card-filter{
            background-color:var(--bgmain2-color);
            border-radius: 6px;
            box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06); 
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            -ms-border-radius: 6px;
            -o-border-radius: 6px;
        }

        .filter-panel { 
            border-bottom:1px solid rgba(var(--cdp-main-rgb), 0.05);
        }
        
        .filter-section {
            padding: 24px 30px 10px;
            display: flex;
            flex-wrap: wrap;
        }
        
        .filter-section:last-child {
            border-bottom: none;
        }
        
        .filter-title {
            font-size: 16px;
            font-weight: 600;
            color:  rgba(var(--cdp-main-rgb),0.8);
            margin-bottom: 16px;
            display: flex;
            align-items: center;
            width: 100%;
        }
        
        .filter-title-icon {
            width: 4px;
            height: 16px;
            background-color: #722ed1;
            border-radius: 2px;
            margin-right: 8px;
        }
        
        .filter-item {
            display: flex;
            align-items: flex-start;
            margin-right: 30px;
            margin-bottom: 15px;
            width: 100%;
        }
        
        .filter-label {
            font-size: 14px;
             color: rgba(var(--cdp-main-rgb), 0.6);
            margin-right: 10px;
            min-width: 86px;
            padding-top: 4px;
        }
        
        .filter-value {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 8px;
            flex: 1;
        }
        
        .filter-option {
            padding: 4px 12px;
            background-color: var(--text-005-color);
            color: rgba(var(--cdp-main-rgb), 0.8);
            border:1px solid rgba(var(--cdp-main-rgb), 0.05);
            border-radius: 4px;
            font-size: 12px;
            cursor: pointer;
            transition: all 0.2s;
            user-select: none;
            white-space: nowrap;
        }
        
        .filter-option:hover {
            background-color: rgba(var(--cdp-main-rgb), 0.05);
            border-color: rgba(var(--cdp-main-rgb), 0.1);
        }
        
        .filter-option.active {
            background-color: #f9f0ff;
            color: #722ed1;
            border-color: #d3adf7;
        }
        
        .filter-input {
            padding: 8px 12px;
            border: 1px solid #d9d9d9;
            border-radius: 4px;
            width: 140px;
            font-size: 14px;
            height: 36px;
        }
        
        .filter-input:focus {
            outline: none;
            border-color: #722ed1;
            box-shadow: 0 0 0 2px rgba(114, 46, 209, 0.1);
        }
        
        .filter-select {
            padding: 8px 12px;
            border: 1px solid #d9d9d9;
            border-radius: 4px;
            font-size: 14px;
            color: #333;
            background-color: #fff;
            height: 36px;
        } 
        
 
        .other-input-container {
            display: none;
            width: 100%;
            margin-top: 0px;
        }
        
        .other-input-container.active {
            display: flex;
            align-items: center;
            gap: 8px;
        }
        
        .other-input {
            padding: 5px 12px;
            border: 1px solid #d9d9d9;
            border-radius: 4px;
            font-size: 14px;
            flex: 1;
            max-width: 300px;
        }
        
        .filbtn {
            padding: 6px 12px;
            border-radius: 4px;
            font-size: 12px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.2s;
            border: 1px solid transparent;
        }
        
        .pebtn-reset {
            background-color: #fff;
            color: #666;
            border-color: #d9d9d9;
        }
        
        .pebtn-reset:hover {
            background-color: #fafafa;
            border-color: #722ed1;
            color: #722ed1;
        }        
        .pebtn-search {
            background-color: #722ed1;
            color: #fff;
        }        
        .pebtn-search:hover {
            background-color: #6133a3;
        }


        /* 已选择的筛选条件 */ 
        .filter-list {
            display: none;  
            padding: 10px 30px; 
        }

        .clear-all-btn { 
            display: inline-flex;
            align-items: center;
            padding: 4px 12px;
            background-color: #f0f5ff;
            border-radius: 4px;
            font-size: 12px;
            color: #333; 
            cursor: pointer;
        }

        .clear-all-btn:hover {
            color: #40a9ff;
        }
        
        .filter-list-warp{
            display: flex;
            align-items: flex-start;
            margin-right: 30px;
            margin-bottom: 15px;
            width: 100%;
        }
        
        .select-title{
            font-size: 14px;
            color: #666;
            margin-right: 10px;
            min-width: 80px;
            padding-top: 4px;
        } 
        .selected-filters {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            flex: 1; 
        }
        
        .selected-filter {
            display: inline-flex;
            align-items: center;
            padding: 4px 12px 4px 16px;
            background-color: #f0f5ff;
            border-radius: 4px;
            font-size: 12px;
            color: #333;
        }
        
        .selected-filter .close {
            margin-left: 8px;
            cursor: pointer;
            color: #999;
            font-size: 16px;
            line-height: 1;
        }
        
        .selected-filter .close:hover {
            color: #722ed1;
        }

 
        /* 筛选结果 */
        .card-result{ 
        }
 
        .results-count {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            padding: 10px 0;
            box-sizing: border-box;
        }

        .getcount {
            text-align: left;
            color: rgba(var(--cdp-main-rgb), 1);
        }

        .getother {
            text-align: right;
        }

        .btnimport {
            padding: 4px 12px;
            background-color: #007bff;
            color: white;
            border: none;
            border-radius: 4px;
            cursor: pointer;
        }

        .btnimport:hover {
            background-color: #0056b3;
        } 
        .result-tag {
            font-weight: bold;
            color: #722ed1;
            margin: 0 5px;
        }  
 

        /* 页面上的表格 */
        .results-list {  
            margin-bottom: 10px;
        }  
        .layui-table{ 
            color: #222;
        }
        .results-list a{
            color: var(--cdp-base);
        }

        /* 筛选条件使用layui组件 */ 
        .filtercondition{
            padding: 15px 15px 5px;
        }
        .card-filter .layui-form-item{
            margin-bottom: 10px;
        }
        .card-filter .layui-form-label{
            width: 68px;    position: relative;
            float: left;
            display: block;
            padding: 7px 15px;
            width: 126px;
            font-weight: 400;
            line-height: 20px;
            text-align: right;
            color: var(--text-06-color);
        }
        .card-filter .layui-inline{
            margin-bottom: 5px;
        }

        .fliter-seabtn{
            margin-left: 65px;
        }
        .fliter-seabtn  .layui-btn{
            height: 36px;
            line-height: 36px;
            padding: 0 18px;
            font-size: 14px;
        }
        .fliter-seabtn .layui-btn-primary{
            background: #f1f2f4;
            border: none;
            color:rgba(var(--cdp-main-rgb), 0.8) !important;
        }


        /* 页面上的表格--表格中的单元格样式定制*/
        
        /* 1.公司名称组合*/
        .company-info {
            display: flex;
            align-items: center;
        } 
        .cplogo {
            width: 36px;
            height: 36px;
            min-width: 36px;
            border-radius: 50%;
            font-size: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            overflow: hidden;
            color: rgba(var(--cdp-main-rgb), 0.7);
        }
        .company-info .cpvright{
            flex: 1;
            min-width: 0; 
            overflow: hidden;
        } 
        .cplogo img {
            width: 100%; 
            object-fit: cover; 
            display: block;
        }

        .cpvright .cpname {
            font-size: 14px;
            font-weight: 600;
            color: var(--cdp-base);
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }
        .cpvright .cpdetail {
            font-size: 12px;
            color: rgba(var(--cdp-main-rgb), 0.8);
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }
        .cpfiled{
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }
        .card-tips{
            background-color: var(--text-005-color);
            border-radius: 6px;
            box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06); 
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            -ms-border-radius: 6px;
            -o-border-radius: 6px;
        }
        .pagetips{
            padding: 15px 20px;
            color: rgba(var(--cdp-main-rgb), 0.8);
            font-size: 12px;
        }


 .layui-table-header thead tr:first-child th{
    border-top: none!important;
 }
.layui-table-header thead th{
    border-right: 1px solid rgba(var(--cdp-main-rgb), 0.05)!important; 
    border-left: none!important;
    border-top: 1px solid rgba(var(--cdp-main-rgb), 0.05)!important; 
        border-bottom: none!important;

}

/***表格中的可循环数据的显示***/
.wineprolist{}
.wineprolist .proitem{
    background:rgba(var(--cdp-main-rgb), 0.01);
    border: 1px solid var(--cxui-btn-white-line-color);
    padding: 2px 5px;
    white-space: nowrap;
    display: inline-block;
    margin: 2px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}
.wineprolist .promore{
    padding: 2px 5px;
}

/***表格中的单元格最多显示2行效果***/
.investor-list {
      display: -webkit-box;
      display: -moz-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      -moz-box-orient: vertical;
      box-orient: vertical;
      line-clamp: 2;
      overflow: hidden;
      text-overflow: ellipsis;
      word-break: break;
      line-height: 1.5em;
      transition:
              max-height 0.3s ease-in-out,
              -webkit-line-clamp 0.3s ease-in-out;
      transition-property: max-height, -webkit-line-clamp;
      will-change: max-height;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      text-overflow: ellipsis;
  }
.investor-list span{
    margin-left: 10px;
}
.investor-list span:first-child{
    margin-left: 0;
}

.investor-list .spanlink{
    margin-left: 10px;
}

.investor-list .spanlink:first-child{
    margin-left: 0px;
}



/* 如果需要渐变遮罩效果（高级） */
.investor-list.fade-mask {
    position: relative;
    mask-image: linear-gradient(to bottom, black 60%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%);
    transition:
            max-height 0.4s ease-in-out,
            mask-image 0.4s ease-in-out;
}

.investor-list.fade-mask:hover {
    mask-image: linear-gradient(to bottom, black 100%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, black 100%, transparent 100%);
}

/* 融资轮次 */
.investor-list .inveroun{
    display: inline-block;
    background-color: var(--text-005-color);
    font-style: normal;
    margin-right:4px;
    margin-bottom: 4px;
    white-space: nowrap;
    padding: 4px;
    font-size: 12px;
}




/***表格中的单元格-展示比较多，但不隐藏***/

.investor-all{}
.investor-all span{
    margin-right: 10px;
    white-space: nowrap;
}
.investor-all span:not(:last-child):after {
    content: ",";
}

        @media (max-width: 768px) {
            .filter-item {
                flex-direction: column;
                align-items: flex-start;
            }
            
            .filter-label {
                margin-bottom: 8px;
            }
            
            .filter-value {
                width: 100%;
            }
            
            .filter-input, .other-input {
                width: 100%;
                max-width: 100%;
            }
            
            .filter-special {
                flex-wrap: wrap;
            }
            
            .range-separator, .date-separator {
                margin: 0 4px;
            }
        }









/***** 3-公司详情页 *****/

.winedetailwarp {   }


    /* 顶部信息栏 */
    .top-info-bar {
        padding: 15px 20px;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
    } 
    .invertbg{
        background: linear-gradient(135deg, rgba(255, 229, 192, .6) 0%, rgb(255 246 232 / 60%) 100%);
        border-bottom: 1px solid #f3d3d7;
    }
    .companbg{      
        background: var(--bgmain2-color);
        border-radius: 4px; 
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); 
    }

    .company-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    } 
    .company-name-section {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .company-name-section .pevlogo {
        width: 60px;
        height: 60px;
        background: #fff;
        border: 1px solid #dedede;
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: bold;
        font-size: 18px;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
}
    .company-name-section .pevlogo img{
        width: 100%;
    }
    .company-name-section .pevlogo span{
        display: block;
        width: 60px;
        height: 60px;
        line-height: 60px;
        background-color: #1a73e8;
        color: white;
        text-align: center;
    }
    .company-name .company-title{
        font-size: 24px;
        color: #1a73e8;
        margin-bottom: 5px;
        font-weight: bold;
    }

    .company-details {
        display: flex;
        gap: 20px;
        color: #666;
        font-size: 14px;
    }

    .detail-item {
        display: flex;
        align-items: center;
        gap: 5px;
    }

    .detail-item i {
        color: #1a73e8;
    }

    .report-btn {
        background:linear-gradient(-45deg, #ffdc94 0%, #fff6e4 100%);
        color: #8f5300;
        border: none;
        padding: 8px 16px;
        border-radius: 4px;
        font-size: 14px;
        cursor: pointer;
        transition: background-color 0.3s;
    }

    .report-btn:hover {
        background-color: #ffe4af;
    }
            
  
    /* 公司详情页的导航栏 */
    .navbar {
        background-color: white;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
        transition: all 0.3s ease;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
}
    
    .navbar.fixed {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1000;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    }
    
    .navbar.fixed .nav-container {
        max-width: 1200px;
        margin: 0 auto;
    }
    
    .nav-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    .nav-tabs {
        display: flex;
        list-style: none;
    }
    
    .nav-tab {
        padding: 10px 24px;
        cursor: pointer;
        color: #666;
        font-size: 16px;
        border-bottom: 3px solid transparent;
        transition: all 0.2s;
    }
    
    .nav-tab.active {
        color: #1a73e8;
        border-bottom: 3px solid #1a73e8;
        font-weight: 600;
    }
    
    .nav-tab:hover:not(.active) {
        color: #333;
        background-color: #f8f9fa;
    }
    
    .official-site {
        color: #1a73e8;
        text-decoration: none;
        font-size: 14px;
        display: flex;
        align-items: center;
        gap: 5px;
    }


/* 二级导航- */
.twowinenav .nav-link {
    padding: 6px 12px;
    min-height: 40px;
    font-size: 14px;
    border-radius: 4px;
}


        /* 公司详情页-主要内容模块 */
        .winedet-content {
            padding: 15px 0 40px;
        }
        
        .detcard {
            background: var(--bgmain2-color);
            border-radius: 4px; 
            margin-bottom: 20px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
            scroll-margin-top: 80px; /* 为固定导航栏留出空间 */
        }        
        .detcard-title {
            font-size: 16px;
            color: rgba(var(--cdp-main-rgb), 1);
            font-weight: bold;
            padding: 10px 20px;
            border-bottom:1px solid rgba(var(--cdp-main-rgb), 0.05);
        }
        
        .project-description {
            font-size: 16px;
            color: #555;
            line-height: 1.8;
        }
        .detcard-conte{
            padding: 15px 20px;
        }

        .detcard-titsub { 
            margin-bottom: 10px;
            background: rgba(78, 70, 180, 0.1);
            color: rgba(var(--cdp-main-rgb), 1);
            font-size: 15px;   
            font-weight: bold;
            padding: 8px 14px;
            border-radius: 2px;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            -ms-border-radius: 2px;
            -o-border-radius: 2px;
        }
        
 


  
        /* 详情页的纯静态表格 */
        .financing-table {
            width: 100%;
            border-collapse: collapse; 
        }
        
        .financing-table th {
            background-color: #f8f9fa;
            color: #555;
            font-weight: 600;
            text-align: left;
            padding: 10px 15px;
            border-bottom: 1px solid #eaeaea;
        }
        
        .financing-table td {
            padding: 10px 15px;
            border-bottom: 1px solid #f0f0f0;
            color: #444;
        }
        
        .financing-table tbody tr:hover {
            background-color: #f9fcff;
        }
        
        .round-badge {
            display: inline-block;
            padding: 4px 10px;
            background-color: #f0f7ff;
            color: #1a73e8;
            border-radius: 4px;
            font-size: 13px;
            font-weight: 500;
        }
        
        .investors {
            color: #666;
            font-size: 14px;
        }
        
        .view-more {
            display: inline-block;
            margin-top: 20px;
            color: #1a73e8;
            text-decoration: none;
            font-weight: 500;
            text-align: center;
        }
        
        .view-more:hover {
            text-decoration: underline;
        }
        

 


        /* 详情页的-公司信息 */
        

        .peinfo-list1 {  
            display: grid;
            grid-template-columns: repeat(1, 1fr); 
        }

        .peinfo-list2 {  
            display: grid;
            grid-template-columns: repeat(2, 1fr); 
        }
        .peinfo-list2 .peinfo-row:nth-child(even){
            margin-left: 10px;
        }
        .peinfo-list2 .peinfo-row:nth-child(odd){
            margin-right: 10px;
        }

         
        .peinfo-list3 {  
            display: flex;
            grid-template-columns: repeat(3, 1fr); 
        }
        .peinfo-row {
            display: flex; 
            padding: 4px 0;
            margin-right: 20px;
            line-height: 28px;
            transition: background-color 0.2s;
        }
        .pefield-title { 
            color: rgba(var(--cdp-main-rgb),0.6);
            padding-right: 10px;
            text-align: right;
        }
        .pefield-titlefund {
            flex: 0 0 200px;
            color: rgba(var(--cdp-main-rgb), 0.7);
            padding-right: 20px;
            text-align: right;
        }
        .pefield-content {
            flex: 1;
            color: rgba(var(--cdp-main-rgb),1);
        }
        .pefield-content p{
            text-align: justify; 
            margin-bottom: 6px;
        }
        
        .pefield-content a{
            color: var(--cdp-base);
        }


        .pefield-content p:last-child{ 
            margin-bottom: 0;
        }



        /* 详情页的标签 */
        .foucus-tag { 
            display: flex;
            flex-wrap: wrap; 
            gap: 10px;
        }
        .tagitem {
            padding: 4px 6px;
            background-color: #64b5f6;
            border-radius: 4px;
            transition: all 0.3s ease;
            cursor: default;
            color: white;
            text-decoration: none;
            font-size: 12px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
        }
        .tagitem:hover {
            box-shadow: 0 5px 15px rgba(0,0,0,0.2);
            background-color: #42a5f5;
        }


 
        /* 详情页的--统计图模块 */
        .pedetialcharts {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 15px;
        }
        
        .pedetialcharts .chart-box {
            border:1px solid rgba(var(--cdp-main-rgb), 0.05);
            border-radius: 6px;
        } 

        .pedetialcharts .chart-header{
            display: flex;
            padding: 10px 15px;
            background-color: var(--text-005-color);
        }
       .pedetialcharts  .chart-title {
            font-size: 18px;
            font-weight: 600;
            color: rgba(var(--cdp-main-rgb), 1);
           height: 30px;
        }
        .pedetialcharts .chart-filter{ 
            flex: 1; 
            margin-left: 15px;
        }
       .pedetialcharts .chart-filter .layui-form-item{
            margin-bottom: 0;
        }
        .pedetialcharts .chart-filter .layui-input, 
        .pedetialcharts .chart-filter .layui-select, 
        .pedetialcharts .chart-filter .layui-textarea{
            height: 30px;
            line-height: 30px;
        }
        .pedetialcharts .chart-filter .layui-form-item .layui-inline{
            margin-bottom: 0;
            max-width: 120px;
        }

        .pedetialcharts .chart-space {
            height: 400px;
        } 





        /* 详情页的---投资伙伴 */
        .partners-container {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            gap: 15px;
        }
        
        .partner-item {
            display: flex;
            align-items: center;
            padding: 15px;
            border-radius: 8px;
            background-color: var(--text-005-color);
            transition: all 0.3s ease;
        }
        
        .partner-item:hover {
            background: rgba(var(--cdp-main-rgb), 0.05);
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }
        
        .partner-icon {
            width: 50px;
            height: 50px;
            border-radius: 8px;
            background-color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 15px;
            color: white;
            font-size: 20px;
        }
        .partner-icon img{
            width: 100%;
        }
        .partner-icon .partext{}


        .partner-info {
            flex: 1;
        }
        
        .partner-name {
            font-size: 16px;
            font-weight: 600;
            color: rgba(var(--cdp-main-rgb), 1);
            margin-bottom: 5px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            max-width: 200px;
        }
        
        .partner-stats {
            display: flex;
            font-size: 14px;
            color: rgba(var(--cdp-main-rgb), 0.8);
        }
        
        .partner-stat {
            margin-right: 15px;
        }
        
        .partner-stat strong {
            color: rgba(var(--cdp-main-rgb), 1);
        }
        
        .view-more {
            display: block;
            text-align: center;
            margin-top: 20px;
            color: #3498db;
            text-decoration: none;
            font-size: 14px;
        }
        
        .view-more:hover {
            text-decoration: underline;
        } 



        /* 详情页的---提示信息 */
        .data-info-card {
            background-color: #ffedee;
            color: #721c24;
            padding: 4px 8px;
            border-radius: 4px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
        }
        .data-info-card p { 
        font-size: 12px;
        line-height: 1.7;
        margin: 0;
        text-align: justify;
        }
 


/***** 0-首页页面样式 *****/
.funds-index{}

   
.fundtoper { 
    padding: 15px 20px; 
} 
.fundtoper .subtitle {
    color: rgba(var(--cdp-main-rgb), 1);
    font-size: 14px; 
    text-align: justify;
}
 

.summary-card {
    flex: 1;
    border-radius: 6px;
    padding: 20px;
    text-align: center;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}
.summary-card .summary-label {
    color: rgba(var(--cdp-main-rgb), 0.7);
    font-size: 15px;
    margin-bottom: 8px;
}
.summary-card .summary-value {
    color: var(--cdp-base);
    font-size: 26px;
    font-weight: 700;
}
.summary-card .summary-value span{
    color: var(--cdp-base);
    font-size: 18px;
    font-weight: 700;
}

        
        .funds-dashboard {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(650px, 1fr));
            gap: 20px;
            margin-bottom: 20px;
        }        
        .funds-chartwarp {
            border-radius: 6px;
            padding: 10px 15px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
            overflow: hidden;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            -ms-border-radius: 6px;
            -o-border-radius: 6px;
            -webkit-transition: transform 0.3s ease, box-shadow 0.3s ease;
            -moz-transition: transform 0.3s ease, box-shadow 0.3s ease;
            -ms-transition: transform 0.3s ease, box-shadow 0.3s ease;
            -o-transition: transform 0.3s ease, box-shadow 0.3s ease;
} 
        
        .funds-chartwarp  .fdchart-title{
            color: #1e3a8a;
            font-size: 16px;
            margin-bottom: 10px;
            padding-bottom: 10px;
            border-bottom: 1px solid #e2e8f0;
        }
        
        .fundschart {
            height: 400px;
            width: 100%;
        }

        
        @media (max-width: 1350px) {
            .dashboard-grid {
                grid-template-columns: 1fr;
            }
        }
        
        @media (max-width: 768px) {
            .dashboard-grid {
                gap: 20px;
            }
            
            .funds-chartwarp {
                padding: 15px;
            }
            
            .chart {
                height: 400px;
            }
            
            .summary-card {
                min-width: 150px;
            }
            
            .summary-value {
                font-size: 1.8rem;
            }
            
            h1 {
                font-size: 1.8rem;
            }
        }









 











/*****************/
/* 产品对比 */
         .comparewarp{}
        .toper {
            text-align: center;
            color: #333;
            margin-bottom: 30px;
        } 
        .product-selector {
            display: flex;
            flex-wrap: wrap;
            gap: 10px; 
        }
        .product-item {
            display: inline-flex;
            align-items: center;
            background-color: #f0f0f0;
            padding: 5px 10px;
            border-radius: 4px;
            margin-right: 10px;
            margin-bottom: 10px;
        }
        .product-item .close {
            margin-left: 10px;
            cursor: pointer;
            color: #ff4d4f;
        }
        #compare-chart {
            width: 100%;
            height: 400px;
        } 

/*****************/
/* 新闻列表 */
 
        .card-news {
            background-color: var(--bgmain2-color);
            padding: 20px;
            border-radius: 6px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            -ms-border-radius: 6px;
            -o-border-radius: 6px;
        } 
        .category-tabs {
            display: flex;
            flex-wrap: wrap;
            gap: 10px; 
            margin-bottom: 10px;
        }
        
        .category-tab {
            padding: 5px 10px;
            background-color: #f1f1f1;
            border-radius: 4px;
            cursor: pointer;
            font-size: 14px;
            border: 1px solid transparent;
            transition: all 0.2s ease;
            color: #555;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
}
        
        .category-tab:hover {
            background-color: #e3e3e3;
        }
        
        .category-tab.active {
            background-color: #3498db;
            color: white;
            border-color: #2980b9;
        }
        


        .news-list {
            display: flex;
            flex-direction: column;
            gap: 1px; 
            overflow: hidden;
        }

        .news-item {
            display: flex;
            align-items: center;
            padding: 8px 20px 8px 16px; /* 调整左边距，为伪元素留空间 */
            text-decoration: none;
            border-left: 4px solid transparent;
            transition: all 0.2s ease;
            position: relative;
            gap: 10px;
            box-sizing: border-box;
        }

        .news-item:hover {
            transform: translateY(-1px);
            background-color: rgba(0, 0, 0, 0.02);
        }

        .news-item::before {
            content: '';
            position: absolute;
            top: 50%;
            left: 6px;
            width: 6px;
            height: 6px;
            background-color: #95a5a6;
            border-radius: 1px;
            transform: translateY(-50%);
            opacity: 0.7;
            transition: all 0.2s ease;
        }

        .news-item:hover::before {
            opacity: 1;
            background-color: #3498db;
        }

        .news-title-box {
            display: flex;
            align-items: center;
            flex: 1;
            min-width: 0;
        }
        .news-title {
            font-weight: 500;
            font-size: 15px;
            color: rgba(var(--cdp-main-rgb), 1);
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            width: 100%;
            display: block;
            max-width: 100%;
        }
        .news-source {
            width: 120px;
            font-size: 14px;
            color: #7f8c8d;
            white-space: nowrap;
            flex-shrink: 0;
            text-align: left;
        }
        .news-time {
            width: 160px;
            font-size: 14px;
            color: #95a5a6;
            text-align: right;
            white-space: nowrap;
            flex-shrink: 0;
        }


/* 响应式设计 */
        @media (max-width: 768px) {
            .news-item {
                flex-wrap: wrap;
                padding: 15px;
            }
            
            .news-title-box {
                flex: 0 0 100%;
                margin-right: 0;
                margin-bottom: 10px;
            }
            
            .news-title {
                white-space: normal;
                overflow: visible;
                text-overflow: unset;
            }
            
            .news-source {
                width: auto;
                flex: 1;
            }
            
            .news-time {
                width: auto;
                flex: 1;
                text-align: right;
            }
            
            .category-tabs {
                overflow-x: auto;
                padding-bottom: 10px;
            }
        }
        
        @media (max-width: 480px) {
            .news-item {
                flex-direction: column;
                align-items: flex-start;
            }
            
            .news-title-box {
                width: 100%;
            }
            
            .news-source, .news-time {
                width: 100%;
                margin-top: 8px;
            }
            
            .news-time {
                text-align: left;
            }
            
            .title-box {
                width: 20px;
                height: 20px;
            }
            
            .title-box::before {
                top: 5px;
                left: 5px;
                width: 5px;
                height: 5px;
            }
        }

/**功能中提示权限**/
.limit-tips{
    background-color:#fef4e8;
    color:#f60;
    padding: 6px 10px;
    border-radius: 6px;
    font-size: 13px;
}
.limit-tips b{
    font-weight: bold;
}
.limit-tips-badge {
    display: inline-block;
    background: linear-gradient(90deg, #ff6b35, #ff8e53);
    color: white;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    border: none;
    margin: 0 4px;
    cursor: pointer;
}


/**功能中加一个板块提示权限**/
.card-limit{
    background-color: var(--bgmain2-color);
    padding: 20px 25px;
    margin-bottom: 10px;
    border-radius: 6px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.premium-card {
    min-height: auto;
    display: flex;
    gap: 20px;
    align-items: flex-start;
    transition: all 0.2s ease;
}
.premium-card .card-icon {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #fff5f2, #ffe8e0);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 4px;
}

.premium-card .icon-lock {
    width: 28px;
    height: 28px;
    color: #ff6b35;
}


.premium-card .card-content {
    flex: 1;
}


.premium-card .card-toper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}





.premium-card .price-section {
    display: flex;
    align-items: baseline;
    gap: 4px;
}
.premium-card .card-title {
    font-size: 20px;
    font-weight: 700;
    color: rgba(var(--cdp-main-rgb), 1);
    margin-bottom: 8px;
    line-height: 1.3;
}
.premium-card .card-description {
    color: #666;
    line-height: 1.5;
    font-size: 14px;
    margin-bottom: 12px;
}
.premium-card .card-actions {
    display: flex;
    gap: 10px;
}
.premium-card .btn-detail {
    background-color: white;
    color: #8a510b;
    border: 1.5px solid #8a510b;
    padding: 8px 18px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}
.premium-card .btn-detail:hover {
    background-color: #fff5f2;
}
.premium-card .btn-buy {
    color: #8a510b;
    background: linear-gradient(90deg, #f7d2a6, #f6c58d);
    border: none;
    padding: 9px 22px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}
.premium-card .btn-buy:hover {
    opacity: 0.9;
}
.premium-card .btn-buy a{
    color: #8a510b;
}
.premium-card .card-benefits {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 6px;
}
.premium-card .benefit-item {
    display: flex;
    align-items: center;
    color: rgba(var(--cdp-main-rgb), 0.7);
    font-size: 13px;
}
.premium-card .benefit-item::before {
    color: #ff6b35;
    font-weight: bold;
    margin-right: 6px;
    font-size: 14px;
}