:root{--x-blue:#0969e8;--x-blue2:#2146c7;--x-ink:#10233e;--x-muted:#6b7d96;--x-line:#dbe7f4;--x-paper:#f6f9fd;--x-green:#08a97c;--x-orange:#f59a36;--x-shadow:0 22px 60px rgba(28,67,116,.12)}
.xai{font-family:"HarmonyOS Sans SC","MiSans","Microsoft YaHei UI",sans-serif;color:var(--x-ink);background:radial-gradient(circle at 82% 4%,rgba(255,210,122,.26),transparent 25%),radial-gradient(circle at 8% 18%,rgba(55,151,255,.15),transparent 28%),#f8fbff;overflow:hidden}
.xai *{box-sizing:border-box}.xai button,.xai input,.xai textarea,.xai select{font:inherit}.xai-hero{position:relative;max-width:1320px;margin:auto;padding:76px 28px 48px;display:grid;grid-template-columns:1.12fr .88fr;gap:76px;align-items:center}.xai-hero:before{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(9,105,232,.11);border-radius:50%;left:-260px;top:-190px;box-shadow:0 0 0 60px rgba(9,105,232,.025),0 0 0 120px rgba(9,105,232,.018)}.xai-eyebrow{display:flex;align-items:center;gap:10px;color:#1967ce;font-size:12px;font-weight:700;letter-spacing:2.2px}.xai-eyebrow i{width:28px;height:2px;background:var(--x-blue)}.xai-hero h1{font-size:54px;line-height:1.12;letter-spacing:-2.8px;margin:20px 0;color:#102541}.xai-hero h1 em{font-style:normal;background:linear-gradient(100deg,#0872ed,#3455e8 60%,#10a898);-webkit-background-clip:text;color:transparent}.xai-hero-main>p{max-width:650px;color:var(--x-muted);font-size:18px;line-height:1.9}.xai-hero-actions{display:flex;gap:12px;margin-top:28px}.xai-primary,.xai-secondary{height:50px;padding:0 25px;border-radius:12px;font-weight:700;cursor:pointer}.xai-primary{border:0;background:linear-gradient(120deg,var(--x-blue),#2451d6);color:#fff;box-shadow:0 12px 28px rgba(9,105,232,.24)}.xai-secondary{border:1px solid #c8d9ed;background:rgba(255,255,255,.75);color:#165db6}.xai-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px;color:#58708e;font-size:12px}.xai-trust span:before{content:"✓";color:var(--x-green);margin-right:5px;font-weight:800}
.xai-hero-console{position:relative;padding:26px;border:1px solid rgba(172,199,230,.8);border-radius:24px;background:rgba(255,255,255,.88);box-shadow:var(--x-shadow);backdrop-filter:blur(16px)}.xai-hero-console:before{content:"";position:absolute;inset:-1px;border-radius:24px;padding:1px;background:linear-gradient(110deg,#1c7cff,#7b8cff,#1ab999);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;pointer-events:none}.xai-console-top,.xai-console-user,.xai-console-metrics{display:flex;align-items:center}.xai-console-top{justify-content:space-between;padding-bottom:20px;border-bottom:1px solid var(--x-line)}.xai-console-top span{font-weight:700}.xai-console-top span i,.xai-studio-status i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#11bf89;box-shadow:0 0 0 5px rgba(17,191,137,.1);margin-right:10px}.xai-console-top b{padding:5px 9px;border-radius:999px;background:#eaf3ff;color:#1762bd;font-size:11px}.xai-console-user{gap:13px;padding:22px 0}.xai-avatar{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#2786ff,#075fd6);color:#fff;font-size:21px;font-weight:800;box-shadow:0 9px 20px rgba(9,105,232,.2)}.xai-console-user small,.xai-console-user strong{display:block}.xai-console-user small{color:var(--x-muted);margin-bottom:3px}.xai-level{margin-left:auto;padding:7px 12px;border-radius:999px;background:#e8f8f3;color:#087c5f}.xai-console-metrics{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--x-line);border-radius:14px;overflow:hidden}.xai-console-metrics div{text-align:center;padding:18px 8px;border-right:1px solid var(--x-line)}.xai-console-metrics div:last-child{border:0}.xai-console-metrics strong,.xai-console-metrics span{display:block}.xai-console-metrics strong{font-size:24px}.xai-console-metrics span{font-size:11px;color:var(--x-muted);margin-top:4px}.xai-route{margin-top:20px;padding:15px;border-radius:13px;background:#f3f7fc}.xai-route>span{display:block;color:var(--x-muted);font-size:11px;margin-bottom:8px}.xai-route div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:6px 0}.xai-route div i{width:7px;height:7px;border-radius:50%;background:var(--x-blue)}.xai-route div em{font-style:normal;color:#6f8198;font-size:11px}
.xai-launcher{max-width:1320px;margin:0 auto 24px;padding:0 28px;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.xai-launcher button{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--x-line);border-radius:15px;background:rgba(255,255,255,.86);text-align:left;color:var(--x-ink);cursor:pointer;transition:.2s}.xai-launcher button:hover,.xai-launcher button.active{transform:translateY(-3px);border-color:#83b8f6;box-shadow:0 12px 28px rgba(28,80,145,.1)}.xai-launcher button.active{background:#fff}.xai-launcher i{flex:0 0 40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#eaf3ff;color:var(--x-blue);font-style:normal;font-weight:800}.xai-launcher button:nth-child(2) i{background:#fff1e2;color:#db7b18}.xai-launcher button:nth-child(3) i{background:#e8f8f4;color:#07886a}.xai-launcher button:nth-child(4) i{background:#edf0ff;color:#435bcc}.xai-launcher b,.xai-launcher small{display:block}.xai-launcher small{color:var(--x-muted);margin-top:4px;font-size:11px}
.xai-studio{max-width:1264px;margin:0 auto 76px;border:1px solid #cfdff0;border-radius:25px;background:#fff;box-shadow:var(--x-shadow);overflow:hidden}.xai-studio-head{height:82px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--x-line);background:linear-gradient(90deg,#fff,#f7faff)}.xai-studio-head span,.xai-section-heading span{font-size:10px;color:var(--x-blue);font-weight:800;letter-spacing:2px}.xai-studio-head h2{margin:5px 0 0;font-size:23px}.xai-studio-status{font-size:12px;color:#607590}.xai-panel{display:none;min-height:610px}.xai-panel.active{display:grid}.xai-panel[data-panel=chat]{grid-template-columns:250px 1fr}.xai-chat-side{padding:26px;background:linear-gradient(160deg,#0e2b51,#0b1f3b);color:#fff}.xai-side-brand{display:flex;align-items:center;gap:11px}.xai-side-brand i{width:40px;height:40px;display:grid;place-items:center;background:#1474ec;border-radius:12px;font-style:normal;font-weight:800}.xai-side-brand b,.xai-side-brand span{display:block}.xai-side-brand span{color:#94abc9;font-size:11px;margin-top:3px}.xai-chat-side>label{display:block;margin:32px 0 9px;color:#9eb3ce;font-size:12px}.xai-chat-side select{width:100%;height:43px;padding:0 10px;border:1px solid #365272;border-radius:10px;background:#183655;color:#fff}.xai-prompt-list{margin-top:26px;display:grid;gap:9px}.xai-prompt-list>b{font-size:11px;color:#8fa8c7;margin-bottom:2px}.xai-prompt-list button{padding:11px;border:1px solid #314d70;border-radius:9px;background:rgba(255,255,255,.035);color:#d8e6f8;text-align:left;cursor:pointer}.xai-prompt-list button:hover{border-color:#4d98ed;background:#17406e}.xai-chat{display:flex;flex-direction:column;min-width:0}.xai-chat-toolbar{height:55px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #edf2f8;color:var(--x-muted);font-size:12px}.xai-chat-toolbar button{border:1px solid var(--x-line);border-radius:8px;background:#fff;color:#1c62b5;padding:7px 12px;cursor:pointer}.xai-messages{height:390px;overflow:auto;padding:26px;background:linear-gradient(#fff,#fafcff)}.xai-message{display:flex;gap:12px;margin-bottom:20px;align-items:flex-start}.xai-message>i{flex:0 0 34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--x-blue);color:#fff;font-style:normal;font-weight:800}.xai-message>div{max-width:78%;padding:13px 16px;border-radius:3px 15px 15px 15px;background:#edf4fd}.xai-message b{font-size:11px;color:#507399}.xai-message p{margin:5px 0 0;line-height:1.75;word-break:break-word}.xai-message.user{flex-direction:row-reverse}.xai-message.user>i{background:var(--x-green)}.xai-message.user>div{background:#e9f8f4;border-radius:15px 3px 15px 15px}.xai-composer{margin:0 20px 20px;border:1px solid #c9d9eb;border-radius:14px;overflow:hidden;background:#fff}.xai-composer textarea{display:block;width:100%;height:82px;border:0;resize:none;padding:14px;outline:none}.xai-composer-bottom{display:flex;align-items:center;justify-content:space-between;padding:9px 10px 9px 14px;border-top:1px solid #edf2f7;color:#7c8da2;font-size:11px}.xai-composer-bottom button{border:0;border-radius:9px;background:var(--x-blue);color:#fff;padding:10px 18px;font-weight:700;cursor:pointer}
.xai-panel[data-panel=image],.xai-panel[data-panel=video]{grid-template-columns:.85fr 1.15fr}.xai-tool-form{padding:38px}.xai-tool-tag{display:inline-block;font-size:10px;font-weight:800;letter-spacing:2px;color:var(--x-blue)}.xai-tool-tag.green{color:var(--x-green)}.xai-tool-form h3,.xai-api-intro h3{font-size:28px;margin:9px 0 8px}.xai-tool-form>p,.xai-api-intro>p{color:var(--x-muted);line-height:1.7}.xai-tool-form label{display:block;color:#415a78;font-size:12px;margin-top:20px}.xai-tool-form textarea,.xai-tool-form input,.xai-tool-form select{display:block;width:100%;margin-top:8px;border:1px solid #ccdaea;border-radius:10px;background:#fff;padding:11px;outline:none}.xai-tool-form textarea{height:120px;resize:none}.xai-tool-form input,.xai-tool-form select{height:43px}.xai-form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.xai-generate{width:100%;height:48px;margin-top:22px;border:0;border-radius:11px;background:linear-gradient(115deg,var(--x-blue),#244fd0);color:#fff;font-weight:800;cursor:pointer}.xai-generate.green{background:linear-gradient(115deg,#08a97c,#087b68)}.xai-generate span{float:right;margin-right:13px;font-size:11px;font-weight:500;opacity:.8}.xai-result{display:grid;place-items:center;min-width:0;padding:34px;background:radial-gradient(circle at 50% 38%,#fff,#eef4fb)}.xai-placeholder{text-align:center;color:#7890aa}.xai-placeholder i{width:72px;height:72px;margin:0 auto 14px;display:grid;place-items:center;border:1px solid #cddced;border-radius:22px;background:#fff;color:var(--x-blue);font-style:normal;font-size:24px;font-weight:800;box-shadow:0 14px 30px rgba(40,80,125,.08)}.xai-placeholder b,.xai-placeholder span{display:block}.xai-placeholder span{font-size:11px;margin-top:7px}.xai-result img,.xai-result video{max-width:100%;max-height:500px;border-radius:16px;box-shadow:0 18px 44px rgba(20,49,83,.17)}.xai-loading{display:grid;place-items:center;text-align:center;color:#6b7f99}.xai-spinner{width:50px;height:50px;border:4px solid #dbe8f7;border-top-color:var(--x-blue);border-radius:50%;animation:xspin .8s linear infinite;margin-bottom:15px}@keyframes xspin{to{transform:rotate(360deg)}}
.xai-panel[data-panel=speech]{display:none}.xai-panel[data-panel=speech].active{display:block}.xai-speech-grid{display:grid;grid-template-columns:1fr 1fr}.xai-speech-grid>.xai-tool-form:first-child{border-right:1px solid var(--x-line)}.xai-audio-result{margin-top:16px}.xai-audio-result audio{width:100%}.xai-transcript{min-height:86px;margin-top:16px;padding:14px;border-radius:10px;background:#f2f7fc;color:#61758e;line-height:1.7}
.xai-panel[data-panel=api]{grid-template-columns:1.1fr .9fr}.xai-api-intro{padding:42px}.xai-endpoint{display:grid;grid-template-columns:auto 1fr auto;align-items:center;margin-top:24px;border:1px solid #cbdced;border-radius:12px;background:#f8fbff;overflow:hidden}.xai-endpoint span{padding:0 13px;color:#6e829a;font-size:11px}.xai-endpoint code{padding:15px;border-left:1px solid #dae5f1;color:#155fb8;overflow:auto}.xai-endpoint button{align-self:stretch;border:0;background:var(--x-blue);color:#fff;padding:0 18px;cursor:pointer}.xai-code{margin-top:16px;border-radius:14px;background:#0e223e;color:#cce0f8;overflow:hidden}.xai-code>div{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#172f4e}.xai-code>div i{width:8px;height:8px;border-radius:50%;background:#ff6f68}.xai-code>div i:nth-child(2){background:#ffc259}.xai-code>div i:nth-child(3){background:#38c787}.xai-code>div span{margin-left:6px;color:#8da7c5;font-size:10px}.xai-code pre{margin:0;padding:18px;font:12px/1.7 Consolas,monospace;white-space:pre-wrap}.xai-api-list{padding:42px;background:#f4f8fd}.xai-api-list h3{font-size:21px;margin:0 0 18px}.xai-api-list>div{display:grid;grid-template-columns:52px 1fr auto;align-items:center;padding:13px 0;border-top:1px solid #dce6f1}.xai-api-list b{color:var(--x-green);font-size:10px}.xai-api-list code{color:#1a4e8c}.xai-api-list span{font-size:11px;color:#73869d}
.xai-account,.xai-models{max-width:1264px;margin:0 auto;padding:0 0 76px}.xai-section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.xai-section-heading h2{font-size:31px;margin:7px 0 0}.xai-section-heading>p{color:var(--x-muted)}.xai-account-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.xai-account-card{padding:23px;border:1px solid var(--x-line);border-radius:17px;background:rgba(255,255,255,.9)}.xai-wallet{position:relative;overflow:hidden;background:linear-gradient(135deg,#0e315d,#1269e3);color:#fff}.xai-wallet:after{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-65px;bottom:-95px;box-shadow:0 0 0 35px rgba(255,255,255,.035)}.xai-wallet>span{color:#9fc9fb}.xai-wallet>strong{display:block;font-size:42px;margin:14px 0}.xai-wallet>strong small{font-size:14px}.xai-wallet>p{color:#bfd7f3}.xai-wallet>div{display:flex;gap:9px}.xai-wallet>div b,.xai-wallet>div em{padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.1);font-size:11px;font-style:normal}.xai-card-title{display:flex;align-items:flex-start;justify-content:space-between}.xai-card-title span{font-size:9px;letter-spacing:1.7px;color:var(--x-blue);font-weight:800}.xai-card-title h3{margin:5px 0 13px}.xai-card-title>button{border:0;border-radius:8px;background:var(--x-blue);color:#fff;padding:8px 13px;cursor:pointer}.xai-mini-list>div{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-top:1px solid #edf2f7}.xai-mini-list b,.xai-mini-list small{display:block}.xai-mini-list small,.xai-mini-list p{color:var(--x-muted);margin-top:3px}.xai-mini-list em{font-style:normal;color:var(--x-green);font-size:11px}.xai-key-result{display:none;margin:8px 0;padding:12px;border:1px solid #f0d384;border-radius:9px;background:#fff7dc;word-break:break-all}.xai-key-result.show{display:block}.xai-login{display:flex;align-items:center;justify-content:space-between;padding:38px;border-radius:20px;background:linear-gradient(120deg,#0e2d55,#1268dd);color:#fff}.xai-login span{font-size:10px;letter-spacing:2px;color:#91c6ff}.xai-login h2{margin:8px 0}.xai-login p{margin:0;color:#bfd6ef}.xai-login a{padding:13px 20px;border-radius:10px;background:#fff;color:#1264ca!important;font-weight:800}
.xai-model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.xai-model-grid>div{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid var(--x-line);border-radius:13px;background:#fff}.xai-model-grid i{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#eaf3ff;color:var(--x-blue);font-style:normal;font-size:10px;font-weight:800}.xai-model-grid span{min-width:0;flex:1}.xai-model-grid b,.xai-model-grid small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xai-model-grid small{color:var(--x-muted);margin-top:3px}.xai-model-grid em{font-style:normal;font-size:10px;color:var(--x-green)}.xai-ecosystem{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.xai-ecosystem a{display:flex;align-items:center;gap:13px;padding:18px;border-radius:15px;background:#102844;color:#fff!important}.xai-ecosystem i{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#1877ec;font-style:normal;font-weight:800}.xai-ecosystem b,.xai-ecosystem small{display:block}.xai-ecosystem small{margin-top:4px;color:#9fb4ce}.xai-toast{position:fixed;right:24px;bottom:24px;z-index:9999;padding:12px 18px;border-radius:10px;background:#102844;color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.2);opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s}.xai-toast.show{opacity:1;transform:none}
@media(max-width:1000px){.xai-hero{grid-template-columns:1fr;gap:32px;padding-top:46px}.xai-launcher{grid-template-columns:repeat(2,1fr)}.xai-panel[data-panel=chat],.xai-panel[data-panel=image],.xai-panel[data-panel=video],.xai-panel[data-panel=api]{grid-template-columns:1fr}.xai-chat-side{display:none}.xai-speech-grid{grid-template-columns:1fr}.xai-speech-grid>.xai-tool-form:first-child{border-right:0;border-bottom:1px solid var(--x-line)}.xai-account,.xai-models,.xai-studio{margin-left:18px;margin-right:18px}.xai-model-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.xai-hero{padding:38px 18px}.xai-hero h1{font-size:38px;letter-spacing:-1.7px}.xai-hero-main>p{font-size:15px}.xai-hero-actions{display:grid}.xai-launcher{padding:0 18px;grid-template-columns:1fr 1fr}.xai-launcher button{padding:12px}.xai-launcher small{display:none}.xai-studio-head{height:auto;padding:18px;align-items:flex-start;gap:10px}.xai-studio-status{display:none}.xai-messages{height:360px;padding:17px}.xai-message>div{max-width:86%}.xai-tool-form,.xai-api-intro,.xai-api-list{padding:24px 18px}.xai-form-row{grid-template-columns:1fr}.xai-account,.xai-models{padding-bottom:50px}.xai-section-heading{align-items:flex-start;flex-direction:column}.xai-section-heading>p{margin-bottom:0}.xai-account-grid,.xai-model-grid,.xai-ecosystem{grid-template-columns:1fr}.xai-login{align-items:flex-start;flex-direction:column;gap:22px}.xai-endpoint{grid-template-columns:1fr}.xai-endpoint span,.xai-endpoint code,.xai-endpoint button{padding:12px;border:0}.xai-api-list>div{grid-template-columns:48px 1fr}.xai-api-list>div span{display:none}}

.xai{width:100%;max-width:100vw;overflow-x:hidden}
.xai img,.xai video,.xai audio{max-width:100%}
@media(max-width:640px){
  .xai-hero{width:100%;max-width:none;padding:34px 18px 28px}
  .xai-hero h1{font-size:34px;line-height:1.16;letter-spacing:-1.2px;word-break:break-word}
  .xai-hero-console{padding:20px;border-radius:18px}
  .xai-console-metrics strong{font-size:20px}
  .xai-launcher{width:100%;max-width:none;margin:0 0 18px;padding:0 14px;gap:8px}
  .xai-launcher button{min-width:0}
  .xai-launcher i{flex-basis:34px;height:34px}
  .xai-studio{width:calc(100% - 24px);max-width:none;margin:0 12px 50px}
  .xai-panel{min-height:520px}
  .xai-chat{min-width:0}
  .xai-composer{margin:0 12px 14px}
  .xai-account,.xai-models{width:auto;max-width:none;margin-left:16px;margin-right:16px}
  .xai-tool-form h3,.xai-api-intro h3{font-size:24px}
  .xai-api-intro,.xai-api-list,.xai-tool-form{min-width:0}
  .xai-code,.xai-endpoint code{max-width:100%;overflow:auto}
}

.xai-wallet>div{align-items:center;flex-wrap:wrap}
.xai-recharge{position:relative;z-index:1;margin-left:auto;padding:7px 13px;border:1px solid rgba(255,255,255,.48);border-radius:999px;background:#fff;color:#1264ca!important;font-size:12px;font-weight:800;box-shadow:0 8px 18px rgba(0,0,0,.12)}
.xai-recharge:hover{background:#eaf4ff}
.xai-media-model{border-color:#d8e7f4!important;background:linear-gradient(135deg,#fff,#f5faff)!important}
.xai-media-model>em{max-width:130px;text-align:right;line-height:1.45}
@media(max-width:640px){.xai-recharge{margin-left:0}.xai-media-model>em{max-width:115px}}
token{
}


html{scroll-behavior:smooth}
.xai-primary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none!important}
#xai-api-key{scroll-margin-top:120px}