.demo-box[data-v-113a20f6]{padding:20px;border:1px solid #ddd;border-radius:8px;margin-bottom:30px}h3[data-v-113a20f6]{color:#4caf50;border-bottom:2px solid #4caf50;padding-bottom:10px}.demo-item[data-v-113a20f6]{margin-bottom:30px;padding:20px;background:#f9f9f9;border-radius:8px}.demo-header[data-v-113a20f6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}h4[data-v-113a20f6]{color:#333;margin:0}.description[data-v-113a20f6]{color:#666;margin-bottom:15px;font-size:14px}.demo-content[data-v-113a20f6]{padding:15px;background:#fff;border-radius:4px;border:1px solid #e0e0e0}.toggle-btn[data-v-113a20f6]{padding:6px 12px;font-size:12px;background-color:#666;color:#fff;border:none;border-radius:4px;cursor:pointer}.toggle-btn[data-v-113a20f6]:hover{background-color:#555}button[data-v-113a20f6]{padding:8px 16px;margin-right:10px;margin-top:10px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer}button[data-v-113a20f6]:hover{background-color:#43a047}p[data-v-113a20f6]{margin:10px 0}.tip[data-v-113a20f6]{color:#ff9800;font-size:14px;font-style:italic}.code-section[data-v-113a20f6]{margin-top:15px;padding:15px;background:#1e1e1e;border-radius:8px;overflow-x:auto}.code-label[data-v-113a20f6]{color:#ccc;font-size:12px;margin-bottom:5px;margin-top:10px}.code-label[data-v-113a20f6]:first-child{margin-top:0}.code-block[data-v-113a20f6]{margin:0;padding:10px;background:#2d2d2d;border-radius:4px;overflow-x:auto}.code-block code[data-v-113a20f6]{color:#9cdcfe;font-family:Consolas,Monaco,monospace;font-size:13px;line-height:1.5;white-space:pre}.demo-box[data-v-102ce573]{padding:20px;border:1px solid #ddd;border-radius:8px;margin-bottom:30px}h3[data-v-102ce573]{color:#4caf50;border-bottom:2px solid #4caf50;padding-bottom:10px}.demo-item[data-v-102ce573]{margin-bottom:30px;padding:20px;background:#f9f9f9;border-radius:8px}.demo-header[data-v-102ce573]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}h4[data-v-102ce573]{color:#333;margin:0}.description[data-v-102ce573]{color:#666;margin-bottom:15px;font-size:14px}.demo-content[data-v-102ce573]{padding:15px;background:#fff;border-radius:4px;border:1px solid #e0e0e0}.toggle-btn[data-v-102ce573]{padding:6px 12px;font-size:12px;background-color:#666;color:#fff;border:none;border-radius:4px;cursor:pointer}.toggle-btn[data-v-102ce573]:hover{background-color:#555}button[data-v-102ce573]{padding:8px 16px;margin-right:10px;margin-top:10px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer}button[data-v-102ce573]:hover{background-color:#43a047}p[data-v-102ce573]{margin:10px 0}.tip[data-v-102ce573]{color:#ff9800;font-size:14px;font-style:italic}.code-section[data-v-102ce573]{margin-top:15px;padding:15px;background:#1e1e1e;border-radius:8px;overflow-x:auto}.code-label[data-v-102ce573]{color:#ccc;font-size:12px;margin-bottom:5px;margin-top:10px}.code-label[data-v-102ce573]:first-child{margin-top:0}.code-block[data-v-102ce573]{margin:0;padding:10px;background:#2d2d2d;border-radius:4px;overflow-x:auto}.code-block code[data-v-102ce573]{color:#9cdcfe;font-family:Consolas,Monaco,monospace;font-size:13px;line-height:1.5;white-space:pre}.comparison-box[data-v-3adc3bc5]{padding:20px;border:1px solid #ddd;border-radius:8px;margin-bottom:30px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}h3[data-v-3adc3bc5]{color:#2c3e50;border-bottom:2px solid #2c3e50;padding-bottom:10px;text-align:center}.comparison-table[data-v-3adc3bc5]{margin:25px 0;overflow-x:auto}table[data-v-3adc3bc5]{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden}th[data-v-3adc3bc5],td[data-v-3adc3bc5]{padding:12px 15px;text-align:left;border-bottom:1px solid #eee}th[data-v-3adc3bc5]{background-color:#4caf50;color:#fff;font-weight:600}tr[data-v-3adc3bc5]:hover{background-color:#f5f5f5}.feature[data-v-3adc3bc5]{font-weight:600;color:#2c3e50}.expression-guide[data-v-3adc3bc5]{margin:30px 0}.expression-guide h4[data-v-3adc3bc5]{color:#2c3e50;margin-bottom:15px}.expression-grid[data-v-3adc3bc5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.expression-card[data-v-3adc3bc5]{background:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.expression-card h5[data-v-3adc3bc5]{margin:0 0 10px;color:#4caf50;font-size:14px}.expression-card .code-block[data-v-3adc3bc5]{margin:0;padding:10px;background:#f5f5f5;border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:13px;overflow-x:auto;color:#e83e8c}.tips-section[data-v-3adc3bc5]{margin:30px 0}.tips-section h4[data-v-3adc3bc5]{color:#2c3e50;margin-bottom:15px}.tips-grid[data-v-3adc3bc5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.tip-card[data-v-3adc3bc5]{background:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 4px #0000001a;border-left:4px solid #4caf50}.tip-card h5[data-v-3adc3bc5]{margin:0 0 8px;color:#2c3e50;font-size:14px}.tip-card p[data-v-3adc3bc5]{margin:0;font-size:13px;color:#666;line-height:1.4}.tip-card code[data-v-3adc3bc5]{background:#f5f5f5;padding:2px 6px;border-radius:3px;color:#e83e8c;font-family:Consolas,Monaco,monospace;font-size:12px}.summary[data-v-3adc3bc5]{margin-top:30px}.summary h4[data-v-3adc3bc5]{color:#2c3e50;margin-bottom:15px}.summary-content[data-v-3adc3bc5]{background:#fff;padding:20px;border-radius:8px;line-height:1.8}.summary-content p[data-v-3adc3bc5]{margin:10px 0}.summary-content code[data-v-3adc3bc5]{background:#f5f5f5;padding:2px 6px;border-radius:3px;color:#e83e8c;font-family:Consolas,Monaco,monospace;font-size:13px}.tip[data-v-3adc3bc5]{background:#e8f5e9;padding:10px 15px;border-left:4px solid #4caf50;border-radius:4px;color:#2e7d32;font-size:14px;margin-top:15px!important}@media(max-width:768px){.expression-grid[data-v-3adc3bc5],.tips-grid[data-v-3adc3bc5]{grid-template-columns:1fr}}.section-container[data-v-bef6ad69]{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 8px #0000001a}h2[data-v-bef6ad69]{color:#2c3e50;margin-bottom:10px;font-size:1.8rem}.section-desc[data-v-bef6ad69]{color:#666;margin-bottom:30px;font-size:1.1rem}.api-tabs[data-v-bef6ad69]{display:flex;gap:10px;margin-bottom:20px;border-bottom:1px solid #e0e0e0;padding-bottom:10px}.api-tabs button[data-v-bef6ad69]{padding:10px 20px;border:2px solid #ddd;background:#fff;color:#666;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.api-tabs button[data-v-bef6ad69]:hover{border-color:#4caf50;color:#4caf50}.api-tabs button.active[data-v-bef6ad69]{background:#4caf50;border-color:#4caf50;color:#fff}.tab-content[data-v-bef6ad69]{margin-bottom:30px}.comparison-section[data-v-bef6ad69]{margin-top:40px;border-top:2px solid #f0f0f0;padding-top:30px}.demo-box[data-v-7382b4a6]{padding:20px;border:1px solid #ddd;border-radius:8px;margin-bottom:30px}h3[data-v-7382b4a6]{color:#42b883;border-bottom:2px solid #42b883;padding-bottom:10px}.demo-item[data-v-7382b4a6]{margin-bottom:30px;padding:20px;background:#f9f9f9;border-radius:8px}.demo-header[data-v-7382b4a6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}h4[data-v-7382b4a6]{color:#333;margin:0}.description[data-v-7382b4a6]{color:#666;margin-bottom:15px;font-size:14px}.demo-content[data-v-7382b4a6]{padding:15px;background:#fff;border-radius:4px;border:1px solid #e0e0e0}.toggle-btn[data-v-7382b4a6]{padding:6px 12px;font-size:12px;background-color:#666;color:#fff;border:none;border-radius:4px;cursor:pointer}.toggle-btn[data-v-7382b4a6]:hover{background-color:#555}img[data-v-7382b4a6]{margin:10px 0}a[data-v-7382b4a6]{color:#42b883;text-decoration:none;font-weight:500}a[data-v-7382b4a6]:hover{text-decoration:underline}p[data-v-7382b4a6]{margin:10px 0}code[data-v-7382b4a6]{background-color:#f5f5f5;padding:2px 6px;border-radius:3px;color:#e83e8c;font-family:Consolas,Monaco,monospace;font-size:13px}.highlight[data-v-7382b4a6]{color:#42b883;font-weight:700}button[data-v-7382b4a6]{padding:8px 16px;margin-right:10px;margin-top:10px;border:none;border-radius:4px;cursor:pointer}.primary-btn[data-v-7382b4a6]{background-color:#42b883;color:#fff}.primary-btn[data-v-7382b4a6]:hover{background-color:#3aa876}.secondary-btn[data-v-7382b4a6]{background-color:#666;color:#fff}.secondary-btn[data-v-7382b4a6]:hover{background-color:#555}.secondary-btn[data-v-7382b4a6]:disabled{background-color:#ccc;cursor:not-allowed}label[data-v-7382b4a6]{margin-right:10px;cursor:pointer}.code-section[data-v-7382b4a6]{margin-top:15px;padding:15px;background:#1e1e1e;border-radius:8px;overflow-x:auto}.code-label[data-v-7382b4a6]{color:#ccc;font-size:12px;margin-bottom:5px;margin-top:10px}.code-label[data-v-7382b4a6]:first-child{margin-top:0}.code-block[data-v-7382b4a6]{margin:0;padding:10px;background:#2d2d2d;border-radius:4px;overflow-x:auto}.code-block code[data-v-7382b4a6]{color:#9cdcfe;font-family:Consolas,Monaco,monospace;font-size:13px;line-height:1.5;white-space:pre;background:transparent;padding:0}.demo-box[data-v-3b58bf70]{padding:20px;border:1px solid #ddd;border-radius:8px;margin-bottom:30px}h3[data-v-3b58bf70]{color:#42b883;border-bottom:2px solid #42b883;padding-bottom:10px}.demo-item[data-v-3b58bf70]{margin-bottom:30px;padding:20px;background:#f9f9f9;border-radius:8px}.demo-header[data-v-3b58bf70]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}h4[data-v-3b58bf70]{color:#333;margin:0}.description[data-v-3b58bf70]{color:#666;margin-bottom:15px;font-size:14px}.demo-content[data-v-3b58bf70]{padding:15px;background:#fff;border-radius:4px;border:1px solid #e0e0e0}.toggle-btn[data-v-3b58bf70]{padding:6px 12px;font-size:12px;background-color:#666;color:#fff;border:none;border-radius:4px;cursor:pointer}.toggle-btn[data-v-3b58bf70]:hover{background-color:#555}img[data-v-3b58bf70]{margin:10px 0}a[data-v-3b58bf70]{color:#42b883;text-decoration:none;font-weight:500}a[data-v-3b58bf70]:hover{text-decoration:underline}p[data-v-3b58bf70]{margin:10px 0}code[data-v-3b58bf70]{background-color:#f5f5f5;padding:2px 6px;border-radius:3px;color:#e83e8c;font-family:Consolas,Monaco,monospace;font-size:13px}.highlight[data-v-3b58bf70]{color:#42b883;font-weight:700}button[data-v-3b58bf70]{padding:8px 16px;margin-right:10px;margin-top:10px;border:none;border-radius:4px;cursor:pointer}.primary-btn[data-v-3b58bf70]{background-color:#42b883;color:#fff}.primary-btn[data-v-3b58bf70]:hover{background-color:#3aa876}.secondary-btn[data-v-3b58bf70]{background-color:#666;color:#fff}.secondary-btn[data-v-3b58bf70]:hover{background-color:#555}.secondary-btn[data-v-3b58bf70]:disabled{background-color:#ccc;cursor:not-allowed}label[data-v-3b58bf70]{margin-right:10px;cursor:pointer}.code-section[data-v-3b58bf70]{margin-top:15px;padding:15px;background:#1e1e1e;border-radius:8px;overflow-x:auto}.code-label[data-v-3b58bf70]{color:#ccc;font-size:12px;margin-bottom:5px;margin-top:10px}.code-label[data-v-3b58bf70]:first-child{margin-top:0}.code-block[data-v-3b58bf70]{margin:0;padding:10px;background:#2d2d2d;border-radius:4px;overflow-x:auto}.code-block code[data-v-3b58bf70]{color:#9cdcfe;font-family:Consolas,Monaco,monospace;font-size:13px;line-height:1.5;white-space:pre;background:transparent;padding:0}.comparison-box[data-v-326b4e6e]{padding:20px;border:1px solid #ddd;border-radius:8px;margin-bottom:30px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}h3[data-v-326b4e6e]{color:#2c3e50;border-bottom:2px solid #2c3e50;padding-bottom:10px;text-align:center}.comparison-table[data-v-326b4e6e]{margin:25px 0;overflow-x:auto}table[data-v-326b4e6e]{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden}th[data-v-326b4e6e],td[data-v-326b4e6e]{padding:12px 15px;text-align:left;border-bottom:1px solid #eee}th[data-v-326b4e6e]{background-color:#42b883;color:#fff;font-weight:600}tr[data-v-326b4e6e]:hover{background-color:#f5f5f5}.feature[data-v-326b4e6e]{font-weight:600;color:#2c3e50}.common-scenarios[data-v-326b4e6e]{margin:30px 0}.common-scenarios h4[data-v-326b4e6e]{color:#2c3e50;margin-bottom:15px}.scenario-grid[data-v-326b4e6e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.scenario-card[data-v-326b4e6e]{background:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.scenario-card h5[data-v-326b4e6e]{margin:0 0 10px;color:#42b883;font-size:14px}.scenario-card .code-block[data-v-326b4e6e]{margin:10px 0;padding:10px;background:#f5f5f5;border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:13px;overflow-x:auto}.scenario-card p[data-v-326b4e6e]{margin:10px 0 0;font-size:13px;color:#666}.tips-section[data-v-326b4e6e]{margin:30px 0}.tips-section h4[data-v-326b4e6e]{color:#2c3e50;margin-bottom:15px}.tips-grid[data-v-326b4e6e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.tip-card[data-v-326b4e6e]{background:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 4px #0000001a;border-left:4px solid #42b883}.tip-card h5[data-v-326b4e6e]{margin:0 0 8px;color:#2c3e50;font-size:14px}.tip-card p[data-v-326b4e6e]{margin:0;font-size:13px;color:#666;line-height:1.4}.tip-card code[data-v-326b4e6e]{background:#f5f5f5;padding:2px 6px;border-radius:3px;color:#e83e8c;font-family:Consolas,Monaco,monospace;font-size:12px}.summary[data-v-326b4e6e]{margin-top:30px}.summary h4[data-v-326b4e6e]{color:#2c3e50;margin-bottom:15px}.summary-content[data-v-326b4e6e]{background:#fff;padding:20px;border-radius:8px;line-height:1.8}.summary-content p[data-v-326b4e6e]{margin:10px 0}.summary-content code[data-v-326b4e6e]{background:#f5f5f5;padding:2px 6px;border-radius:3px;color:#e83e8c;font-family:Consolas,Monaco,monospace;font-size:13px}.tip[data-v-326b4e6e]{background:#e8f5e9;padding:10px 15px;border-left:4px solid #4caf50;border-radius:4px;color:#2e7d32;font-size:14px;margin-top:15px!important}@media(max-width:768px){.scenario-grid[data-v-326b4e6e],.tips-grid[data-v-326b4e6e]{grid-template-columns:1fr}}.section-container[data-v-6432d328]{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 8px #0000001a}h2[data-v-6432d328]{color:#2c3e50;margin-bottom:10px;font-size:1.8rem}.section-desc[data-v-6432d328]{color:#666;margin-bottom:30px;font-size:1.1rem}.api-tabs[data-v-6432d328]{display:flex;gap:10px;margin-bottom:20px;border-bottom:1px solid #e0e0e0;padding-bottom:10px}.api-tabs button[data-v-6432d328]{padding:10px 20px;border:2px solid #ddd;background:#fff;color:#666;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.api-tabs button[data-v-6432d328]:hover{border-color:#42b883;color:#42b883}.api-tabs button.active[data-v-6432d328]{background:#42b883;border-color:#42b883;color:#fff}.tab-content[data-v-6432d328]{margin-bottom:30px}.comparison-section[data-v-6432d328]{margin-top:40px;border-top:2px solid #f0f0f0;padding-top:30px}.demo-box[data-v-22b6e4eb]{padding:20px;border:1px solid #ddd;border-radius:8px;margin-bottom:30px}h3[data-v-22b6e4eb]{color:#3498db;border-bottom:2px solid #3498db;padding-bottom:10px}.demo-item[data-v-22b6e4eb]{margin-bottom:30px;padding:20px;background:#f9f9f9;border-radius:8px}.demo-header[data-v-22b6e4eb]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}h4[data-v-22b6e4eb]{color:#333;margin:0}.description[data-v-22b6e4eb]{color:#666;margin-bottom:15px;font-size:14px}.demo-content[data-v-22b6e4eb]{padding:15px;background:#fff;border-radius:4px;border:1px solid #e0e0e0}.toggle-btn[data-v-22b6e4eb]{padding:6px 12px;font-size:12px;background-color:#666;color:#fff;border:none;border-radius:4px;cursor:pointer}.toggle-btn[data-v-22b6e4eb]:hover{background-color:#555}button[data-v-22b6e4eb]{padding:8px 16px;margin-right:10px;margin-bottom:10px;background-color:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer}button[data-v-22b6e4eb]:hover{background-color:#2980b9}p[data-v-22b6e4eb]{margin:10px 0}.highlight[data-v-22b6e4eb]{color:#3498db;font-weight:700}.success[data-v-22b6e4eb]{color:#27ae60;font-weight:700}.info[data-v-22b6e4eb]{color:#3498db;font-weight:700}.warning[data-v-22b6e4eb]{color:#f39c12;font-weight:700}.error[data-v-22b6e4eb]{color:#e74c3c;font-weight:700}input[data-v-22b6e4eb]{padding:8px;border:1px solid #ddd;border-radius:4px;margin-left:10px}.group-content[data-v-22b6e4eb]{margin-top:10px;padding:15px;background:#f5f5f5;border-radius:4px;border:1px solid #e0e0e0}.group-content p[data-v-22b6e4eb]{margin:5px 0}.animated-box[data-v-22b6e4eb]{transition:all .3s ease;padding:20px;background:#3498db;color:#fff;border-radius:4px;margin-top:10px;opacity:1;transform:scale(1)}.animated-box[style*="display: none"][data-v-22b6e4eb]{opacity:0;transform:scale(.8)}.code-section[data-v-22b6e4eb]{margin-top:15px;padding:15px;background:#1e1e1e;border-radius:8px;overflow-x:auto}.code-label[data-v-22b6e4eb]{color:#ccc;font-size:12px;margin-bottom:5px;margin-top:10px}.code-label[data-v-22b6e4eb]:first-child{margin-top:0}.code-block[data-v-22b6e4eb]{margin:0;padding:10px;background:#2d2d2d;border-radius:4px;overflow-x:auto}.code-block code[data-v-22b6e4eb]{color:#9cdcfe;font-family:Consolas,Monaco,monospace;font-size:13px;line-height:1.5;white-space:pre}.demo-box[data-v-2c2f4746]{padding:20px;border:1px solid #ddd;border-radius:8px;margin-bottom:30px}h3[data-v-2c2f4746]{color:#3498db;border-bottom:2px solid #3498db;padding-bottom:10px}.demo-item[data-v-2c2f4746]{margin-bottom:30px;padding:20px;background:#f9f9f9;border-radius:8px}.demo-header[data-v-2c2f4746]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}h4[data-v-2c2f4746]{color:#333;margin:0}.description[data-v-2c2f4746]{color:#666;margin-bottom:15px;font-size:14px}.demo-content[data-v-2c2f4746]{padding:15px;background:#fff;border-radius:4px;border:1px solid #e0e0e0}.toggle-btn[data-v-2c2f4746]{padding:6px 12px;font-size:12px;background-color:#666;color:#fff;border:none;border-radius:4px;cursor:pointer}.toggle-btn[data-v-2c2f4746]:hover{background-color:#555}button[data-v-2c2f4746]{padding:8px 16px;margin-right:10px;margin-bottom:10px;background-color:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer}button[data-v-2c2f4746]:hover{background-color:#2980b9}p[data-v-2c2f4746]{margin:10px 0}.highlight[data-v-2c2f4746]{color:#3498db;font-weight:700}.success[data-v-2c2f4746]{color:#27ae60;font-weight:700}.info[data-v-2c2f4746]{color:#3498db;font-weight:700}.warning[data-v-2c2f4746]{color:#f39c12;font-weight:700}.error[data-v-2c2f4746]{color:#e74c3c;font-weight:700}input[data-v-2c2f4746]{padding:8px;border:1px solid #ddd;border-radius:4px;margin-left:10px}.group-content[data-v-2c2f4746]{margin-top:10px;padding:15px;background:#f5f5f5;border-radius:4px;border:1px solid #e0e0e0}.group-content p[data-v-2c2f4746]{margin:5px 0}.animated-box[data-v-2c2f4746]{transition:all .3s ease;padding:20px;background:#3498db;color:#fff;border-radius:4px;margin-top:10px;opacity:1;transform:scale(1)}.animated-box[style*="display: none"][data-v-2c2f4746]{opacity:0;transform:scale(.8)}.code-section[data-v-2c2f4746]{margin-top:15px;padding:15px;background:#1e1e1e;border-radius:8px;overflow-x:auto}.code-label[data-v-2c2f4746]{color:#ccc;font-size:12px;margin-bottom:5px;margin-top:10px}.code-label[data-v-2c2f4746]:first-child{margin-top:0}.code-block[data-v-2c2f4746]{margin:0;padding:10px;background:#2d2d2d;border-radius:4px;overflow-x:auto}.code-block code[data-v-2c2f4746]{color:#9cdcfe;font-family:Consolas,Monaco,monospace;font-size:13px;line-height:1.5;white-space:pre}.comparison-box[data-v-522a4a8a]{padding:20px;border:1px solid #ddd;border-radius:8px;margin-bottom:30px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}h3[data-v-522a4a8a]{color:#2c3e50;border-bottom:2px solid #2c3e50;padding-bottom:10px;text-align:center}.comparison-table[data-v-522a4a8a]{margin:25px 0;overflow-x:auto}table[data-v-522a4a8a]{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden}th[data-v-522a4a8a],td[data-v-522a4a8a]{padding:12px 15px;text-align:left;border-bottom:1px solid #eee}th[data-v-522a4a8a]{background-color:#3498db;color:#fff;font-weight:600}tr[data-v-522a4a8a]:hover{background-color:#f5f5f5}.feature[data-v-522a4a8a]{font-weight:600;color:#2c3e50}.decision-guide[data-v-522a4a8a]{margin:30px 0}.decision-guide h4[data-v-522a4a8a]{color:#2c3e50;margin-bottom:15px}.decision-cards[data-v-522a4a8a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.decision-card[data-v-522a4a8a]{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000001a;border-top:4px solid #3498db}.decision-card h5[data-v-522a4a8a]{margin:0 0 15px;color:#3498db;font-size:16px}.decision-card ul[data-v-522a4a8a]{list-style:none;padding:0}.decision-card li[data-v-522a4a8a]{border-bottom:1px solid #f0f0f0;position:relative;padding:8px 0 8px 20px}.decision-card li[data-v-522a4a8a]:before{content:"✓";position:absolute;left:0;color:#27ae60;font-weight:700}.decision-card li[data-v-522a4a8a]:last-child{border-bottom:none}.tips-section[data-v-522a4a8a]{margin:30px 0}.tips-section h4[data-v-522a4a8a]{color:#2c3e50;margin-bottom:15px}.tips-grid[data-v-522a4a8a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.tip-card[data-v-522a4a8a]{background:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 4px #0000001a;border-left:4px solid #3498db}.tip-card h5[data-v-522a4a8a]{margin:0 0 8px;color:#2c3e50;font-size:14px}.tip-card p[data-v-522a4a8a]{margin:0;font-size:13px;color:#666;line-height:1.4}.tip-card code[data-v-522a4a8a]{background:#f5f5f5;padding:2px 6px;border-radius:3px;color:#e83e8c;font-family:Consolas,Monaco,monospace;font-size:12px}.summary[data-v-522a4a8a]{margin-top:30px}.summary h4[data-v-522a4a8a]{color:#2c3e50;margin-bottom:15px}.summary-content[data-v-522a4a8a]{background:#fff;padding:20px;border-radius:8px;line-height:1.8}.summary-content p[data-v-522a4a8a]{margin:10px 0}.summary-content code[data-v-522a4a8a]{background:#f5f5f5;padding:2px 6px;border-radius:3px;color:#e83e8c;font-family:Consolas,Monaco,monospace;font-size:13px}.tip[data-v-522a4a8a]{background:#e3f2fd;padding:10px 15px;border-left:4px solid #2196f3;border-radius:4px;color:#1976d2;font-size:14px;margin-top:15px!important}@media(max-width:768px){.decision-cards[data-v-522a4a8a],.tips-grid[data-v-522a4a8a]{grid-template-columns:1fr}}.section-container[data-v-2da6fc24]{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 8px #0000001a}h2[data-v-2da6fc24]{color:#2c3e50;margin-bottom:10px;font-size:1.8rem}.section-desc[data-v-2da6fc24]{color:#666;margin-bottom:30px;font-size:1.1rem}.api-tabs[data-v-2da6fc24]{display:flex;gap:10px;margin-bottom:20px;border-bottom:1px solid #e0e0e0;padding-bottom:10px}.api-tabs button[data-v-2da6fc24]{padding:10px 20px;border:2px solid #ddd;background:#fff;color:#666;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.api-tabs button[data-v-2da6fc24]:hover{border-color:#3498db;color:#3498db}.api-tabs button.active[data-v-2da6fc24]{background:#3498db;border-color:#3498db;color:#fff}.tab-content[data-v-2da6fc24]{margin-bottom:30px}.comparison-section[data-v-2da6fc24]{margin-top:40px;border-top:2px solid #f0f0f0;padding-top:30px}.demo-box[data-v-583fd263]{padding:20px;border:1px solid #ddd;border-radius:8px;margin-bottom:30px}h3[data-v-583fd263]{color:#ff6b6b;border-bottom:2px solid #ff6b6b;padding-bottom:10px}.demo-item[data-v-583fd263]{margin-bottom:30px;padding:20px;background:#f9f9f9;border-radius:8px}.demo-item.danger[data-v-583fd263]{border-left:4px solid #ff6b6b}.demo-header[data-v-583fd263]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}h4[data-v-583fd263]{color:#333;margin:0}.description[data-v-583fd263]{color:#666;margin-bottom:15px;font-size:14px}.demo-content[data-v-583fd263]{padding:15px;background:#fff;border-radius:4px;border:1px solid #e0e0e0}.toggle-btn[data-v-583fd263]{padding:6px 12px;font-size:12px;background-color:#666;color:#fff;border:none;border-radius:4px;cursor:pointer}.toggle-btn[data-v-583fd263]:hover{background-color:#555}button[data-v-583fd263]{padding:8px 16px;margin-right:10px;margin-bottom:10px;background-color:#ff6b6b;color:#fff;border:none;border-radius:4px;cursor:pointer}button[data-v-583fd263]:hover{background-color:#ee5a52}p[data-v-583fd263]{margin:10px 0}.label[data-v-583fd263]{font-weight:700;color:#333;margin-top:15px;margin-bottom:5px}.label[data-v-583fd263]:first-child{margin-top:0}[data-v-583fd263] .card{border:2px solid #4caf50;border-radius:8px;padding:20px;background:#f9f9f9}[data-v-583fd263] .card h3{color:#4caf50;margin-bottom:10px}[data-v-583fd263] .card ul{list-style:none;padding:0}[data-v-583fd263] .card li{padding:5px 0;border-bottom:1px solid #eee}[data-v-583fd263] .card li:last-child{border-bottom:none}table[data-v-583fd263]{width:100%;border-collapse:collapse;margin-top:10px}th[data-v-583fd263],td[data-v-583fd263]{padding:8px;text-align:left;border:1px solid #ddd}th[data-v-583fd263]{background-color:#f2f2f2}.warning-box[data-v-583fd263]{background:#fff5f5;border:1px solid #ffcdd2;border-radius:4px;padding:15px}.warning-box h5[data-v-583fd263]{color:#c62828;margin-top:0}.warning-box ul[data-v-583fd263]{margin:10px 0;padding-left:20px}.warning-box .tip[data-v-583fd263]{color:#c62828;font-weight:700;margin-top:10px}.code-section[data-v-583fd263]{margin-top:15px;padding:15px;background:#1e1e1e;border-radius:8px;overflow-x:auto}.code-label[data-v-583fd263]{color:#ccc;font-size:12px;margin-bottom:5px;margin-top:10px}.code-label[data-v-583fd263]:first-child{margin-top:0}.code-block[data-v-583fd263]{margin:0;padding:10px;background:#2d2d2d;border-radius:4px;overflow-x:auto}.code-block code[data-v-583fd263]{color:#9cdcfe;font-family:Consolas,Monaco,monospace;font-size:13px;line-height:1.5;white-space:pre}.demo-box[data-v-9cfeeac0]{padding:20px;border:1px solid #ddd;border-radius:8px;margin-bottom:30px}h3[data-v-9cfeeac0]{color:#ff6b6b;border-bottom:2px solid #ff6b6b;padding-bottom:10px}.demo-item[data-v-9cfeeac0]{margin-bottom:30px;padding:20px;background:#f9f9f9;border-radius:8px}.demo-item.danger[data-v-9cfeeac0]{border-left:4px solid #ff6b6b}.demo-header[data-v-9cfeeac0]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}h4[data-v-9cfeeac0]{color:#333;margin:0}.description[data-v-9cfeeac0]{color:#666;margin-bottom:15px;font-size:14px}.demo-content[data-v-9cfeeac0]{padding:15px;background:#fff;border-radius:4px;border:1px solid #e0e0e0}.toggle-btn[data-v-9cfeeac0]{padding:6px 12px;font-size:12px;background-color:#666;color:#fff;border:none;border-radius:4px;cursor:pointer}.toggle-btn[data-v-9cfeeac0]:hover{background-color:#555}button[data-v-9cfeeac0]{padding:8px 16px;margin-right:10px;margin-bottom:10px;background-color:#ff6b6b;color:#fff;border:none;border-radius:4px;cursor:pointer}button[data-v-9cfeeac0]:hover{background-color:#ee5a52}p[data-v-9cfeeac0]{margin:10px 0}.label[data-v-9cfeeac0]{font-weight:700;color:#333;margin-top:15px;margin-bottom:5px}.label[data-v-9cfeeac0]:first-child{margin-top:0}[data-v-9cfeeac0] .card{border:2px solid #4caf50;border-radius:8px;padding:20px;background:#f9f9f9}[data-v-9cfeeac0] .card h3{color:#4caf50;margin-bottom:10px}[data-v-9cfeeac0] .card ul{list-style:none;padding:0}[data-v-9cfeeac0] .card li{padding:5px 0;border-bottom:1px solid #eee}[data-v-9cfeeac0] .card li:last-child{border-bottom:none}table[data-v-9cfeeac0]{width:100%;border-collapse:collapse;margin-top:10px}th[data-v-9cfeeac0],td[data-v-9cfeeac0]{padding:8px;text-align:left;border:1px solid #ddd}th[data-v-9cfeeac0]{background-color:#f2f2f2}.warning-box[data-v-9cfeeac0]{background:#fff5f5;border:1px solid #ffcdd2;border-radius:4px;padding:15px}.warning-box h5[data-v-9cfeeac0]{color:#c62828;margin-top:0}.warning-box ul[data-v-9cfeeac0]{margin:10px 0;padding-left:20px}.warning-box .tip[data-v-9cfeeac0]{color:#c62828;font-weight:700;margin-top:10px}.code-section[data-v-9cfeeac0]{margin-top:15px;padding:15px;background:#1e1e1e;border-radius:8px;overflow-x:auto}.code-label[data-v-9cfeeac0]{color:#ccc;font-size:12px;margin-bottom:5px;margin-top:10px}.code-label[data-v-9cfeeac0]:first-child{margin-top:0}.code-block[data-v-9cfeeac0]{margin:0;padding:10px;background:#2d2d2d;border-radius:4px;overflow-x:auto}.code-block code[data-v-9cfeeac0]{color:#9cdcfe;font-family:Consolas,Monaco,monospace;font-size:13px;line-height:1.5;white-space:pre}.comparison-box[data-v-f8301ce7]{padding:20px;border:1px solid #ddd;border-radius:8px;margin-bottom:30px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}h3[data-v-f8301ce7]{color:#2c3e50;border-bottom:2px solid #2c3e50;padding-bottom:10px;text-align:center}.comparison-table[data-v-f8301ce7]{margin:25px 0;overflow-x:auto}table[data-v-f8301ce7]{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden}th[data-v-f8301ce7],td[data-v-f8301ce7]{padding:12px 15px;text-align:left;border-bottom:1px solid #eee}th[data-v-f8301ce7]{background-color:#ff6b6b;color:#fff;font-weight:600}tr[data-v-f8301ce7]:hover{background-color:#f5f5f5}.feature[data-v-f8301ce7]{font-weight:600;color:#2c3e50}.common-scenarios[data-v-f8301ce7]{margin:30px 0}.common-scenarios h4[data-v-f8301ce7]{color:#2c3e50;margin-bottom:15px}.scenario-grid[data-v-f8301ce7]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.scenario-card[data-v-f8301ce7]{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000001a;border-top:4px solid #ff6b6b}.scenario-card h5[data-v-f8301ce7]{margin:0 0 15px;color:#ff6b6b;font-size:16px}.scenario-card ul[data-v-f8301ce7]{list-style:none;padding:0}.scenario-card li[data-v-f8301ce7]{border-bottom:1px solid #f0f0f0;position:relative;padding:8px 0 8px 20px}.scenario-card li[data-v-f8301ce7]:before{content:"✓";position:absolute;left:0;color:#27ae60;font-weight:700}.scenario-card li[data-v-f8301ce7]:last-child{border-bottom:none}.security-section[data-v-f8301ce7]{margin:30px 0;background:#fff5f5;border:1px solid #ffcdd2;border-radius:8px;padding:20px}.security-section h4[data-v-f8301ce7]{color:#c62828;margin-bottom:15px}.security-section h5[data-v-f8301ce7]{color:#c62828;margin:15px 0 10px}.security-content p[data-v-f8301ce7]{margin:10px 0;line-height:1.6}.security-content ul[data-v-f8301ce7]{margin:10px 0 20px;padding-left:20px}.security-content li[data-v-f8301ce7]{margin:5px 0}.code-block[data-v-f8301ce7]{margin:15px 0;padding:15px;background:#2d2d2d;border-radius:4px;overflow-x:auto;color:#9cdcfe;font-family:Consolas,Monaco,monospace;font-size:13px;line-height:1.5;white-space:pre}.summary[data-v-f8301ce7]{margin-top:30px}.summary h4[data-v-f8301ce7]{color:#2c3e50;margin-bottom:15px}.summary-content[data-v-f8301ce7]{background:#fff;padding:20px;border-radius:8px;line-height:1.8}.summary-content p[data-v-f8301ce7]{margin:10px 0}.summary-content code[data-v-f8301ce7]{background:#f5f5f5;padding:2px 6px;border-radius:3px;color:#e83e8c;font-family:Consolas,Monaco,monospace;font-size:13px}.tip[data-v-f8301ce7]{background:#ffebee;padding:10px 15px;border-left:4px solid #f44336;border-radius:4px;color:#c62828;font-size:14px;margin-top:15px!important}@media(max-width:768px){.scenario-grid[data-v-f8301ce7]{grid-template-columns:1fr}}.section-container[data-v-c8efc2b3]{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 8px #0000001a}h2[data-v-c8efc2b3]{color:#2c3e50;margin-bottom:10px;font-size:1.8rem}.section-desc[data-v-c8efc2b3]{color:#666;margin-bottom:30px;font-size:1.1rem}.api-tabs[data-v-c8efc2b3]{display:flex;gap:10px;margin-bottom:20px;border-bottom:1px solid #e0e0e0;padding-bottom:10px}.api-tabs button[data-v-c8efc2b3]{padding:10px 20px;border:2px solid #ddd;background:#fff;color:#666;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.api-tabs button[data-v-c8efc2b3]:hover{border-color:#ff6b6b;color:#ff6b6b}.api-tabs button.active[data-v-c8efc2b3]{background:#ff6b6b;border-color:#ff6b6b;color:#fff}.tab-content[data-v-c8efc2b3]{margin-bottom:30px}.comparison-section[data-v-c8efc2b3]{margin-top:40px;border-top:2px solid #f0f0f0;padding-top:30px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f5f5f5;color:#333;line-height:1.6}.app-container{min-height:100vh;display:flex;flex-direction:column}.app-header{background:linear-gradient(135deg,#42b883,#3aa876);color:#fff;padding:20px 40px;text-align:center}.app-header h1{font-size:2rem;margin-bottom:10px}.subtitle{font-size:1rem;opacity:.9}.app-main{flex:1;display:flex;min-height:0}.app-sidebar{width:240px;background:#fff;border-right:1px solid #e0e0e0;box-shadow:0 0 10px #0000001a;overflow-y:auto}.sidebar-nav{padding:20px 0}.sidebar-nav h3{padding:0 20px 15px;color:#666;font-size:14px;font-weight:600;border-bottom:1px solid #f0f0f0;margin-bottom:10px}.sidebar-nav ul{list-style:none}.sidebar-nav li{display:flex;align-items:center;padding:12px 20px;cursor:pointer;transition:all .3s ease;border-left:3px solid transparent}.sidebar-nav li:hover{background-color:#f5f5f5;border-left-color:#42b883}.sidebar-nav li.active{background-color:#e8f5e9;border-left-color:#42b883;color:#42b883;font-weight:500}.menu-icon{font-size:18px;margin-right:12px;width:20px;text-align:center}.menu-text{flex:1;font-size:14px}.app-content{flex:1;padding:30px;overflow-y:auto;background-color:#f5f5f5}@media(max-width:768px){.app-main{flex-direction:column}.app-sidebar{width:100%;border-right:none;border-bottom:1px solid #e0e0e0}.sidebar-nav ul{display:flex;overflow-x:auto}.sidebar-nav li{white-space:nowrap;border-left:none;border-bottom:3px solid transparent}.sidebar-nav li.active{border-left:none;border-bottom-color:#42b883}.app-content{padding:20px}}