.hero[data-v-a2aa71e6]{text-align:center;padding:120px 24px 80px}.hero-title[data-v-a2aa71e6]{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:24px}.gradient-text[data-v-a2aa71e6]{background:linear-gradient(135deg,#10b981,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-desc[data-v-a2aa71e6]{font-size:1.2rem;color:var(--color-text-muted);max-width:560px;margin:0 auto 40px}.hero-actions[data-v-a2aa71e6]{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn[data-v-a2aa71e6]{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:12px;font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:all .25s}.btn-primary[data-v-a2aa71e6]{background:var(--color-primary);color:#fff}.btn-primary[data-v-a2aa71e6]:hover{background:var(--color-primary-hover);color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #10b98159}.btn-outline[data-v-a2aa71e6]{background:transparent;border:2px solid var(--color-border);color:var(--color-text)}.btn-outline[data-v-a2aa71e6]:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.btn-icon[data-v-a2aa71e6]{width:20px;height:20px}.features[data-v-a2aa71e6]{padding:80px 24px}.section-title[data-v-a2aa71e6]{text-align:center;font-size:2rem;font-weight:700;margin-bottom:48px}.features-grid[data-v-a2aa71e6]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.feature-card[data-v-a2aa71e6]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:32px 24px;text-align:center;transition:all .3s}.feature-card[data-v-a2aa71e6]:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 12px 32px #0000004d}.feature-icon[data-v-a2aa71e6]{font-size:2.5rem;margin-bottom:16px}.feature-card h3[data-v-a2aa71e6]{font-size:1.2rem;margin-bottom:8px}.feature-card p[data-v-a2aa71e6]{color:var(--color-text-muted);font-size:.95rem;line-height:1.7}.cta[data-v-a2aa71e6]{text-align:center;padding:80px 24px}.cta h2[data-v-a2aa71e6]{font-size:2rem;margin-bottom:12px}.cta p[data-v-a2aa71e6]{color:var(--color-text-muted);margin-bottom:24px}.code-block[data-v-a2aa71e6]{display:inline-block;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:12px 24px;font-size:.9rem}.code-block code[data-v-a2aa71e6]{color:var(--color-primary);font-family:Fira Code,Cascadia Code,monospace}.about[data-v-d99d2faa]{padding:80px 24px}.page-title[data-v-d99d2faa]{font-size:2.5rem;font-weight:800;margin-bottom:12px}.page-desc[data-v-d99d2faa]{color:var(--color-text-muted);font-size:1.1rem;margin-bottom:48px}.info-grid[data-v-d99d2faa]{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.info-card[data-v-d99d2faa]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:28px}.info-card h3[data-v-d99d2faa]{font-size:1.15rem;margin-bottom:16px}.tree[data-v-d99d2faa]{background:#0000004d;border-radius:8px;padding:16px;font-family:Fira Code,Cascadia Code,monospace;font-size:.85rem;line-height:1.8;color:var(--color-text-muted);overflow-x:auto}.steps[data-v-d99d2faa]{padding-left:20px}.steps li[data-v-d99d2faa]{margin-bottom:8px;color:var(--color-text-muted)}.steps li code[data-v-d99d2faa]{color:var(--color-primary);background:#10b9811a;padding:2px 6px;border-radius:4px;font-size:.9rem}.code[data-v-d99d2faa]{background:#0000004d;border-radius:8px;padding:12px 16px;font-family:Fira Code,monospace;color:var(--color-primary);margin:12px 0;font-size:.9rem}.note[data-v-d99d2faa]{color:var(--color-text-muted);font-size:.85rem;margin-top:8px}.info-card p[data-v-d99d2faa]{color:var(--color-text-muted);line-height:1.8}.info-card code[data-v-d99d2faa]{color:var(--color-primary);background:#10b9811a;padding:2px 6px;border-radius:4px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}#app{width:100%;height:100vh}.chat-container{display:flex;flex-direction:column;height:100%;max-width:800px;margin:0 auto;background:#fff;box-shadow:0 10px 40px #0003}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.chat-header h1{font-size:20px;font-weight:600}.user-info{display:flex;align-items:center;gap:12px}.user-badge{background:#fff3;padding:4px 12px;border-radius:20px;font-size:14px}.status{font-size:12px;padding:2px 8px;border-radius:10px}.status.online{background:#4caf50;color:#fff}.status.offline{background:#f44336;color:#fff}.chat-messages{flex:1;overflow-y:auto;padding:20px;background:#f5f7fa}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#e0e0e0;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb{background:#bdbdbd;border-radius:3px}.message{margin-bottom:16px}.system-message{text-align:center;color:#999;font-size:12px;padding:8px;background:#e8e8e8;border-radius:20px}.message-content{max-width:70%;border-radius:18px;padding:12px 16px}.message-content.self{margin-left:auto;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom-right-radius:4px}.message-content.other{margin-right:auto;background:#fff;border:1px solid #e0e0e0;border-bottom-left-radius:4px}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px}.message-content.self .message-header{color:#fffc}.message-content.other .message-header{color:#666}.sender-name{font-weight:600}.message-time{opacity:.7}.message-body{font-size:14px;line-height:1.5;word-break:break-word}.chat-footer{display:flex;gap:12px;padding:16px 20px;background:#fff;border-top:1px solid #e0e0e0}.message-input{flex:1;padding:12px 16px;border:1px solid #ddd;border-radius:30px;font-size:14px;outline:none;transition:border-color .3s}.message-input:focus{border-color:#667eea}.message-input:disabled{background:#f5f5f5;color:#999}.send-button{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:30px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s,opacity .2s}.send-button:hover:not(:disabled){transform:translateY(-2px)}.send-button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:600px){.chat-container{max-width:100%}.chat-header h1{font-size:16px}.message-content{max-width:85%}}