:root{color-scheme:light;--ink:#18352f;--muted:#697b74;--accent:#176b50;--line:#dbe4df;--surface:#fff;--soft:#f2f6f3;font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}body{margin:0;background:#f5f7f4;color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer;border-radius:10px;padding:10px 16px;border:1px solid var(--line);background:white;color:var(--ink);font-weight:600}button:hover{filter:brightness(.96)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #86bda7;outline-offset:3px}a{color:var(--accent);text-underline-offset:3px}input,select,textarea{width:100%;border:1px solid #bfcfc6;border-radius:9px;padding:11px;background:white;color:var(--ink)}textarea{resize:vertical;line-height:1.7}small{font-size:12px;color:var(--muted);line-height:1.65}h1,h2,h3,p{margin-top:0}p{line-height:1.7}h3{font-size:16px;margin-bottom:12px}[hidden]{display:none!important}.mc-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.mc-secondary{background:#fff}.mc-muted{color:var(--muted);font-size:13px}.mc-dialog{width:min(720px,calc(100% - 28px));max-height:calc(100dvh - 40px);padding:26px;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--ink);box-shadow:0 30px 100px #112b2a40;overflow:auto}.mc-dialog::backdrop{background:#122b2759;backdrop-filter:blur(3px)}.mc-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}.mc-heading h2{margin:0;font-size:24px}.mc-close{font-size:13px;border:none;background:var(--soft);white-space:nowrap}.mc-tabs{display:flex;gap:6px;padding:5px;background:var(--soft);border-radius:12px;margin:18px 0}.mc-tab{flex:1;background:transparent;border-color:transparent;font-size:14px}.mc-tab.active{background:white;border-color:var(--line);box-shadow:0 2px 4px #18352f09}.mc-card{border:1px solid var(--line);border-radius:13px;padding:20px;margin-bottom:16px}.mc-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mc-field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px;font-size:13px;font-weight:600}.mc-field small{font-weight:400}.mc-actions{display:flex;gap:10px;flex-wrap:wrap}.mc-feedback{font-size:14px;margin:8px 0 0;min-height:24px;color:var(--accent)}.mc-feedback.error{color:#b33737}.mc-test-result{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;margin:14px 0 0;color:var(--accent);max-height:200px;overflow:auto}.mc-auth{border:1px solid #c2d9c8;background:#f5faf5;padding:20px;border-radius:13px;margin-bottom:16px}.mc-auth-events p{font-size:13px;margin-bottom:10px;overflow-wrap:anywhere}.mc-auth-events a,.mc-auth-events code{display:block;margin-top:8px}.mc-auth-events code{font-size:19px;letter-spacing:2px}.mc-auth-events{max-height:200px;overflow:auto}.demo-shell{max-width:1080px;margin:auto;padding:36px 28px 60px}.demo-header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:34px}.demo-kicker{font-size:12px;font-weight:700;color:var(--accent);letter-spacing:2px;margin-bottom:10px}.demo-header h1{font-size:30px;letter-spacing:-1px;margin-bottom:10px}.demo-header p{max-width:650px;margin-bottom:0;color:var(--muted);font-size:14px}.demo-settings{flex-shrink:0;text-align:right;max-width:300px}.demo-model-status{font-size:12px;color:var(--muted);margin-top:10px;overflow-wrap:anywhere}.demo-workspace{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:white;box-shadow:0 12px 40px #18352f05}.demo-input,.demo-output{padding:26px}.demo-output{background:#fbfcfa;border-left:1px solid var(--line);min-height:400px}.demo-section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.demo-section-title h2{font-size:16px;margin:0}.demo-tag{font-size:11px;padding:4px 8px;background:#eaf2ec;border-radius:6px;color:var(--accent)}.demo-upload{border:1px dashed #bbd0c4;border-radius:10px;padding:14px;background:#fafcf9;margin-top:16px}.demo-upload input{padding:0;border:0;background:none;font-size:12px}.demo-image-meta{font-size:12px;margin:10px 0 0;overflow-wrap:anywhere}.demo-preview{max-width:100%;max-height:140px;object-fit:contain;border-radius:6px;margin-top:10px}.demo-actions{display:flex;gap:10px;margin-top:22px}.demo-output-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;font-size:14px;min-height:260px;color:var(--ink)}.demo-output-text:empty::before{content:"模型回复会显示在这里。";color:#85928b}.demo-run-status{font-size:12px;color:var(--muted);margin:16px 0 0}.demo-footnote{margin-top:18px;font-size:12px;color:var(--muted)}.demo-tools{margin-top:32px}.demo-tools h2{font-size:17px}.demo-tools-list{display:flex;gap:12px;flex-wrap:wrap}.demo-tool-link{padding:12px 18px;border:1px solid var(--line);border-radius:10px;background:white;text-decoration:none;font-size:14px}.file-guide{max-width:700px;margin:60px auto;padding:30px;background:white;border:1px solid var(--line);border-radius:16px}.file-guide code{display:block;background:var(--soft);padding:12px;margin:12px 0;white-space:pre-wrap}.error{color:#b33737}
@media(max-width:720px){.demo-shell{padding:24px 16px}.demo-header{flex-direction:column;margin-bottom:24px}.demo-settings{text-align:left;max-width:100%}.demo-header h1{font-size:25px}.demo-workspace{grid-template-columns:1fr}.demo-output{border-left:0;border-top:1px solid var(--line);min-height:240px}.demo-output-text{min-height:150px}.demo-input,.demo-output{padding:20px}.mc-dialog{padding:18px;max-height:calc(100dvh - 24px)}.mc-grid{grid-template-columns:1fr;gap:0}.mc-card,.mc-auth{padding:16px}.mc-actions button{flex:1}.mc-tabs{gap:0}.mc-tab{padding:10px 5px}}
.mc-connection-control{display:flex;align-items:flex-end;gap:8px;margin-bottom:16px;min-width:0}.mc-connection-control .mc-field{flex:1;min-width:0;margin-bottom:0}.mc-connection-control button{flex-shrink:0;white-space:nowrap;padding:11px 10px}.mc-danger{color:#a52c2c;border-color:#e4bbbb;background:#fff8f8}.mc-delete-confirm{padding:14px;border:1px solid #e4bbbb;border-radius:10px;background:#fff8f8;margin-bottom:16px}.mc-delete-confirm p{font-size:13px;margin-bottom:12px}