.test-page[data-v-8109459a]{display:flex;flex-direction:column;flex-shrink:0;margin:1rem;min-height:0;overflow:visible;padding:0;position:relative}.page-header[data-v-8109459a]{margin-bottom:2rem}.page-header .header-content[data-v-8109459a]{text-align:center}.page-header .header-content .page-title[data-v-8109459a]{align-items:center;display:flex;font-size:2rem;font-weight:700;gap:.5rem;justify-content:center;margin-bottom:.5rem}.page-header .header-content .page-title .title-icon[data-v-8109459a]{color:var(--c-primary)}.page-header .header-content .page-description[data-v-8109459a]{color:var(--c-text-2);font-size:1rem}.api-test[data-v-8109459a],.device-info[data-v-8109459a],.network-status[data-v-8109459a],.zaobao-test[data-v-8109459a]{background:var(--c-bg-2);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.api-test h2[data-v-8109459a],.device-info h2[data-v-8109459a],.network-status h2[data-v-8109459a],.zaobao-test h2[data-v-8109459a]{color:var(--c-text-1);font-size:1.25rem;font-weight:600;margin-bottom:1rem}.info-grid[data-v-8109459a]{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-grid .info-item[data-v-8109459a]{display:flex;flex-direction:column;gap:.25rem}.info-grid .info-item label[data-v-8109459a]{color:var(--c-text-2);font-size:.875rem;font-weight:500}.info-grid .info-item .value[data-v-8109459a]{color:var(--c-text-1);font-size:1rem;font-weight:600}.info-grid .info-item .value.mobile[data-v-8109459a]{color:var(--c-primary)}.info-grid .info-item .value.desktop[data-v-8109459a]{color:var(--c-accent)}.info-grid .info-item .value.quality.excellent[data-v-8109459a]{color:#10b981}.info-grid .info-item .value.quality.good[data-v-8109459a]{color:#3b82f6}.info-grid .info-item .value.quality.fair[data-v-8109459a]{color:#f59e0b}.info-grid .info-item .value.quality.poor[data-v-8109459a]{color:#ef4444}.test-controls[data-v-8109459a]{display:flex;gap:1rem;margin-bottom:1rem}.test-controls .test-btn[data-v-8109459a]{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.test-controls .test-btn[data-v-8109459a]:not(.secondary){background:var(--c-primary);color:#fff}.test-controls .test-btn[data-v-8109459a]:not(.secondary):hover:not(:disabled){background:var(--c-primary-dark)}.test-controls .test-btn.secondary[data-v-8109459a]{background:var(--c-bg-3);border:1px solid var(--c-border);color:var(--c-text-1)}.test-controls .test-btn.secondary[data-v-8109459a]:hover{background:var(--c-bg-4)}.test-controls .test-btn[data-v-8109459a]:disabled{cursor:not-allowed;opacity:.6}.test-results[data-v-8109459a]{display:flex;flex-direction:column;gap:1rem}.test-results .test-result[data-v-8109459a]{background:var(--c-bg-3);border-left:4px solid;border-radius:8px;padding:1rem}.test-results .test-result.success[data-v-8109459a]{border-left-color:#10b981}.test-results .test-result.failed[data-v-8109459a]{border-left-color:#ef4444}.test-results .test-result .result-header[data-v-8109459a]{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.test-results .test-result .result-header .api-url[data-v-8109459a]{color:var(--c-text-1);font-family:monospace;font-size:.875rem}.test-results .test-result .result-header .status-badge[data-v-8109459a]{border-radius:20px;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.test-results .test-result .result-header .status-badge.success[data-v-8109459a]{background:#d1fae5;color:#065f46}.test-results .test-result .result-header .status-badge.failed[data-v-8109459a]{background:#fee2e2;color:#991b1b}.test-results .test-result .result-details[data-v-8109459a]{display:flex;flex-direction:column;font-size:.875rem;gap:.25rem}.test-results .test-result .result-details .response-time[data-v-8109459a]{color:var(--c-text-2)}.test-results .test-result .result-details .error-message[data-v-8109459a]{color:#ef4444;font-weight:500}.zaobao-content[data-v-8109459a]{display:flex;flex-direction:column;gap:1rem}.zaobao-content .zaobao-image img[data-v-8109459a]{border:1px solid var(--c-border);border-radius:8px;height:auto;max-width:600px;width:100%}.zaobao-content .zaobao-info h3[data-v-8109459a]{color:var(--c-text-1);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.zaobao-content .zaobao-info p[data-v-8109459a]{color:var(--c-text-2);margin-bottom:.5rem}.zaobao-content .zaobao-info .zaobao-meta[data-v-8109459a]{display:flex;flex-wrap:wrap;font-size:.875rem;gap:1rem}.zaobao-content .zaobao-info .zaobao-meta span[data-v-8109459a]{background:var(--c-bg-3);border-radius:20px;color:var(--c-text-2);padding:.25rem .75rem}.zaobao-error[data-v-8109459a],.zaobao-loading[data-v-8109459a]{padding:2rem;text-align:center}.zaobao-error .loading-spinner[data-v-8109459a],.zaobao-loading .loading-spinner[data-v-8109459a]{animation:spin-8109459a 1s linear infinite;border-top:4px solid var(--c-border);border:4px solid var(--c-border);border-radius:50%;border-top-color:var(--c-primary);height:40px;margin:0 auto 1rem;width:40px}.zaobao-error .error-icon[data-v-8109459a],.zaobao-loading .error-icon[data-v-8109459a]{color:#ef4444;font-size:3rem;margin-bottom:1rem}.zaobao-error p[data-v-8109459a],.zaobao-loading p[data-v-8109459a]{color:var(--c-text-2);font-size:1rem}@keyframes spin-8109459a{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media (max-width:768px){.test-page[data-v-8109459a]{margin:.5rem}.info-grid[data-v-8109459a]{grid-template-columns:1fr}.test-controls[data-v-8109459a]{flex-direction:column}.test-controls .test-btn[data-v-8109459a]{width:100%}}