@media (min-width:769px) {
  body.desktop-ui:not(.client-ui) .desktop-map-context {
    position:absolute; z-index:8; top:20px; left:280px; right:20px; transform:none;
    display:flex; align-items:center; justify-content:space-between; gap:24px;
    width:auto; min-height:70px; padding:12px 18px;
    border:1px solid #dce6f5; border-radius:14px; background:rgba(255,255,255,.97);
    box-shadow:0 10px 28px #10203f14; color:#10203f; pointer-events:auto;
    font-family:"PingFang SC","Hiragino Sans GB",sans-serif; backdrop-filter:blur(12px);
  }
  body.desktop-ui:not(.client-ui) .desktop-map-context > div:first-child { display:grid; gap:2px; min-width:0; }
  body.desktop-ui:not(.client-ui) .desktop-map-context span { color:#0066ff; font-size:10px; font-weight:800; letter-spacing:.12em; }
  body.desktop-ui:not(.client-ui) .desktop-map-context b { font-size:15px; line-height:1.25; }
  body.desktop-ui:not(.client-ui) .desktop-map-context small { color:#66748d; font-size:11px; }
  body.desktop-ui:not(.client-ui) .desktop-map-context-actions { display:flex; flex:none; gap:7px; }
  body.desktop-ui:not(.client-ui) .desktop-map-context-actions button { min-height:34px; padding:0 11px; border:1px solid #cbd9ef; border-radius:8px; background:#fff; color:#0066ff; font:650 11px/1 inherit; cursor:pointer; }
  body.desktop-ui:not(.client-ui) .desktop-map-context-actions button:hover { border-color:#0066ff; background:#edf4ff; }
  body.desktop-ui:not(.client-ui) .desktop-map-context-actions button:focus-visible { outline:3px solid #8bb8ff; outline-offset:2px; }
  body.desktop-ui .home-fullscreen .layer-nav { top:20px;left:16px;bottom:20px;width:248px;max-height:none;background:#fff;border:1px solid #dce6f5;border-radius:14px;box-shadow:0 8px 30px #15376612;scrollbar-color:#cfdef4 transparent; }
  body.desktop-ui .home-fullscreen .ln-tabs { padding:10px 8px 0;background:#fff; }
  body.desktop-ui .home-fullscreen .ln-tab { padding:12px 8px;color:#7787a1;font-size:12px; }
  body.desktop-ui .home-fullscreen .ln-tab.on { color:#0066ff;border-color:#0066ff;background:#f4f8ff; }
  body.desktop-ui .home-fullscreen .ln-content { padding:12px; }
  body.desktop-ui .home-fullscreen .ln-index-note { background:#f3f7ff;border-color:#e1eafa; }
  body.desktop-ui .home-fullscreen .ln-index-note b { color:#285fae; }
  body.desktop-ui .home-fullscreen .ln-index-note span { color:#73829b;line-height:1.65; }
  body.desktop-ui .home-fullscreen .ln-provs { gap:8px; }
  body.desktop-ui .home-fullscreen .ln-prov-item { gap:4px;grid-template-columns:minmax(0,1fr) 28px; }
  body.desktop-ui .home-fullscreen .ln-prov { min-height:55px;border-color:#e1e8f4;background:#f9fbff;color:#304969;border-radius:9px; }
  body.desktop-ui .home-fullscreen .ln-prov:hover { color:#0066ff;background:#edf4ff;border-color:#b4cffa;transform:none; }
  body.desktop-ui .home-fullscreen .ln-prov .ln-qcount,body.desktop-ui .home-fullscreen .ln-prov .ln-qcount small { color:#7185a2; }
  body.desktop-ui .home-fullscreen .ln-prov-quiz { color:#0066ff;background:#edf4ff;border-color:#d7e6ff;font-size:9px;border-radius:8px; }
  body.desktop-ui .home-fullscreen .ln-prov.on { background:#0066ff;color:#fff;border-color:#0066ff;box-shadow:none; }
  body.desktop-ui .home-fullscreen .ln-prov.on::after,body.desktop-ui .home-fullscreen .ln-prov.on .ln-qcount,body.desktop-ui .home-fullscreen .ln-prov.on .ln-qcount small { color:#fff; }
  body.desktop-ui .home-fullscreen .ln-prov.completed { color:#175b75;background:#def4ff;border-color:#acdceb; }
  body.desktop-ui .home-fullscreen .ln-cat,body.desktop-ui .home-fullscreen .ln-ch-item { background:#f8fbff;border-color:#e2eafa;color:#304969; }
  body.desktop-ui .home-fullscreen .ln-cat.on { color:#0066ff;border-color:#aac8fa;background:#edf4ff; }
  body.desktop-ui .home-fullscreen .ln-cat small { color:#8a98ad; }
  body.desktop-ui .home-fullscreen .ln-ch-group { color:#0066ff;background:white; }
  body.desktop-ui .home-fullscreen .ln-qcount { color:#7185a2; }
  body.desktop-ui .home-fullscreen .jx-atlas-flat-head { display:none; }
  body.desktop-ui .home-fullscreen .jx-atlas-topic-strip { left:280px;right:auto;top:104px;max-width:calc(100% - 300px);background:rgba(255,255,255,.97);border-color:#dce6f5;box-shadow:0 6px 24px #14376710; }
  body.desktop-ui .home-fullscreen .jx-atlas-topic-strip button { color:#5e7290; }
  body.desktop-ui .home-fullscreen .jx-atlas-topic-strip button.is-active { color:#0066ff;background:#eaf2ff;box-shadow:none; }
  body.desktop-ui .home-fullscreen .jx-atlas-route-card,body.desktop-ui .home-fullscreen .jx-atlas-province-card,body.desktop-ui .home-fullscreen .jx-atlas-province-menu { left:280px;bottom:20px;width:min(430px,calc(100% - 530px));background:#fff;border-color:#dce6f5;border-radius:14px;box-shadow:0 8px 30px #15376615;color:#1a3658; }
  body.desktop-ui .home-fullscreen .jx-atlas-route-copy small,body.desktop-ui .home-fullscreen .jx-atlas-province-card small { color:#0066ff; }
  body.desktop-ui .home-fullscreen .jx-atlas-route-copy>b { font-size:17px; }
  body.desktop-ui .home-fullscreen .jx-atlas-route-copy>span,body.desktop-ui .home-fullscreen .jx-atlas-route-copy>em { color:#7a8ca2; }
  body.desktop-ui .home-fullscreen .jx-atlas-route-mark i,body.desktop-ui .home-fullscreen .jx-atlas-route-card>button,body.desktop-ui .home-fullscreen .jx-atlas-province-actions>button:first-child { background:#0066ff;color:white;box-shadow:none; }
  body.desktop-ui .home-fullscreen .jx-atlas-province-card>button:first-child,body.desktop-ui .home-fullscreen .jx-atlas-province-actions>button { color:#0066ff;background:#edf4ff; }
  body.desktop-ui .home-fullscreen .jx-atlas-scale { left:280px;bottom:155px;font-size:11px;color:#6e8297;background:#ffffffcc;border-color:#dce6f5; }
  body.desktop-ui .home-fullscreen .jx-atlas-legend { display:none; }
  body.desktop-ui .china-legend { color:#647a92;background:#fff;border:1px solid #dce6f5;box-shadow:0 8px 30px #15376615;border-radius:14px;font-size:11px; }
  body.desktop-ui .china-legend .cl-title { color:#234970; }
  body.desktop-ui .china-legend .cl-item,body.desktop-ui .china-legend .cl-hint { color:#7386a0; }
  body.desktop-ui .spot-modal .sd-body { background:#fff; }
  body.desktop-ui .spot-modal .sd-title { color:#10203f; }
  body.desktop-ui .spot-modal .sd-record-type { color:#0066ff; }
  body.desktop-ui .spot-modal .sd-gallery { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px; }
  body.desktop-ui .spot-modal .sd-gallery button { min-width:0;padding:0;border:1px solid #dce6f5;border-radius:10px;overflow:hidden;background:#f8fbff;color:#486683;cursor:pointer; }
  body.desktop-ui .spot-modal .sd-gallery img { display:block;width:100%;height:88px;object-fit:cover; }
  body.desktop-ui .spot-modal .sd-gallery span { display:block;padding:8px;font-size:11px;line-height:1.5; }
  body.desktop-ui .spot-modal .sd-addr { background:#f5f8ff;color:#6e819b;border-color:#0066ff; }
  body.desktop-ui .spot-modal .spot-progress-status { color:#55759b;background:#f1f6ff;border-color:#dce7fb; }
  body.desktop-ui .spot-modal .spot-progress-status b { color:#0066ff; }
  body.desktop-ui .desktop-spot-actions { display:flex;gap:10px;margin-top:20px; }
  body.desktop-ui .desktop-spot-actions button { display:inline-flex;align-items:center;justify-content:space-between;gap:22px;border:1px solid #cfdef6;border-radius:9px;padding:12px 16px;background:#f8fbff;color:#0066ff;font-size:13px;cursor:pointer; }
  body.desktop-ui .desktop-spot-actions button:last-child { color:#fff;background:#0066ff;border-color:#0066ff; }
  body.desktop-ui .spot-modal .sd-inline-quiz { scroll-margin-top:20px; }
  body.desktop-ui .spot-modal :is(.btn-p,.spot-inline-next,.spot-inline-submit,.spot-practice-cta) { color:white!important;background:#0066ff!important;border-color:#0066ff!important; }
  body.desktop-ui .spot-modal .spot-inline-options button.selected { border-color:#0066ff;background:#edf4ff; }
  body.desktop-ui .province-practice-shell { color:#173658; }
  body.desktop-ui .province-practice-header { background:#f4f8ff;border-color:#dce6f5; }
  body.desktop-ui .province-practice-header h2,body.desktop-ui .province-practice-header strong { color:#173658; }
  body.desktop-ui .province-practice-progress i { background:#0066ff; }
  @media (max-width:1100px) {
    body.desktop-ui .home-fullscreen .layer-nav { width:210px; }
    body.desktop-ui:not(.client-ui) .desktop-map-context { left:240px;gap:10px;flex-wrap:wrap; }
    body.desktop-ui .home-fullscreen .jx-atlas-topic-strip { left:240px;max-width:calc(100% - 260px);overflow:auto; }
    body.desktop-ui .home-fullscreen .jx-atlas-route-card,body.desktop-ui .home-fullscreen .jx-atlas-province-card,body.desktop-ui .home-fullscreen .jx-atlas-province-menu { left:240px;width:calc(100% - 260px);grid-template-columns:minmax(0,1fr) auto;gap:10px; }
    body.desktop-ui .home-fullscreen .jx-atlas-route-mark { display:none; }
    body.desktop-ui .home-fullscreen .jx-atlas-scale { left:240px; }
    body.desktop-ui .china-legend { display:none; }
  }
  @media (prefers-reduced-motion:reduce) { body.desktop-ui:not(.client-ui) .desktop-map-context { backdrop-filter:none; } }
}