@gnai/message-content-renderer 0.1.15 → 0.1.16

package/dist/assets/css/index-D6L_NB-2.css

@@ -0,0 +1 @@
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--color-bg: #f5f5f7;--color-bg-secondary: #ffffff;--color-text-primary: #1d1d1f;--color-text-secondary: #6e6e73;--color-text-tertiary: #86868b;--color-border: #d2d2d7;--color-border-light: #e5e5e7;--color-primary: #007aff;--color-primary-hover: #0051d5;--color-error: #ff3b30;--color-success: #34c759;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .12);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 20px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--app-height: 100vh;--safe-area-top: 0px;--safe-area-right: 0px;--safe-area-bottom: 0px;--safe-area-left: 0px}@supports (padding: env(safe-area-inset-bottom)){:root{--safe-area-top: env(safe-area-inset-top);--safe-area-right: env(safe-area-inset-right);--safe-area-bottom: env(safe-area-inset-bottom);--safe-area-left: env(safe-area-inset-left)}}@supports (padding: constant(safe-area-inset-bottom)){:root{--safe-area-top: constant(safe-area-inset-top);--safe-area-right: constant(safe-area-inset-right);--safe-area-bottom: constant(safe-area-inset-bottom);--safe-area-left: constant(safe-area-inset-left)}}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-text-primary);background-color:var(--color-bg)}#app{min-height:calc(var(--app-height, 100vh) + var(--safe-area-bottom, 0px))}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0000004d}button{font-family:inherit;cursor:pointer;border:none;outline:none;background:none;padding:0;margin:0}input,textarea{font-family:inherit;border:none;outline:none;background:none}img{max-width:100%;display:block}.avatar[data-v-848f0229]{display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;color:#fff;font-weight:500;flex-shrink:0;border:1px solid var(--color-border)}.avatar img[data-v-848f0229]{width:100%;height:100%;object-fit:cover}.app-header[data-v-12706d04]{height:60px;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-light);flex-shrink:0}.header-content[data-v-12706d04]{height:100%;display:flex;align-items:center;justify-content:flex-end;padding:0 var(--spacing-lg);max-width:100%;margin:0 auto}.header-left[data-v-12706d04]{display:none;align-items:center;gap:var(--spacing-sm);min-width:0}.header-agent-info[data-v-12706d04]{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-primary);font-size:14px;min-width:0;max-width:180px}.agent-name[data-v-12706d04]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.new-chat-btn[data-v-12706d04]{display:flex;align-items:center;gap:var(--spacing-sm);height:36px;padding:0 var(--spacing-md);font-size:14px;font-weight:500;color:var(--color-primary);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.new-chat-btn[data-v-12706d04]:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.new-chat-btn svg[data-v-12706d04]{width:18px;height:18px}.header-right[data-v-12706d04]{display:flex;gap:var(--spacing-sm)}@media(max-width:768px){.header-content[data-v-12706d04]{justify-content:space-between;padding:0 var(--spacing-sm)}.header-left[data-v-12706d04]{display:flex;align-items:center}}.icon-btn[data-v-12706d04]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.icon-btn[data-v-12706d04]:hover{color:var(--color-primary);background:var(--color-bg)}.icon-btn svg[data-v-12706d04]{width:20px;height:20px}.more-menu[data-v-12706d04]{position:relative}.dropdown-menu[data-v-12706d04]{position:absolute;top:100%;right:0;margin-top:var(--spacing-xs);background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden;z-index:10;min-width:160px}.dropdown-item[data-v-12706d04]{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:10px 16px;font-size:14px;color:var(--color-text-primary);text-align:left;white-space:nowrap;cursor:pointer;transition:background var(--transition-fast)}.dropdown-item[data-v-12706d04]:hover{background:var(--color-bg)}.dropdown-item.danger[data-v-12706d04]{color:var(--color-error)}.dropdown-item.danger[data-v-12706d04]:hover{background:var(--color-error);color:#fff}.dropdown-item.disabled[data-v-12706d04],.dropdown-item[data-v-12706d04]:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.dropdown-item svg[data-v-12706d04]{width:18px;height:18px}.toggle-panel-btn[data-v-12706d04]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.toggle-panel-btn[data-v-12706d04]:hover{color:var(--color-primary);background:var(--color-bg)}.toggle-panel-btn svg[data-v-12706d04]{width:20px;height:20px}@media(min-width:769px){.toggle-panel-btn[data-v-12706d04]{display:none}}.vjs-tree-brackets{cursor:pointer}.vjs-tree-brackets:hover{color:#1890ff}.vjs-check-controller{position:absolute;left:0}.vjs-check-controller.is-checked .vjs-check-controller-inner{background-color:#1890ff;border-color:#0076e4}.vjs-check-controller.is-checked .vjs-check-controller-inner.is-checkbox:after{transform:rotate(45deg) scaleY(1)}.vjs-check-controller.is-checked .vjs-check-controller-inner.is-radio:after{transform:translate(-50%,-50%) scale(1)}.vjs-check-controller .vjs-check-controller-inner{display:inline-block;position:relative;border:1px solid #bfcbd9;border-radius:2px;vertical-align:middle;box-sizing:border-box;width:16px;height:16px;background-color:#fff;z-index:1;cursor:pointer;transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.vjs-check-controller .vjs-check-controller-inner:after{box-sizing:content-box;content:"";border:2px solid #fff;border-left:0;border-top:0;height:8px;left:4px;position:absolute;top:1px;transform:rotate(45deg) scaleY(0);width:4px;transition:transform .15s cubic-bezier(.71,-.46,.88,.6) .05s;transform-origin:center}.vjs-check-controller .vjs-check-controller-inner.is-radio{border-radius:100%}.vjs-check-controller .vjs-check-controller-inner.is-radio:after{border-radius:100%;height:4px;background-color:#fff;left:50%;top:50%}.vjs-check-controller .vjs-check-controller-original{opacity:0;outline:none;position:absolute;z-index:-1;inset:0;margin:0}.vjs-carets{position:absolute;right:0;cursor:pointer}.vjs-carets svg{transition:transform .3s}.vjs-carets:hover{color:#1890ff}.vjs-carets-close{transform:rotate(-90deg)}.vjs-tree-node{display:flex;position:relative;line-height:20px}.vjs-tree-node.has-carets{padding-left:15px}.vjs-tree-node.has-carets.has-selector,.vjs-tree-node.has-selector{padding-left:30px}.vjs-tree-node.is-highlight,.vjs-tree-node:hover{background-color:#e6f7ff;border-radius:4px}.vjs-tree-node.is-highlight .vjs-tree-node-actions,.vjs-tree-node:hover .vjs-tree-node-actions{display:block}.vjs-tree-node .vjs-indent{display:flex;position:relative}.vjs-tree-node .vjs-indent-unit.has-line{border-left:1px dashed #bfcbd9}.vjs-tree-node .vjs-tree-node-actions{display:none;position:absolute;right:0;top:0;padding:0 4px;background-color:#e6f7ff;border-radius:4px}.vjs-tree-node .vjs-tree-node-actions .vjs-tree-node-actions-item{cursor:pointer}.vjs-tree-node .vjs-tree-node-actions .vjs-tree-node-actions-item:hover{color:#1890ff}.vjs-tree-node.dark.is-highlight,.vjs-tree-node.dark .vjs-tree-node-actions,.vjs-tree-node.dark:hover{background-color:#2e4558}.vjs-node-index{position:absolute;right:100%;margin-right:4px;-webkit-user-select:none;user-select:none}.vjs-colon{white-space:pre}.vjs-comment{color:#bfcbd9}.vjs-value{word-break:break-word}.vjs-value-null,.vjs-value-undefined{color:#d55fde}.vjs-value-boolean,.vjs-value-number{color:#1d8ce0}.vjs-value-string{color:#13ce66}.vjs-tree{font-family:Monaco,Menlo,Consolas,Bitstream Vera Sans Mono,monospace;font-size:14px;text-align:left}.vjs-tree.is-virtual{overflow:auto}.vjs-tree.is-virtual .vjs-tree-node{white-space:nowrap}.image-viewer[data-v-92c159ee]{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:2000;padding:32px;cursor:zoom-out}.close-button[data-v-92c159ee]{position:fixed;top:24px;right:24px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;color:#fff;background:#00000080;border-radius:50%;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);z-index:2001}.close-button[data-v-92c159ee]:hover{background:#000c;transform:scale(1.1)}.close-button svg[data-v-92c159ee]{width:24px;height:24px}.viewer-content[data-v-92c159ee]{max-width:90%;max-height:90%;display:flex;align-items:center;justify-content:center;cursor:default}.viewer-content img[data-v-92c159ee]{max-width:100%;max-height:90vh;object-fit:contain;border-radius:10px;box-shadow:0 8px 32px #00000080}.viewer-enter-active[data-v-92c159ee],.viewer-leave-active[data-v-92c159ee]{transition:opacity .2s cubic-bezier(.4,0,.2,1)}.viewer-enter-from[data-v-92c159ee],.viewer-leave-to[data-v-92c159ee]{opacity:0}@media(max-width:768px){.image-viewer[data-v-92c159ee]{padding:16px}.close-button[data-v-92c159ee]{top:16px;right:16px;width:40px;height:40px}.close-button svg[data-v-92c159ee]{width:20px;height:20px}.viewer-content img[data-v-92c159ee]{border-radius:6px}}.content-text[data-v-d4935523]{font-size:15px;line-height:1.6;color:#1d1d1f;background:#fff;border-radius:10px;padding:10px 14px;display:inline-block;max-width:100%;word-break:break-all}.content-text.is-plain[data-v-d4935523]{white-space:pre-wrap;word-wrap:break-word}.content-text[data-v-d4935523] p{margin:0 0 8px;white-space:pre-wrap;word-wrap:break-word}.content-text[data-v-d4935523] p:last-child{margin-bottom:0}.content-text[data-v-d4935523] code{background:#fff;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:14px;color:#000}.content-text[data-v-d4935523] pre{background:#fff;padding:16px;border-radius:10px;overflow-x:auto;margin:8px 0}.content-text[data-v-d4935523] pre code{background:none;padding:0;color:#000}.content-text[data-v-d4935523] a{color:#007aff;text-decoration:none}.content-text[data-v-d4935523] a:hover{text-decoration:underline}.content-text[data-v-d4935523] ul,.content-text[data-v-d4935523] ol{margin:8px 0;padding-left:32px}.content-text[data-v-d4935523] blockquote{border-left:4px solid #d2d2d7;padding-left:16px;margin:8px 0;color:#6e6e73}.content-text.role-user[data-v-d4935523]{background:#007aff;color:#fff}.content-text.role-user[data-v-d4935523] a{color:#fff}.content-text.role-user[data-v-d4935523] code,.content-text.role-user[data-v-d4935523] pre{background:#2f4f4f}.content-file[data-v-4b1d629c]{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:1px solid #d2d2d7;border-radius:10px;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1)}.content-file[data-v-4b1d629c]:hover{background:#f5f5f7;border-color:#007aff}.content-file .file-icon[data-v-4b1d629c]{width:20px;height:20px;color:#6e6e73}.content-file .file-name[data-v-4b1d629c]{font-size:14px;color:#1d1d1f;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-file .download-icon[data-v-4b1d629c]{width:16px;height:16px;color:#007aff}.html-preview-wrapper[data-v-4b1d629c]{width:360px;height:640px;position:relative;overflow:hidden;border-radius:12px;box-shadow:0 2px 8px #0000001a;background:#f5f5f7}.html-preview-wrapper .share-icon[data-v-4b1d629c]{position:absolute;top:10px;right:10px;font-size:24px;color:#6e6e73;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1)}.html-preview-wrapper .share-icon[data-v-4b1d629c]:hover{color:#0056b3}.html-preview-wrapper .html-iframe[data-v-4b1d629c]{width:100%;height:100%;border:none}.html-preview-wrapper .html-loading[data-v-4b1d629c]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#f5f5f7}.html-preview-wrapper .html-loading .loading-spinner[data-v-4b1d629c]{width:40px;height:40px;border:3px solid #e0e0e0;border-top-color:#007aff;border-radius:50%;animation:spin-4b1d629c 1s linear infinite}.html-preview-wrapper .html-loading .loading-text[data-v-4b1d629c]{font-size:14px;color:#6e6e73}@keyframes spin-4b1d629c{to{transform:rotate(360deg)}}@media(max-width:768px){.content-file .file-name[data-v-4b1d629c]{max-width:150px}.html-preview-wrapper[data-v-4b1d629c]{width:280px;height:426px}}.message-image[data-v-24952cda]{display:block;max-width:300px;width:auto;height:220px;border-radius:10px;object-fit:cover;cursor:pointer;transition:transform .2s cubic-bezier(.4,0,.2,1)}.message-image[data-v-24952cda]:hover{transform:scale(1.02)}.message-image.is-full-width[data-v-24952cda]{width:100%;max-width:100%}@media(max-width:768px){.message-image[data-v-24952cda]{max-width:200px;height:180px}}.message-video[data-v-be6bb72d]{display:block;max-width:100%;max-height:220px;border-radius:10px}.message-video.is-full-width[data-v-be6bb72d]{width:100%}@media(max-width:768px){.message-video[data-v-be6bb72d]{max-height:180px}}.message-audio[data-v-c0d42074]{max-width:100%;height:40px}.sample-questions[data-v-124204f2]{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.sample-question-btn[data-v-124204f2]{padding:6px 12px;background-color:#fff;border:1px solid #dbeafe;border-radius:12px;font-size:12px;cursor:pointer;transition:all .2s;color:#2563eb;word-break:break-all}.sample-question-btn[data-v-124204f2]:hover{background:#d4e7ff;border-color:#007aff}.question-text[data-v-124204f2]{white-space:pre-wrap;word-break:break-word}.message-content-renderer[data-v-0a6f45dd]{display:inline-flex;max-width:100%;position:relative}.renderer-actions[data-v-0a6f45dd]{position:absolute;top:-30px;display:inline-flex;gap:4px;padding:4px 6px;border-radius:var(--radius-md);border:1px solid var(--color-border-light);background:var(--color-bg-secondary);box-shadow:var(--shadow-sm);opacity:0;pointer-events:none;transition:opacity var(--transition-fast),transform var(--transition-fast);transform:translateY(-4px);word-break:keep-all}.renderer-actions.actions-user[data-v-0a6f45dd]{right:0}.renderer-actions.actions-assistant[data-v-0a6f45dd]{left:0}.renderer-action-btn[data-v-0a6f45dd]{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;font-size:12px;color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:background var(--transition-fast),color var(--transition-fast)}.renderer-action-btn[data-v-0a6f45dd]:hover{background:var(--color-bg);color:var(--color-text-primary)}.renderer-action-btn.danger[data-v-0a6f45dd]:hover{color:var(--color-error)}.renderer-action-btn svg[data-v-0a6f45dd]{width:14px;height:14px}.content-user-message[data-v-0a6f45dd]{display:flex;flex-direction:column;gap:16px;align-items:flex-start}.files-grid[data-v-0a6f45dd]{display:inline-flex;flex-direction:column;align-items:flex-start;gap:8px}.role-user .content-user-message[data-v-0a6f45dd],.role-user .files-grid[data-v-0a6f45dd]{align-items:flex-end}.content-medialib .json-viewer[data-v-0a6f45dd]{background:#fff;padding:16px;border-radius:10px;font-size:13px;max-height:400px;overflow:auto}.content-welcome[data-v-0a6f45dd]{display:flex;flex-direction:column;gap:16px;align-items:flex-start}.welcome-media[data-v-0a6f45dd]{display:inline-flex;max-width:100%}@media(max-width:768px){.renderer-actions[data-v-0a6f45dd]{display:none}}.message-item[data-v-c3fd6d12]{width:100%;padding:var(--spacing-md) 0;animation:slideIn-c3fd6d12 var(--transition-base)}.message-item[data-v-c3fd6d12]:first-child{padding-top:var(--spacing-md)}.message-content[data-v-c3fd6d12]{display:flex;gap:var(--spacing-md);max-width:900px;margin:0 auto;padding:0 var(--spacing-lg)}.message-body[data-v-c3fd6d12]{display:flex;flex-direction:column;align-items:flex-start;position:relative}.message-contents[data-v-c3fd6d12]{position:relative}.message-revoked[data-v-c3fd6d12]{color:var(--color-text-tertiary);font-size:13px}.message-loading[data-v-c3fd6d12]{padding:var(--spacing-sm) 0}.typing-indicator[data-v-c3fd6d12]{display:inline-flex;gap:4px;align-items:center}.typing-indicator span[data-v-c3fd6d12]{width:6px;height:6px;border-radius:50%;background:var(--color-text-tertiary);animation:typing-c3fd6d12 1.4s infinite}.typing-indicator span[data-v-c3fd6d12]:nth-child(2){animation-delay:.2s}.typing-indicator span[data-v-c3fd6d12]:nth-child(3){animation-delay:.4s}.message-error[data-v-c3fd6d12]{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-error);font-size:14px;margin-top:var(--spacing-sm)}.message-error svg[data-v-c3fd6d12]{width:16px;height:16px}.message-meta[data-v-c3fd6d12]{margin-top:6px;padding:3px 2px 0;font-size:12px;color:var(--color-text-tertiary)}.message-contents[data-v-c3fd6d12]:hover .renderer-actions,.message-contents[data-v-c3fd6d12]:focus-within .renderer-actions{opacity:1;pointer-events:auto;transform:translateY(0)}.message-user .message-meta[data-v-c3fd6d12]{text-align:right}.message-system .message-content[data-v-c3fd6d12]{justify-content:center}.message-system .message-content[data-v-c3fd6d12] .content-text{background:transparent;color:var(--color-text-tertiary);font-size:13px}.message-system .message-body[data-v-c3fd6d12]{align-items:center}.message-system .message-contents[data-v-c3fd6d12]{max-width:100%}.message-user .message-content[data-v-c3fd6d12]{justify-content:flex-end}.message-user .message-body[data-v-c3fd6d12]{align-items:flex-end}.message-user .message-images[data-v-c3fd6d12]{justify-content:flex-end}.message-user .message-text[data-v-c3fd6d12]{text-align:right}@keyframes slideIn-c3fd6d12{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes typing-c3fd6d12{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-8px)}}@media(max-width:768px){.message-content[data-v-c3fd6d12]{padding:0 var(--spacing-md)}}.message-list[data-v-6cc2b2ea]{flex:1;overflow-y:auto;padding:var(--spacing-lg) 0}.message-loading-more[data-v-6cc2b2ea]{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 0;font-size:12px;color:var(--color-text-tertiary)}.message-loading-more .spinner[data-v-6cc2b2ea]{width:14px;height:14px;border-radius:50%;border:2px solid rgba(0,0,0,.1);border-top-color:var(--color-text-tertiary);animation:spin-6cc2b2ea .8s linear infinite}@keyframes spin-6cc2b2ea{to{transform:rotate(360deg)}}.image-preview[data-v-fc4f4837]{padding:var(--spacing-md) var(--spacing-md) var(--spacing-sm);background:var(--color-bg-secondary);animation:slideUp-fc4f4837 var(--transition-base);border-radius:20px;box-shadow:0 2px 8px #0000001a}.preview-list[data-v-fc4f4837]{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.preview-item[data-v-fc4f4837]{position:relative;width:80px;height:80px;border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg)}.preview-item img[data-v-fc4f4837]{width:100%;height:100%;object-fit:cover}.remove-button[data-v-fc4f4837]{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:#0009;color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast);cursor:pointer;z-index:10}.remove-button[data-v-fc4f4837]:hover{background:#000c}.remove-button[data-v-fc4f4837]:disabled{cursor:not-allowed;opacity:.3}.remove-button svg[data-v-fc4f4837]{width:14px;height:14px}.preview-item:hover .remove-button[data-v-fc4f4837]{opacity:1}.uploading-mask[data-v-fc4f4837],.error-mask[data-v-fc4f4837]{position:absolute;inset:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center}.error-mask[data-v-fc4f4837]{background:#ff3b301a;color:var(--color-error)}.error-mask svg[data-v-fc4f4837]{width:24px;height:24px}.spinner-small[data-v-fc4f4837]{width:20px;height:20px;border:2px solid var(--color-border-light);border-top-color:var(--color-primary);border-radius:50%;animation:spin-fc4f4837 .8s linear infinite}@keyframes slideUp-fc4f4837{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin-fc4f4837{to{transform:rotate(360deg)}}.preview-audio[data-v-fc4f4837]{min-width:100px;height:auto;padding:var(--spacing-sm);display:flex;align-items:center}.preview-audio audio[data-v-fc4f4837]{width:100%}.audio-preview[data-v-fc4f4837]{display:flex;flex-direction:column;gap:var(--spacing-xs)}.audio-info[data-v-fc4f4837]{display:flex;align-items:center;gap:var(--spacing-sm)}.audio-info svg[data-v-fc4f4837]{width:24px;height:24px;color:var(--color-primary)}.audio-meta .audio-name[data-v-fc4f4837]{font-size:13px;font-weight:600;color:var(--color-text-primary)}.audio-meta .audio-duration[data-v-fc4f4837]{font-size:12px;color:var(--color-text-secondary)}.input-area-container .panel-footer[data-v-aae45fd5]{padding:4px 0 8px}.input-area-container .footer-text[data-v-aae45fd5]{font-size:12px;color:var(--color-text-tertiary);text-align:center;line-height:1.4}.input-area-container .footer-text a[data-v-aae45fd5]{color:inherit;text-decoration:none}.input-area-container .footer-text a[data-v-aae45fd5]:hover{text-decoration:underline}.input-main[data-v-aae45fd5]{padding:var(--spacing-xs) 0}.input-area[data-v-aae45fd5]{border-radius:var(--radius-md)}.input-container[data-v-aae45fd5]{display:flex;flex-direction:column;gap:var(--spacing-xs)}.input-shell[data-v-aae45fd5]{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-bg);display:flex;flex-direction:column;overflow:hidden;background-color:#fff}.input-shell.disabled[data-v-aae45fd5]{opacity:.6}.input-textarea[data-v-aae45fd5]{width:100%;min-height:60px;max-height:220px;padding:16px 20px;font-size:15px;line-height:1.6;color:var(--color-text-primary);background:transparent;border:none;resize:none;overflow-y:hidden}.input-textarea[data-v-aae45fd5]:disabled{cursor:not-allowed}.input-textarea[data-v-aae45fd5]::placeholder{color:var(--color-text-tertiary)}@media(max-width:768px){.input-textarea[data-v-aae45fd5]{font-size:16px}}.input-toolbar[data-v-aae45fd5]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px}.toolbar-left[data-v-aae45fd5]{display:flex;align-items:center;gap:var(--spacing-sm)}.toolbar-button[data-v-aae45fd5]{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-lg);background:transparent;color:var(--color-text-secondary);transition:all var(--transition-fast);font-size:13px}.toolbar-button[data-v-aae45fd5]:hover:not(:disabled){background:var(--color-bg);color:var(--color-text-primary)}.toolbar-button[data-v-aae45fd5]:disabled{opacity:.4;cursor:not-allowed}.toolbar-button svg[data-v-aae45fd5]{width:22px;height:22px}.toolbar-button span[data-v-aae45fd5]{font-size:13px}.toolbar-right[data-v-aae45fd5]{display:flex;align-items:center;gap:var(--spacing-sm)}.send-button[data-v-aae45fd5]{width:42px;height:42px;display:flex;align-items:center;justify-content:center;color:#fff;background:var(--color-text-tertiary);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer}.send-button.active[data-v-aae45fd5]{background:var(--color-primary)}.send-button.active[data-v-aae45fd5]:hover:not(:disabled){background:var(--color-primary-hover)}.send-button.cancel[data-v-aae45fd5]{background:gray}.send-button.cancel .red-circle[data-v-aae45fd5]{width:16px;height:16px;border-radius:3px;background:#fff}.send-button[data-v-aae45fd5]:disabled{opacity:.5;cursor:not-allowed}.send-button svg[data-v-aae45fd5]{width:20px;height:20px}.file-input[data-v-aae45fd5]{display:none}@media(max-width:768px){.input-main[data-v-aae45fd5]{padding:var(--spacing-sm)}}.record-modal-mask[data-v-aae45fd5]{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.record-modal[data-v-aae45fd5]{width:360px;background:var(--color-bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.modal-header[data-v-aae45fd5]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--color-border-light)}.modal-header h3[data-v-aae45fd5]{margin:0;font-size:16px}.close-btn[data-v-aae45fd5]{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);color:var(--color-text-secondary)}.close-btn[data-v-aae45fd5]:hover{background:var(--color-bg);color:var(--color-text-primary)}.close-btn svg[data-v-aae45fd5]{width:18px;height:18px}.modal-body[data-v-aae45fd5]{padding:var(--spacing-lg) var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md)}.record-status[data-v-aae45fd5]{display:flex;align-items:center;gap:var(--spacing-sm);font-size:14px;color:var(--color-text-secondary)}.status-indicator[data-v-aae45fd5]{width:10px;height:10px;border-radius:50%;background:var(--color-border)}.status-indicator.active[data-v-aae45fd5]{background:var(--color-error);animation:pulse-aae45fd5 1s infinite}.timer[data-v-aae45fd5]{margin-left:auto;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.record-controls[data-v-aae45fd5]{display:flex;justify-content:center}.record-button[data-v-aae45fd5]{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:10px 20px;border-radius:var(--radius-lg);font-size:14px;transition:all var(--transition-fast)}.record-button.start[data-v-aae45fd5]{background:var(--color-primary);color:#fff}.record-button.stop[data-v-aae45fd5]{background:var(--color-error);color:#fff}.record-button svg[data-v-aae45fd5]{width:18px;height:18px}.record-preview audio[data-v-aae45fd5]{width:100%}.modal-footer[data-v-aae45fd5]{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md);border-top:1px solid var(--color-border-light)}.modal-btn[data-v-aae45fd5]{padding:8px 16px;border-radius:var(--radius-md);font-size:14px;color:var(--color-text-primary);background:var(--color-bg)}.modal-btn.primary[data-v-aae45fd5]{background:var(--color-primary);color:#fff}.modal-btn[data-v-aae45fd5]:disabled{opacity:.5;cursor:not-allowed}.modal-fade-enter-active[data-v-aae45fd5],.modal-fade-leave-active[data-v-aae45fd5]{transition:opacity var(--transition-fast)}.modal-fade-enter-from[data-v-aae45fd5],.modal-fade-leave-to[data-v-aae45fd5]{opacity:0}@keyframes pulse-aae45fd5{0%{transform:scale(.9);opacity:.7}to{transform:scale(1.2);opacity:.2}}.chat-area[data-v-662d06af]{flex:1;display:flex;flex-direction:column;overflow:hidden;align-items:center}.chat-content[data-v-662d06af]{width:100%;max-width:900px;height:100%;display:flex;flex-direction:column}.agent-panel[data-v-4e082831]{position:relative;background:var(--color-bg-secondary);border-right:1px solid var(--color-border-light);display:flex;flex-direction:column;transition:all var(--transition-base)}.agent-panel.collapsed[data-v-4e082831]{width:0;border-right:none}.toggle-panel-btn[data-v-4e082831]{position:absolute;top:12px;right:16px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);z-index:10}.toggle-panel-btn[data-v-4e082831]:hover{color:var(--color-primary);background:var(--color-bg)}.toggle-panel-btn svg[data-v-4e082831]{width:20px;height:20px}.agent-panel.collapsed .toggle-panel-btn[data-v-4e082831]{right:-54px;background:var(--color-bg-secondary)}.agent-panel.collapsed .toggle-panel-btn[data-v-4e082831]:hover{color:var(--color-primary);background:var(--color-bg)}.panel-content[data-v-4e082831]{width:300px;height:100%;display:flex;flex-direction:column;padding:var(--spacing-lg);overflow-y:auto;animation:fadeIn-4e082831 var(--transition-base)}.agent-info[data-v-4e082831]{flex:1;padding-top:var(--spacing-md);margin-top:var(--spacing-2xl);display:flex;flex-direction:column;align-items:center}.info-avatar[data-v-4e082831]{width:64px;height:64px;margin-bottom:var(--spacing-md);box-shadow:var(--shadow-sm);overflow:hidden}.info-title[data-v-4e082831]{font-size:24px;font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-md);line-height:1.3}.info-description[data-v-4e082831]{font-size:14px;color:var(--color-text-secondary);line-height:1.6;margin:0 0 var(--spacing-xl);white-space:pre-wrap;text-align:center}.author-info>div[data-v-4e082831]:first-child{display:flex;gap:var(--spacing-sm);align-items:center;width:100%}.author-info[data-v-4e082831]{width:100%;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-bg);border-radius:var(--radius-md);display:flex;flex-direction:column}.author-avatar[data-v-4e082831]{width:40px;height:40px;border-radius:50%;flex-shrink:0}.author-details[data-v-4e082831]{flex:1;min-width:0}.author-label[data-v-4e082831]{font-size:12px;color:var(--color-text-tertiary);margin-bottom:6px}.author-name[data-v-4e082831]{font-size:14px;font-weight:500;color:var(--color-text-primary)}.publish-date[data-v-4e082831]{width:100%;margin-top:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--color-border-light);font-size:12px;color:var(--color-text-tertiary);text-align:left}.share-btn[data-v-4e082831]{width:100%;margin-top:var(--spacing-md);height:40px;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-size:14px;font-weight:500;color:#fff;background:var(--color-primary);border:none;border-radius:var(--radius-md);transition:all var(--transition-fast)}.share-btn[data-v-4e082831]:hover{background:var(--color-primary-hover)}.share-btn svg[data-v-4e082831]{width:18px;height:18px}.panel-loading[data-v-4e082831]{flex:1;display:flex;align-items:center;justify-content:center}.spinner[data-v-4e082831]{width:32px;height:32px;border:3px solid var(--color-border-light);border-top-color:var(--color-primary);border-radius:50%;animation:spin-4e082831 .8s linear infinite}@keyframes fadeIn-4e082831{0%{opacity:0}to{opacity:1}}@keyframes spin-4e082831{to{transform:rotate(360deg)}}@media(max-width:768px){.agent-panel[data-v-4e082831]{position:fixed;top:0;left:0;bottom:0;z-index:100;border-right:none;box-shadow:var(--shadow-lg)}.agent-panel.collapsed[data-v-4e082831]{left:-100%}.agent-panel[data-v-4e082831]:not(.collapsed){width:100%;max-width:320px}.panel-content[data-v-4e082831]{width:100%;padding:var(--spacing-md)}.info-title[data-v-4e082831]{font-size:20px}}.user-section[data-v-4e082831]{margin-top:auto;padding-top:var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);border-top:1px solid var(--color-border-light);padding-top:var(--spacing-md);cursor:pointer}.user-profile[data-v-4e082831]{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:0}.user-info[data-v-4e082831]{display:flex;flex-direction:column;gap:2px;min-width:0}.user-name[data-v-4e082831]{font-size:14px;font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-tip[data-v-4e082831]{font-size:12px;color:var(--color-text-tertiary)}.logout-btn[data-v-4e082831]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.logout-btn[data-v-4e082831]:hover{color:var(--color-error);background:var(--color-bg)}.logout-btn svg[data-v-4e082831]{width:18px;height:18px}.login[data-v-10f20e0c]{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.login iframe[data-v-10f20e0c]{width:350px;height:300px;border:none}.login-modal-overlay[data-v-76f43650]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.login-modal-content[data-v-76f43650]{position:relative;background:var(--color-bg-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:400px;width:100%;overflow:hidden;animation:slideUp-76f43650 var(--transition-base)}.modal-header[data-v-76f43650]{height:60px;display:flex;align-items:center;justify-content:flex-end;padding:0 var(--spacing-md);position:relative}.modal-header .close-btn[data-v-76f43650]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);border-radius:50%;cursor:pointer;transition:all var(--transition-fast);z-index:1}.modal-header .close-btn[data-v-76f43650]:hover{color:var(--color-text-primary);background:var(--color-bg)}.modal-header .close-btn svg[data-v-76f43650]{width:20px;height:20px}.modal-header p[data-v-76f43650]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;margin:0;font-size:14px;color:var(--color-text-secondary)}.modal-body[data-v-76f43650]{padding:6px var(--spacing-xl) var(--spacing-xl);display:flex;justify-content:center}.modal-enter-active[data-v-76f43650],.modal-leave-active[data-v-76f43650]{transition:opacity var(--transition-base)}.modal-enter-active .login-modal-content[data-v-76f43650],.modal-leave-active .login-modal-content[data-v-76f43650]{transition:transform var(--transition-base)}.modal-enter-from[data-v-76f43650],.modal-leave-to[data-v-76f43650]{opacity:0}.modal-enter-from .login-modal-content[data-v-76f43650],.modal-leave-to .login-modal-content[data-v-76f43650]{transform:scale(.95) translateY(20px)}@keyframes slideUp-76f43650{0%{transform:scale(.95) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@media(max-width:768px){.login-modal-overlay[data-v-76f43650]{padding:var(--spacing-md)}.login-modal-content[data-v-76f43650]{max-width:100%}.modal-header[data-v-76f43650]{padding:var(--spacing-lg) var(--spacing-md) var(--spacing-sm)}.modal-header h3[data-v-76f43650]{font-size:20px}.modal-body[data-v-76f43650]{padding:0 var(--spacing-md) var(--spacing-lg)}}.modal-mask[data-v-229f6cdf]{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease}.modal-container[data-v-229f6cdf]{width:400px;background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transition:all .3s ease;overflow:hidden}.modal-header[data-v-229f6cdf]{padding:var(--spacing-md) var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border-light)}.modal-header h3[data-v-229f6cdf]{margin:0;font-size:18px;font-weight:600}.close-btn[data-v-229f6cdf]{color:var(--color-text-secondary);padding:4px;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.close-btn[data-v-229f6cdf]:hover{background:var(--color-bg);color:var(--color-text-primary)}.close-btn svg[data-v-229f6cdf]{width:20px;height:20px}.modal-body[data-v-229f6cdf]{padding:var(--spacing-lg)}.share-preview[data-v-229f6cdf]{background:var(--color-bg);border-radius:var(--radius-md);padding:var(--spacing-md)}.agent-card[data-v-229f6cdf]{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border-light)}.agent-details[data-v-229f6cdf]{flex:1;min-width:0}.agent-name[data-v-229f6cdf]{font-size:16px;font-weight:600;margin-bottom:4px}.agent-desc[data-v-229f6cdf]{font-size:13px;color:var(--color-text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.share-text[data-v-229f6cdf]{font-size:14px;color:var(--color-text-secondary);white-space:pre-wrap;line-height:1.5}.modal-footer[data-v-229f6cdf]{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-border-light);display:flex;justify-content:flex-end}.copy-btn[data-v-229f6cdf]{display:flex;align-items:center;gap:var(--spacing-sm);padding:8px 16px;background:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-size:14px;font-weight:500;transition:background var(--transition-fast)}.copy-btn[data-v-229f6cdf]:hover{background:var(--color-primary-hover)}.copy-btn svg[data-v-229f6cdf]{width:18px;height:18px}.modal-enter-from[data-v-229f6cdf],.modal-leave-to[data-v-229f6cdf]{opacity:0}.modal-enter-from .modal-container[data-v-229f6cdf],.modal-leave-to .modal-container[data-v-229f6cdf]{transform:scale(.95);opacity:0}.dialog-overlay[data-v-1216e743]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2200;padding:var(--spacing-lg)}.dialog-content[data-v-1216e743]{background:var(--color-bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:320px;max-width:400px;overflow:hidden;animation:slideUp-1216e743 var(--transition-base)}.dialog-header[data-v-1216e743]{padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-sm)}.dialog-header h3[data-v-1216e743]{margin:0;font-size:18px;font-weight:600;color:var(--color-text-primary)}.dialog-body[data-v-1216e743]{padding:0 var(--spacing-lg) var(--spacing-lg)}.dialog-body p[data-v-1216e743]{margin:0;font-size:15px;line-height:1.6;color:var(--color-text-secondary)}.dialog-actions[data-v-1216e743]{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg) var(--spacing-lg)}.dialog-button[data-v-1216e743]{flex:1;height:44px;font-size:15px;font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer}.dialog-button-cancel[data-v-1216e743]{color:var(--color-text-primary);background:var(--color-bg)}.dialog-button-cancel[data-v-1216e743]:hover{background:var(--color-border-light)}.dialog-button-confirm[data-v-1216e743]{color:#fff;background:var(--color-primary)}.dialog-button-confirm[data-v-1216e743]:hover{background:var(--color-primary-hover)}.dialog-enter-active[data-v-1216e743],.dialog-leave-active[data-v-1216e743]{transition:opacity var(--transition-base)}.dialog-enter-active .dialog-content[data-v-1216e743],.dialog-leave-active .dialog-content[data-v-1216e743]{transition:transform var(--transition-base)}.dialog-enter-from[data-v-1216e743],.dialog-leave-to[data-v-1216e743]{opacity:0}.dialog-enter-from .dialog-content[data-v-1216e743],.dialog-leave-to .dialog-content[data-v-1216e743]{transform:scale(.95) translateY(10px)}@keyframes slideUp-1216e743{0%{transform:scale(.95) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@media(max-width:768px){.dialog-content[data-v-1216e743]{min-width:auto;width:100%}}.tab-panel[data-v-2a4e164a]{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group label[data-v-2a4e164a]{display:block;margin-bottom:var(--spacing-sm);font-size:14px;font-weight:600;color:var(--color-text-primary)}.avatar-card[data-v-2a4e164a]{padding:var(--spacing-md);border-radius:var(--radius-xl);background:var(--color-bg);border:1px solid var(--color-border-light)}.avatar-editor[data-v-2a4e164a]{display:flex;justify-content:center;align-items:center}.avatar-upload-area[data-v-2a4e164a]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-xl);transition:all var(--transition-fast)}.avatar-upload-area:hover .avatar-preview[data-v-2a4e164a]{box-shadow:var(--shadow-md)}.avatar-upload-area:hover .upload-hint[data-v-2a4e164a]{color:var(--color-primary)}.avatar-preview[data-v-2a4e164a]{flex-shrink:0;width:120px;height:120px;border-radius:50%;overflow:hidden;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);position:relative}.avatar-preview img[data-v-2a4e164a]{width:100%;height:100%;object-fit:cover}.avatar-fallback[data-v-2a4e164a]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary)}.avatar-fallback svg[data-v-2a4e164a]{width:56px;height:56px}.avatar-loading[data-v-2a4e164a]{position:absolute;inset:0;background:#0009;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);color:#fff;font-size:12px}.loader[data-v-2a4e164a]{width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:spin-2a4e164a .8s linear infinite}.upload-hint[data-v-2a4e164a]{margin:0;font-size:13px;color:var(--color-text-tertiary);transition:color var(--transition-fast)}.text-input[data-v-2a4e164a]{width:100%;height:46px;padding:0 14px;border:1px solid var(--color-border-light);border-radius:14px;background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:14px;transition:all var(--transition-fast)}.text-input[data-v-2a4e164a]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #007aff1f}.text-input[data-v-2a4e164a]::placeholder{color:var(--color-text-tertiary)}.info-card[data-v-2a4e164a]{border:1px solid var(--color-border-light);border-radius:var(--radius-xl);background:var(--color-bg-secondary);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden}.info-row[data-v-2a4e164a]{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:12px 14px}.info-row+.info-row[data-v-2a4e164a]{border-top:1px solid var(--color-border-light)}.info-label[data-v-2a4e164a]{display:inline-flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary);font-size:13px;font-weight:500}.info-label svg[data-v-2a4e164a]{width:16px;height:16px}.info-value[data-v-2a4e164a]{color:var(--color-text-primary);font-size:14px;font-weight:600;text-align:right;word-break:break-all}.info-value--primary[data-v-2a4e164a]{color:var(--color-primary)}.info-value--muted[data-v-2a4e164a]{color:var(--color-text-secondary)}@keyframes spin-2a4e164a{to{transform:rotate(360deg)}}.orders-panel[data-v-90fa4daa]{display:flex;flex-direction:column;gap:var(--spacing-md);min-height:300px}.orders-loading[data-v-90fa4daa]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:var(--color-text-tertiary);gap:var(--spacing-sm)}.orders-empty[data-v-90fa4daa]{margin:0;text-align:center;color:var(--color-text-tertiary);font-size:14px;height:300px;display:flex;align-items:center;justify-content:center}.orders-list[data-v-90fa4daa]{display:flex;flex-direction:column;gap:14px}.order-card[data-v-90fa4daa]{border:1px solid var(--color-border-light);border-radius:18px;padding:16px;background:var(--color-bg-secondary);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:12px}.order-header[data-v-90fa4daa]{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md)}.order-left[data-v-90fa4daa]{display:flex;flex-direction:column;gap:10px;min-width:0}.order-plan[data-v-90fa4daa]{margin:0;font-size:16px;font-weight:700;color:var(--color-text-primary);line-height:1.2;word-break:break-word}.order-sub[data-v-90fa4daa]{display:flex;align-items:center;gap:8px;color:var(--color-text-tertiary);font-size:12px}.order-sub svg[data-v-90fa4daa]{width:16px;height:16px}.chatbot-tag[data-v-90fa4daa]{display:inline-flex;align-items:center;font-size:11px;font-weight:500;padding:2px 6px;border-radius:4px;background:var(--color-bg);color:var(--color-text-tertiary);width:fit-content;line-height:1.4}.order-right[data-v-90fa4daa]{display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex-shrink:0}.order-price[data-v-90fa4daa]{margin:0;font-weight:800;font-size:22px;color:var(--color-text-primary)}.order-tag[data-v-90fa4daa]{display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--color-bg);color:var(--color-text-secondary)}.order-tag.tag-paid[data-v-90fa4daa]{background:#34c75924;color:var(--color-success)}.order-tag.tag-pending[data-v-90fa4daa]{background:#ff9f0a2e;color:#ff9f0a}.order-tag.tag-closed[data-v-90fa4daa]{background:var(--color-bg);color:var(--color-text-tertiary)}.order-meta[data-v-90fa4daa]{font-size:12px;color:var(--color-text-secondary);line-height:1.6}.order-actions[data-v-90fa4daa]{display:flex;justify-content:flex-end;gap:10px;padding-top:4px}.btn[data-v-90fa4daa]{height:38px;padding:0 14px;border-radius:12px;font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--spacing-xs);white-space:nowrap}.btn[data-v-90fa4daa]:disabled{opacity:.5;cursor:not-allowed}.btn-primary[data-v-90fa4daa]{background:var(--color-primary);color:#fff;border:none}.btn-primary[data-v-90fa4daa]:hover:not(:disabled){background:var(--color-primary-hover)}.btn-primary svg[data-v-90fa4daa]{width:16px;height:16px}.btn-ghost[data-v-90fa4daa]{background:var(--color-bg);color:var(--color-text-secondary);border:1px solid var(--color-border-light)}.btn-ghost[data-v-90fa4daa]:hover:not(:disabled){color:var(--color-text-primary);background:var(--color-border-light)}.loader[data-v-90fa4daa]{width:20px;height:20px;border-radius:50%;border:2px solid rgba(0,0,0,.1);border-top-color:var(--color-primary);animation:spin-90fa4daa .8s linear infinite}@keyframes spin-90fa4daa{to{transform:rotate(360deg)}}.payment-modal[data-v-66a07136]{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:2100}.payment-modal__overlay[data-v-66a07136]{position:absolute;inset:0;background:#00000073}.payment-modal__container[data-v-66a07136]{position:relative;width:min(420px,90vw);background:#fff;border-radius:16px;box-shadow:0 15px 40px #0000001f;padding:24px;z-index:1;display:flex;flex-direction:column;gap:20px}.payment-modal__header[data-v-66a07136]{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.payment-modal__title[data-v-66a07136]{margin:0;font-size:18px;font-weight:600;color:#1d1d1f}.payment-modal__subtitle[data-v-66a07136]{margin:10px 0 0;font-size:14px;color:#6e6e73}.payment-modal__price[data-v-66a07136]{margin:10px 0 0;font-size:20px;font-weight:600;color:#0a84ff}.payment-modal__close[data-v-66a07136]{border:none;background:none;font-size:24px;line-height:1;cursor:pointer;color:#1d1d1f;padding:4px}.payment-modal__body[data-v-66a07136]{display:flex;flex-direction:column;align-items:center;gap:16px}.payment-modal__qr[data-v-66a07136]{width:220px;height:220px;padding:12px;border-radius:12px;background:#f8f8f8;display:flex;align-items:center;justify-content:center}.payment-modal__qr img[data-v-66a07136]{width:100%;height:100%;object-fit:contain}.payment-modal__qr-placeholder[data-v-66a07136]{font-size:14px;color:#6e6e73}.payment-modal__hint[data-v-66a07136]{margin:0;font-size:14px;color:#1d1d1f}.payment-modal__footer[data-v-66a07136]{display:flex;justify-content:center}.payment-modal__action[data-v-66a07136]{border:none;background:#0a84ff;color:#fff;border-radius:999px;padding:10px 24px;font-size:14px;cursor:pointer}.payment-modal-enter-active[data-v-66a07136],.payment-modal-leave-active[data-v-66a07136]{transition:opacity .2s ease}.payment-modal-enter-from[data-v-66a07136],.payment-modal-leave-to[data-v-66a07136]{opacity:0}.user-settings-overlay[data-v-ace0f5c0]{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--spacing-lg)}.user-settings-content[data-v-ace0f5c0]{position:relative;width:min(520px,92vw);max-height:min(760px,calc(100vh - 72px));background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:24px;box-shadow:var(--shadow-lg);overflow:hidden;animation:slideUp-ace0f5c0 var(--transition-base);display:flex;flex-direction:column}.modal-header[data-v-ace0f5c0]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-md)}.modal-header h3[data-v-ace0f5c0]{margin:0;font-size:20px;font-weight:700;color:var(--color-text-primary)}.modal-header .close-btn[data-v-ace0f5c0]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);border-radius:50%;cursor:pointer;transition:all var(--transition-fast);background:var(--color-bg)}.modal-header .close-btn[data-v-ace0f5c0]:hover{color:var(--color-text-primary);background:var(--color-border-light)}.modal-header .close-btn svg[data-v-ace0f5c0]{width:20px;height:20px}.modal-tabs[data-v-ace0f5c0]{display:flex;padding:0 var(--spacing-lg);border-bottom:1px solid var(--color-border-light)}.modal-body[data-v-ace0f5c0]{padding:var(--spacing-lg);flex:1;min-height:0;overflow-y:auto}.tab-content[data-v-ace0f5c0]{display:flex;flex-direction:column;gap:var(--spacing-lg)}.tab-btn[data-v-ace0f5c0]{flex:1;padding:12px 0;font-size:15px;font-weight:600;color:var(--color-text-secondary);border:none;background:transparent;cursor:pointer;position:relative;transition:color var(--transition-fast)}.tab-btn[data-v-ace0f5c0]:after{content:"";position:absolute;left:20%;width:60%;bottom:-1px;height:3px;border-radius:999px;background:transparent;transition:background var(--transition-fast)}.tab-btn.active[data-v-ace0f5c0]{color:var(--color-primary)}.tab-btn.active[data-v-ace0f5c0]:after{background:var(--color-primary)}.account-actions[data-v-ace0f5c0]{display:flex;flex-direction:column;gap:var(--spacing-sm);padding-top:var(--spacing-sm)}.action-btn[data-v-ace0f5c0]{width:100%;height:46px;border-radius:14px;font-size:15px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:all var(--transition-fast);border:1px solid transparent}.action-btn svg[data-v-ace0f5c0]{width:18px;height:18px}.action-btn--primary[data-v-ace0f5c0]{background:var(--color-primary);color:#fff;border:none}.action-btn--primary[data-v-ace0f5c0]:hover:not(:disabled){background:var(--color-primary-hover)}.action-btn--danger[data-v-ace0f5c0]{background:transparent;color:var(--color-error);border-color:#ff3b308c}.action-btn--danger[data-v-ace0f5c0]:hover:not(:disabled){background:#ff3b3014}.modal-enter-active[data-v-ace0f5c0],.modal-leave-active[data-v-ace0f5c0]{transition:opacity var(--transition-base)}.modal-enter-active .user-settings-content[data-v-ace0f5c0],.modal-leave-active .user-settings-content[data-v-ace0f5c0]{transition:transform var(--transition-base)}.modal-enter-from[data-v-ace0f5c0],.modal-leave-to[data-v-ace0f5c0]{opacity:0}.modal-enter-from .user-settings-content[data-v-ace0f5c0],.modal-leave-to .user-settings-content[data-v-ace0f5c0]{transform:scale(.95) translateY(20px)}@keyframes slideUp-ace0f5c0{0%{transform:scale(.95) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@media(max-width:768px){.user-settings-overlay[data-v-ace0f5c0]{padding:var(--spacing-md)}.user-settings-content[data-v-ace0f5c0]{width:100%;max-height:calc(100vh - 40px)}.modal-header[data-v-ace0f5c0]{padding:var(--spacing-md) var(--spacing-md) var(--spacing-sm)}.modal-header h3[data-v-ace0f5c0]{font-size:18px}.modal-tabs[data-v-ace0f5c0]{padding:0 var(--spacing-md)}.modal-body[data-v-ace0f5c0]{padding:var(--spacing-md)}}.charge-card[data-v-a0464733]{width:100%;background:#fff;border:1px solid #ececec;border-radius:16px;padding:20px;box-shadow:0 6px 20px #0000000d;box-sizing:border-box;width:420px;max-width:100%;min-height:280px}.charge-card__header[data-v-a0464733]{margin-bottom:20px}.charge-card__title[data-v-a0464733]{font-size:16px;font-weight:600;color:#1d1d1f;margin:0}.charge-card__subtitle[data-v-a0464733]{font-size:12px;color:#6e6e73;margin:6px 0 0}.plan-list[data-v-a0464733]{display:flex;flex-direction:column;gap:12px}.payment-list[data-v-a0464733]{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.plan-option[data-v-a0464733]{position:relative;border:1px solid #e5e5ea;border-radius:12px;padding:12px 14px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;cursor:pointer;display:block;background:#fff}.plan-option[data-v-a0464733]:hover:not(.active){border-color:#0a84ff;background:#f9f9f9}.payment-option[data-v-a0464733]{border:1px solid #e5e5ea;border-radius:12px;padding:12px 14px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;cursor:pointer;width:100%;display:block;background:#fff;text-align:left}.payment-option[data-v-a0464733]:hover:not(.active):not(:disabled){border-color:#0a84ff;background:#f9f9f9}.plan-option.active[data-v-a0464733],.payment-option.active[data-v-a0464733]{border-color:#0a84ff;background:#f0f7ff;box-shadow:0 0 0 1px #0a84ff26}.payment-option.disabled[data-v-a0464733]{opacity:.6;cursor:not-allowed;background:#f7f7f7}.plan-option input[data-v-a0464733]{position:absolute;opacity:0;pointer-events:none}.payment-option[data-v-a0464733]:disabled{cursor:not-allowed}.plan-option__content[data-v-a0464733]{display:flex;align-items:center;justify-content:space-between;gap:16px}.plan-option__info[data-v-a0464733]{flex:1}.plan-option__name[data-v-a0464733]{font-size:15px;font-weight:600;color:#1d1d1f;margin:0}.plan-option__desc[data-v-a0464733]{font-size:12px;color:#6e6e73;margin:8px 0 0}.plan-option__meta[data-v-a0464733]{display:flex;align-items:center;gap:10px}.plan-option__price[data-v-a0464733]{font-size:18px;font-weight:600;color:#0a84ff;margin:0;white-space:nowrap}.plan-option__radio[data-v-a0464733]{width:18px;height:18px;border-radius:50%;border:2px solid #c7c7cc;display:inline-flex;align-items:center;justify-content:center;transition:border-color .2s ease}.plan-option__radio[data-v-a0464733]:after{content:"";width:8px;height:8px;border-radius:50%;background:#0a84ff;opacity:0;transform:scale(.6);transition:opacity .2s ease,transform .2s ease}.plan-option__radio.checked[data-v-a0464733]{border-color:#0a84ff}.plan-option__radio.checked[data-v-a0464733]:after{opacity:1;transform:scale(1)}.payment-option__content[data-v-a0464733]{display:flex;align-items:center;justify-content:center;gap:12px}.payment-option__badge[data-v-a0464733]{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-weight:600;color:#1d1d1f;overflow:hidden}.payment-option__icon[data-v-a0464733]{width:100%;height:100%;object-fit:contain}.payment-option__name[data-v-a0464733]{font-size:14px;font-weight:600;color:#1d1d1f;margin:0}.payment-option__desc[data-v-a0464733]{font-size:12px;color:#6e6e73;margin:4px 0 0}.charge-card__payments[data-v-a0464733]{margin-top:24px}.authorize-phone[data-v-a0464733]{margin-top:16px;padding-top:16px;border-top:1px solid #f0f0f0}.authorize-phone__label[data-v-a0464733]{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.authorize-phone__checkbox[data-v-a0464733]{width:16px;height:16px;margin-left:8px;cursor:pointer;accent-color:#0a84ff}.authorize-phone__text[data-v-a0464733]{font-size:12px;color:#8e8e93;line-height:1.4}.charge-modal-overlay[data-v-30849c37]{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1001;padding:var(--spacing-lg)}.charge-modal-content[data-v-30849c37]{position:relative;background:var(--color-bg-secondary);border-radius:24px;box-shadow:var(--shadow-lg);overflow:visible;animation:slideUp-30849c37 var(--transition-base);max-width:95vw}.close-btn[data-v-30849c37]{position:absolute;top:-12px;right:-12px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);border-radius:50%;cursor:pointer;transition:all var(--transition-fast);background:var(--color-bg-secondary);box-shadow:var(--shadow-md);z-index:10}.close-btn[data-v-30849c37]:hover{color:var(--color-text-primary);background:var(--color-border-light)}.close-btn svg[data-v-30849c37]{width:20px;height:20px}.modal-enter-active[data-v-30849c37],.modal-leave-active[data-v-30849c37]{transition:opacity var(--transition-base)}.modal-enter-active .charge-modal-content[data-v-30849c37],.modal-leave-active .charge-modal-content[data-v-30849c37]{transition:transform var(--transition-base)}.modal-enter-from[data-v-30849c37],.modal-leave-to[data-v-30849c37]{opacity:0}.modal-enter-from .charge-modal-content[data-v-30849c37],.modal-leave-to .charge-modal-content[data-v-30849c37]{transform:scale(.95) translateY(20px)}@keyframes slideUp-30849c37{0%{transform:scale(.95) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@media(max-width:768px){.charge-modal-overlay[data-v-30849c37]{padding:var(--spacing-md)}}.toast-container[data-v-cd6ddcc6]{position:fixed;top:var(--spacing-lg);left:50%;transform:translate(-50%);z-index:3000;display:flex;flex-direction:column;gap:var(--spacing-sm);pointer-events:none}.toast-item[data-v-cd6ddcc6]{display:flex;align-items:center;gap:var(--spacing-sm);padding:12px 20px;background:var(--color-bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-size:14px;min-width:200px;max-width:400px;pointer-events:auto}.toast-item svg[data-v-cd6ddcc6]{width:20px;height:20px;flex-shrink:0}.toast-item.toast-success[data-v-cd6ddcc6]{color:var(--color-success)}.toast-item.toast-success .toast-message[data-v-cd6ddcc6]{color:var(--color-text-primary)}.toast-item.toast-error[data-v-cd6ddcc6]{color:var(--color-error)}.toast-item.toast-error .toast-message[data-v-cd6ddcc6]{color:var(--color-text-primary)}.toast-item.toast-info[data-v-cd6ddcc6]{color:var(--color-primary)}.toast-item.toast-info .toast-message[data-v-cd6ddcc6]{color:var(--color-text-primary)}.toast-message[data-v-cd6ddcc6]{flex:1;line-height:1.4}.toast-enter-active[data-v-cd6ddcc6],.toast-leave-active[data-v-cd6ddcc6]{transition:all var(--transition-base)}.toast-enter-from[data-v-cd6ddcc6]{opacity:0;transform:translateY(-20px)}.toast-leave-to[data-v-cd6ddcc6]{opacity:0;transform:translateY(-20px) scale(.9)}@media(max-width:768px){.toast-container[data-v-cd6ddcc6]{top:var(--spacing-md);left:var(--spacing-md);right:var(--spacing-md);transform:none}.toast-item[data-v-cd6ddcc6]{max-width:none}}.app-container[data-v-00ff0a86]{min-height:calc(100vh + var(--safe-area-top, 0px) + var(--safe-area-bottom, 0px));height:calc(var(--app-height, 100vh) + var(--safe-area-top, 0px) + var(--safe-area-bottom, 0px));padding-top:var(--safe-area-top, 0px);padding-right:var(--safe-area-right, 0px);padding-bottom:var(--safe-area-bottom, 0px);padding-left:var(--safe-area-left, 0px);display:flex;flex-direction:row;overflow:hidden;background:var(--color-bg)}.main-content[data-v-00ff0a86]{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;min-width:0}.app-body[data-v-00ff0a86]{flex:1;display:flex;overflow:hidden;position:relative}.mobile-overlay[data-v-00ff0a86]{position:fixed;inset:0;background:#00000080;z-index:99}.overlay-enter-active[data-v-00ff0a86],.overlay-leave-active[data-v-00ff0a86]{transition:opacity var(--transition-base)}.overlay-enter-from[data-v-00ff0a86],.overlay-leave-to[data-v-00ff0a86]{opacity:0}