.tool-detail-container[data-v-214a549e]{box-sizing:border-box}@media(max-width:768px){.tool-detail-container[data-v-214a549e]{padding:16px}}.tool-header[data-v-214a549e]{box-shadow:0 2px 8px rgba(0,0,0,.02)}.tool-header .header-content[data-v-214a549e]{width:100%}.tool-header .header-content .icon-wrapper[data-v-214a549e]{flex-shrink:0}.tool-header .header-content .text-content h1[data-v-214a549e]{color:#333;font-size:28px;margin:0 0 8px}.tool-header .header-content .text-content p[data-v-214a549e]{color:#666;font-size:16px;line-height:1.5;margin:0}@media(max-width:768px){.tool-header[data-v-214a549e]{padding:24px}.tool-header .header-content[data-v-214a549e]{flex-direction:column;gap:16px;text-align:center}.tool-header .header-content .text-content h1[data-v-214a549e]{font-size:24px}.tool-header .header-content .text-content p[data-v-214a549e]{font-size:14px}.tool-main[data-v-214a549e]{display:flex;flex-direction:column;grid-template-columns:1fr!important}}.config-section[data-v-214a549e],.generator-box[data-v-214a549e],.input-section[data-v-214a549e],.output-section[data-v-214a549e],.preview-section[data-v-214a549e],.tips-box[data-v-214a549e]{background:#fff;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.02);padding:32px}@media(max-width:768px){.config-section[data-v-214a549e],.generator-box[data-v-214a549e],.input-section[data-v-214a549e],.output-section[data-v-214a549e],.preview-section[data-v-214a549e],.tips-box[data-v-214a549e]{padding:20px}}.form-group[data-v-214a549e]{margin-bottom:20px}.form-group label[data-v-214a549e]{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input[data-v-214a549e],.form-group select[data-v-214a549e],.form-group textarea[data-v-214a549e]{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:14px;outline:none;padding:12px;width:100%}.form-group input[data-v-214a549e]:focus,.form-group select[data-v-214a549e]:focus,.form-group textarea[data-v-214a549e]:focus{border-color:#2254f4}.btn-audit[data-v-214a549e],.btn-generate[data-v-214a549e],.btn-primary[data-v-214a549e]{background:#2254f4;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:opacity .2s;width:100%}.btn-audit[data-v-214a549e]:hover,.btn-generate[data-v-214a549e]:hover,.btn-primary[data-v-214a549e]:hover{opacity:.9}.btn-audit[data-v-214a549e]:disabled,.btn-generate[data-v-214a549e]:disabled,.btn-primary[data-v-214a549e]:disabled{background:#ccc;cursor:not-allowed}@media(max-width:768px){.sidebar[data-v-214a549e]{display:flex;gap:8px;overflow-x:auto;padding:12px;width:100%!important}.sidebar .category[data-v-214a549e]{background:#f5f5f5;margin-bottom:0;padding:8px 12px;white-space:nowrap}}.tool-detail-container[data-v-214a549e]{background:#f6f7f9;min-height:100vh;padding:40px}.tool-header[data-v-214a549e]{background:#fff;border-radius:16px;display:flex;justify-content:center;margin-bottom:24px;padding:40px}.tool-header .header-content[data-v-214a549e]{align-items:center;display:flex;gap:24px;max-width:800px}.tool-header .header-content .icon-wrapper[data-v-214a549e]{align-items:center;border-radius:16px;color:#fff;display:flex;font-size:32px;height:64px;justify-content:center;width:64px}.tool-header .header-content .icon-wrapper.chat[data-v-214a549e]{background:linear-gradient(135deg,#2254f4,#1890ff)}.tool-header .header-content .icon-wrapper svg[data-v-214a549e]{height:32px;width:32px}.tool-header .header-content h1[data-v-214a549e]{font-size:28px;margin:0 0 8px}.tool-header .header-content p[data-v-214a549e]{color:#666;font-size:16px;margin:0}.tool-main[data-v-214a549e]{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.preview-section[data-v-214a549e]{align-items:center;background:#fff;border-radius:16px;display:flex;justify-content:center;padding:40px}.chat-demo[data-v-214a549e]{background:#f0f2f5;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.1);padding:16px;position:relative;width:320px}.chat-demo .chat-window[data-v-214a549e]{display:flex;flex-direction:column;gap:12px}.chat-demo .message[data-v-214a549e]{border-radius:12px;font-size:13px;line-height:1.4;max-width:85%;padding:10px 14px}.chat-demo .message.received[data-v-214a549e]{align-self:flex-start;background:#fff;border-bottom-left-radius:2px}.chat-demo .message.sent[data-v-214a549e]{align-self:flex-end;background:#2254f4;border-bottom-right-radius:2px;color:#fff}.chat-demo .demo-badge[data-v-214a549e]{background:#52c41a;border-radius:4px;color:#fff;font-size:10px;font-weight:600;padding:4px 8px;position:absolute;right:-10px;top:-10px}.config-section[data-v-214a549e]{background:#fff;border-radius:16px;padding:40px}.config-section h2[data-v-214a549e]{font-size:20px;margin:0 0 24px}.config-section .form-group[data-v-214a549e]{margin-bottom:20px}.config-section .form-group label[data-v-214a549e]{display:block;font-size:14px;font-weight:500;margin-bottom:8px}.config-section .form-group input[data-v-214a549e],.config-section .form-group textarea[data-v-214a549e]{border:1px solid #ddd;border-radius:8px;font-size:14px;outline:none;padding:10px 12px;width:100%}.config-section .form-group input[data-v-214a549e]:focus,.config-section .form-group textarea[data-v-214a549e]:focus{border-color:#2254f4}.config-section .form-group textarea[data-v-214a549e]{height:80px;resize:vertical}.config-section .rule-item[data-v-214a549e]{align-items:center;display:flex;gap:8px;margin-bottom:8px}.config-section .rule-item input[data-v-214a549e]{background:#f9f9f9}.config-section .btn-primary[data-v-214a549e]{background:#2254f4;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px}.config-section .btn-primary.full[data-v-214a549e]{margin-top:12px;width:100%}