/* Mobile-only layout; desktop rules and forecast data are unchanged. */
.mobile-station-toggle {display:none}
@media (max-width: 767px), (max-height: 500px) and (pointer: coarse) {
 html {font-size:100px!important}
 html,body {width:100%;height:100%;margin:0;overflow:hidden!important;background:#071322}
 #root,.jdyc-app {width:100%!important;min-width:0!important;height:100%!important;overflow:hidden!important;font-family:Arial,"Microsoft Yahei",sans-serif}
 .jdyc-app {--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px)}
 .jdyc-app .header {position:absolute!important;inset:var(--safe-top) 0 auto!important;height:44px!important;background:#0b2034!important;border-bottom:1px solid #24445d}
 .jdyc-app .header::before {content:'极地预测';position:absolute;left:14px;top:12px;font-size:17px;color:#e1f5ff;letter-spacing:2px;font-weight:600}
 .jdyc-app .header .time-text {position:absolute!important;right:12px!important;left:auto!important;top:15px!important;font-size:10px!important;letter-spacing:0!important;line-height:16px!important}
 .jdyc-app .selector-container {position:absolute!important;inset:calc(52px + var(--safe-top)) 12px auto!important;width:auto!important;height:62px!important;display:flex!important;gap:12px!important;transform:none!important;z-index:12}
 .jdyc-app .selector-container {flex-direction:row!important;padding:0!important;align-items:stretch!important}
 .jdyc-app .selector-item {width:calc(50% - 6px)!important;margin:0!important;padding:0!important;height:auto!important;flex:1!important;min-width:0}
 .jdyc-app .selector-item-title {font-size:11px!important;line-height:16px!important;margin:0 0 4px!important;color:#a9c4d7}
 .jdyc-app .selector-container .ant-select {width:100%!important;font-size:14px!important}
 .jdyc-app .selector-container .ant-select-selector {height:40px!important;padding:0 10px!important;border-radius:8px!important}
 .jdyc-app .selector-container .ant-select-selection-item {font-size:14px!important;line-height:38px!important;padding-right:20px!important}
 .jdyc-app .selector-container .ant-select-arrow {font-size:12px!important;right:10px!important}
 .ant-select-dropdown {font-size:14px!important;z-index:10000!important}
 .ant-select-dropdown .ant-select-item {min-height:44px!important;font-size:14px!important}
 .jdyc-app .bg-ellipse {position:absolute!important;inset:calc(124px + var(--safe-top)) 0 auto!important;width:100%!important;height:46px!important;display:flex!important;gap:8px;padding:0 12px!important;overflow-x:auto!important;overflow-y:hidden!important;background:none!important;transform:none!important;z-index:10;scrollbar-width:none}
 .jdyc-app .bg-ellipse .ele-selector {position:relative!important;inset:auto!important;transform:none!important;flex:0 0 auto!important;width:auto!important;height:42px!important;padding:0 12px!important;display:flex!important;align-items:center!important;border:1px solid #33536a;border-radius:22px;background:#0e2537!important;cursor:pointer}
 .jdyc-app .bg-ellipse .ele-selector.active {background:#164d68!important;border-color:#54d0e8}
 .jdyc-app .bg-ellipse .ele-selector img {display:none!important}
 .jdyc-app .bg-ellipse .ele-name {position:static!important;transform:none!important;white-space:nowrap!important;width:auto!important;font-size:13px!important;line-height:20px!important;text-align:center!important}
 .jdyc-app .map-container {position:absolute!important;inset:calc(176px + var(--safe-top)) 0 calc(146px + var(--safe-bottom))!important;width:100%!important;height:auto!important;transform:none!important}
 .jdyc-app .legend-container {position:absolute!important;inset:auto 12px 8px!important;width:calc(100% - 24px)!important;max-width:none!important;height:auto!important;transform:none!important}
 .jdyc-app .legend-wrapper,.jdyc-app .legend {width:100%!important;height:auto!important;max-width:none!important;margin:0!important}
 .jdyc-app .legend {display:block!important;padding:7px 10px 15px!important;box-sizing:border-box;background:rgba(8,25,41,.88)!important;border-radius:10px}
 .jdyc-app .legend-name {font-size:11px!important;line-height:18px!important;white-space:normal!important;margin:0!important}
 .jdyc-app .legend-cols {width:100%!important;height:8px!important;margin:2px 0 0!important}
 .jdyc-app .legend-cols-item {height:8px!important}
 .jdyc-app .legend-cols-item-val {font-size:8px!important;top:9px!important;line-height:10px!important}
 .jdyc-app .legend-cols-item:nth-child(even):not(:last-child) .legend-cols-item-val {visibility:hidden}
 .jdyc-app .high-line {position:absolute!important;left:12px!important;right:auto!important;top:calc(182px + var(--safe-top))!important;bottom:auto!important;width:auto!important;height:44px!important;display:flex!important;align-items:center;gap:8px;background:#0d2438;border-radius:8px;padding:0 8px!important;z-index:9}
 .jdyc-app .high-line .unit {font-size:11px!important;position:static!important}
 .jdyc-app .ling-bg {display:flex!important;width:auto!important;height:44px!important;background:none!important}
 .jdyc-app .high-item {position:relative!important;height:44px!important;width:68px!important;display:flex!important;align-items:center;justify-content:center}
 .jdyc-app .high-label {position:static!important;font-size:12px!important;line-height:44px!important;transform:none!important;white-space:nowrap}
 .jdyc-app .reset-btn {position:absolute!important;inset:calc(182px + var(--safe-top)) 12px auto auto!important;width:44px!important;height:44px!important;z-index:10;background:#0d2438;border-radius:12px}
 .jdyc-app .reset-btn img {display:none!important}
 .jdyc-app .reset-btn::after {content:'⟳';display:block;font:28px/44px Arial;text-align:center;color:#c8f4ff}
 .jdyc-app .selected-mask,.jdyc-app .ling-bg::before,.jdyc-app .ling-bg::after {display:none!important}
 .jdyc-app .high-label.active-label {color:#7ce9ff!important;font-weight:bold}
 .jdyc-app .timeline-bar {position:absolute!important;inset:auto 12px calc(54px + var(--safe-bottom))!important;width:calc(100% - 24px)!important;height:76px!important;transform:none!important;background:#0d2438!important;border-radius:12px;z-index:15}
 .jdyc-app .timeline-wrap {width:100%!important;height:76px!important;padding:12px 46px!important;box-sizing:border-box}
 .jdyc-app .timeline-slider {width:100%!important;margin:8px 0!important;height:40px!important}
 .jdyc-app .playBtn {position:absolute!important;left:4px!important;top:16px!important;width:40px!important;height:44px!important;background-size:22px!important}
 .jdyc-app .pre-time,.jdyc-app .next-time {position:absolute!important;width:38px!important;height:32px!important;right:2px!important;left:auto!important;background-size:16px!important;background-repeat:no-repeat!important;background-position:center!important;transform:none!important;margin:0!important}
 .jdyc-app .pre-time {top:3px!important}.jdyc-app .next-time {top:38px!important}
 .jdyc-app .adm-slider-mark {font-size:9px!important}
 .jdyc-app .adm-slider-mark span {font-size:9px!important}
 .jdyc-app .adm-slider-mark>:nth-child(n) {visibility:hidden}
 .jdyc-app .adm-slider-mark>:first-child,.jdyc-app .adm-slider-mark>:last-child {visibility:visible}
 .jdyc-app .timeline-slider-thumb-circle {width:24px!important;height:24px!important}
 .mobile-station-toggle {display:block;position:fixed;left:12px;right:12px;bottom:calc(8px + env(safe-area-inset-bottom,0px));height:40px;z-index:40;border:1px solid #40657a;border-radius:10px;background:#17394e;color:#e4f6ff;font:14px Arial;cursor:pointer}
 .jdyc-app .sta-detail-container {display:none!important;position:absolute!important;inset:calc(52px + var(--safe-top)) 8px calc(56px + var(--safe-bottom))!important;width:auto!important;height:auto!important;transform:none!important;overflow-y:auto!important;overscroll-behavior:contain;padding:12px!important;background:#091d30!important;border:1px solid #35566e;border-radius:14px;z-index:30;box-sizing:border-box}
 body.mobile-stations-open .jdyc-app .sta-detail-container {display:flex!important;flex-direction:column!important;gap:16px}
 .jdyc-app .sta-detail-container .detail-right {order:0;flex-shrink:0}
 .jdyc-app .sta-detail-container .detail-left {order:1;flex-shrink:0}
 .jdyc-app .sta-detail-container .detail-left,.jdyc-app .sta-detail-container .detail-right {width:100%!important;height:auto!important;margin:0!important;padding:0!important;display:block!important}
 .jdyc-app .sta-detail-container .detail-left {margin-bottom:18px!important}
 .jdyc-app .sta-name {min-height:44px!important;height:auto!important;padding:0!important;gap:8px!important}
 .jdyc-app .sta-title {font-size:22px!important}.jdyc-app .sta-type,.jdyc-app .sta-detail-btn {font-size:12px!important}
 .jdyc-app .sta-detail-container select[aria-label="站点选择"] {width:140px!important;height:44px!important;font-size:16px!important}
 .jdyc-app .detail-right-title {height:auto!important;min-height:48px!important}.jdyc-app .detail-right-title .title-text {font-size:13px!important}
 .jdyc-app .detail-right-content {height:auto!important;display:block!important}
 .jdyc-app .time-vals-item {width:100%!important;height:210px!important;margin:12px 0!important}
 .jdyc-app .time-vals-item-title {height:30px!important;line-height:26px!important;display:flex!important;justify-content:space-between}
 .jdyc-app .time-vals-item-title .ele-name,.jdyc-app .time-vals-item-title .ele-val {font-size:12px!important}
 .jdyc-app .echarts-container {height:175px!important;width:100%!important}
 .jdyc-app .statistic-item {min-height:56px!important;width:48%!important;padding:8px!important;box-sizing:border-box}
 .jdyc-app .sta-ele-item-label {font-size:12px!important}.jdyc-app .sta-ele-item-unit {font-size:10px!important}.jdyc-app .sta-ele-item-val {font-size:20px!important}
 .jdyc-app .flexcontainer {display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:4px!important;width:100%!important;height:auto!important}
 .jdyc-app .sta-desc {width:100%!important;height:auto!important}
 .jdyc-app .statistic-item-left {width:auto!important;flex-shrink:0;gap:4px!important}
 .jdyc-app .statistic-item-left-icon {display:none!important}
 .jdyc-app .sta-ele-item-label {white-space:nowrap}
 .jdyc-app .sta-pic {height:120px!important;width:100%!important;margin:8px 0!important}
 .jdyc-app .sta-pic img {width:100%!important;height:120px!important;object-fit:cover}
 .jdyc-app .sta-info-item {height:32px!important;width:100%!important}
 .jdyc-app .sta-info-label,.jdyc-app .sta-info-val {font-size:12px!important}
 .jdyc-app .timeline-wrap .adm-slider-mark-text {visibility:hidden!important}
 .jdyc-app .timeline-wrap .adm-slider-mark-text:first-child,.jdyc-app .timeline-wrap .adm-slider-mark-text:last-child {visibility:visible!important}
 .jdyc-app .adm-slider-ticks {display:none!important}
 .jdyc-app .high-item {background:none!important;border:0!important}
 @media (max-height:500px) and (orientation:landscape) {
  .jdyc-app .selector-container {right:53%!important}
  .jdyc-app .bg-ellipse {width:48%!important;height:100px!important;flex-wrap:wrap;align-content:flex-start;overflow-y:auto!important}
  .jdyc-app .map-container {left:48%!important;top:48px!important;bottom:140px!important;width:52%!important}
  .jdyc-app .high-line {top:230px!important}
  .jdyc-app .reset-btn {top:52px!important}
  .jdyc-app .timeline-bar {left:49%!important;width:49%!important}
  .jdyc-app .legend-cols-item-val {font-size:7px!important}
 }
}