/* The landing page follows the system theme. Geometry is shared; theme rules
   only replace colors, surfaces and shadows, including portaled preferences. */
html.browser-remote-document { color-scheme:light dark; background:#f7f6fa; }
html.browser-remote-document[data-theme="light"] { color-scheme:light; }
html.browser-remote-document[data-theme="dark"] { color-scheme:dark; background:#08060d; }
body.browser-remote-website {
  --br-bg:#f7f6fa; --br-surface:#fff; --br-soft:#f0edf6; --br-ink:#251c35;
  --br-muted:#655a73; --br-line:#ddd5e6; --br-brand:#7540a9; --br-on-brand:#fff;
  --br-primary:#7540a9; --br-primary-hover:#663394; --br-primary-active:#5d2e86;
  --br-secondary:#eee8f6; --br-secondary-hover:#e5daf0; --br-secondary-active:#ded0ed;
  --br-hover:#eee8f6; --br-diagram:#f2eef8; --br-diagram-line:#c9b4dc;
  --br-shadow:0 18px 56px #40304f0b; --br-inset:inset 0 1px 0 #ffffffb3;
  --br-nav-line:linear-gradient(90deg,#d4c8e0b3,#e4dceba3);
  --br-hero-glow:radial-gradient(ellipse at 80% 45%,#e3d7f433,transparent 65%);
  --text:var(--br-ink); --text-soft:var(--br-muted); --surface:var(--br-surface);
  --surface-soft:var(--br-soft); --line:var(--br-line); --border:var(--br-line); --primary:var(--br-primary);
  background:var(--br-bg); color:var(--br-ink); font-family:"Alibaba PuHuiTi",system-ui,sans-serif;
}
html[data-theme="dark"] body.browser-remote-website {
  --br-bg:#08060d; --br-surface:#140e1d; --br-soft:#1e142a; --br-ink:#f2ecfa;
  --br-muted:#b4a1c5; --br-line:#3c2a4b; --br-brand:#c494f0; --br-on-brand:#1a0b26;
  --br-primary:#bd83ef; --br-primary-hover:#d09aff; --br-primary-active:#b276e0;
  --br-secondary:#251633; --br-secondary-hover:#332040; --br-secondary-active:#2d1b39;
  --br-hover:#2c1c39; --br-diagram:#20142e; --br-diagram-line:#6b477f;
  --br-shadow:0 18px 56px #0003; --br-inset:inset 0 1px 0 #e9c4ff0e;
  --br-nav-line:linear-gradient(90deg,#42314e99,#32223b77);
  --br-hero-glow:radial-gradient(ellipse at 80% 45%,#49215f25,transparent 65%);
}
@media(prefers-color-scheme:dark) {
  html.browser-remote-document:not([data-theme="light"]) { background:#08060d; }
  html:not([data-theme="light"]) body.browser-remote-website {
    --br-bg:#08060d; --br-surface:#140e1d; --br-soft:#1e142a; --br-ink:#f2ecfa;
    --br-muted:#b4a1c5; --br-line:#3c2a4b; --br-brand:#c494f0; --br-on-brand:#1a0b26;
    --br-primary:#bd83ef; --br-primary-hover:#d09aff; --br-primary-active:#b276e0;
    --br-secondary:#251633; --br-secondary-hover:#332040; --br-secondary-active:#2d1b39;
    --br-hover:#2c1c39; --br-diagram:#20142e; --br-diagram-line:#6b477f;
    --br-shadow:0 18px 56px #0003; --br-inset:inset 0 1px 0 #e9c4ff0e;
    --br-nav-line:linear-gradient(90deg,#42314e99,#32223b77);
    --br-hero-glow:radial-gradient(ellipse at 80% 45%,#49215f25,transparent 65%);
  }
}
#lq-site[data-browser-remote-desktop] {
  --site-bg:var(--br-bg); --site-paper:var(--br-surface); --site-ink:var(--br-ink);
  --site-muted:var(--br-muted); --site-line:var(--br-line); --site-brand:var(--br-brand);
  --site-soft:var(--br-soft); --site-on:var(--br-on-brand); --site-width:1180px;
  background:var(--br-bg); color:var(--br-ink); overflow:clip;
}
#lq-site[data-browser-remote-desktop] :is(a,button,summary):focus-visible { outline-color:var(--br-brand); }
#lq-site[data-browser-remote-desktop] .st-nav::after { background:var(--br-nav-line); }
#lq-site[data-browser-remote-desktop] .st-nav-links>a { color:var(--br-muted); }
#lq-site[data-browser-remote-desktop] .st-nav-links>a:hover { color:var(--br-brand); }
#lq-site[data-browser-remote-desktop] .v7-nav-download { border-color:var(--br-line); }
#lq-site[data-browser-remote-desktop] .v7-nav-download:hover { background:var(--br-hover); border-color:var(--br-brand); }
#lq-site[data-browser-remote-desktop] .v7-nav-toggle { border-color:var(--br-line); background:var(--br-surface); }
#lq-site[data-browser-remote-desktop] .v7-nav-toggle:hover { background:var(--br-hover); }
#lq-site[data-browser-remote-desktop] .v7-nav-toggle:active { background:var(--br-secondary-active); }
#lq-site[data-browser-remote-desktop] .st-skip { background:var(--br-primary); color:var(--br-on-brand); }
#lq-site[data-browser-remote-desktop] .br-shell { width:100%; max-width:calc(var(--site-width) + 2 * var(--site-gutter)); margin-inline:auto; padding-inline:var(--site-gutter); }
#lq-site[data-browser-remote-desktop] .br-hero { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr); align-items:center; gap:clamp(36px,5vw,80px); padding-block:80px 66px; background:var(--br-hero-glow); }
#lq-site[data-browser-remote-desktop] .br-hero-copy { min-width:0; }
#lq-site[data-browser-remote-desktop] .br-eyebrow { font-size:14px; font-weight:600; letter-spacing:.03em; color:var(--br-brand); margin-bottom:18px; }
#lq-site[data-browser-remote-desktop] h1 { font-size:clamp(42px,4.6vw,68px); line-height:1.12; letter-spacing:-.045em; max-width:760px; }
#lq-site[data-browser-remote-desktop] .br-accent-text { color:var(--br-brand); }
#lq-site[data-browser-remote-desktop] .br-lead { margin-top:26px; color:var(--br-muted); font-size:18px; line-height:1.75; max-width:640px; }
#lq-site[data-browser-remote-desktop] .br-host-note { display:flex; align-items:flex-start; gap:10px; font-size:16px; line-height:1.7; color:var(--br-ink); margin-top:18px; }
#lq-site[data-browser-remote-desktop] .br-host-note svg { width:20px; height:24px; stroke:var(--br-brand); stroke-width:1.5; fill:none; flex:none; margin-top:1px; }
#lq-site[data-browser-remote-desktop] .br-host-note strong { font-weight:500; }
#lq-site[data-browser-remote-desktop] .br-browser-note { margin-top:10px; font-size:15px; line-height:1.75; color:var(--br-muted); max-width:640px; }
#lq-site[data-browser-remote-desktop] .br-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
#lq-site[data-browser-remote-desktop] .br-actions .st-btn { min-width:0; max-width:100%; min-height:52px; font-size:16px; gap:14px; padding:14px 20px; text-align:center; }
#lq-site[data-browser-remote-desktop] .br-actions .st-btn span { min-width:0; overflow-wrap:anywhere; }
#lq-site[data-browser-remote-desktop] .st-btn.primary { background:var(--br-primary); border-color:var(--br-primary); color:var(--br-on-brand); box-shadow:0 5px 22px color-mix(in srgb,var(--br-primary) 14%,transparent); }
#lq-site[data-browser-remote-desktop] .st-btn.primary:hover { background:var(--br-primary-hover); border-color:var(--br-primary-hover); box-shadow:0 7px 25px color-mix(in srgb,var(--br-primary) 22%,transparent); transform:translateY(-1px); }
#lq-site[data-browser-remote-desktop] .st-btn.primary:active { background:var(--br-primary-active); border-color:var(--br-primary-active); transform:none; }
#lq-site[data-browser-remote-desktop] .st-btn.br-secondary { background:var(--br-secondary); border-color:var(--br-line); color:var(--br-ink); box-shadow:none; }
#lq-site[data-browser-remote-desktop] .st-btn.br-secondary:hover { background:var(--br-secondary-hover); border-color:var(--br-diagram-line); }
#lq-site[data-browser-remote-desktop] .st-btn.br-secondary:active { background:var(--br-secondary-active); border-color:var(--br-diagram-line); }
#lq-site[data-browser-remote-desktop] .br-free-note { margin-top:16px; font-size:14px; color:var(--br-muted); }
#lq-site[data-browser-remote-desktop] :is(.br-free-note,.br-lanmate-link) a { color:var(--br-brand); text-decoration:underline; text-underline-offset:4px; }
#lq-site[data-browser-remote-desktop] .br-connection { min-width:0; display:grid; grid-template-columns:1fr; justify-items:center; padding:36px 24px 24px; border:1px solid var(--br-line); border-radius:18px; background:var(--br-surface); box-shadow:var(--br-shadow),var(--br-inset); }
#lq-site[data-browser-remote-desktop] .br-diagram-device { width:100%; min-width:0; display:grid; justify-items:center; gap:6px; text-align:center; }
#lq-site[data-browser-remote-desktop] .br-device-icon { width:94px; height:76px; stroke:var(--br-brand); stroke-width:1.8; fill:none; }
#lq-site[data-browser-remote-desktop] .br-device-detail { opacity:.65; }
#lq-site[data-browser-remote-desktop] .br-diagram-device strong { font-size:18px; font-weight:500; line-height:1.45; }
#lq-site[data-browser-remote-desktop] .br-diagram-device>span { color:var(--br-muted); font-size:14px; line-height:1.5; }
#lq-site[data-browser-remote-desktop] .br-diagram-device .br-diagram-note { margin-top:4px; padding:5px 11px; background:var(--br-diagram); border-radius:6px; color:var(--br-brand); font-size:13px; }
#lq-site[data-browser-remote-desktop] .br-diagram-link { display:flex; flex-direction:column; align-items:center; gap:2px; padding:13px 0 9px; color:var(--br-diagram-line); }
#lq-site[data-browser-remote-desktop] .br-diagram-link span { width:1px; height:11px; background:var(--br-diagram-line); }
#lq-site[data-browser-remote-desktop] .br-diagram-link svg { width:20px; height:20px; stroke:currentColor; stroke-width:1.5; fill:none; transform:rotate(90deg); }
#lq-site[data-browser-remote-desktop] .br-start { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:34px; padding-block:0 66px; }
#lq-site[data-browser-remote-desktop] .br-start-item { display:flex; align-items:flex-start; gap:18px; padding-top:26px; border-top:1px solid var(--br-line); }
#lq-site[data-browser-remote-desktop] .br-start-item>div { min-width:0; }
#lq-site[data-browser-remote-desktop] .br-start-icon { display:grid; place-items:center; width:40px; height:44px; flex:none; color:var(--br-muted); }
#lq-site[data-browser-remote-desktop] .br-start-icon svg { width:32px; height:32px; stroke:currentColor; stroke-width:1.5; fill:none; }
#lq-site[data-browser-remote-desktop] .br-start h2 { font-size:21px; letter-spacing:-.02em; line-height:1.45; }
#lq-site[data-browser-remote-desktop] .br-start p { margin-top:10px; color:var(--br-muted); font-size:15px; line-height:1.75; }
#lq-site[data-browser-remote-desktop] .br-text-link { display:inline-flex; align-items:center; gap:8px; min-height:40px; margin-top:10px; color:var(--br-brand); font-size:15px; text-decoration:underline; text-underline-offset:4px; }
#lq-site[data-browser-remote-desktop] .br-text-link::after { content:"→"; font-size:18px; text-decoration:none; }
#lq-site[data-browser-remote-desktop] .br-text-link:hover { text-decoration-thickness:2px; }
#lq-site[data-browser-remote-desktop] .br-steps-section { padding-block:60px 64px; border-top:1px solid var(--br-line); }
#lq-site[data-browser-remote-desktop] .br-section-heading h2 { font-size:clamp(30px,3.1vw,44px); letter-spacing:-.035em; line-height:1.2; max-width:840px; }
#lq-site[data-browser-remote-desktop] .br-section-heading .br-eyebrow { margin-bottom:12px; }
#lq-site[data-browser-remote-desktop] .br-section-heading>p:not(.br-eyebrow) { color:var(--br-muted); font-size:16px; max-width:760px; margin-top:18px; }
#lq-site[data-browser-remote-desktop] .br-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; list-style:none; margin:38px 0 0; padding:0; counter-reset:none; }
#lq-site[data-browser-remote-desktop] .br-steps li { min-width:0; padding-top:20px; border-top:1px solid var(--br-line); }
#lq-site[data-browser-remote-desktop] .br-step-number { display:block; color:var(--br-brand); font-size:14px; font-variant-numeric:tabular-nums; margin-bottom:15px; }
#lq-site[data-browser-remote-desktop] .br-steps h3 { font-size:22px; line-height:1.4; font-weight:500; }
#lq-site[data-browser-remote-desktop] .br-steps p { font-size:15px; color:var(--br-muted); margin-top:14px; line-height:1.85; }
#lq-site[data-browser-remote-desktop] .br-code-note { border-top:1px solid var(--br-line); padding-top:22px; margin-top:30px; color:var(--br-muted); font-size:14px; }
#lq-site[data-browser-remote-desktop] .br-download { background:var(--br-soft); border-color:var(--br-line); text-align:left; padding:62px 0 54px; }
#lq-site[data-browser-remote-desktop] .br-download .v7-download-list { grid-template-columns:repeat(2,minmax(0,1fr)); max-width:none; gap:20px; margin-top:30px; }
#lq-site[data-browser-remote-desktop] .br-download h2 { margin:0; }
#lq-site[data-browser-remote-desktop] .br-download .v7-download-option { background:var(--br-surface); border-color:var(--br-line); color:var(--br-ink); min-height:126px; padding:24px; box-shadow:var(--br-inset); gap:18px; }
#lq-site[data-browser-remote-desktop] .br-download .v7-download-option:hover:not(:disabled) { background:var(--br-hover); border-color:var(--br-brand); box-shadow:0 4px 20px color-mix(in srgb,var(--br-brand) 9%,transparent); }
#lq-site[data-browser-remote-desktop] .br-download .v7-download-option:active:not(:disabled) { background:var(--br-secondary-active); border-color:var(--br-brand); box-shadow:var(--br-inset); }
#lq-site[data-browser-remote-desktop] .v7-download-option svg { color:var(--br-brand); }
#lq-site[data-browser-remote-desktop] .v7-download-option small { color:var(--br-muted); font-size:14px; }
#lq-site[data-browser-remote-desktop] [data-download-state-label] { color:var(--br-muted); font-size:14px; line-height:1.5; }
#lq-site[data-browser-remote-desktop] [data-download-state-label]:empty { display:none; }
#lq-site[data-browser-remote-desktop] :is(.v7-download-version,.v7-download-status,.br-noscript) { color:var(--br-muted); font-size:14px; }
#lq-site[data-browser-remote-desktop] .v7-download-version { margin-top:20px; }
#lq-site[data-browser-remote-desktop] .v7-download-status { margin-top:8px; min-height:24px; }
#lq-site[data-browser-remote-desktop] .v7-text-button { color:var(--br-brand); font-size:15px; }
#lq-site[data-browser-remote-desktop] .v7-text-button:hover { color:var(--br-ink); }
#lq-site[data-browser-remote-desktop] .v7-install-help { max-width:none; margin-top:20px; border-color:var(--br-line); }
#lq-site[data-browser-remote-desktop] .v7-install-help summary { color:var(--br-ink); font-size:16px; }
#lq-site[data-browser-remote-desktop] .v7-install-help summary:hover { color:var(--br-brand); }
#lq-site[data-browser-remote-desktop] .v7-install-body { border-color:var(--br-line); color:var(--br-muted); }
#lq-site[data-browser-remote-desktop] .v7-install-body h3 { color:var(--br-ink); }
#lq-site[data-browser-remote-desktop] .v7-install-body p { font-size:14px; color:var(--br-muted); }
#lq-site[data-browser-remote-desktop] .br-faq { padding-block:64px 60px; }
#lq-site[data-browser-remote-desktop] .br-faq>h2 { font-size:clamp(28px,3vw,40px); margin-bottom:28px; }
#lq-site[data-browser-remote-desktop] .br-faq details { border-top:1px solid var(--br-line); padding-block:18px; }
#lq-site[data-browser-remote-desktop] .br-faq summary { cursor:pointer; font-size:18px; line-height:1.5; padding-right:24px; }
#lq-site[data-browser-remote-desktop] .br-faq summary:hover { color:var(--br-brand); }
#lq-site[data-browser-remote-desktop] .br-faq details p { margin-top:14px; font-size:16px; color:var(--br-muted); max-width:960px; line-height:1.85; }
#lq-site[data-browser-remote-desktop] .br-lanmate-link { border-top:1px solid var(--br-line); margin-top:16px; padding-top:24px; color:var(--br-muted); font-size:15px; }
#lq-site[data-browser-remote-desktop] .st-footer { background:var(--br-bg); border-color:var(--br-line); color:var(--br-muted); }
#lq-site[data-browser-remote-desktop] .v7-footer-top { border-color:var(--br-line); }
#lq-site[data-browser-remote-desktop] .v7-footer-top .st-brand { color:var(--br-ink); }
#lq-site[data-browser-remote-desktop] .st-footer-links a { color:var(--br-muted); }
#lq-site[data-browser-remote-desktop] .st-footer a:hover { color:var(--br-brand); }
#lq-site[data-browser-remote-desktop] .st-footer-links a:hover { color:var(--br-brand); }
#lq-site[data-browser-remote-desktop] .v7-copyright { color:var(--br-muted); }
@media(max-width:1100px) {
  #lq-site[data-browser-remote-desktop] .br-hero { grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr); gap:32px; padding-top:60px; }
  #lq-site[data-browser-remote-desktop] h1 { font-size:clamp(42px,5vw,56px); }
  #lq-site[data-browser-remote-desktop] .br-actions { flex-direction:column; align-items:flex-start; }
  #lq-site[data-browser-remote-desktop] .br-actions .st-btn { width:100%; }
  #lq-site[data-browser-remote-desktop] .br-steps { gap:24px; }
}
@media(max-width:760px) {
  #lq-site[data-browser-remote-desktop] .br-hero { grid-template-columns:minmax(0,1fr); padding-block:44px; gap:32px; }
  #lq-site[data-browser-remote-desktop] h1 { font-size:clamp(38px,7.4vw,56px); }
  #lq-site[data-browser-remote-desktop] .br-lead { font-size:17px; margin-top:22px; }
  #lq-site[data-browser-remote-desktop] .br-actions { flex-direction:row; }
  #lq-site[data-browser-remote-desktop] .br-actions .st-btn { width:auto; flex:1 1 260px; }
  #lq-site[data-browser-remote-desktop] .br-connection { grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr); padding:24px 18px 18px; }
  #lq-site[data-browser-remote-desktop] .br-diagram-link { flex-direction:row; gap:0; padding:0; }
  #lq-site[data-browser-remote-desktop] .br-diagram-link span { display:none; }
  #lq-site[data-browser-remote-desktop] .br-diagram-link svg { transform:none; width:26px; height:26px; }
  #lq-site[data-browser-remote-desktop] .br-device-icon { width:72px; height:58px; }
  #lq-site[data-browser-remote-desktop] .br-diagram-device strong { font-size:16px; }
  #lq-site[data-browser-remote-desktop] .br-diagram-device>span { font-size:13px; }
  #lq-site[data-browser-remote-desktop] .br-diagram-device .br-diagram-note { border-radius:4px; font-size:13px; padding:5px 7px; }
  #lq-site[data-browser-remote-desktop] .br-start { grid-template-columns:minmax(0,1fr); gap:26px; padding-bottom:44px; }
  #lq-site[data-browser-remote-desktop] .br-start-item { padding-top:22px; gap:14px; }
  #lq-site[data-browser-remote-desktop] .br-steps-section { padding-block:44px; }
  #lq-site[data-browser-remote-desktop] .br-steps { grid-template-columns:minmax(0,1fr); margin-top:28px; gap:24px; }
  #lq-site[data-browser-remote-desktop] .br-step-number { margin-bottom:10px; }
  #lq-site[data-browser-remote-desktop] .br-steps h3 { font-size:22px; }
  #lq-site[data-browser-remote-desktop] .br-steps p { margin-top:10px; font-size:16px; }
  #lq-site[data-browser-remote-desktop] .br-download { padding-block:44px 38px; }
  #lq-site[data-browser-remote-desktop] .br-download .v7-download-list { grid-template-columns:minmax(0,1fr); max-width:none; gap:14px; }
  #lq-site[data-browser-remote-desktop] .br-download .v7-download-option { padding:22px 18px; gap:14px; }
  #lq-site[data-browser-remote-desktop] .br-download .v7-install-body { grid-template-columns:minmax(0,1fr); }
  #lq-site[data-browser-remote-desktop] .br-faq { padding-block:44px; }
  #lq-site[data-browser-remote-desktop] .br-faq summary { font-size:17px; }
}
@media(max-width:380px) {
  #lq-site[data-browser-remote-desktop] .br-connection { padding-inline:12px; gap:6px; grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr); }
  #lq-site[data-browser-remote-desktop] .br-diagram-link svg { width:20px; height:20px; }
}
@media(prefers-reduced-motion:reduce) {
  html.browser-remote-document { scroll-behavior:auto; }
  #lq-site[data-browser-remote-desktop] :is(.st-btn,.v7-nav-toggle) { transition:none; }
  #lq-site[data-browser-remote-desktop] .st-btn.primary:hover { transform:none; }
}