* {margin:0;padding:0;box-sizing:border-box;font-family:'Microsoft YaHei','Segoe UI',sans-serif;}
body {background:linear-gradient(135deg,#f5f7fa 0%,#e4edf9 100%);min-height:100vh;display:flex;flex-direction:column;color:#333;line-height:1.6;}
::-webkit-scrollbar {width:5px}
::-webkit-scrollbar-track {background-color:#e6e6e6;border-radius:0px}
::-webkit-scrollbar-thumb {background-color:#059669;border-radius:4px}
::-webkit-scrollbar-thumb:window-inactive {background-color:#059669;border-radius:4px}

/* 顶部样式 */
header {background:linear-gradient(to right,#1a56db,#0e3aa5);color:white;padding:15px 8%;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 12px rgba(0,0,0,0.1);}
.logo {display:flex;align-items:center;gap:15px;}
.logo img{ width:100%;height:auto;max-width: 400px;}
.logo-text {font-size:24px;font-weight:700;}
.logo-subtext {font-size:16px;opacity:0.9;margin-top:3px;}
.nav-link {color:white;text-decoration:none;font-size:16px;padding:10px 20px;border-radius:30px;background:rgba(255,255,255,0.15);transition:all 0.3s ease;}
.nav-link:hover {background:rgba(255,255,255,0.25);transform:translateY(-2px);}
/* 搜索区域 */        .search-container {padding:40px 8%;text-align:center;background:white;margin:30px 8%;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,0.08);}
.section-title {font-size:32px;color:#1a56db;margin-bottom:20px;font-weight:700;}
.search-box {max-width:800px;margin:0 auto;position:relative;}
.search-input {width:100%;padding:16px 25px;border:2px solid #e2e8f0;border-radius:50px;font-size:18px;outline:none;transition:all 0.3s ease;box-shadow:0 4px 10px rgba(0,0,0,0.05);}
.search-input:focus {border-color:#1a56db;box-shadow:0 4px 15px rgba(26,86,219,0.2);}
.search-btn {position:absolute;right:8px;top:8px;background:linear-gradient(to right,#1a56db,#0e3aa5);color:white;border:none;padding:10px 30px;border-radius:50px;font-size:16px;cursor:pointer;transition:all 0.3s ease;}
.search-btn:hover {transform:translateY(-2px);box-shadow:0 4px 12px rgba(26,86,219,0.4);}
.search-tip {margin-top:15px;color:#64748b;font-size:15px;}
/* 结果区域 */        .results-container {background:white;margin:0 8% 40px;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,0.08);overflow:hidden;}
/* 标签切换 */
.results-tabs {display:flex;border-bottom:1px solid #e2e8f0;background:#f8fafc;    margin-bottom: 20px;}
.tab-btn {padding:15px 25px;font-size:16px;font-weight:600;color:#64748b;background:none;border:none;cursor:pointer;position:relative;transition:all 0.3s;}
.tab-btn.active {color:#1a56db;}
.tab-btn.active::after {content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:#1a56db;border-radius:3px 3px 0 0;}
.results-content {display:none;}
.results-content.active {display:block;}
.results-header {padding:20px 30px;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:grid;grid-template-columns:1.2fr 1.5fr 2fr 1fr 1fr 1fr;font-weight:600;color:#475569;}
.results-list {max-height:520px;overflow-y:auto;}
.results-list table {width:100%}
.result-item {padding:20px 30px;display:grid;grid-template-columns:1.2fr 1.5fr 2fr 1fr 1fr 1fr;border-bottom:1px solid #e2e8f0;transition:background 0.2s;}
.result-item:hover {background:#f8fafc;}
.result-item:last-child {border-bottom:none;}
.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);}




/* 弹出层样式 */
.modal-overlay {position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:all 0.3s ease;}
.modal-overlay.active {opacity:1;visibility:visible;}
.modal-overlay.active .modal {transform:translateY(0);}
/* 优化滚动条 */        .modal::-webkit-scrollbar {width:8px;height:8px;}
.modal::-webkit-scrollbar-track {background:#f1f1f1;border-radius:4px;}
.modal::-webkit-scrollbar-thumb {background:#c1c1c1;border-radius:4px;}
.modal::-webkit-scrollbar-thumb:hover {background:#a8a8a8;}
.modal-close {position:absolute;top:20px;right:20px;background:#ef4444;color:white;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;transition:all 0.3s ease;z-index:10;}
.modal-close:hover {transform:rotate(90deg) scale(1.1);}
.modal-content {padding:40px;}
.modal-title {font-size:28px;color:#1a56db;margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid #e2e8f0;position:relative;}
.modal-title::after {content:"";position:absolute;bottom:-2px;left:0;width:120px;height:3px;background:linear-gradient(to right,#1a56db,#10b981);border-radius:3px;}
.section {margin-bottom:30px;background:rgba(255,255,255,0.8);border-radius:10px;padding:20px;box-shadow:0 4px 12px rgba(0,0,0,0.05);border:1px solid #e2e8f0;}
.section-header {display:flex;align-items:center;margin-bottom:20px;}
.section-icon {background:linear-gradient(135deg,#1a56db,#0e3aa5);color:white;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:15px;font-size:18px;}
.section-title {font-size:22px;color:#1e293b;font-weight:600;}
.info-grid {display:block;margin-bottom: 10px;}
.info-item-grid {margin-bottom:10px;border-bottom: 1px solid #f0f3f7; padding-bottom: 5px;}
.info-label-grid {color:#333333;font-size:0.95rem;margin-bottom:6px;}
.info-label-grid strong {font-weight:bolder;}
.info-label-grid i {color:#1a56db;font-size:14px;margin-right:5px;}
.info-item {/* margin-bottom:15px;*/}
.info-label {font-weight:600;color:#475569;margin-bottom:5px;display:flex;align-items:center;}
.info-label i {margin-right:8px;color:#1a56db;font-size:14px;}
.info-value {color:#1e293b;font-size:16px;padding-left:22px;}
.website-link {color:#1a56db;text-decoration:none;font-weight:600;transition:all 0.2s;display:inline-flex;align-items:center;}
.website-link i {margin-right:8px;}
.website-link:hover {text-decoration:underline;color:#0e3aa5;}

.statement {background:#f8f9fa;padding:20px;border-radius:12px;font-size:0.85rem;line-height:1.8;box-shadow:inset 0 0 10px rgba(0,0,0,0.05);border-left: 4px solid #1a56db;}
.statement p{padding: 3px 0;}
.statement p strong {color:#1a56db;margin-right: 5px;}
#publishInfo{}
#publishInfo ul{padding-left: 5px; margin-top: 10px;}
#publishInfo ul li{font-size: 15px;line-height: 2;list-style: none;}
#publishInfo ul li i{color: #1a56db;font-size: 14px;margin-right: 5px;}
/* 底部样式 */
footer {background:linear-gradient(to right,#1a202c,#0f172a);color:#cbd5e1;text-align:center;padding:30px 8%;margin-top:auto;}
.footer-content {max-width:1200px;margin:0 auto;}
.copyright {font-size:15px;margin-top:10px;}
.footer-links {display:flex;justify-content:center;gap:30px;margin-top:20px;}
.footer-link {color:#94a3b8;text-decoration:none;transition:color 0.3s;}
.footer-link:hover {color:white;}
/* 响应式设计 - 移动端优化 */
@media (max-width:900px) {.results-header,.result-item {grid-template-columns:1.5fr 2fr 1fr 1fr;}
.certificate-id {display:none;}
.info-grid {grid-template-columns:1fr;}
}

.chaxun_list table td{ padding:0 20px;line-height:45px; border-bottom:1px solid #f0f3f7; text-align:center; color:#333; font-size:15px;}
.chaxun_list table th{ font-weight:bold; line-height:45px;}
.chaxun_list table thead {display:table-header-group;vertical-align:middle;border-color:inherit;background: linear-gradient(to left, #1a56db, #0e3aa5);
    color: white;}
.chaxun_list table {border:1px solid #f0f3f7;width:100%;margin:0;padding:0;border-collapse:collapse;border-spacing:0;margin:0 auto;}
.chaxun_list table tr {border:1px solid #f0f3f7;}
.chaxun_list table th,.chaxun_list table td {padding:10px 15px;text-align:center;}
.chaxun_list table th {text-transform:uppercase;font-size:14px;letter-spacing:1px;}
.chaxun_list table tr:nth-child(even) {background-color:#f1f1f} 


@media (max-width:768px) {header {flex-direction:column;gap:15px;padding:15px 5%;}
.search-container,.results-container {margin:15px;padding:15px;}
.section-title {font-size:24px;}
.search-input {padding:12px 20px;font-size:16px;}
.search-btn {padding:8px 20px;font-size:14px;}
/* 移动端表格优化 */

.chaxun_list {width:100%;margin-top:20px;}
.chaxun_list table {border:0;width:100%;}
.chaxun_list table thead {display:none;}
.chaxun_list table tr {margin-bottom:15px;display:block;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.05);padding:15px;position:relative;}
.chaxun_list table td {display:block;text-align:right;font-size:14px;border-bottom:1px dotted #e2e8f0;padding:10px 15px;}
.chaxun_list table td:last-child {border-bottom:0;padding-top:15px;text-align:center;}
.chaxun_list table td::before {content:attr(data-label);float:left;font-weight:bold;color:#475569;}


.results-tabs {padding:0 15px;}
.tab-btn {padding:12px 15px;font-size:14px;}
.modal {width:95%;}
.modal-content {padding:20px 15px;}
.modal-title {font-size:22px;}
}

@media (max-width:480px) {.results-tabs {flex-direction:column;}
.tab-btn {width:100%;text-align:center;}
.modal-title {font-size:20px;}
.section-title {font-size:18px;}
.info-value {font-size:14px;}
.statement {font-size:14px;}
}
/* 弹出层样式 */
.modal {display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.8);animation:fadeIn 0.3s ease;}
.modal-content {background-color:#fff;margin:5% auto;padding:30px;border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,0.3);width:90%;max-width:850px;position:relative;animation:zoomIn 0.4s ease;transform-origin:center;background:url(https://www.315ccc.cn/static/images/chaxun_bg2.png) no-repeat top center #FFFFFF;background-size:100% 100%;}
.close {color:#aaa;position:absolute;right:25px;top:20px;font-size:32px;font-weight:bold;cursor:pointer;transition:all 0.3s;z-index:10;}
.close:hover {color:#000;transform:rotate(90deg);}
.modal-title {color:#2c3e50;margin-bottom:25px;padding-bottom:20px;border-bottom:2px solid #f0f3f7;font-size:1.8rem;position:relative;}
.modal-title::after {content:'';position:absolute;bottom:-2px;left:0;width:80px;height:3px;background:linear-gradient(90deg,#3498db,#2ecc71);border-radius:3px;}
.modal-section {padding-bottom:30px;animation:fadeInUp 0.5s ease;position: relative;}
.modal-section:last-child {border-bottom:none;padding-bottom:0;}
.modal-section h3 {margin-bottom:20px;color:#3498db;display:flex;align-items:center;gap:10px;font-size:1.4rem;}


/* 动画定义 */        @keyframes fadeIn {from {opacity:0;}
to {opacity:1;}
}
@keyframes fadeInUp {from {opacity:0;transform:translateY(20px);}
to {opacity:1;transform:translateY(0);}
}
@keyframes fadeInDown {from {opacity:0;transform:translateY(-20px);}
to {opacity:1;transform:translateY(0);}
}
@keyframes zoomIn {from {opacity:0;transform:scale(0.9);}
to {opacity:1;transform:scale(1);}
}
@keyframes shake {0%,100% {transform:translateX(0);}
20%,60% {transform:translateX(-10px);}
40%,80% {transform:translateX(10px);}
}
@media (max-width:768px) {.modal-content {padding:25px 20px;}
.modal-title {font-size:1.5rem;}
}

 .error-message {
            background: #ffebee;
            color: #c62828;
            padding: 20px;
            border-radius: 12px;margin: 20px;
            /* margin-bottom: 20px; */
            border-left: 4px solid #c62828;
            animation: shake 0.5s ease;
        }
        #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;}