
.ym-support,.ym-support::backdrop,.cs-launch{
  --cs-bg:#101b1c;
  --cs-text:#eef8f3;
  --cs-line:#344943;
  --cs-muted:#a3b6af;
  --cs-accent:#8ae7c8;
  --cs-on-accent:#123d2e;
  --cs-accent-hover:#a5f0d7;
  --cs-hover:#1c302e;
  --cs-hover-line:#609d87;
  --cs-selected:#1a302b;
  --cs-surface:#172425;
  --cs-user-bg:#23483e;
  --cs-user-line:#406358;
  --cs-status:#e4c799;
  --cs-bottom:#132021;
  --cs-input:#0e191a;
  --cs-input-line:#66877b;
  --cs-placeholder:#91aaa0;
  --cs-launch-bg:#173a30;
  --cs-launch-hover:#225042;
  --cs-launch-text:#bcf6df;
  --cs-launch-line:#588c78;
  --cs-scrollbar:#66877b;
  --cs-shadow:0 30px 100px #0008;
  --cs-launch-shadow:0 5px 24px #0003;
  --cs-backdrop:#06101190;
  color-scheme:dark;
}
body.canvas-light:not(.home) .ym-support,
body.canvas-light:not(.home) .ym-support::backdrop,
body.canvas-light:not(.home) .cs-launch{
  --cs-bg:#ffffff;
  --cs-text:#25352f;
  --cs-line:#d5e2dc;
  --cs-muted:#596e64;
  --cs-accent:#21694f;
  --cs-on-accent:#ffffff;
  --cs-accent-hover:#19563f;
  --cs-hover:#edf5f0;
  --cs-hover-line:#799f8d;
  --cs-selected:#e5f3eb;
  --cs-surface:#f6f9f7;
  --cs-user-bg:#e5f3eb;
  --cs-user-line:#bed8c9;
  --cs-status:#80551c;
  --cs-bottom:#f6f9f7;
  --cs-input:#ffffff;
  --cs-input-line:#829d8f;
  --cs-placeholder:#64796d;
  --cs-launch-bg:#ffffff;
  --cs-launch-hover:#edf5f0;
  --cs-launch-text:#21694f;
  --cs-launch-line:#799f8d;
  --cs-scrollbar:#829d8f;
  --cs-shadow:0 24px 80px #193c292b;
  --cs-launch-shadow:0 5px 24px #193c2924;
  --cs-backdrop:#152c234d;
  color-scheme:light;
}
.ym-support{box-sizing:border-box;width:min(460px,calc(100vw - 24px));height:min(720px,calc(100dvh - 40px));padding:0;border:1px solid var(--cs-line);border-radius:20px;background:var(--cs-bg);color:var(--cs-text);box-shadow:var(--cs-shadow);font:14px/1.65 system-ui,"Microsoft YaHei",sans-serif;overflow:hidden}
.ym-support::backdrop{background:var(--cs-backdrop);backdrop-filter:blur(3px)}
.ym-support *{box-sizing:border-box}
.ym-support [hidden]{display:none!important}
.ym-support button,.ym-support textarea{font:inherit}
.ym-support button{cursor:pointer;color:inherit}
.ym-support button:disabled{opacity:.5;cursor:default}
.ym-support button:focus-visible,.ym-support textarea:focus-visible,.cs-launch:focus-visible{outline:2px solid var(--cs-accent);outline-offset:3px}
.ym-support ::selection{background:var(--cs-accent);color:var(--cs-on-accent)}
.cs-shell{height:100%;display:flex;flex-direction:column}
.cs-head{display:flex;align-items:center;gap:12px;padding:20px 22px 16px;border-bottom:1px solid var(--cs-line);flex:none}
.cs-avatar{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;color:var(--cs-on-accent);background:var(--cs-accent);font-size:20px}
.cs-head h2{font-size:17px;line-height:1.3;margin:0 0 3px;letter-spacing:.3px}
.cs-sub{color:var(--cs-muted);font-size:11px}
.cs-close{margin-left:auto;align-self:flex-start;border:0;border-radius:8px;width:32px;height:32px;background:transparent;color:var(--cs-muted)!important;font-size:24px!important}
.cs-close:hover{background:var(--cs-hover)}
.cs-head-actions{display:flex;gap:7px}
.cs-tabs{display:flex;padding:12px 22px 0;gap:8px}
.cs-button{border:1px solid var(--cs-line);border-radius:9px;padding:6px 11px;background:transparent;font-size:12px!important}
.cs-button:hover:not(:disabled){background:var(--cs-hover);border-color:var(--cs-hover-line)}
.ym-support .cs-button.active{color:var(--cs-accent);background:var(--cs-selected)}
.cs-scroll{flex:1;overflow:auto;overscroll-behavior:contain;padding:22px;min-height:0;scrollbar-color:var(--cs-scrollbar) var(--cs-bg);scrollbar-width:thin}
.cs-eyebrow{font-size:10px;letter-spacing:2px;color:var(--cs-accent);margin:0 0 9px}
.cs-welcome h3{font-size:24px;line-height:1.45;font-weight:550;margin:0 0 8px}
.cs-welcome p{font-size:12px;color:var(--cs-muted);margin:0 0 20px}
.cs-faq-title{font-size:11px;color:var(--cs-muted);margin:22px 0 8px}
.cs-faq{display:grid;gap:7px}
.cs-faq button{text-align:left;padding:12px 14px;border:1px solid var(--cs-line);background:var(--cs-surface);border-radius:10px;display:flex;justify-content:space-between;gap:10px;font-size:12px}
.cs-faq button:hover{border-color:var(--cs-hover-line);background:var(--cs-hover)}
.cs-faq button span{color:var(--cs-muted)}
.cs-article{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.9}
.cs-article h3{font-size:17px;white-space:normal;margin:12px 0}
.cs-article p{margin:0}
.cs-turn{margin:0 0 20px}
.cs-message{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.85}
.cs-message.user{background:var(--cs-user-bg);border:1px solid var(--cs-user-line);padding:10px 13px;border-radius:12px 12px 3px 12px;margin:0 0 17px 38px}
.cs-message.assistant{padding:0 2px}
.cs-message-label{font-size:10px;color:var(--cs-accent);margin:0 0 7px;letter-spacing:.8px}
.cs-status{font-size:12px;color:var(--cs-status);white-space:pre-wrap;overflow-wrap:anywhere}
.cs-bottom{padding:14px 20px 16px;border-top:1px solid var(--cs-line);flex:none;background:var(--cs-bottom)}
.cs-compose{border:1px solid var(--cs-input-line);border-radius:12px;padding:10px;background:var(--cs-input)}
.cs-compose:focus-within{border-color:var(--cs-accent)}
.cs-compose textarea{display:block;width:100%;height:54px;resize:none;border:0;outline:0;background:transparent;color:var(--cs-text);font-size:14px;line-height:1.6;padding:0;caret-color:var(--cs-accent);scrollbar-color:var(--cs-scrollbar) var(--cs-input);scrollbar-width:thin}
.cs-compose textarea::placeholder{color:var(--cs-placeholder);opacity:1}
.cs-compose-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:7px}
.cs-compose-actions span{font-size:10px;color:var(--cs-muted)}
.cs-send{border:0;border-radius:8px;background:var(--cs-accent);color:var(--cs-on-accent)!important;padding:6px 14px;font-size:12px!important;font-weight:650}
.cs-send:hover:not(:disabled){background:var(--cs-accent-hover)}
.cs-footnote{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px;color:var(--cs-muted);margin-top:11px}
.cs-link{padding:0;border:0;background:transparent;color:var(--cs-accent)!important;font-size:11px!important}
.cs-link:hover{text-decoration:underline}
.cs-human-note{font-size:12px;color:var(--cs-muted);margin:16px 0}
.cs-launch{position:fixed;right:20px;bottom:22px;z-index:210;border:1px solid var(--cs-launch-line);border-radius:24px;padding:10px 15px;background:var(--cs-launch-bg);color:var(--cs-launch-text);font:12px system-ui;box-shadow:var(--cs-launch-shadow);cursor:pointer}
.cs-launch:hover{background:var(--cs-launch-hover)}
@media(max-width:540px){.ym-support{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0}.cs-head{padding-top:max(17px,env(safe-area-inset-top));padding-bottom:14px}.cs-bottom{padding-bottom:max(16px,env(safe-area-inset-bottom))}.cs-compose textarea{font-size:16px}.cs-launch{right:12px;bottom:88px}.cs-button,.cs-send{min-height:40px}.cs-close{width:40px;height:40px}.cs-scroll{padding:20px}}
