.container[data-v-f8d860d7]{max-width:800px;margin:0 auto;padding:20px;font-family:Microsoft YaHei,Arial,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.header[data-v-f8d860d7]{text-align:center;color:#fff;margin-bottom:30px}.header h1[data-v-f8d860d7]{font-size:2.5rem;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.header p[data-v-f8d860d7]{font-size:1.1rem;opacity:.9}.content[data-v-f8d860d7]{background:#fff;border-radius:15px;padding:30px;box-shadow:0 10px 30px #0003}.input-section[data-v-f8d860d7]{margin-bottom:25px}.input-section label[data-v-f8d860d7]{display:block;font-weight:600;margin-bottom:10px;color:#333;font-size:1.1rem}.input-section textarea[data-v-f8d860d7]{width:100%;padding:15px;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;resize:vertical;transition:border-color .3s ease}.input-section textarea[data-v-f8d860d7]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.button-section[data-v-f8d860d7]{display:flex;justify-content:center;gap:20px;margin-bottom:25px}.query-btn[data-v-f8d860d7],.submit-btn[data-v-f8d860d7]{padding:12px 30px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:120px}.query-btn[data-v-f8d860d7]{background:#28a745;color:#fff}.query-btn[data-v-f8d860d7]:hover:not(:disabled){background:#218838;transform:translateY(-2px)}.submit-btn[data-v-f8d860d7]{background:#dc3545;color:#fff}.submit-btn[data-v-f8d860d7]:hover:not(:disabled){background:#c82333;transform:translateY(-2px)}.query-btn[data-v-f8d860d7]:disabled,.submit-btn[data-v-f8d860d7]:disabled{background:#6c757d;cursor:not-allowed;transform:none}.result-section h3[data-v-f8d860d7]{margin-bottom:15px;color:#333;font-size:1.3rem}.result-box[data-v-f8d860d7]{border-radius:8px;padding:20px;min-height:100px;transition:all .3s ease}.result-box.success[data-v-f8d860d7]{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.result-box.error[data-v-f8d860d7]{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.result-box.info[data-v-f8d860d7]{background:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.loading[data-v-f8d860d7]{text-align:center;font-size:1.1rem;color:#666}.result-content pre[data-v-f8d860d7]{white-space:pre-wrap;word-wrap:break-word;margin:0;font-family:Courier New,monospace;line-height:1.5}@media (max-width: 768px){.container[data-v-f8d860d7]{padding:10px}.header h1[data-v-f8d860d7]{font-size:2rem}.content[data-v-f8d860d7]{padding:20px}.button-section[data-v-f8d860d7]{flex-direction:column;gap:10px}.query-btn[data-v-f8d860d7],.submit-btn[data-v-f8d860d7]{width:100%}}