body[data-page=playground] .page-shell{width:min(1400px,calc(100% - 64px));padding-top:64px}.playground-head{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:64px;align-items:end;padding-bottom:48px;border-bottom:2px solid var(--ink)}.playground-head h1{margin:0;font:720 clamp(52px,6vw,82px)/1.02 Arial,"PingFang SC",sans-serif;letter-spacing:-.055em}.playground-head>div>p:last-child{max-width:720px;margin:18px 0 0;color:var(--muted);font-size:17px;line-height:1.75}.playground-head>aside{display:grid;min-height:150px;padding:20px;border:1px solid var(--ink)}.playground-head>aside span,.playground-head>aside small{font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.06em}.playground-head>aside strong{align-self:end;font:720 48px/1 Arial,sans-serif;letter-spacing:-.05em}.playground-typebar{display:flex;align-items:center;min-height:82px;border-bottom:1px solid var(--ink)}.playground-typebar>span{flex:1;font:11px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}.playground-typebar>div{display:flex;align-self:stretch}.playground-typebar button{display:flex;align-items:center;gap:12px;min-width:130px;padding:0 18px;border:0;border-left:1px solid var(--line);color:var(--ink);background:transparent;cursor:pointer;font:700 12px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.playground-typebar button:last-child{border-right:1px solid var(--line)}.playground-typebar button span{color:#97948e;font-size:10px}.playground-typebar button:hover{color:var(--brand)}.playground-typebar button.active{color:#fff;background:var(--ink)}.playground-typebar button.active span{color:#aaa}.playground-workbench{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:650px;margin-top:48px;border:1px solid var(--ink)}.playground-config{display:grid;align-content:start;gap:24px;padding:40px;border-right:1px solid var(--ink);background:var(--surface)}.playground-config header>span,.playground-response header>span{display:block;margin-bottom:14px;color:var(--muted);font:11px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}.playground-config h2{margin:0;font:700 36px/1.1 Arial,PingFang SC,sans-serif;letter-spacing:-.035em}.playground-config header p{margin:12px 0 0;color:var(--muted);font-size:14px}.playground-config label{font-size:13px}.playground-config input,.playground-config select,.playground-config textarea{border-radius:0;background:transparent}.playground-config textarea{min-height:180px}.playground-config label>small{margin-top:2px;color:var(--muted);font-size:11px;font-weight:400;line-height:1.5}.playground-usage-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.playground-usage-fields>label:only-child{grid-column:1/-1}.playground-config>.button{width:100%}.playground-response{display:grid;grid-template-rows:auto 1fr auto;min-width:0;padding:32px;color:#f7f5ef;background:var(--ink)}.playground-response>header{display:flex;align-items:center;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid #44464b}.playground-response>header>span{margin:0;color:#a9a8a3}.playground-response>header>strong{display:flex;align-items:center;gap:8px;color:#b7f5d8;font:600 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.playground-response>header i{width:7px;height:7px;border-radius:50%;background:#49cf8f}.playground-response-body{display:flex;align-items:center;justify-content:center;min-width:0;padding:40px 18px}.playground-response-body>[data-play-result]{width:100%;overflow-wrap:anywhere}.playground-response-body>[data-play-result]:empty:before{display:block;max-width:390px;margin:auto;content:"等待请求\a\a选择 API 类型和模型，填写预计用量后提交。报价结果将在这里显示。";color:#aaaeb7;font:13px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;text-align:center;white-space:pre-wrap}.playground-response .secret-box{padding:28px;border:1px solid #656872;border-radius:0;color:#f7f5ef;background:transparent;font:14px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;text-align:center}.playground-response .secret-box strong{display:block;margin:10px 0;color:#fff;font-size:38px}.playground-response .form-message{color:#ffb4aa;text-align:center}.playground-response>footer{display:flex;justify-content:space-between;gap:20px;padding-top:18px;border-top:1px solid #44464b;color:#9ea0a7;font:10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em}.playground-response>footer strong{font-weight:500;text-align:right}@media(max-width:1050px){.playground-head{grid-template-columns:1fr 190px;gap:40px}.playground-typebar{align-items:flex-start;flex-direction:column;padding-top:18px}.playground-typebar>div{width:100%;margin-top:14px;overflow-x:auto}.playground-typebar button{flex:1 0 120px;min-height:52px}.playground-workbench{grid-template-columns:1fr 1fr}.playground-config{padding:30px}.playground-response{padding:28px 24px}}@media(max-width:760px){body[data-page=playground] .page-shell{width:calc(100% - 32px);padding-top:36px}.playground-head{grid-template-columns:1fr;gap:24px;padding-bottom:32px}.playground-head h1{font-size:50px}.playground-head>aside{grid-template-columns:1fr auto;min-height:0;align-items:end}.playground-head>aside strong{grid-row:1/3;grid-column:2;margin:0;font-size:40px}.playground-head>aside small{align-self:end}.playground-workbench{display:block;min-height:0;margin-top:32px}.playground-config{padding:28px 20px;border-right:0;border-bottom:1px solid var(--ink)}.playground-usage-fields{grid-template-columns:1fr}.playground-response{min-height:440px;padding:26px 20px}.playground-response-body{padding:36px 4px}.playground-response>footer{align-items:flex-start;flex-direction:column}.playground-response>footer strong{text-align:left}}.playground-unavailable{max-width:380px;margin:auto;padding:24px;border:1px solid #75504b;color:#ffc2b8;font:13px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;text-align:center}