.demo-container[data-v-f697bc8f]{max-width:1200px;margin:0 auto;padding:40px 20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f7fa;min-height:100vh}h1[data-v-f697bc8f]{font-size:36px;font-weight:700;color:#333;margin-bottom:10px;text-align:center}.subtitle[data-v-f697bc8f]{text-align:center;color:#666;font-size:16px;margin-bottom:50px}.demo-section[data-v-f697bc8f]{margin-bottom:30px;padding:30px;background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014}.demo-section h2[data-v-f697bc8f]{font-size:20px;font-weight:600;color:#333;margin-bottom:10px;margin-top:0}.section-desc[data-v-f697bc8f]{color:#666;font-size:14px;margin-bottom:20px}.api-button[data-v-f697bc8f]{padding:10px 24px;font-size:14px;color:#fff;background:#667eea;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;margin-right:10px;position:relative;min-width:120px}.api-button[data-v-f697bc8f]:hover:not(:disabled){background:#5568d3;transform:translateY(-1px)}.api-button[data-v-f697bc8f]:disabled{opacity:.7;cursor:not-allowed;transform:none}.api-button.loading[data-v-f697bc8f]{background:#5568d3}.api-button.secondary[data-v-f697bc8f]{background:#6c757d}.api-button.secondary[data-v-f697bc8f]:hover{background:#5a6268}.loading-content[data-v-f697bc8f]{display:flex;align-items:center;justify-content:center;gap:8px}.spinner[data-v-f697bc8f]{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-f697bc8f .6s linear infinite}@keyframes spin-f697bc8f{to{transform:rotate(360deg)}}.api-result[data-v-f697bc8f]{margin-top:20px;padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.api-result h3[data-v-f697bc8f]{margin-top:0;margin-bottom:15px;font-size:16px;color:#333}.result-list[data-v-f697bc8f]{list-style:none;padding:0;margin:0}.result-list li[data-v-f697bc8f]{padding:10px 0;color:#666;border-bottom:1px solid #e9ecef}.result-list li[data-v-f697bc8f]:last-child{border-bottom:none}.resource-list[data-v-f697bc8f]{max-height:400px;overflow-y:auto}.resource-item[data-v-f697bc8f]{padding:12px;margin-bottom:10px;background:#fff;border-radius:6px;border:1px solid #e9ecef;transition:all .2s ease}.resource-item[data-v-f697bc8f]:hover{box-shadow:0 2px 8px #0000001a}.resource-item .resource-name[data-v-f697bc8f]{font-size:14px;color:#333;margin-bottom:6px;word-break:break-all}.resource-info[data-v-f697bc8f]{display:flex;gap:20px;font-size:13px;color:#666}.speeds-table[data-v-f697bc8f]{margin-top:20px;overflow-x:auto}table[data-v-f697bc8f]{width:100%;border-collapse:collapse;font-size:14px}thead[data-v-f697bc8f]{background:#f8f9fa}th[data-v-f697bc8f]{padding:12px;text-align:left;font-weight:600;color:#333;border-bottom:2px solid #dee2e6}td[data-v-f697bc8f]{padding:12px;border-bottom:1px solid #e9ecef;color:#666}.resource-name[data-v-f697bc8f]{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}tbody tr[data-v-f697bc8f]:hover{background:#f8f9fa}