:root,:root[theme-mode=light]{--td-brand-color-1: #f2f3ff;--td-brand-color-2: #d9e1ff;--td-brand-color-3: #b5c7ff;--td-brand-color-4: #8eabff;--td-brand-color-5: #618dff;--td-brand-color-6: #366ef4;--td-brand-color-7: #0052d9;--td-brand-color-8: #003cab;--td-brand-color-9: #002a7c;--td-brand-color-10: #001a57;--td-warning-color-1: #fff1e9;--td-warning-color-2: #ffd9c2;--td-warning-color-3: #ffb98c;--td-warning-color-4: #fa9550;--td-warning-color-5: #e37318;--td-warning-color-6: #be5a00;--td-warning-color-7: #954500;--td-warning-color-8: #713300;--td-warning-color-9: #532300;--td-warning-color-10: #3b1700;--td-error-color-1: #fff0ed;--td-error-color-2: #ffd8d2;--td-error-color-3: #ffb9b0;--td-error-color-4: #ff9285;--td-error-color-5: #f6685d;--td-error-color-6: #d54941;--td-error-color-7: #ad352f;--td-error-color-8: #881f1c;--td-error-color-9: #68070a;--td-error-color-10: #490002;--td-success-color-1: #e3f9e9;--td-success-color-2: #c6f3d7;--td-success-color-3: #92dab2;--td-success-color-4: #56c08d;--td-success-color-5: #2ba471;--td-success-color-6: #008858;--td-success-color-7: #006c45;--td-success-color-8: #005334;--td-success-color-9: #003b23;--td-success-color-10: #002515;--td-gray-color-1: #f3f3f3;--td-gray-color-2: #eee;--td-gray-color-3: #e8e8e8;--td-gray-color-4: #ddd;--td-gray-color-5: #c6c6c6;--td-gray-color-6: #a6a6a6;--td-gray-color-7: #8b8b8b;--td-gray-color-8: #777;--td-gray-color-9: #5e5e5e;--td-gray-color-10: #4b4b4b;--td-gray-color-11: #393939;--td-gray-color-12: #2c2c2c;--td-gray-color-13: #242424;--td-gray-color-14: #181818;--td-font-white-1: #fff;--td-font-white-2: rgba(255, 255, 255, .55);--td-font-white-3: rgba(255, 255, 255, .35);--td-font-white-4: rgba(255, 255, 255, .22);--td-font-gray-1: rgba(0, 0, 0, .9);--td-font-gray-2: rgba(0, 0, 0, .6);--td-font-gray-3: rgba(0, 0, 0, .4);--td-font-gray-4: rgba(0, 0, 0, .26);--td-brand-color: var(--td-brand-color-7);--td-warning-color: var(--td-warning-color-5);--td-error-color: var(--td-error-color-6);--td-success-color: var(--td-success-color-5);--td-brand-color-hover: var(--td-brand-color-6);--td-brand-color-focus: var(--td-brand-color-2);--td-brand-color-active: var(--td-brand-color-8);--td-brand-color-disabled: var(--td-brand-color-3);--td-brand-color-light: var(--td-brand-color-1);--td-brand-color-light-hover: var(--td-brand-color-2);--td-warning-color-hover: var(--td-warning-color-4);--td-warning-color-focus: var(--td-warning-color-2);--td-warning-color-active: var(--td-warning-color-6);--td-warning-color-disabled: var(--td-warning-color-3);--td-warning-color-light: var(--td-warning-color-1);--td-warning-color-light-hover: var(--td-warning-color-2);--td-error-color-hover: var(--td-error-color-5);--td-error-color-focus: var(--td-error-color-2);--td-error-color-active: var(--td-error-color-7);--td-error-color-disabled: var(--td-error-color-3);--td-error-color-light: var(--td-error-color-1);--td-error-color-light-hover: var(--td-error-color-2);--td-success-color-hover: var(--td-success-color-4);--td-success-color-focus: var(--td-success-color-2);--td-success-color-active: var(--td-success-color-6);--td-success-color-disabled: var(--td-success-color-3);--td-success-color-light: var(--td-success-color-1);--td-success-color-light-hover: var(--td-success-color-2);--td-mask-active: rgba(0, 0, 0, .6);--td-mask-disabled: rgba(255, 255, 255, .6);--td-bg-color-page: var(--td-gray-color-2);--td-bg-color-container: #fff;--td-bg-color-container-hover: var(--td-gray-color-1);--td-bg-color-container-active: var(--td-gray-color-3);--td-bg-color-container-select: #fff;--td-bg-color-secondarycontainer: var(--td-gray-color-1);--td-bg-color-secondarycontainer-hover: var(--td-gray-color-2);--td-bg-color-secondarycontainer-active: var(--td-gray-color-4);--td-bg-color-component: var(--td-gray-color-3);--td-bg-color-component-hover: var(--td-gray-color-4);--td-bg-color-component-active: var(--td-gray-color-6);--td-bg-color-secondarycomponent: var(--td-gray-color-4);--td-bg-color-secondarycomponent-hover: var(--td-gray-color-5);--td-bg-color-secondarycomponent-active: var(--td-gray-color-6);--td-bg-color-component-disabled: var(--td-gray-color-2);--td-bg-color-specialcomponent: #fff;--td-text-color-primary: var(--td-font-gray-1);--td-text-color-secondary: var(--td-font-gray-2);--td-text-color-placeholder: var(--td-font-gray-3);--td-text-color-disabled: var(--td-font-gray-4);--td-text-color-anti: #fff;--td-text-color-brand: var(--td-brand-color-7);--td-text-color-link: var(--td-brand-color-8);--td-border-level-1-color: var(--td-gray-color-3);--td-component-stroke: var(--td-gray-color-3);--td-border-level-2-color: var(--td-gray-color-4);--td-component-border: var(--td-gray-color-4);--td-shadow-1: 0 1px 10px rgba(0, 0, 0, .05), 0 4px 5px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .12);--td-shadow-2: 0 3px 14px 2px rgba(0, 0, 0, .05), 0 8px 10px 1px rgba(0, 0, 0, .06), 0 5px 5px -3px rgba(0, 0, 0, .1);--td-shadow-3: 0 6px 30px 5px rgba(0, 0, 0, .05), 0 16px 24px 2px rgba(0, 0, 0, .04), 0 8px 10px -5px rgba(0, 0, 0, .08);--td-shadow-inset-top: inset 0 .5px 0 #e7eaef;--td-shadow-inset-right: inset .5px 0 0 #e7eaef;--td-shadow-inset-bottom: inset 0 -.5px 0 #e7eaef;--td-table-shadow-color: rgba(0, 0, 0, .08);--td-scrollbar-color: rgba(0, 0, 0, .1);--td-scrollbar-hover-color: rgba(0, 0, 0, .3);--td-scroll-track-color: #fff}:root.dark,:root[theme-mode=dark]{--td-brand-color-1: #1b2f51;--td-brand-color-2: #173463;--td-brand-color-3: #143975;--td-brand-color-4: #103d88;--td-brand-color-5: #0d429a;--td-brand-color-6: #054bbe;--td-brand-color-7: #2667d4;--td-brand-color-8: #4582e6;--td-brand-color-9: #699ef5;--td-brand-color-10: #96bbf8;--td-warning-color-1: #4f2a1d;--td-warning-color-2: #582f21;--td-warning-color-3: #733c23;--td-warning-color-4: #a75d2b;--td-warning-color-5: #cf6e2d;--td-warning-color-6: #dc7633;--td-warning-color-7: #e8935c;--td-warning-color-8: #ecbf91;--td-warning-color-9: #eed7bf;--td-warning-color-10: #f3e9dc;--td-error-color-1: #472324;--td-error-color-2: #5e2a2d;--td-error-color-3: #703439;--td-error-color-4: #83383e;--td-error-color-5: #a03f46;--td-error-color-6: #c64751;--td-error-color-7: #de6670;--td-error-color-8: #ec888e;--td-error-color-9: #edb1b6;--td-error-color-10: #eeced0;--td-success-color-1: #193a2a;--td-success-color-2: #1a4230;--td-success-color-3: #17533d;--td-success-color-4: #0d7a55;--td-success-color-5: #059465;--td-success-color-6: #43af8a;--td-success-color-7: #46bf96;--td-success-color-8: #80d2b6;--td-success-color-9: #b4e1d3;--td-success-color-10: #deede8;--td-gray-color-1: #f3f3f3;--td-gray-color-2: #eee;--td-gray-color-3: #e8e8e8;--td-gray-color-4: #ddd;--td-gray-color-5: #c6c6c6;--td-gray-color-6: #a6a6a6;--td-gray-color-7: #8b8b8b;--td-gray-color-8: #777;--td-gray-color-9: #5e5e5e;--td-gray-color-10: #4b4b4b;--td-gray-color-11: #393939;--td-gray-color-12: #2c2c2c;--td-gray-color-13: #242424;--td-gray-color-14: #181818;--td-font-white-1: rgba(255, 255, 255, .9);--td-font-white-2: rgba(255, 255, 255, .55);--td-font-white-3: rgba(255, 255, 255, .35);--td-font-white-4: rgba(255, 255, 255, .22);--td-font-gray-1: rgba(0, 0, 0, .9);--td-font-gray-2: rgba(0, 0, 0, .6);--td-font-gray-3: rgba(0, 0, 0, .4);--td-font-gray-4: rgba(0, 0, 0, .26);--td-brand-color: var(--td-brand-color-8);--td-warning-color: var(--td-warning-color-5);--td-error-color: var(--td-error-color-6);--td-success-color: var(--td-success-color-5);--td-brand-color-hover: var(--td-brand-color-7);--td-brand-color-focus: var(--td-brand-color-2);--td-brand-color-active: var(--td-brand-color-9);--td-brand-color-disabled: var(--td-brand-color-3);--td-brand-color-light: var(--td-brand-color-1);--td-brand-color-light-hover: var(--td-brand-color-2);--td-warning-color-hover: var(--td-warning-color-4);--td-warning-color-focus: var(--td-warning-color-2);--td-warning-color-active: var(--td-warning-color-6);--td-warning-color-disabled: var(--td-warning-color-3);--td-warning-color-light: var(--td-warning-color-1);--td-warning-color-light-hover: var(--td-warning-color-2);--td-error-color-hover: var(--td-error-color-5);--td-error-color-focus: var(--td-error-color-2);--td-error-color-active: var(--td-error-color-7);--td-error-color-disabled: var(--td-error-color-3);--td-error-color-light: var(--td-error-color-1);--td-error-color-light-hover: var(--td-error-color-2);--td-success-color-hover: var(--td-success-color-4);--td-success-color-focus: var(--td-success-color-2);--td-success-color-active: var(--td-success-color-6);--td-success-color-disabled: var(--td-success-color-3);--td-success-color-light: var(--td-success-color-1);--td-success-color-light-hover: var(--td-success-color-2);--td-mask-active: rgba(0, 0, 0, .4);--td-mask-disabled: rgba(0, 0, 0, .6);--td-bg-color-page: var(--td-gray-color-14);--td-bg-color-container: var(--td-gray-color-13);--td-bg-color-container-hover: var(--td-gray-color-12);--td-bg-color-container-active: var(--td-gray-color-10);--td-bg-color-container-select: var(--td-gray-color-9);--td-bg-color-secondarycontainer: var(--td-gray-color-12);--td-bg-color-secondarycontainer-hover: var(--td-gray-color-11);--td-bg-color-secondarycontainer-active: var(--td-gray-color-9);--td-bg-color-component: var(--td-gray-color-11);--td-bg-color-component-hover: var(--td-gray-color-10);--td-bg-color-component-active: var(--td-gray-color-9);--td-bg-color-secondarycomponent: var(--td-gray-color-10);--td-bg-color-secondarycomponent-hover: var(--td-gray-color-9);--td-bg-color-secondarycomponent-active: var(--td-gray-color-8);--td-bg-color-component-disabled: var(--td-gray-color-12);--td-bg-color-specialcomponent: transparent;--td-text-color-primary: var(--td-font-white-1);--td-text-color-secondary: var(--td-font-white-2);--td-text-color-placeholder: var(--td-font-white-3);--td-text-color-disabled: var(--td-font-white-4);--td-text-color-anti: #fff;--td-text-color-brand: var(--td-brand-color-8);--td-text-color-link: var(--td-brand-color-8);--td-border-level-1-color: var(--td-gray-color-11);--td-component-stroke: var(--td-gray-color-11);--td-border-level-2-color: var(--td-gray-color-9);--td-component-border: var(--td-gray-color-9);--td-shadow-1: 0 4px 6px rgba(0, 0, 0, .06), 0 1px 10px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .12);--td-shadow-2: 0 8px 10px rgba(0, 0, 0, .12), 0 3px 14px rgba(0, 0, 0, .1), 0 5px 5px rgba(0, 0, 0, .16);--td-shadow-3: 0 16px 24px rgba(0, 0, 0, .14), 0 6px 30px rgba(0, 0, 0, .12), 0 8px 10px rgba(0, 0, 0, .2);--td-shadow-inset-top: inset 0 .5px 0 #5e5e5e;--td-shadow-inset-right: inset .5px 0 0 #5e5e5e;--td-shadow-inset-bottom: inset 0 -.5px 0 #5e5e5e;--td-table-shadow-color: rgba(0, 0, 0, .55);--td-scrollbar-color: rgba(255, 255, 255, .1);--td-scrollbar-hover-color: rgba(255, 255, 255, .3);--td-scroll-track-color: #333}:root{--td-font-family: pingfang sc, microsoft yahei, arial regular;--td-font-family-medium: pingfang sc, microsoft yahei, arial medium;--td-font-size-link-small: 12px;--td-font-size-link-medium: 14px;--td-font-size-link-large: 16px;--td-font-size-mark-small: 12px;--td-font-size-mark-medium: 14px;--td-font-size-body-small: 12px;--td-font-size-body-medium: 14px;--td-font-size-body-large: 16px;--td-font-size-title-small: 14px;--td-font-size-title-medium: 16px;--td-font-size-title-large: 18px;--td-font-size-title-extraLarge: 20px;--td-font-size-headline-small: 24px;--td-font-size-headline-medium: 28px;--td-font-size-headline-large: 36px;--td-font-size-display-medium: 48px;--td-font-size-display-large: 64px;--td-line-height-link-small: 20px;--td-line-height-link-medium: 22px;--td-line-height-link-large: 24px;--td-line-height-mark-small: 20px;--td-line-height-mark-medium: 22px;--td-line-height-body-small: 20px;--td-line-height-body-medium: 22px;--td-line-height-body-large: 24px;--td-line-height-title-small: 22px;--td-line-height-title-medium: 24px;--td-line-height-title-large: 26px;--td-line-height-title-extraLarge: 28px;--td-line-height-headline-small: 32px;--td-line-height-headline-medium: 36px;--td-line-height-headline-large: 44px;--td-line-height-display-medium: 56px;--td-line-height-display-large: 72px;--td-font-link-small: var(--td-font-size-link-small) / var(--td-line-height-link-small) var(--td-font-family);--td-font-link-medium: var(--td-font-size-link-medium) / var(--td-line-height-link-medium) var(--td-font-family);--td-font-link-large: var(--td-font-size-link-large) / var(--td-line-height-link-large) var(--td-font-family);--td-font-mark-small: 600 var(--td-font-size-mark-small) / var(--td-line-height-mark-small) var(--td-font-family);--td-font-mark-medium: 600 var(--td-font-size-mark-medium) / var(--td-line-height-mark-medium) var(--td-font-family);--td-font-body-small: var(--td-font-size-body-small) / var(--td-line-height-body-small) var(--td-font-family);--td-font-body-medium: var(--td-font-size-body-medium) / var(--td-line-height-body-medium) var(--td-font-family);--td-font-body-large: var(--td-font-size-body-large) / var(--td-line-height-body-large) var(--td-font-family);--td-font-title-small: 600 var(--td-font-size-title-small) / var(--td-line-height-title-small) var(--td-font-family);--td-font-title-medium: 600 var(--td-font-size-title-medium) / var(--td-line-height-title-medium) var(--td-font-family);--td-font-title-large: 600 var(--td-font-size-title-large) / var(--td-line-height-title-large) var(--td-font-family);--td-font-headline-small: 600 var(--td-font-size-headline-small) / var(--td-line-height-headline-small) var(--td-font-family);--td-font-headline-medium: 600 var(--td-font-size-headline-medium) / var(--td-line-height-headline-medium) var(--td-font-family);--td-font-headline-large: 600 var(--td-font-size-headline-large) / var(--td-line-height-headline-large) var(--td-font-family);--td-font-display-medium: 600 var(--td-font-size-display-medium) / var(--td-line-height-display-medium) var(--td-font-family);--td-font-display-large: 600 var(--td-font-size-display-large) / var(--td-line-height-display-large) var(--td-font-family);--td-radius-small: 2px;--td-radius-default: 3px;--td-radius-medium: 5px;--td-radius-large: 5px;--td-radius-extraLarge: 5px;--td-radius-round: 999px;--td-radius-circle: 50%;--td-size-1: 2px;--td-size-2: 4px;--td-size-3: 6px;--td-size-4: 8px;--td-size-5: 12px;--td-size-6: 16px;--td-size-7: 20px;--td-size-8: 24px;--td-size-9: 28px;--td-size-10: 32px;--td-size-11: 36px;--td-size-12: 40px;--td-size-13: 48px;--td-size-14: 56px;--td-size-15: 64px;--td-size-16: 72px;--td-comp-size-xxxs: var(--td-size-6);--td-comp-size-xxs: var(--td-size-7);--td-comp-size-xs: var(--td-size-8);--td-comp-size-s: var(--td-size-9);--td-comp-size-m: var(--td-size-10);--td-comp-size-l: var(--td-size-11);--td-comp-size-xl: var(--td-size-12);--td-comp-size-xxl: var(--td-size-13);--td-comp-size-xxxl: var(--td-size-14);--td-comp-size-xxxxl: var(--td-size-15);--td-comp-size-xxxxxl: var(--td-size-16);--td-pop-padding-s: var(--td-size-2);--td-pop-padding-m: var(--td-size-3);--td-pop-padding-l: var(--td-size-4);--td-pop-padding-xl: var(--td-size-5);--td-pop-padding-xxl: var(--td-size-6);--td-comp-paddingLR-xxs: var(--td-size-1);--td-comp-paddingLR-xs: var(--td-size-2);--td-comp-paddingLR-s: var(--td-size-4);--td-comp-paddingLR-m: var(--td-size-5);--td-comp-paddingLR-l: var(--td-size-6);--td-comp-paddingLR-xl: var(--td-size-8);--td-comp-paddingLR-xxl: var(--td-size-10);--td-comp-paddingTB-xxs: var(--td-size-1);--td-comp-paddingTB-xs: var(--td-size-2);--td-comp-paddingTB-s: var(--td-size-4);--td-comp-paddingTB-m: var(--td-size-5);--td-comp-paddingTB-l: var(--td-size-6);--td-comp-paddingTB-xl: var(--td-size-8);--td-comp-paddingTB-xxl: var(--td-size-10);--td-comp-margin-xxs: var(--td-size-1);--td-comp-margin-xs: var(--td-size-2);--td-comp-margin-s: var(--td-size-4);--td-comp-margin-m: var(--td-size-5);--td-comp-margin-l: var(--td-size-6);--td-comp-margin-xl: var(--td-size-7);--td-comp-margin-xxl: var(--td-size-8);--td-comp-margin-xxxl: var(--td-size-10);--td-comp-margin-xxxxl: var(--td-size-12)}.t-card{border-radius:5px}:root,:root[theme-mode=light]{--sg-layout-header-height: 80px;--sg-color-brand: #087b9f;--sg-color-brand-hover: #0b91b6;--sg-color-brand-active: #056783;--sg-color-brand-light: rgba(8, 123, 159, .1);--sg-color-brand-soft: #e8f6f8;--sg-color-success: #23856c;--sg-color-warning: #c77917;--sg-color-danger: #c85650;--sg-color-bg-page: #f4f8f8;--sg-color-bg-container: #ffffff;--sg-color-bg-sidebar: #103b4a;--sg-color-text-primary: #17323d;--sg-color-text-secondary: #607983;--sg-color-text-placeholder: #92a4aa;--sg-color-border: #dbe8e9;--td-brand-color-1: #edf9fa;--td-brand-color-2: #d7f1f3;--td-brand-color-3: #b5e3e7;--td-brand-color-4: #89d0d7;--td-brand-color-5: #5db7c3;--td-brand-color-6: #329cac;--td-brand-color-7: var(--sg-color-brand);--td-brand-color-8: var(--sg-color-brand-active);--td-brand-color-9: #045267;--td-brand-color-10: #033b4a;--td-success-color-5: var(--sg-color-success);--td-success-color-6: #186e58;--td-warning-color-5: var(--sg-color-warning);--td-warning-color-6: #a85f0f;--td-error-color-5: #d96b64;--td-error-color-6: var(--sg-color-danger);--td-gray-color-1: #f7fbfb;--td-gray-color-2: var(--sg-color-bg-page);--td-gray-color-3: #eaf1f2;--td-gray-color-4: var(--sg-color-border);--td-gray-color-5: #c3d1d5;--td-gray-color-6: #9bafb6;--td-gray-color-7: #78909a;--td-gray-color-8: var(--sg-color-text-secondary);--td-gray-color-9: #4e6873;--td-gray-color-10: #39545f;--td-font-gray-1: var(--sg-color-text-primary);--td-font-gray-2: var(--sg-color-text-secondary);--td-font-gray-3: var(--sg-color-text-placeholder);--td-brand-color: var(--sg-color-brand);--td-brand-color-hover: var(--sg-color-brand-hover);--td-brand-color-active: var(--sg-color-brand-active);--td-brand-color-focus: var(--td-brand-color-2);--td-brand-color-light: var(--td-brand-color-1);--td-brand-color-light-hover: var(--td-brand-color-2);--td-success-color: var(--sg-color-success);--td-warning-color: var(--sg-color-warning);--td-error-color: var(--sg-color-danger);--td-bg-color-page: var(--sg-color-bg-page);--td-bg-color-container: var(--sg-color-bg-container);--td-text-color-primary: var(--sg-color-text-primary);--td-text-color-secondary: var(--sg-color-text-secondary);--td-text-color-placeholder: var(--sg-color-text-placeholder);--td-text-color-brand: var(--sg-color-brand);--td-text-color-link: var(--sg-color-brand-active);--td-component-border: var(--sg-color-border);--td-border-level-1-color: #eaf1f2;--td-border-level-2-color: var(--sg-color-border)}@media(max-width:640px){:root{--sg-layout-header-height: 78px}}:root.dark,:root[theme-mode=dark]{--td-brand-color-1: #103b4a;--td-brand-color-2: #0e4658;--td-brand-color-3: #0b5268;--td-brand-color-4: #096078;--td-brand-color-5: #08718d;--td-brand-color-6: #0b91b6;--td-brand-color-7: #37acc0;--td-brand-color-8: #72c6d2;--td-brand-color-9: #a5dce3;--td-brand-color-10: #d1f0f2;--td-brand-color: var(--td-brand-color-8);--td-brand-color-hover: var(--td-brand-color-7);--td-brand-color-active: var(--td-brand-color-9);--td-text-color-brand: var(--td-brand-color-8);--td-text-color-link: var(--td-brand-color-8)}.t-steps{--td-text-color-placeholder: var(--td-brand-color)}.t-button--variant-outline.t-button--theme-primary{color:var(--td-brand-color)!important;border-color:var(--td-brand-color)!important}.t-button--variant-outline.t-button--theme-primary .t-icon,.t-button--variant-outline.t-button--theme-primary svg{color:currentColor;stroke:currentColor}.t-button--variant-outline.t-button--theme-primary:hover,.t-button--variant-outline.t-button--theme-primary:focus-visible{color:var(--td-brand-color-hover)!important;border-color:var(--td-brand-color-hover)!important}.t-button--variant-outline.t-button--theme-primary:active{color:var(--td-brand-color-active)!important;border-color:var(--td-brand-color-active)!important}:root{color:var(--sg-color-text-primary);background:#eef3f8;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:0;min-height:100vh;overflow:hidden;background:#eef3f8}button,input{font:inherit}button{border:0}.map-page{flex:1;width:100%;min-height:0;height:100%;overflow:hidden}.map-workspace{position:relative;width:100%;min-width:0;height:100%;overflow:hidden;background:radial-gradient(circle at 20% 25%,rgba(91,215,174,.28) 0 110px,transparent 111px),linear-gradient(135deg,#d7eff8,#9ed8f2)}.map-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.map-canvas.amap-container,.map-canvas .amap-maps,.map-canvas .amap-layers{overflow:clip}.map-canvas.failed{display:none}.map-header{position:absolute;z-index:6;top:18px;left:18px;display:grid;grid-template-columns:184px 420px;gap:10px;align-items:center;width:max-content;height:var(--sg-layout-header-height);padding:8px;border:1px solid rgba(208,213,221,.72);border-radius:5px;background:#fffffff0;box-shadow:0 8px 18px #0f172a1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand-block{display:grid;grid-template-columns:36px max-content;align-items:center;gap:10px;min-width:0;min-height:38px;padding:0 12px 0 4px;color:var(--sg-color-brand)}.brand-block strong,.brand-block span{display:block;white-space:nowrap}.brand-block strong{color:#101828;font-size:18px;font-weight:900;line-height:1.1;letter-spacing:0}.brand-block span{margin-top:3px;color:#667085;font-size:12px;font-weight:700;line-height:1.1}.search-input{width:420px;min-width:0}.search-input.t-input__wrap,.search-input .t-input{font-size:14px}.search-input .t-input{height:38px;padding:0 8px;border-radius:5px}.search-input .t-input__inner{font-size:14px;line-height:38px}.metric-grid div,.tide-summary div{display:grid;gap:4px;min-width:0;padding:12px;border-radius:5px;background:#f8fafc}.metric-grid span,.tide-summary span{color:#667085;font-size:12px;font-weight:700}.metric-grid strong,.tide-summary strong{color:#101828;font-size:18px;font-weight:900}.map-locate-control{position:absolute;z-index:1000;right:28px;bottom:32px;pointer-events:auto}.map-type-filter{position:absolute;z-index:8;top:12px;right:16px;display:flex;width:66px;max-height:calc(100% - 104px);flex-direction:column;overflow:hidden;padding:4px;border:1px solid rgba(208,213,221,.8);border-radius:5px;background:#fffffff7;box-shadow:0 4px 16px #0f172a1f}.map-type-filter__options{display:grid;min-height:0;gap:2px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.map-type-filter .map-type-filter__button{width:100%;min-height:48px;height:48px;padding:3px 1px;border-radius:3px;color:#5f7581}.map-type-filter__button .t-button__text{display:flex;width:100%;min-width:0;flex-direction:column;align-items:center;gap:3px;font-size:11px;line-height:16px}.map-type-filter__button .t-button__text>span{display:flex;align-items:center}.map-type-filter__wreck{transform:rotate(-18deg)}.map-type-filter .map-type-filter__button.is-active{background:#e7f6fa;color:var(--sg-color-brand)}.map-type-filter .map-type-filter__button:focus-visible{outline:2px solid var(--sg-color-brand);outline-offset:-2px}.map-type-filter__status{flex:0 0 auto;padding:5px 1px 1px;border-top:1px solid #eef2f6;color:#667085;font-size:10px;line-height:14px;text-align:center;overflow-wrap:anywhere}.map-type-filter__status .t-button{height:24px;padding:0 4px;font-size:11px}.map-bottom-nav{position:absolute;z-index:7;left:50%;bottom:24px;display:flex;gap:4px;padding:5px;border:1px solid rgba(212,224,229,.92);border-radius:10px;background:#fffffff5;box-shadow:0 8px 22px #0f253129;transform:translate(-50%)}.map-bottom-nav button{display:flex;align-items:center;gap:6px;padding:8px 11px;border-radius:6px;background:transparent;color:#5f7581;cursor:pointer}.map-bottom-nav button.active,.map-bottom-nav button:hover{background:#e7f6fa;color:#087ca6;font-weight:700}.locate-map-button.t-button{width:50px;height:50px;min-width:50px;padding:0;border-color:var(--sg-color-brand)!important;border-radius:50%;background:var(--sg-color-brand)!important;color:#fff!important;box-shadow:0 14px 28px #0f172a33}.locate-map-button.t-button:hover{border-color:var(--sg-color-brand-hover)!important;background:var(--sg-color-brand-hover)!important;color:#fff!important}.locate-map-button.t-button .t-icon,.locate-map-button.t-button svg{color:inherit;stroke:currentColor}.locate-map-button.t-button .t-button__text{display:inline-flex;align-items:center;justify-content:center}.site-marker{--site-marker-badge-color: #64748b;--site-marker-badge-size: 34px;--site-marker-icon-rotation: 0deg;--site-marker-icon-scale: 1;position:relative;display:block;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;touch-action:manipulation}.site-marker:before{position:absolute;top:50%;left:50%;box-sizing:border-box;width:var(--site-marker-badge-size);height:var(--site-marker-badge-size);border:2px solid #fff;border-radius:50%;background:var(--site-marker-badge-color);box-shadow:0 3px 8px #0f172a47;content:"";pointer-events:none;transform:translate(-50%,-50%) scale(var(--site-marker-icon-scale));transition:transform .16s ease,box-shadow .16s ease}.site-marker:hover,.site-marker:focus-visible,.site-marker.is-selected{outline:none}.current-location-marker{width:18px;height:18px;border:4px solid #fff;border-radius:50%;background:#18a058;box-shadow:0 0 0 8px #18a0582e,0 8px 18px #0f172a38}.site-marker[data-site-type="1"]{--site-marker-badge-color: #17845b}.site-marker[data-site-type="2"]{--site-marker-badge-color: #2563eb}.site-marker[data-site-type="3"]{--site-marker-badge-color: #087d9b}.site-marker[data-site-type="5"]{--site-marker-badge-color: #bc7614}.site-marker[data-site-type="9"]{--site-marker-badge-color: #64748b}.site-marker.is-compact{--site-marker-badge-size: 28px}.site-marker.is-compact .site-marker__icon{width:16px;height:16px}.site-marker .site-marker__icon{position:absolute;top:50%;left:50%;width:20px;height:20px;color:#fff;pointer-events:none;filter:none;transform:translate(-50%,-50%) rotate(var(--site-marker-icon-rotation)) scale(var(--site-marker-icon-scale));transition:transform .16s ease}.site-marker[data-site-type="4"]{--site-marker-badge-color: #7554b9;--site-marker-icon-rotation: -18deg}.site-marker.is-favorited{--site-marker-badge-color: #d99a15}.site-marker:hover,.site-marker:focus-visible,.site-marker.is-selected{--site-marker-icon-scale: 1.14}.site-marker:focus-visible:before,.site-marker.is-selected:before{box-shadow:0 0 0 3px #087ca633,0 5px 12px #0f172a4d}.site-marker:focus-visible{outline:2px solid var(--sg-color-brand);outline-offset:2px}.site-marker.site-cluster-marker{--site-marker-badge-size: 34px;font-variant-numeric:tabular-nums}.site-marker.site-cluster-marker .site-marker__icon{width:18px;height:18px}.site-cluster-marker__count{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:18px;height:18px;padding:0 3px;border:1px solid #fff;border-radius:999px;background:var(--site-marker-badge-color);color:#fff;font-size:11px;font-weight:800;line-height:1;pointer-events:none}.site-cluster-marker[data-count-digits="3"] .site-cluster-marker__count{font-size:10px}.site-cluster-marker[data-count-digits="4"] .site-cluster-marker__count{font-size:9px}.picked-location-marker{display:flex;align-items:center;justify-content:center;width:34px;height:34px;color:var(--sg-color-brand);filter:drop-shadow(0 2px 0 #fff) drop-shadow(0 8px 14px rgba(15,23,42,.24))}.picked-location-marker .t-icon{width:34px;height:34px}.site-data-popup .t-popup__content{padding:0;border-radius:12px;background:#f8fafc;box-shadow:0 12px 36px #0f172a33}.site-data-popup[data-popper-reference-hidden]{visibility:hidden;pointer-events:none}.site-data-popup__panel{display:flex;width:min(440px,calc(100vw - 32px));max-height:min(580px,calc(100dvh - 120px));flex-direction:column;overflow:hidden;border-radius:5px}.site-data-popup__header{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:10px;padding:10px;border-bottom:1px solid #e4e7ec;background:#fff}.site-data-popup__header h2{display:flex;min-width:0;flex:1;flex-wrap:wrap;align-items:baseline;gap:2px 6px;margin:0;font-size:16px;line-height:1.5}.site-data-popup__name{min-width:0;overflow-wrap:anywhere}.site-data-popup__distance{flex:0 0 auto;color:#667085;font-size:12px;font-weight:500;white-space:nowrap}.site-data-popup__actions{display:flex;flex:0 0 auto;align-items:center;gap:2px}.site-data-popup__actions .site-data-popup__action{min-width:40px;height:32px;padding:0 6px;font-size:13px;white-space:nowrap}.site-data-popup__header .site-data-popup__favorite{width:32px;height:32px;flex:0 0 auto;padding:0;color:#eab308}.site-data-popup__header .site-data-popup__favorite:hover,.site-data-popup__header .site-data-popup__favorite:focus-visible{color:#eab308;background:#fef9c3}.site-data-popup__header .site-data-popup__favorite:focus-visible{outline:2px solid #eab308;outline-offset:2px}.site-data-popup__close{display:inline-flex;width:30px;height:30px;flex:0 0 auto;align-items:center;justify-content:center;border-radius:6px;background:transparent;color:#475467;cursor:pointer}.site-data-popup__close:hover,.site-data-popup__close:focus-visible{background:#eef2f6;outline:2px solid var(--sg-color-brand);outline-offset:1px}.site-data-popup__body{display:flex;min-width:0;min-height:0;flex-direction:column;gap:10px;overflow-y:auto;overscroll-behavior:contain;padding:0;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.site-data-popup__body>*{flex-shrink:0}.site-detail-tabs{min-width:0}.site-detail-tabs .t-tabs__nav-wrap{width:100%}.site-detail-tabs .t-tabs__nav-item{min-width:0;flex:1 1 0;padding-right:0;padding-left:0;white-space:nowrap}.site-detail-tabs .t-tabs__nav-item-wrapper{width:100%;justify-content:center;padding:0 8px;margin:0}.site-detail-tabs .t-tabs__content{padding-top:14px}.tab-label{display:inline-flex;align-items:center;gap:5px}.sidebar-section{min-width:0;box-shadow:0 8px 18px #0f172a0a}.location-section{background:linear-gradient(135deg,#fff,#eef6ff)}.sidebar-section .t-card__body{padding:18px}.section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;color:var(--sg-color-brand)}.section-title span{display:block;color:#667085;font-size:13px;font-weight:800}.section-title h1{margin:4px 0 0;color:#101828;font-size:26px;line-height:1.18;letter-spacing:0}.section-title__actions{display:flex;align-items:center;gap:8px}.location-section p{margin:12px 0 0;color:#475467;font-weight:700}.site-risk-summary{display:flex;flex-direction:column;gap:10px}.site-fixed-risk-list{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.site-fixed-risk-list li{display:flex;flex-direction:column;gap:2px;padding-top:8px;border-top:1px solid currentColor}.site-fixed-risk-list strong{font-size:13px}.site-fixed-risk-list span{opacity:.82}.card-title{display:flex;align-items:center;gap:8px;margin-bottom:14px;color:#101828;font-size:18px;font-weight:900}.tide-summary,.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sidebar-chart{width:100%;height:210px;margin-top:14px}.hour-list{display:grid;gap:8px;margin-top:12px}.hour-list div{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:10px 12px;border-radius:5px;background:#f8fafc}.hour-list span{color:#475467;font-weight:800}.hour-list strong{color:var(--sg-color-brand)}.hour-list em{color:#667085;font-style:normal;font-weight:800}.weather-main{display:flex;align-items:center;gap:14px;margin-bottom:14px;color:var(--sg-color-brand)}.weather-main strong,.weather-main span{display:block}.weather-main strong{color:#101828;font-size:34px;line-height:1}.weather-main span{margin-top:5px;color:#667085;font-weight:800}.map-weather-layout{display:grid;grid-template-columns:minmax(88px,1fr) minmax(0,2fr);gap:12px}.map-weather-layout .weather-main{min-width:0;flex-direction:column;justify-content:center;gap:6px;margin-bottom:0;text-align:center}.map-weather-layout .weather-main strong{white-space:nowrap}.map-weather-layout .weather-main span{margin-top:4px;font-size:12px;line-height:1.4}.site-data-popup .map-metric-hero{--map-metric-tone: 16, 137, 171;position:relative;isolation:isolate;container-type:inline-size;display:flex;min-width:0;min-height:88px;align-self:stretch;flex-direction:column;align-items:center;justify-content:center;padding:8px 4px;overflow:hidden;border-radius:10px;background:linear-gradient(145deg,rgba(var(--map-metric-tone),.1),rgba(var(--map-metric-tone),.015));text-align:center}.site-data-popup .map-metric-hero--marine{--map-metric-tone: 16, 143, 160}.site-data-popup .map-metric-hero--fish{--map-metric-tone: 40, 148, 116}.site-data-popup .map-metric-hero--water{--map-metric-tone: 53, 139, 205}.site-data-popup .map-metric-backdrop{position:absolute;z-index:0;top:50%;left:50%;width:120px;height:120px;pointer-events:none;transform:translate(-50%,-50%) rotate(-12deg)}.site-data-popup .map-metric-hero>:not(.map-metric-backdrop){position:relative;z-index:1;max-width:100%}.site-data-popup .map-metric-hero strong{color:#101828;text-align:center;font-variant-numeric:tabular-nums}.site-data-popup .map-metric-hero.map-metric-hero--weather strong{font-size:24px;font-size:clamp(18px,24cqi,34px)}.map-weather-layout .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-self:center;gap:8px}.map-weather-layout .metric-grid>div{container-type:inline-size;display:flex;min-width:0;align-items:center;justify-content:space-between;gap:3px;padding:8px}.map-weather-layout .metric-grid span{flex-shrink:0;white-space:nowrap;line-height:1.4}.map-weather-layout .metric-grid strong{white-space:nowrap;min-width:0;font-size:13px;font-size:clamp(10px,11.5cqi,13px);font-weight:700;line-height:1.4}.fish-score-row{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}.fish-score-row strong{color:var(--sg-color-brand);font-size:46px;font-weight:900;line-height:1}.fish-score-row span{color:#18a058;font-size:18px;font-weight:900}.factor-list{display:grid;gap:11px}.factor-list div{position:relative;display:grid;grid-template-columns:88px minmax(0,1fr);gap:10px;align-items:center;overflow:hidden;padding-bottom:9px;border-bottom:1px solid #eef2f6}.factor-list span{color:#667085;font-weight:800}.factor-list strong{color:#101828}.factor-list em{position:absolute;bottom:0;left:0;height:3px;border-radius:5px;background:var(--sg-color-brand)}.water-quality-card .t-card__body{display:grid;gap:14px}.water-quality-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.water-quality-head span,.water-grade-row span{display:block;color:#667085;font-size:12px;font-weight:800}.water-quality-head strong{display:block;margin-top:4px;color:var(--sg-color-brand);font-size:34px;line-height:1}.water-scene-switch,.water-scene-switch .t-radio-group{width:100%}.water-grade-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.water-grade-row div{display:grid;gap:5px;padding:12px;border-radius:5px;background:#f8fafc}.water-grade-row strong{color:#101828;font-size:16px}.map-condition-card .t-card__body{display:grid;gap:10px;padding:12px}.map-condition-card .map-condition-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.map-condition-card .map-condition-metrics>div{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:6px;padding:8px 10px;border-radius:5px;background:#f8fafc}.map-condition-card .map-condition-metrics span{flex-shrink:0;color:#667085;font-size:12px;font-weight:700;line-height:1.4;white-space:nowrap}.map-condition-card .map-condition-metrics strong{min-width:0;color:#101828;font-size:14px;font-weight:800;line-height:1.4;text-align:right;overflow-wrap:anywhere}.map-condition-metrics>.map-condition-metric--wide{grid-column:1 / -1}.map-tide-layout{display:grid;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:12px}.map-tide-curve{min-width:0}.map-tide-card .tide-summary{grid-template-columns:minmax(0,1fr)}.map-tide-card .map-tide-current{flex-wrap:wrap;row-gap:4px}.map-tide-card .map-tide-current__reading{display:flex;min-width:0;flex-shrink:0;flex-direction:row;align-items:baseline;justify-content:flex-end;gap:4px;margin-left:auto;padding:0;background:transparent}.map-tide-current__reading strong{white-space:nowrap}.map-tide-card .map-tide-current .map-tide-current__state{color:var(--sg-color-brand);font-weight:600}.map-tide-card .sidebar-chart{height:160px;margin-top:0}.map-tide-card .map-tide-curve .drawer-empty-state{display:flex;min-height:160px;align-items:center;justify-content:center;text-align:center}.map-marine-layout,.map-fish-layout{display:grid;min-width:0;grid-template-columns:minmax(88px,1fr) minmax(0,2fr);align-items:center;gap:12px}.map-marine-current{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--sg-color-brand);text-align:center}.map-marine-current span{color:#667085;font-size:12px;font-weight:700;line-height:1.4}.map-marine-current strong{max-width:100%;color:#101828;font-size:28px;font-weight:900;line-height:1.2;overflow-wrap:anywhere}.map-marine-details{display:grid;min-width:0;gap:6px}.map-marine-details .metric-grid{grid-template-columns:minmax(0,1fr)}.map-marine-card .map-marine-details .drawer-empty-state{padding:0;font-size:11px;line-height:1.4}.map-hourly-heading{display:flex;justify-content:space-between;gap:8px;color:#667085;font-size:12px;line-height:1.4}.map-marine-card .hour-list{max-height:132px;gap:6px;margin-top:6px;padding-bottom:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.map-marine-card .hour-list:focus-visible{outline:2px solid var(--sg-color-brand);outline-offset:2px}.map-marine-card .hour-list>div{grid-template-columns:44px minmax(44px,.65fr) minmax(0,1fr);gap:6px;padding:6px 8px;font-size:12px;line-height:1.4}.map-marine-card .hour-list strong,.map-marine-card .hour-list em{min-width:0;text-align:right;overflow-wrap:anywhere}.map-marine-card .hour-list em{grid-column:3}.map-fish-card .fish-score-row{min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:4px;margin-bottom:0;color:var(--sg-color-brand);text-align:center}.map-fish-card .map-fish-score{display:flex;min-width:0;flex-direction:column;align-items:center;gap:4px}.map-fish-card .map-fish-score span{color:#667085;font-size:12px;font-weight:700;line-height:1.4}.map-fish-card .fish-score-row strong{max-width:100%;font-size:28px;overflow-wrap:anywhere}.map-fish-card .map-fish-status{min-width:0;font-size:13px;line-height:1.4;text-align:center;overflow-wrap:anywhere}.map-fish-card .factor-list{grid-template-columns:minmax(0,1fr);max-height:160px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.map-fish-card .factor-list:focus-visible{outline:2px solid var(--sg-color-brand);outline-offset:2px}.map-fish-layout>.drawer-empty-state{text-align:center}.map-fish-card .factor-list>div{padding-bottom:11px;border-bottom:0}.map-fish-card .factor-list span{min-width:0;flex:0 1 auto;white-space:normal;overflow-wrap:anywhere}.map-water-layout{display:grid;grid-template-columns:minmax(88px,1fr) minmax(0,2fr);gap:12px}.map-water-card .water-quality-head{min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--sg-color-brand);text-align:center}.map-water-card .water-quality-head strong{margin-top:0;font-size:28px;white-space:nowrap}.map-water-card .map-water-area{max-width:100%;font-size:11px;overflow-wrap:anywhere}.map-water-card .water-grade-row{grid-template-columns:minmax(0,1fr);align-self:center}.map-water-details{display:grid;min-width:0;align-self:center;gap:8px}.map-water-scene-row{display:flex;align-items:center;gap:10px;padding-top:8px;border-top:1px solid #eef2f6}.map-water-scene-row>span{flex-shrink:0;color:#667085;font-size:12px;font-weight:700}.map-water-scene-row .water-scene-switch{display:flex;min-width:0;flex:1 1 0;flex-wrap:nowrap;width:auto}.map-water-scene-row .water-scene-switch .t-radio-button{min-width:0;flex:1 1 0;justify-content:center}.map-condition-card .drawer-empty-state{min-height:0;padding:10px 8px;font-size:12px;line-height:1.5}.water-profile{position:relative;overflow:hidden;height:300px;border:1px solid #dceaf7;border-radius:5px;background:linear-gradient(180deg,#f7fbff 0,#f7fbff 36%,#d9f1ff 37%,#b9e3f7)}.island-shape{position:absolute;top:44px;right:30px;left:30px;height:90px;border-bottom:2px solid rgba(91,111,132,.34)}.island-shape:before,.island-shape:after{position:absolute;bottom:-1px;width:45%;height:86px;border-bottom:2px solid rgba(91,111,132,.5);content:""}.island-shape:before{left:0;transform:skewY(-22deg);transform-origin:bottom right}.island-shape:after{right:0;transform:skewY(18deg);transform-origin:bottom left}.island-shape i,.island-shape b{position:absolute;bottom:16px;width:30px;height:30px;transform:rotate(24deg)}.island-shape i{left:28px}.island-shape b{right:38px}.island-shape i:before,.island-shape i:after,.island-shape b:before,.island-shape b:after{position:absolute;top:13px;right:0;bottom:13px;left:0;border-radius:5px;background:#4158708a;content:""}.island-shape i:after,.island-shape b:after{transform:rotate(90deg)}.water-surface{position:absolute;top:128px;right:0;left:0;height:32px;background:repeating-linear-gradient(0deg,rgba(0,82,217,.12) 0 2px,transparent 3px 7px),linear-gradient(180deg,#0052d93d,#0052d914);animation:surface-swell 4.8s ease-in-out infinite;transform-origin:center}.water-surface:before,.water-surface:after{position:absolute;top:-8px;width:150%;height:18px;border-radius:50%;background:repeating-radial-gradient(ellipse at center,transparent 0 9px,rgba(239,252,255,.66) 10px 12px,transparent 13px 22px);content:""}.water-surface:before{left:-18%;animation:wave-drift 7s linear infinite}.water-surface:after{right:-24%;opacity:.62;animation:wave-drift 10s linear infinite reverse}.water-ripples{position:absolute;top:142px;right:0;left:0;height:28px;overflow:hidden;pointer-events:none}.water-ripples span{position:absolute;top:5px;width:54px;height:12px;border-top:1px solid rgba(234,252,255,.74);border-radius:50%;animation:ripple-float 6s linear infinite}.water-ripples span:nth-child(1){left:8%}.water-ripples span:nth-child(2){left:48%;animation-delay:-2s}.water-ripples span:nth-child(3){left:78%;animation-delay:-4.2s}.visibility-beam{position:absolute;top:160px;left:38px;width:150px;height:95px;transform:skew(-14deg);border:1px solid rgba(0,82,217,.18);border-radius:5px;background:linear-gradient(180deg,#ffffff6b,#0052d914)}.visibility-beam span{position:absolute;top:10px;left:12px;transform:skew(14deg);color:var(--sg-color-brand);font-size:13px;font-weight:900}.seabed{position:absolute;right:0;bottom:0;left:0;height:84px;background:linear-gradient(10deg,#c3ab8c 0 42%,transparent 43%)}.fish-school{position:absolute;top:176px;right:0;left:0;height:92px;overflow:hidden;pointer-events:none}.fish{position:absolute;width:17px;height:10px;border-radius:55% 45% 45% 55%;background:linear-gradient(135deg,#d9f6f1,#3192ac 72%);box-shadow:inset 2px 1px #ffffffa6;opacity:0;animation:fish-swim 11s linear infinite}.fish:before{position:absolute;top:2px;right:3px;width:2px;height:2px;border-radius:50%;background:#123c53;content:""}.fish:after{position:absolute;top:1px;left:-6px;width:8px;height:8px;clip-path:polygon(100% 0,0 50%,100% 100%);background:#2f91a8;content:""}.fish-a{top:18px;--fish-scale: 1;animation-duration:12s}.fish-b{top:48px;--fish-scale: .72;animation-delay:-3.5s;animation-duration:9s}.fish-c{top:32px;--fish-scale: 1.18;animation-delay:-7.2s;animation-duration:14s}.fish-d{top:68px;--fish-scale: .55;animation-delay:-1.6s;animation-duration:10s}.fish-e{top:8px;--fish-scale: .82;animation-delay:-9.5s;animation-duration:13s}.bubbles{position:absolute;top:178px;right:0;left:0;height:100px;overflow:hidden;pointer-events:none}.bubbles span{position:absolute;bottom:-8px;width:6px;height:6px;border:1px solid rgba(236,253,255,.9);border-radius:50%;opacity:0;animation:bubble-rise 5.8s ease-in infinite}.bubbles span:nth-child(1){left:26%;animation-delay:-1.5s}.bubbles span:nth-child(2){left:66%;width:9px;height:9px;animation-delay:-3.8s;animation-duration:7s}.bubbles span:nth-child(3){left:83%;width:4px;height:4px;animation-delay:-5.2s;animation-duration:4.6s}.shell,.rock,.grass{position:absolute;bottom:16px;display:block}.shell{left:42px;width:64px;height:32px;border:2px solid rgba(89,72,54,.5);border-radius:50% 50% 5px 5px}.rock{right:18px;width:92px;height:52px;border-radius:50% 20% 0 0;background:#64534242}.grass{width:8px;border-radius:5px;background:linear-gradient(180deg,#2ba471,#1d6f5a);transform-origin:bottom center;animation:grass-sway 3.6s ease-in-out infinite alternate}.grass-a{right:128px;height:74px;animation-duration:3.3s}.grass-b{right:92px;height:104px;animation-delay:-1.1s;animation-duration:4.2s}.grass-c{right:60px;height:88px;animation-delay:-2.2s;animation-duration:3.8s}@keyframes surface-swell{0%,to{transform:translateY(0) scaleY(1)}50%{transform:translateY(-4px) scaleY(1.14)}}@keyframes wave-drift{0%{transform:translate(-8%)}to{transform:translate(8%)}}@keyframes ripple-float{0%{transform:translate(-20px);opacity:0}18%,82%{opacity:.78}to{transform:translate(58px);opacity:0}}@keyframes fish-swim{0%{transform:translate(-42px) scale(var(--fish-scale));opacity:0}8%,92%{opacity:.9}to{transform:translate(calc(100vw + 62px)) scale(var(--fish-scale));opacity:0}}@keyframes bubble-rise{0%{transform:translateY(8px) scale(.5);opacity:0}18%{opacity:.8}to{transform:translate(16px,-106px) scale(1);opacity:0}}@keyframes grass-sway{0%{transform:rotate(-7deg) skew(-3deg)}to{transform:rotate(8deg) skew(3deg)}}@media(prefers-reduced-motion:reduce){.water-surface,.water-surface:before,.water-surface:after,.water-ripples span,.fish,.bubbles span,.grass{animation:none}}.water-profile.scene-coast .island-shape{right:12px;left:118px;opacity:.56}.water-profile.scene-coast .visibility-beam{left:120px;width:180px}.t-alert{border-radius:5px}@media(max-width:1280px){.map-header{grid-template-columns:220px minmax(280px,1fr)}}@media(max-width:768px){body{width:100vw;min-width:0;overflow:hidden}.map-page,.map-workspace{width:100%;height:100%}.map-header{top:10px;right:10px;left:10px;grid-template-columns:118px minmax(0,1fr);gap:8px;width:auto;height:var(--sg-layout-header-height);padding:8px}.brand-block{grid-template-columns:30px minmax(0,1fr);gap:8px;min-height:32px;padding:0 4px}.brand-block strong{font-size:17px}.brand-block span{overflow:hidden;font-size:12px;text-overflow:ellipsis}.search-input{width:100%}.search-input .t-input{height:36px}.map-locate-control{right:16px;bottom:calc(18px + env(safe-area-inset-bottom))}.locate-map-button.t-button{width:46px;height:46px;min-width:46px}.site-marker{width:44px;height:44px}.site-data-popup__body{gap:10px;overflow-x:hidden;padding:0}.sidebar-section .t-card__body{padding:14px}.section-title{gap:8px}.section-title h1{font-size:21px;word-break:break-word}.location-section p{margin-top:8px;font-size:13px;line-height:1.45;word-break:break-word}.site-detail-tabs{display:block;height:auto!important;overflow:visible!important}.site-detail-tabs .t-tabs__nav{overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.site-detail-tabs .t-tabs__nav::-webkit-scrollbar{display:none}.site-detail-tabs .t-tabs__nav-item{flex:1 1 0;height:44px;padding-right:0;padding-left:0}.site-detail-tabs .t-tabs__nav-item.t-size-m{height:44px;line-height:44px}.site-detail-tabs .t-tabs__nav-item-wrapper{height:44px;padding:0 4px;margin:0;font-size:13px;line-height:44px}.site-detail-tabs .tab-label{gap:3px}.site-detail-tabs .t-tabs__content{height:auto!important;overflow:visible;padding-top:8px}.site-detail-tabs .t-tab-panel{height:auto!important;overflow:visible!important}.tab-label{gap:4px}.metric-grid,.tide-summary{gap:8px}.metric-grid div,.tide-summary div,.water-grade-row div{padding:10px}.metric-grid strong,.tide-summary strong{font-size:16px}.weather-main{gap:10px;margin-bottom:12px}.weather-main strong{font-size:30px}.sidebar-chart{height:180px}.hour-list div{grid-template-columns:1fr auto;gap:6px 10px}.hour-list{padding-bottom:12px}.hour-list em{grid-column:2}.fish-score-row strong{font-size:40px}.factor-list div{grid-template-columns:76px minmax(0,1fr)}.water-quality-head{align-items:flex-start}.water-quality-head strong{font-size:30px}.water-grade-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.water-grade-row strong{font-size:14px}.water-profile{height:230px}.island-shape{top:34px;right:20px;left:20px;height:70px}.water-surface{top:98px}.visibility-beam{top:130px;left:28px;width:118px;height:72px}.seabed{height:66px}}@media(max-width:420px){.map-condition-card .t-card__body{gap:8px;padding:10px}.map-condition-card .map-condition-metrics>div{padding:6px 8px}.map-marine-layout,.map-fish-layout{gap:10px}.map-fish-card .factor-list{max-height:140px}.map-tide-layout{gap:8px}.map-tide-card .sidebar-chart{height:140px}.map-tide-card .map-tide-curve .drawer-empty-state{min-height:140px}.map-water-layout{gap:10px}.map-weather-card .t-card__body{padding:10px}.map-weather-layout{gap:10px}.map-weather-layout .weather-main strong{font-size:28px}.map-weather-layout .metric-grid div{padding:6px}.map-weather-layout .metric-grid span,.map-weather-layout .metric-grid strong{line-height:1.4}.metric-grid,.tide-summary,.water-grade-row{grid-template-columns:minmax(0,1fr)}}@media(max-width:360px){.site-data-popup .map-metric-hero{min-height:80px;padding:6px 2px}.site-data-popup .map-metric-backdrop{width:104px;height:104px}.map-condition-card .map-condition-metrics{gap:6px}.map-condition-card .map-condition-metrics>div{gap:4px;padding:6px}.map-condition-card .map-condition-metrics strong{font-size:13px}.map-marine-layout,.map-fish-layout{grid-template-columns:minmax(76px,.8fr) minmax(0,2fr);gap:8px}.map-marine-card .map-condition-metrics>div{padding:4px 6px}.map-marine-current strong,.map-fish-card .fish-score-row strong{font-size:24px}.map-fish-card .factor-list{max-height:120px}.map-tide-card .tide-summary{gap:4px}.map-tide-card .tide-summary>div{padding:4px 6px}.map-tide-card .sidebar-chart{height:120px}.map-tide-card .map-tide-curve .drawer-empty-state{min-height:120px}.map-fish-card .factor-list>div{padding-bottom:9px}.map-water-layout{grid-template-columns:minmax(76px,.8fr) minmax(0,2fr);gap:8px}.map-water-card .water-quality-head strong{font-size:24px}.map-weather-layout{grid-template-columns:minmax(76px,.8fr) minmax(0,2fr);gap:8px}.map-weather-layout .weather-main strong{font-size:24px}.map-weather-layout .metric-grid{gap:6px}.map-weather-layout .metric-grid>div{gap:3px;padding:6px 2px}.map-weather-layout .metric-grid span{font-size:11px}}