:root {--blue-deep:#0a1e3d;--blue-dark:#0d2b4f;--blue-mid:#13406b;--teal:#0f6b5c;--teal-bright:#148f73;--green-emerald:#10a36c;--green-bright:#1cc88a;--green-light:#e6f7f0;--gold-accent:#c8963e;--gold-light:#d4a853;--white:#ffffff;--text-dark:#1a1e2e;--text-secondary:#4a5568;--text-muted:#8899aa;--border-subtle:#e2e8f0;--zebra-light:#f9fbf9;--hover-light:#f2f8f4;--shadow-card:0 2px 12px rgba(10,30,50,0.07);--shadow-elevated:0 8px 36px rgba(10,30,50,0.12);--radius-xs:6px;--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--radius-xl:28px;--transition:0.28s cubic-bezier(0.4,0,0.2,1);}
* {margin:0;padding:0;box-sizing:border-box;}
body {font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei','Noto Sans SC','Helvetica Neue',sans-serif;color:var(--text-dark);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;background-color:#e8ecf2;display:flex;flex-direction:column;align-items:center;}
/* ============ 全局滚动条（Firefox + WebKit） ============ */html {scrollbar-width:thin;scrollbar-color:rgba(15,107,92,0.55) rgba(228,234,241,0.85);}
::-webkit-scrollbar {width:10px;height:10px;}
::-webkit-scrollbar-track {background:linear-gradient(180deg,rgba(236,241,246,0.95),rgba(224,231,238,0.9));border-radius:10px;margin:3px 0;}
::-webkit-scrollbar-thumb {background:linear-gradient(160deg,rgba(20,143,115,0.75) 0%,rgba(15,107,92,0.82) 45%,rgba(13,91,79,0.88) 100%);border-radius:10px;border:2px solid rgba(255,255,255,0.45);box-shadow:0 1px 2px rgba(8,40,55,0.12);}
::-webkit-scrollbar-thumb:hover {background:linear-gradient(160deg,rgba(28,184,138,0.88) 0%,rgba(16,163,108,0.9) 50%,rgba(15,107,92,0.92) 100%);border-color:rgba(255,255,255,0.55);}
::-webkit-scrollbar-corner {background:transparent;}
.main-wrapper {width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center;}
/* ============ 全宽Hero区 ============ */.hero-banner {width:100%;background:linear-gradient(155deg,#061830 0%,#0a2440 6%,#0c3050 14%,#0d3b5c 22%,#0f4d68 32%,#105e6e 42%,#0f6b64 52%,#0e7860 62%,#0f805a 70%,#108850 78%,#128f4c 86%,#0f7d48 93%,#0d6b3f 100%);padding:56px 48px 54px;text-align:center;position:relative;overflow:hidden;box-shadow:0 12px 48px rgba(8,30,50,0.28),0 0 0 1px rgba(255,255,255,0.06) inset;border-radius:0;}
.hero-banner::before {content:'';position:absolute;top:-120px;right:-70px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,0.08) 0%,rgba(255,255,255,0.025) 35%,transparent 68%);pointer-events:none;}
.hero-banner::after {content:'';position:absolute;bottom:-90px;left:-50px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(16,163,108,0.16) 0%,rgba(16,163,108,0.04) 40%,transparent 68%);pointer-events:none;}
.hero-grid-decoration {position:absolute;inset:0;pointer-events:none;opacity:0.03;background-image:linear-gradient(rgba(255,255,255,0.5) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.5) 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%);}
.hero-stars {position:absolute;inset:0;pointer-events:none;z-index:1;}
.hero-star {position:absolute;width:2px;height:2px;border-radius:50%;background:rgba(255,255,255,0.5);animation:twinkle 3s ease-in-out infinite;}
.hero-star:nth-child(1) {top:12%;left:8%;animation-delay:0s;}
.hero-star:nth-child(2) {top:18%;left:22%;animation-delay:0.8s;width:1.5px;height:1.5px;}
.hero-star:nth-child(3) {top:8%;left:35%;animation-delay:1.6s;}
.hero-star:nth-child(4) {top:25%;left:68%;animation-delay:0.4s;width:1.5px;height:1.5px;}
.hero-star:nth-child(5) {top:10%;left:82%;animation-delay:2s;}
.hero-star:nth-child(6) {top:30%;left:90%;animation-delay:1.2s;width:1.5px;height:1.5px;}
.hero-star:nth-child(7) {top:6%;left:50%;animation-delay:0.6s;}
.hero-star:nth-child(8) {top:20%;left:76%;animation-delay:2.4s;width:1.5px;height:1.5px;}
@keyframes twinkle {0%,100% {opacity:0.25;}
50% {opacity:0.85;}
}
.hero-diamond {position:absolute;width:12px;height:12px;background:rgba(255,255,255,0.06);transform:rotate(45deg);pointer-events:none;z-index:1;}
.hero-diamond.d1 {top:15%;left:12%;}
.hero-diamond.d2 {top:22%;right:14%;width:8px;height:8px;}
.hero-diamond.d3 {bottom:20%;left:18%;width:9px;height:9px;}
.hero-logo-area {position:relative;z-index:3;margin-bottom:14px;display:flex;justify-content:center;}
.hero-logo-ring {width:128px;height:128px;border-radius:50%;background:rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 6px rgba(255,255,255,0.05),0 8px 28px rgba(0,0,0,0.3);}
.hero-logo-inner {width:108px;height:108px;border-radius:50%;background:linear-gradient(145deg,#fff,#e8f5f0);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(0,0,0,0.25);padding:10px;box-sizing:border-box;}
.hero-logo-inner img {font-size:30px;color:#0f6b5c;}
.hero-title {font-size:32px;font-weight:800;color:#fff;letter-spacing:1.6px;position:relative;z-index:3;text-shadow:0 2px 14px rgba(0,0,0,0.3);margin-bottom:5px;}
.hero-subtitle {font-size:14px;color:rgba(255,255,255,0.72);letter-spacing:0.6px;position:relative;z-index:3;margin-bottom:26px;}
.hero-search-wrapper {position:relative;z-index:3;max-width:800px;margin:0 auto;}
.hero-search-row {display:flex;background:rgba(255,255,255,0.12);border-radius:56px;padding:5px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 6px 28px rgba(0,0,0,0.22);transition:var(--transition);}
/* .hero-search-row:focus-within {box-shadow:0 8px 38px rgba(0,0,0,0.3),0 0 0 3px rgba(16,163,108,0.2);transform:translateY(-1px);}
*/.hero-search-input {flex:1;padding:15px 22px;border:none;font-size:15px;outline:none;background:#fff;border-radius:52px 0 0 52px;color:#1a1e2e;min-width:0;}
.hero-search-input::placeholder {color:#aab5be;}
.hero-search-input-wrap {flex:1;display:flex;align-items:stretch;min-width:0;position:relative;}
.hero-search-input-wrap .hero-search-input {width:100%;border-radius:52px 0 0 52px;padding-right:40px;}
.hero-clear-btn {position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:6px;color:#aab5be;display:none;align-items:center;justify-content:center;border-radius:50%;font-size:16px;line-height:1;}
.hero-clear-btn:hover {color:#5a6a60;background:rgba(0,0,0,0.06);}
.hero-clear-btn.visible {display:flex;}
.hero-search-btn {padding:15px 34px;background:linear-gradient(135deg,#c8963e,#b08030);color:#fff;border:none;cursor:pointer;font-weight:700;border-radius:0 52px 52px 0;font-size:15px;letter-spacing:0.5px;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;text-align:center;}
.hero-search-btn:hover {background:linear-gradient(135deg,#d4a853,#c8963e);box-shadow:0 6px 22px rgba(180,130,50,0.45);transform:translateY(-1px);}
/* 内容区域 */.content-section {width:100%;max-width:1260px;padding:32px 24px 60px;margin:0 auto;}
.content-card {background:rgba(255,255,255,0.96);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:var(--radius-sm);box-shadow:var(--shadow-card);overflow:hidden;border:1px solid rgba(200,215,210,0.5);}
.content-card-header {padding:18px 32px;border-bottom:1px solid #eef2f5;display:flex;align-items:center;background:#f9fbfc;}
.card-title {font-size:14.5px;font-weight:700;display:flex;align-items:center;gap:10px;}
.icon-indicator {width:3px;height:18px;border-radius:3px;background:linear-gradient(180deg,#10a36c,#148f73);}
.content-card-body {padding:24px 32px 32px;min-height:260px;}
.result-info-text {font-size:13px;color:#8899aa;margin-bottom:14px;display:flex;align-items:center;gap:8px;}
.result-count-chip {display:inline-flex;align-items:center;gap:5px;background:#e6f7f0;color:#0f6b5c;padding:4px 14px;border-radius:20px;font-size:12.5px;font-weight:600;}
.table-wrapper {overflow-x:auto;border-radius:var(--radius-sm);border:1px solid #eef2f5;}
table {width:100%;border-collapse:collapse;font-size:13.5px;min-width:800px;}
thead th {background:#f5f8fa;padding:14px;text-align:left;font-weight:700;color:#4a6070;font-size:12px;text-transform:uppercase;border-bottom:2px solid #e2eaf0;}
tbody td {padding:14px;border-bottom:1px solid #f2f6f8;background:#fff;color:#3a4a55;transition:background 0.2s;}
tbody tr:nth-child(even) td {background:#fafcfa;}
tbody tr:hover td {background:#f2f8f4 !important;}
tbody td:first-child {font-weight:600;color:#1a1e2e;}
.status-badge {display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:20px;font-size:12px;font-weight:600;}
.status-valid {background:#e6f7f0;color:#0f6b5c;}
.status-valid i {font-size:6px;}
.status-expired {background:#fef8f0;color:#b87830;}
.detail-link-btn {display:inline-flex;align-items:center;gap:5px;color:#0f6b5c;font-weight:600;cursor:pointer;padding:7px 15px;border:1.5px solid #c8dcd4;border-radius:20px;transition:var(--transition);background:#fafffc;}
.detail-link-btn:hover {background:#0f6b5c;color:#fff;border-color:#0f6b5c;box-shadow:0 3px 14px rgba(15,107,92,0.25);}
/* 占位状态 */.placeholder-guide {text-align:center;padding:45px 20px 50px;display:flex;flex-direction:column;align-items:center;}
.guide-icon-wrap {width:80px;height:80px;border-radius:50%;background:linear-gradient(145deg,#f0f8f4,#e6f4ec);display:flex;align-items:center;justify-content:center;margin-bottom:16px;box-shadow:0 4px 16px rgba(15,107,92,0.06);}
.guide-icon-inner i {font-size:36px;color:#10a36c;opacity:0.8;}
.guide-title {font-size:16px;font-weight:700;color:#5a6a60;margin-bottom:6px;}
.guide-desc {font-size:13px;color:#99a8a0;}
.guide-tips {display:flex;gap:8px;justify-content:center;margin-top:12px;flex-wrap:wrap;}
.guide-tip-chip {padding:6px 16px;background:#fff;border:1px solid #e8ede9;border-radius:20px;font-size:12px;color:#8899aa;}
.placeholder-hint {margin-top:14px;padding:8px 20px;background:#f5f8f6;border-radius:20px;font-size:12px;color:#8899aa;border:1px dashed #d8e0da;display:inline-block;}
/* 查询结果多面板（欢迎 / 无结果 / 表格） */.result-panel {display:block;}
.result-panel.is-active {display:block;}
/* 弹窗 */.modal-overlay {position:fixed;inset:0;background:rgba(6,20,35,0.55);backdrop-filter:blur(5px);z-index:999;display:flex;align-items:center;justify-content:center;}
.modal-overlay.hidden {display:none;}
.modal-dialog {background:#fff;border-radius:var(--radius-xs);box-shadow:0 24px 72px rgba(6,20,35,0.35);width:100%;max-width:950px;max-height:86vh;overflow-y:auto;animation:scaleUp 0.35s ease;}
.modal-dialog::-webkit-scrollbar {width:7px;}
.modal-dialog::-webkit-scrollbar-track {background:transparent;}
.modal-dialog::-webkit-scrollbar-thumb {background:#c8d6cc;border-radius:10px;}
@keyframes scaleUp {from {transform:scale(0.9);opacity:0;}
to {transform:scale(1);opacity:1;}
}
.modal-header {padding:20px 32px;border-bottom:1px solid #eef2f0;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:#fff;z-index:2;border-radius:var(--radius-xl) var(--radius-xl) 0 0;}
.modal-header h3 {font-weight:700;display:flex;align-items:center;gap:10px;}
.modal-icon-badge {width:38px;height:38px;background:#e6f7f0;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#0f6b5c;}
.modal-close-btn {width:38px;height:38px;border-radius:50%;border:none;background:#f5f5f5;cursor:pointer;color:#778;transition:var(--transition);display:flex;align-items:center;justify-content:center;}
.modal-close-btn:hover {background:#e8e8e8;color:#1a1e2e;transform:rotate(90deg);}
.modal-body {padding:24px 32px 32px;}
.detail-section {margin-bottom:22px;border:1px solid #eef2f0;border-radius:var(--radius-md);overflow:hidden;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.025);}
.detail-section-header {background:linear-gradient(135deg,#f8faf9,#f4f8f5);padding:13px 20px;font-weight:700;font-size:13.5px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #eef2f0;}
.section-icon-bar {width:4px;height:22px;border-radius:2px;background:linear-gradient(180deg,#10a36c,#148f73);}
.detail-row {display:flex;padding:10px 20px;font-size:13.5px;border-bottom:1px solid #f8faf9;gap:14px;}
.detail-row:last-child {border-bottom:none;}
.row-label {width:130px;flex-shrink:0;color:#8899aa;font-weight:500;font-size:12.5px;}
.row-value {flex:1;color:#1a1e2e;font-weight:500;word-break:break-word;}
/* 查看报告验证区域 */.report-verify-section {padding:16px 20px;border-top:1px solid #eef2f0;background:#fafcfa;text-align:center;}
.report-verify-section .pwd-input-row {display:flex;gap:10px;align-items:center;justify-content:center;margin-top:10px;}
.report-verify-btn {display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:linear-gradient(135deg,#c8963e,#b08030);color:#fff;border:none;border-radius:25px;font-weight:700;font-size:14px;cursor:pointer;transition:var(--transition);letter-spacing:0.5px;box-shadow:0 4px 12px rgba(180,130,50,0.3);margin:0 auto;}
.report-verify-btn:hover {background:linear-gradient(135deg,#d4a853,#c8963e);}
.pwd-input {flex:0 1 300px;padding:11px 18px;border:1.5px solid #d0d8d0;border-radius:25px;font-size:14px;outline:none;transition:var(--transition);}
.pwd-input:focus {border-color:#10a36c;box-shadow:0 0 0 3px rgba(16,163,108,0.1);}
.pwd-submit-btn {padding:11px 24px;background:#0f6b5c;color:#fff;border:none;border-radius:25px;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:6px;}
.pwd-submit-btn:hover {background:#0a5a4a;}
.verify-success {padding:12px 0;color:#0f6b5c;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:10px;}
.verify-success i {font-size:16px;}
.pdf-link-btn {display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:#e6f7f0;color:#0f6b5c;border:1.5px solid #c8dcd4;border-radius:25px;font-weight:700;text-decoration:none;transition:var(--transition);}
.pdf-link-btn:hover {background:#0f6b5c;color:#fff;border-color:#0f6b5c;}
.website-links-grid {display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 20px;}
.website-link-card {display:flex;align-items:center;gap:10px;padding:10px 14px;background:#f9fbfa;border-radius:var(--radius-xs);border:1px solid #eef2f0;transition:var(--transition);text-decoration:none;color:#3a4a55;font-size:12.5px;}
.website-link-card:hover {background:#f2f8f4;border-color:#c8dcd4;}
.detail-declare-list {list-style:none;padding:0;}
.detail-declare-list li {padding:12px 20px;font-size:13px;color:#5a6a5e;display:flex;gap:12px;border-bottom:1px solid #f8faf9;}
.detail-declare-list li:last-child {border-bottom:none;}
.declare-num {width:22px;height:22px;border-radius:50%;background:#e6f7f0;color:#0f6b5c;font-weight:700;font-size:11px;display:flex;align-items:center;justify-content:center;}
.modal-query-time {text-align:right;padding-top:12px;font-size:11.5px;color:#b0bcc5;border-top:1px dashed #e8edf0;margin-top:8px;}
.toast {position:fixed;top:28px;left:50%;transform:translateX(-50%);z-index:2000;background:#0d2b4f;color:#fff;padding:11px 26px;border-radius:28px;font-size:13.5px;box-shadow:0 10px 30px rgba(6,20,35,0.3);opacity:0;pointer-events:none;transition:opacity 0.35s;}
/* 底部版权 */.footer-bar {width:100%;background:#f5f7f8;border-top:1px solid #e0e5e3;padding:22px 32px;text-align:center;font-size:13px;color:#8899aa;letter-spacing:0.4px;margin-top:auto;}
.footer-bar a {color:#0f6b5c;text-decoration:none;font-weight:500;transition:var(--transition);}
.footer-bar a:hover {color:#10a36c;text-decoration:underline;}
.footer-bar .divider {display:inline-block;width:1px;height:14px;background:#d0d6d2;margin:0 12px;vertical-align:middle;}
@media (max-width:768px) {.hero-banner {padding:32px 16px;}
.hero-title {font-size:20px;}
.hero-search-row {flex-direction:column;background:none;box-shadow:none;}
.hero-search-input,.hero-search-btn {border-radius:30px!important;margin-top:15px;}
.content-card-body {padding:14px;}
.detail-row {flex-direction:column;gap:4px;}
.website-links-grid {grid-template-columns:1fr;}
.modal-dialog {max-width:95vw;}
.pwd-input {flex:1;}
.report-verify-section .pwd-input-row {flex-direction:column;align-items:stretch;}
.content-section {padding:10px;}
}
@media (max-width:390px) {
    .hero-title {font-size:16px;}
}