* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*:before,*:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote {margin:0;padding:0;border:0;}
body {color:#333;font-size:14px;font-family:"Microsoft YaHei","微软雅黑",Helvetica,Arial,sans-serif;}
a,a:active {color:inherit;text-decoration:none;cursor:pointer;}
a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
a:hover {text-decoration:none;}
img {border:none;vertical-align:middle;max-width:100%;}
ol,ul,li {list-style:none;}
input,textarea,select,button {font:14px "Microsoft YaHei","微软雅黑",Helvetica,Arial,sans-serif;outline:none;-webkit-appearance:none;-moz-appearance:textfield !important;-webkit-tap-highlight-color:rgba(0,0,0,0);}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
.clearfix:after,.clearfix:before {content:"";display:table;clear:both;}
input.text,textarea.text {display:block;padding:0px;width:100%;border:0px;background:none;margin:0px;resize:none;}
.container {width:75%;max-width:1360px;margin:0 auto;position:relative;}
/*产品详情*/        .item_search {margin-bottom:35px;}
.pro-cont {margin-bottom:35px;background-color:#fff;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.08);position:relative;border-radius:8px;overflow:hidden;}
.pro-cont::before {content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#1e9b64,#2ecc71,#1e9b64);z-index:100;}
.pro-cont .pro-nav {height:64px;border-bottom:1px solid #f1f2f3;background-color:#fff;padding:0 30px;}
.pro-cont .pro-nav .item {font-size:16px;color:#666;padding:0 15px;height:100%;line-height:64px;position:relative;display:inline-block;cursor:pointer;}
.pro-cont .pro-nav .item:hover,.pro-cont .pro-nav .item.active {color:#2a663a;font-weight:bold;}
.pro-cont .pro-nav .item:hover:before,.pro-cont .pro-nav .item.active:before {content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#2a663a;}
.pro-cont .content {padding:0 30px;}
.pro-cont .flcontent {padding:30px;line-height:2;}
.pro-cont #cont01.content,.pro-cont #cont02.content {width:850px;}
/*搜索框*/        .join-box {margin-top:35px;background-color:#fff;padding-top:1px;box-shadow:0px 8px 36.8px 3.2px rgba(0,0,7,0.08);position:relative;border-radius:8px;overflow:hidden;}
.join-box::before {content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#1e9b64,#2ecc71,#1e9b64);}
.join-box .text {font-size:16px;color:#888;text-align:center;margin-top:20px;line-height:30px;}
.join-box .join-select {padding:0 40px 50px;display:flex;align-items:center;justify-content:space-between;margin-top:10px;border-bottom:1px solid #eee;}
.join-box .join-select input {width:88%;height:50px;border:1px solid #2a663a;caret-color:#2a663a;padding-left:30px;}
.join-box .join-select input:focus {border:1px solid #2a663a;box-shadow:0px 0px 10px 0px rgba(0,66,120,0.2);}
.join-box .join-select .btn {width:12%;height:50px;line-height:50px;font-size:16px;color:#fff;border:0;background-color:#2a663a;}
/* 遮罩层 */        .mask {position:fixed;left:0;top:0;width:100%;height:100%;z-index:199999990;background-color:rgba(0,0,0,0.5);}
/* 查询列表 */
.chaxun_list {width:100%;max-width:1360px;min-height:300px;padding:20px 30px;background:#FFF;border-radius:5px;margin:0px auto;box-sizing:border-box;}
.chaxun_list table {width:100%;}
.chaxun_list table td {padding:0 20px;line-height:45px;border-bottom:1px #ddd solid;text-align:center;color:#666;font-size:13px;}
.chaxun_list table th {background:#f9f9f9;font-weight:bold;color:#333;line-height:45px;}
.chaxun_list table {border:1px solid #ccc;width:100%;margin:0;padding:0;border-collapse:collapse;border-spacing:0;margin:0 auto;}
.chaxun_list table tr {border:1px solid #ddd;padding:5px;}
.chaxun_list table th,.chaxun_list table td {padding:6px;text-align:center;}
.chaxun_list table th {text-transform:uppercase;font-size:14px;letter-spacing:1px;min-width:100px;}
.chaxun_list table tr:nth-child(even) {background-color:#f9f9f9}
.chaxun_list table tbody {font-size:14px;line-height:24px;border-bottom:2px solid #f2f2f2;}
@media screen and (max-width:768px) {.container {width:100%;padding:0 3%;overflow-x:auto;overflow-y:hidden;}
.pro-cont {margin:0 0 20px 0;}
/*产品中心详情*/            .pro-cont .pro-nav {height:45px;padding:0 1rem;display:flex;align-items:center;}
.pro-cont .pro-nav .item {line-height:45px;margin-right:0;padding:0 0.5rem;font-size:14px;}
.pro-cont .content {padding:0.6rem;}
.pro-cont #cont01.content,.pro-cont #cont02.content {width:100%;}
/*搜索框*/            .join-box {margin-top:20px;margin-bottom:20px;}
.join-box .text {font-size:13px;margin-top:0.6rem;}
.join-box .join-select {padding:0 1rem 2rem;flex-wrap:wrap;margin-top:5px;}
.join-box .join-select .select {width:100%;margin-top:0.6rem;height:2.6rem;}
.join-box .join-select .select select {padding-left:0.6rem;width:100%;}
.join-box .join-select input {padding-left:0.6rem;width:100%;height:2.6rem;}
.join-box .join-select .btn {width:100%;height:3.0rem;line-height:3.0rem;margin-top:0.6rem;}
/*查询列表*/            .chaxun_list {}
.chaxun_list table {border:0;}
.chaxun_list table thead {display:none;}
.chaxun_list table tr {margin-bottom:15px;display:block;border-bottom:6px solid #ddd;}
.chaxun_list table td {display:block;text-align:right;font-size:13px;border-bottom:1px dotted #ccc;}
.chaxun_list table td:last-child {border-bottom:0;}
.chaxun_list table td:before {content:attr(data-label);float:left;text-transform:uppercase;font-weight:bold;}
}
/* 查询结果详情 */
.chaxun_detail {width:100%;background:url(../images/chaxun_bg2.png) no-repeat top center #ffffff;background-size:100% 100%;margin:0px auto;padding:20px 20px 20px;}
.chaxun_detail h2 {margin-top:20px;font-size:40px;color:#CD0000;line-height:50px;text-align:center;}
.chaxun_detail h5 {font-size:18px;color:#222;line-height:50px;text-align:center;margin-top:20px;}
.cx_info {width:100%;margin:20px auto 0;border-top:1px #ddd solid;padding-top:15px;line-height:40px;color:#444;overflow:hidden;background:url(../images/h6.png) center 0 no-repeat;font-size:16px;position:relative;}
.cx_info h3 {display:block;color:#CD0000;font-weight:bold;font-size:18px;margin-top:5px;}
.cx_tips {display:block;font-style:normal;margin:30px auto 0;color:#CD0000;line-height:30px;border-top:1px #ddd solid;padding-top:15px;}
.cx_tips h4 {display:block;color:#CD0000;font-weight:bold;font-size:16px;}
.nodata {text-align:center;padding:10px 20px;width:100%;margin:30px auto;box-sizing:border-box;}
.nodata_img {}
.nodata_img img {max-width:160px;display:block;margin:20px auto;}
.nodata_title {font-size:16px;font-weight:bold;padding-bottom:10px;color:#333333;line-height:30px;}
.nodata_subtitle {font-size:16px;padding-bottom:30px;line-height:26px;}
.nodata_subtitle a {font-weight:bold;color:#5b7aff;}
#code {position:absolute;right:0px;top:20px;width:158px;height:158px;}
#code img {width:100%;height:100%;}
#zan {position:absolute;right:0px;top:20px;font-size:16px;height:30px;line-height:30px;background:url(../images/zan0615.png) no-repeat left center;padding:0 0 0 25px;text-align:right;background-size:20px;}
#zan em {color:#cb302c;font-size:18px;font-weight:600;font-style:normal;}
#zhuangtai {position:absolute;right:0px;top:60px;font-size:16px;height:30px;line-height:30px;text-align:right;}
/* 新增css20251106 */
/* 分类查询样式 */
.category-section {padding:10px 40px;margin-bottom:20px;}
.category-options {display:flex;justify-content:space-between;margin-bottom:20px;gap:10px;margin:0 auto;}
.category-option {flex:1;position:relative;}
.category-option input[type="radio"] {display:none;}
.category-option label {display:flex;flex-direction:column;align-items:center;padding:15px 10px;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all 0.3s ease;text-align:center;height:100%;background:#fafafa;position:relative;overflow:hidden;}
.category-option label:hover {border-color:#1e9b64;transform:translateY(-3px);box-shadow:0 3px 10px rgba(30,155,100,0.1);}
.category-option input[type="radio"]:checked+label {border-color:#1e9b64;background:rgba(30,155,100,0.05);transform:translateY(-3px);box-shadow:0 3px 10px rgba(30,155,100,0.15);}
/* 选中标记 - 右下角三角和对号 */
.category-option input[type="radio"]:checked+label::after {content:'';position:absolute;bottom:0;right:0;width:0;height:0;border-style:solid;border-width:0 0 25px 25px;border-color:transparent transparent #1e9b64 transparent;}
.category-option input[type="radio"]:checked+label::before {content:'✓';position:absolute;bottom:0px;right:4px;color:white;font-weight:bold;font-size:12px;z-index:1;}
.option-text h4 {font-size:16px;color:#333;margin-bottom:5px;font-weight:600;}
.option-text p {font-size:12px;color:#666;line-height:1.3;}
.category-error {color:#e74c3c;margin-top:10px;font-size:14px;display:none;text-align:center;}
/* 兼容性优化 */
@supports not (display:flex) {.category-options {display:table;width:100%;table-layout:fixed;}
.category-option {display:table-cell;vertical-align:top;}
}
/* 响应式设计 */
@media (max-width:768px) {.category-options {flex-direction:column;}
.category-section {padding:0 1rem 1rem;margin-bottom:10px;}
}
/* 旧版浏览器兼容性处理 */
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {.category-options {display:block;}
.category-option {display:inline-block;width:30%;margin-right:3%;vertical-align:top;}
.category-option:last-child {margin-right:0;}
}
/* 错误动画 */
@keyframes shake {0%,100% {transform:translateX(0);}
10%,30%,50%,70%,90% {transform:translateX(-5px);}
20%,40%,60%,80% {transform:translateX(5px);}
}
.error-shake {animation:shake 0.5s ease-in-out;}
/* 原有查询框样式调整 */

.category-title {text-align:center;margin-bottom:15px;margin-top:25px;}
.category-title h3 {font-size:18px;color:#333;margin-bottom:5px;font-weight:600;}
.category-title p {color:#666;font-size:14px;}
.detail-btn {background:linear-gradient(to right,#10b981,#059669);color:white;border:none;padding:8px 18px;border-radius:6px;cursor:pointer;font-size:14px;transition:all 0.3s ease;}
.detail-btn:hover {transform:translateY(-2px);box-shadow:0 4px 10px rgba(16,185,129,0.3);}
.loading {text-align:center;padding:30px;display:none;}
.status-revoked {color:#ff0000;font-size:18px;font-weight:bold;text-align:center;margin-top:20px;margin-bottom:10px;}
.status-revoked2 {color:#666666;font-size:16px;text-align:center;font-weight:normal;}
.status-revoked2 a {font-size:16px;color:#ff0000;}
.status-icon {text-align:center;margin:20px 0;}
.status-icon img {width:80px;height:80px;}
@media screen and (max-width:768px) {.status-revoked {font-size:16px;}
.status-revoked2 {font-size:14px;}
}
.error-shake {animation:shake 0.5s ease-in-out;}
@keyframes shake {0%,100% {transform:translateX(0);}
25% {transform:translateX(-5px);}
75% {transform:translateX(5px);}
}
/* 状态样式 */
.status-normal {color:#52c41a;background:#f6ffed;border:1px solid #b7eb8f;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;}
.status-invalid {color:#ff4d4f;background:#fff2f0;border:1px solid #ffccc7;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;cursor:help;position:relative;}
.status-tooltip {position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:#ff4d4f;color:white;padding:12px 16px;border-radius:6px;font-size:12px;white-space:pre-line;/* 支持换行 */ z-index:1000;margin-bottom:8px;box-shadow:0 4px 12px rgba(0,0,0,0.15);display:none;width:280px;/* 固定宽度 */ text-align:center;line-height:1.5;}
.status-tooltip::after {content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:#ff4d4f;}
.status-invalid:hover .status-tooltip {display:block;}
/* 操作按钮样式 */
.detail-btn.disabled {color:#999;border-color:#d9d9d9;background:#f5f5f5;cursor:not-allowed;}
.detail-btn.disabled:hover {background:#f5f5f5;color:#999;}
.detail-btn.blocked {color:#ff4d4f;border-color:#ff4d4f;background:#fff2f0;cursor:not-allowed;}
.detail-btn.blocked:hover {background:#fff2f0;color:#ff4d4f;}
/* 加载动画 */
.loading-spinner {display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,0.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-right:8px;vertical-align:middle;}
@keyframes spin {to {transform:rotate(360deg);}
}
/* 响应式优化 */
@media (max-width:768px) {.modern-table {font-size:13px;}
.modern-table th,.modern-table td {padding:10px 8px;}
.status-normal,.status-invalid {font-size:11px;padding:3px 6px;}
.status-tooltip {width:220px;font-size:11px;padding:8px 12px;}
}
.cert-message {border-radius:8px;padding:30px 20px;margin:20px 0;text-align:center;font-weight:bold;font-size:18px;line-height:1.6;border:2px solid;}
.cert-error {background-color:#fff8f8;border-color:#ff6b6b;color:#d63031;}
.cert-suspended {background-color:#fff8f8;border-color:#ff6b6b;color:#d63031;}
.cert-success {background-color:#f8fff8;border-color:#4CAF50;color:#2e7d32;}
.cert-message p {margin:10px 0;}
.cert-message .contact {font-size:16px;margin-top:15px;color:#666;}
.hidden {display:none;}
/* ESG报告特有样式 */
.esg-report-header {background:linear-gradient(135deg,#1e7b1e 0%,#2e8b57 100%);color:white;padding:20px;border-radius:10px;margin-bottom:20px;text-align:center;}
.esg-report-title {font-size:24px;font-weight:bold;margin-bottom:10px;}
.esg-report-company {font-size:18px;opacity:0.9;}
.esg-badge {display:inline-block;background:#ffd700;color:#333;padding:5px 15px;border-radius:20px;font-weight:bold;margin-top:10px;}
/* 报告信息样式 */
.report-section {background:#f8f9fa;border-radius:8px;padding:20px;margin-bottom:20px;border-left:4px solid #2e8b57;}
.report-section h3 {color:#2e8b57;margin-bottom:15px;font-size:18px;border-bottom:1px solid #e9ecef;padding-bottom:8px;}
.report-info-item {display:flex;margin-bottom:10px;line-height:1.6;}
.report-info-label {font-weight:bold;min-width:120px;color:#495057;}
.report-info-value {flex:1;color:#212529;}
.report-pdf-link {color:#2e8b57;text-decoration:none;font-weight:bold;}
.report-pdf-link:hover {text-decoration:underline;}
/* 法律责任样式 */
.legal-section {background:#fff3cd;border-radius:8px;padding:20px;margin-bottom:20px;border-left:4px solid #ffc107;}
.legal-section h3 {color:#856404;margin-bottom:15px;font-size:18px;}
.legal-content {font-size:14px;line-height:1.6;color:#856404;}
.legal-content p {margin-bottom:12px;}
.legal-content strong {color:#856404;}
/* 新的加载动画样式 */
.loading-container {display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);padding:40px 20px;}
.loading-card {background:white;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,0.1);padding:40px 30px;text-align:center;max-width:1360px;width:90%;transition:transform 0.3s ease;}
.loading-card:hover {transform:translateY(-5px);}
.loading-title {font-size:24px;font-weight:600;color:#2c3e50;margin-bottom:10px;}
.loading-subtitle {font-size:16px;color:#7f8c8d;margin-bottom:30px;}
.loading-animation {display:flex;justify-content:center;margin-bottom:30px;}
.loading-dots {display:flex;gap:8px;}
.dot {width:12px;height:12px;border-radius:50%;background:#4CAF50;animation:pulse 1.5s ease-in-out infinite;}
.dot:nth-child(2) {animation-delay:0.2s;}
.dot:nth-child(3) {animation-delay:0.4s;}
@keyframes pulse {0%,100% {transform:scale(1);opacity:1;}
50% {transform:scale(1.2);opacity:0.7;}
}
.loading-progress {width:100%;height:6px;background:#ecf0f1;border-radius:3px;overflow:hidden;margin-bottom:20px;}
.loading-progress-bar {height:100%;width:0%;background:linear-gradient(90deg,#4CAF50,#2E7D32);border-radius:3px;animation:progress 2s ease-in-out infinite;}
@keyframes progress {0% {width:0%;}
50% {width:70%;}
100% {width:100%;}
}
.loading-tip {font-size:14px;color:#95a5a6;font-style:italic;margin-top:20px;}
.loading-stats {display:flex;justify-content:space-around;margin-top:25px;padding-top:20px;border-top:1px solid #ecf0f1;}
.stat {text-align:center;}
.stat-value {font-size:18px;font-weight:600;color:#2c3e50;}
.stat-label {font-size:12px;color:#7f8c8d;margin-top:5px;}


/* 密码验证弹窗样式 */

.modal {position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);display:flex;justify-content:center;align-items:center;z-index:9999;display:none;}
.modal-content {background:white;border-radius:10px;width:90%;max-width:600px;box-shadow:0 10px 30px rgba(0,0,0,0.2);overflow:hidden;position:relative;}
.modal-title {background:linear-gradient(135deg,#1e9b64,#2ecc71);color:white;padding:20px;text-align:center;margin:0;font-size:18px;}
.search-form {padding:30px 30px;}
.form-group {margin-bottom:25px;}
.input-container {position:relative;display:flex;align-items:center;}
.input-container i {position:absolute;left:15px;color:#1e9b64;}
.form-control {width:100%;padding:12px 15px 12px 45px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;}
.form-control:focus {border-color:#1e9b64;outline:none;box-shadow:0 0 0 2px rgba(30,155,100,0.2);}
.search-tip {font-size:12px;color:#666;margin-top:8px;display:flex;align-items:center;}
.search-tip i {color:#1e9b64;margin-right:5px;}
.search-tip2 {font-size:14px;color:#2ecc71;margin-bottom:15px;display:flex;align-items:center;justify-content: center;text-align:center;    padding: 10px 0 5px;}
.search-tip2 i {color:#2ecc71;margin-right:5px;}
.password_search_btn {display:block;width:100%;padding:12px;background:linear-gradient(135deg,#1e9b64,#2ecc71);color:white;border:none;border-radius:6px;font-size:16px;cursor:pointer;transition:all 0.3s ease;text-align:center;}
.password_search_btn:hover {transform:translateY(-2px);box-shadow:0 4px 12px rgba(30,155,100,0.3);}
.error-message {background:#fff5f5;color:#e53e3e;padding:10px;border-radius:6px;margin:10px 0;display:none;text-align:center;}
.success-message {padding:10px;display:none;}
.close {position:absolute;top:10px;right:15px;font-size:24px;color:white;cursor:pointer;}
.fhidden {display:none;}
.spinner {display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,0.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-right:8px;vertical-align:middle;}
@keyframes spin {to {transform:rotate(360deg);}
}
/* 响应式调整 */
@media (max-width:768px) {
    .modal-content {width:95%;}
    .search-form {padding:20px;}
}
/* 绿色证书 */
.greencert_buttons {display:flex;justify-content:left;flex-wrap:wrap;padding: 10px 0;}
.greencert_btn {padding:2px 24px;font-size:14px;border:none;border-radius:30px;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(0,0,0,0.1);display:flex;align-items:center;gap:10px;margin-right:15px;}
.greencert_btn-certificate {background:linear-gradient(45deg,#3498db,#2980b9);color:white;}
.greencert_btn-report {background:linear-gradient(45deg,#2ecc71,#27ae60);color:white;}
.greencert_btn:hover {transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,0.15);}
.greencert_btn:active {transform:translateY(1px);}

 /* 图片查看弹窗样式 */        .vc_image-modal {display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.9);animation:vc_fadeIn 0.3s ease-in-out;}
.vc_modal-content {position:relative;margin:auto;padding:0;width:90%;max-width:1200px;height:90vh;margin-top:5vh;background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.3);display:flex;flex-direction:column;overflow:hidden;}
.vc_modal-header {display:flex;justify-content:space-between;align-items:center;padding:20px;background:#f8f9fa;border-bottom:1px solid #e9ecef;border-radius:12px 12px 0 0;}
.vc_modal-title {font-size:18px;font-weight:600;color:#333;margin:0;}
.vc_close {color:#6c757d;font-size:28px;font-weight:bold;cursor:pointer;transition:color 0.3s;line-height:1;}
.vc_close:hover {color:#dc3545;}
.vc_modal-body {flex:1;display:flex;overflow:hidden;position:relative;}
.vc_image-container {flex:1;display:flex;align-items:center;justify-content:center;padding:20px;background:#f8f9fa;position:relative;overflow:hidden;}
.vc_main-image {max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,0.1);transition:transform 0.3s ease;}
.vc_main-image.zoomed {cursor:zoom-out;}
.vc_thumbnails {width:120px;background:#fff;border-left:1px solid #e9ecef;padding:15px 10px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;}
.vc_thumbnail {width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:6px;cursor:pointer;border:2px solid transparent;transition:all 0.3s ease;background:#f8f9fa;}
.vc_thumbnail:hover {border-color:#007bff;transform:scale(1.05);}
.vc_thumbnail.active {border-color:#007bff;box-shadow:0 2px 8px rgba(0,123,255,0.3);}
.vc_navigation {position:absolute;top:50%;width:100%;display:flex;justify-content:space-between;padding:0 20px;transform:translateY(-50%);pointer-events:none;}
.vc_nav-btn {background:rgba(255,255,255,0.9);border:none;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;color:#333;box-shadow:0 2px 10px rgba(0,0,0,0.2);transition:all 0.3s ease;pointer-events:all;}
.vc_nav-btn:hover {background:#007bff;color:white;transform:scale(1.1);}
.vc_nav-btn:disabled {opacity:0.5;cursor:not-allowed;transform:none;}
.vc_nav-btn:disabled:hover {background:rgba(255,255,255,0.9);color:#333;}
.vc_zoom-btn {position:absolute;bottom:20px;right:20px;background:rgba(255,255,255,0.9);border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;color:#333;box-shadow:0 2px 8px rgba(0,0,0,0.2);transition:all 0.3s ease;}
.vc_zoom-btn:hover {background:#007bff;color:white;transform:scale(1.1);}
.vc_image-counter {position:absolute;bottom:20px;left:20px;background:rgba(0,0,0,0.7);color:white;padding:5px 12px;border-radius:20px;font-size:14px;font-weight:500;}
@keyframes vc_fadeIn {from {opacity:0;}
to {opacity:1;}
}
@keyframes vc_slideIn {from {opacity:0;transform:scale(0.8) translateY(-20px);}
to {opacity:1;transform:scale(1) translateY(0);}
}
.vc_modal-content {animation:vc_slideIn 0.3s ease-out;}
/* 响应式设计 */        @media (max-width:768px) {.vc_modal-content {width:95%;height:95vh;margin-top:2.5vh;flex-direction:column;}
.vc_thumbnails {width:100%;height:100px;flex-direction:row;border-left:none;border-top:1px solid #e9ecef;padding:10px;overflow-x:auto;}
.vc_thumbnail {width:80px;height:80px;flex-shrink:0;}
.vc_nav-btn {width:40px;height:40px;font-size:16px;}
.vc_zoom-btn {width:35px;height:35px;font-size:14px;}
}