* {margin: 0;padding: 0;box-sizing: border-box;font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;}body {background-color: #f9f9f9;color: #333;line-height: 1.6;}.container {max-width: 1200px;margin: 0 auto;padding: 0 20px;}header {background-color: white;box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);padding: 20px 0;position: sticky;top: 0;z-index: 100;}.header-content {display: flex;justify-content: space-between;align-items: center;}.logo {display: flex;align-items: center;gap: 12px;font-size: 26px;font-weight: 700;color: #ff3b7f;}.logo i {color: #ff6b9d;}nav ul {display: flex;list-style: none;gap: 30px;}nav a {text-decoration: none;color: #555;font-weight: 500;font-size: 16px;transition: color 0.3s;}nav a:hover {color: #5c6bc0;}.hero {background-color: #fff1f1;padding: 80px 0;text-align: center;border-bottom: 1px solid #f0f0f0;}.hero h1 {font-size: 2.8rem;margin-bottom: 20px;color: #333;}.hero p {font-size: 1.2rem;color: #666;max-width: 800px;margin: 0 auto 30px;}.api-url {background-color: #f5f7ff;padding: 15px 25px;border-radius: 8px;font-size: 1.1rem;font-family: monospace;color: #5c6bc0;display: inline-block;margin: 20px 0;border-left: 4px solid #5c6bc0;}/* 内容区域 */.section {background-color: white;margin: 30px 0;padding: 50px 0;border-radius: 12px;box-shadow: 0 5px 20px rgba(0, 0, 0, 0.03);}.section-title {font-size: 1.8rem;margin-bottom: 30px;color: #444;display: flex;align-items: center;gap: 10px;}.section-title i {color: #5c6bc0;}/* API信息表格 */.api-table {width: 100%;border-collapse: collapse;margin: 20px 0;border-radius: 8px;overflow: hidden;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);}.api-table th, .api-table td {padding: 16px 20px;text-align: left;border-bottom: 1px solid #f0f0f0;}.api-table th {background-color: #f8f9ff;color: #5c6bc0;font-weight: 600;}.api-table tr:hover {background-color: #fafbff;}.code-block {background-color: #f8f9ff;padding: 15px;border-radius: 8px;margin: 20px 0;font-family: 'Courier New', monospace;overflow-x: auto;border-left: 4px solid #5c6bc0;}/* 示例区域 */.example-area {display: flex;flex-wrap: wrap;gap: 30px;margin-top: 30px;}.example-card {flex: 1;min-width: 300px;background-color: #f8f9ff;border-radius: 12px;padding: 25px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.03);}.example-title {font-size: 1.3rem;margin-bottom: 15px;color: #444;display: flex;align-items: center;gap: 10px;}.example-img {width: 100%;height: 200px;background-color: #eef1ff;border-radius: 8px;display: flex;justify-content: center;align-items: center;overflow: hidden;margin: 20px 0;}.example-img img {max-width: 100%;max-height: 100%;object-fit: contain;}/* 底部样式 */footer {background-color: white;padding: 50px 0 30px;margin-top: 50px;border-top: 1px solid #f0f0f0;}.footer-content {display: flex;flex-wrap: wrap;justify-content: space-between;gap: 40px;}.footer-section {flex: 1;min-width: 250px;}.footer-section h3 {margin-bottom: 20px;color: #444;}.footer-section p, .footer-section a {color: #666;margin-bottom: 10px;display: block;text-decoration: none;}.footer-section a:hover {color: #5c6bc0;}.copyright {text-align: center;margin-top: 40px;padding-top: 20px;border-top: 1px solid #f0f0f0;color: #888;font-size: 0.9rem;}/* 按钮样式 */.btn {display: inline-block;background-color: #5c6bc0;color: white;padding: 12px 28px;border-radius: 8px;text-decoration: none;font-weight: 600;border: none;cursor: pointer;transition: background-color 0.3s;font-size: 16px;}.btn:hover {background-color: #4a58a5;}.btn-outline {background-color: transparent;color: #5c6bc0;border: 2px solid #5c6bc0;}.btn-outline:hover {background-color: #f0f2ff;}@media (max-width: 768px) {.header-content {flex-direction: column;gap: 20px;}nav ul {gap: 20px;}.hero h1 {font-size: 2.2rem;}.example-card {min-width: 100%;}.api-table {display: block;overflow-x: auto;}}.loader {width: 50px;height: 50px;border: 5px solid #f3f3f3;border-top: 5px solid #5c6bc0;border-radius: 50%;animation: spin 1s linear infinite;}@keyframes spin {0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }}.alert {padding: 15px;border-radius: 8px;margin: 20px 0;}.alert-info {background-color: #e8f4ff;color: #0066cc;border-left: 4px solid #0066cc;}.alert-warning {background-color: #fff8e8;color: #cc8800;border-left: 4px solid #cc8800;}