:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI","Noto Sans TC",sans-serif;color:#17213d;background:#f4f6fa}*{box-sizing:border-box}body{margin:0;min-height:100vh}.demo-page{min-height:100vh;background:var(--demo-page,#f4f6fa);color:var(--demo-ink,#17213d)}.demo-topbar{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--demo-line,#e4e8ef);background:var(--demo-top,#fff);font-size:12px}.demo-topbar a{color:inherit;text-decoration:none}.demo-back{display:flex;align-items:center;gap:8px;font-weight:700}.demo-back span{font-size:19px}.demo-badge{color:var(--demo-muted,#748096);border:1px solid var(--demo-line,#e4e8ef);border-radius:99px;padding:6px 10px}.demo-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:calc(100vh - 54px)}.demo-sidebar{padding:22px 17px;border-right:1px solid var(--demo-line,#e4e8ef);background:var(--demo-side,#fff);display:flex;flex-direction:column;gap:16px}.demo-brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:800}.demo-brand-mark{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:var(--demo-accent,#1769ff);color:#fff;font-weight:800}.demo-sidebar-title{margin:9px 8px 0;color:var(--demo-muted,#748096);font-size:11px;font-weight:700}.demo-thread-list{display:grid;gap:4px}.demo-thread{border:0;border-radius:8px;background:transparent;color:var(--demo-muted,#748096);padding:10px;text-align:left;font:inherit;font-size:12px}.demo-thread.active,.demo-thread:hover{background:var(--demo-active,#edf3ff);color:var(--demo-accent,#1769ff);font-weight:700}.demo-sidebar-foot{margin-top:auto;padding-top:14px;border-top:1px solid var(--demo-line,#e4e8ef);color:var(--demo-muted,#748096);font-size:11px;line-height:1.6}.demo-main{min-width:0;display:flex;flex-direction:column}.demo-main-head{height:72px;padding:0 35px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--demo-line,#e4e8ef);background:var(--demo-top,#fff)}.demo-main-head h1{margin:0;font-size:17px}.demo-main-head small{color:var(--demo-muted,#748096)}.demo-model{border:1px solid var(--demo-line,#e4e8ef);border-radius:8px;padding:8px 10px;color:var(--demo-muted,#748096);font-size:11px;background:var(--demo-top,#fff)}.demo-conversation{width:min(900px,calc(100% - 70px));margin:0 auto;display:flex;flex-direction:column;flex:1;padding:42px 0 25px}.demo-welcome{text-align:center;margin:auto 0 28px}.demo-welcome h2{margin:0 0 10px;font-size:28px;letter-spacing:-.03em}.demo-welcome p{margin:0;color:var(--demo-muted,#748096);font-size:13px}.demo-suggestions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px}.demo-suggestion{border:1px solid var(--demo-line,#e4e8ef);border-radius:99px;padding:9px 12px;color:var(--demo-muted,#748096);background:var(--demo-top,#fff);font-size:11px}.demo-message-row{display:flex;gap:12px;align-items:flex-start;margin:0 0 26px}.demo-message-row.user{justify-content:flex-end}.demo-message-row.user .demo-message{background:var(--demo-user,#e9f0ff);border-radius:16px 16px 4px 16px}.demo-avatar{width:30px;height:30px;flex:0 0 30px;border-radius:50%;display:grid;place-items:center;background:var(--demo-accent,#1769ff);color:#fff;font-size:11px;font-weight:800}.demo-avatar.user-avatar{background:#d9e3f7;color:#354563}.demo-message{max-width:min(700px,80%);padding:13px 16px;border-radius:4px 16px 16px 16px;background:var(--demo-assistant,#fff);border:1px solid var(--demo-line,#e4e8ef);font-size:13px;line-height:1.75}.demo-message p{margin:0 0 9px}.demo-message p:last-child{margin-bottom:0}.demo-message strong{font-weight:800}.demo-source{margin-top:12px;padding:10px;border:1px solid var(--demo-line,#e4e8ef);border-radius:8px;background:var(--demo-source,#f8faff);font-size:11px;color:var(--demo-muted,#748096)}.demo-source b{color:var(--demo-ink,#17213d)}.demo-composer{border:1px solid var(--demo-line,#e4e8ef);border-radius:16px;background:var(--demo-top,#fff);padding:12px 14px;box-shadow:0 8px 30px #17213d12}.demo-composer-text{height:34px;color:#9aa4b5;font-size:13px}.demo-composer-tools{display:flex;justify-content:space-between;align-items:center;color:var(--demo-muted,#748096);font-size:11px}.demo-composer-actions{display:flex;gap:7px;align-items:center}.demo-icon-button{width:28px;height:28px;border:0;border-radius:8px;background:transparent;color:var(--demo-muted,#748096);display:grid;place-items:center;font-size:16px}.demo-send{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--demo-accent,#1769ff);color:#fff;font-size:15px}.demo-note{text-align:center;color:#9aa4b5;font-size:10px;margin-top:10px}
.demo-assistant{--demo-page:#f8f9fb;--demo-top:#fff;--demo-side:#fff;--demo-line:#e4e8ef;--demo-ink:#17213d;--demo-muted:#77849a;--demo-accent:#1769ff;--demo-active:#edf3ff;--demo-user:#e9f0ff;--demo-assistant:#fff;--demo-source:#f7f9fd}.demo-assistant .demo-sidebar{padding-top:25px}.demo-assistant .demo-conversation{padding-top:55px}.demo-assistant .demo-message-row:first-of-type{margin-top:auto}
.demo-vercel{--demo-page:#f5f5f5;--demo-top:#fff;--demo-side:#202123;--demo-line:#dedfe2;--demo-ink:#26272b;--demo-muted:#878a91;--demo-accent:#1f2023;--demo-active:#343538;--demo-user:#f0f1f3;--demo-assistant:#fff;--demo-source:#f7f7f8}.demo-vercel .demo-sidebar{color:#fff;border-right:0;padding:19px 13px}.demo-vercel .demo-brand{color:#fff}.demo-vercel .demo-brand-mark{background:#fff;color:#202123;border-radius:8px}.demo-vercel .demo-sidebar-title{color:#96989f}.demo-vercel .demo-thread{color:#c7c9cf}.demo-vercel .demo-thread.active,.demo-vercel .demo-thread:hover{color:#fff;background:#343538}.demo-vercel .demo-sidebar-foot{border-color:#3b3c40}.demo-vercel .demo-main-head{height:64px}.demo-vercel .demo-model{border-color:#d7d8db;color:#444;background:#fff}.demo-vercel .demo-conversation{padding-top:34px}.demo-vercel .demo-welcome h2{font-size:30px}.demo-vercel .demo-composer{border-radius:13px;box-shadow:0 2px 8px #00000012}.demo-vercel .demo-send{border-radius:8px;background:#202123}.demo-vercel .demo-message-row.user .demo-message{background:#f0f1f3}.demo-vercel .demo-source{border-radius:6px}
.demo-openai{--demo-page:#fff;--demo-top:#fff;--demo-side:#f7f7f8;--demo-line:#e6e6e6;--demo-ink:#2f2f2f;--demo-muted:#757575;--demo-accent:#10a37f;--demo-active:#e9e9e9;--demo-user:#f7f7f8;--demo-assistant:#fff;--demo-source:#f7f7f8}.demo-openai .demo-sidebar{border-right:0;padding:18px 12px}.demo-openai .demo-brand-mark{background:#10a37f;border-radius:50%}.demo-openai .demo-thread{color:#5f6368}.demo-openai .demo-thread.active,.demo-openai .demo-thread:hover{color:#2f2f2f;background:#e9e9e9}.demo-openai .demo-main-head{height:62px}.demo-openai .demo-main-head h1{font-size:15px}.demo-openai .demo-conversation{width:min(820px,calc(100% - 70px));padding-top:35px}.demo-openai .demo-message-row.user .demo-message{background:#f7f7f8;border:0}.demo-openai .demo-message{border:0}.demo-openai .demo-composer{border-radius:14px;box-shadow:0 1px 5px #0000001a}.demo-openai .demo-send{background:#10a37f;border-radius:50%}
.demo-comparison{background:#f5f7fb}.comparison-header{max-width:1050px;margin:0 auto;padding:70px 25px 28px}.comparison-header h1{margin:0 0 10px;font-size:32px;color:#12203d}.comparison-header p{margin:0;color:#718096;line-height:1.7}.comparison-grid{max-width:1050px;margin:0 auto;padding:0 25px 50px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.comparison-card{display:flex;flex-direction:column;min-height:300px;padding:22px;border-radius:16px;background:#fff;border:1px solid #e2e7ef;box-shadow:0 8px 30px #33415b10}.comparison-card .demo-preview{height:120px;border-radius:10px;margin-bottom:18px;position:relative;overflow:hidden}.comparison-card h2{margin:0 0 7px;font-size:18px}.comparison-card p{margin:0;color:#718096;font-size:12px;line-height:1.65}.comparison-card a{margin-top:auto;display:inline-flex;align-self:flex-start;padding:9px 12px;border-radius:8px;background:#1769ff;color:#fff;text-decoration:none;font-size:12px;font-weight:700}.preview-assistant{background:linear-gradient(135deg,#edf3ff,#fff)}.preview-assistant:after{content:"";position:absolute;left:35px;right:35px;top:30px;height:12px;border-radius:6px;background:#1769ff;box-shadow:0 26px #e4eaf5,0 52px #e4eaf5}.preview-vercel{background:linear-gradient(135deg,#202123,#4a4b50)}.preview-vercel:after{content:"";position:absolute;left:30px;right:30px;bottom:25px;height:22px;border-radius:8px;background:#fff}.preview-openai{background:linear-gradient(135deg,#f7f7f8,#fff)}.preview-openai:after{content:"";position:absolute;left:26px;right:26px;top:44px;height:30px;border-radius:18px;background:#10a37f;box-shadow:0 0 0 12px #e4f7f2}
@media(max-width:800px){.demo-shell{grid-template-columns:1fr}.demo-sidebar{display:none}.demo-conversation{width:calc(100% - 30px);padding-top:28px}.demo-main-head{padding:0 15px}.comparison-grid{grid-template-columns:1fr}.comparison-header{padding-top:42px}.demo-topbar{padding:0 15px}}