.sea-station-heading{display:flex;align-items:center;gap:10px}.liuqiu-island-icon{width:32px;height:48px;fill:#d6edf5;stroke:#168ab4;stroke-width:2;flex-shrink:0}.sea-observation-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0;padding-top:12px;border-top:1px solid #dce9ee}.sea-observation-details div{text-align:center;min-width:0}.sea-observation-details dt{font-size:12px;color:#657c89;margin-bottom:5px}.sea-observation-details dd{margin:0;color:#195d78;font-size:14px;font-weight:600;white-space:nowrap}.sea-observation-details small{font-weight:400;font-size:11px}.tide-curve-card{padding:16px;margin:16px 0 24px;border:1px solid #dce9ee;border-radius:16px;background:#fff}.tide-curve-card h3{margin:0 0 12px;font-size:16px;color:#195d78}.tide-curve-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}#tideCurve svg{display:block;width:100%;min-width:560px;height:auto}#tideCurve text{font:12px sans-serif;fill:#657c89}#tideCurve .tide-curve-point{font-size:11px;fill:#195d78}.tide-curve-grid{stroke:#e7eff3;stroke-width:1}#tideCurveStatus{margin:8px 0 0;font-size:12px;line-height:1.6;color:#657c89}.sea-station-heading>div{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.night-theme .tide-curve-card{background:#112d40;border-color:#305267}.night-theme #tideCurve .tide-curve-point,.night-theme .tide-curve-card h3{color:#c8e7f3;fill:#c8e7f3}.night-theme #tideCurve text,.night-theme #tideCurveStatus{color:#b0c5d1;fill:#b0c5d1}.night-theme .tide-curve-grid{stroke:#305267}.night-theme .sea-observation-details{background:rgba(17,45,64,.9);border-color:#305267}.night-theme .sea-observation-details dd{color:#c8e7f3}.night-theme .sea-observation-details dt{color:#b0c5d1}.buoy-section{margin-top:24px}.buoy-observation-card{padding:18px;border:1px solid #dce9ee;border-radius:16px;background:rgba(255,255,255,.96)}.buoy-observation-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.buoy-observation-heading strong{font-size:18px;color:#195d78}.buoy-observation-heading small,.buoy-observation-heading time{font-size:12px;color:#657c89}.buoy-section .sea-observation-details{grid-template-columns:repeat(4,minmax(0,1fr));margin:16px 0 0;padding-top:16px}.buoy-section .sea-observation-details dd{font-size:22px}.night-theme .buoy-observation-card{background:#112d40;border-color:#305267}.night-theme .buoy-observation-heading strong{color:#c8e7f3}@media(max-width:480px){.buoy-section .sea-observation-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 8px}.buoy-observation-heading{align-items:flex-start;flex-direction:column}}.tide-flow-panel{--tide-ink:#24516c;--tide-muted:#718b9c;--tide-line:#178fce;--tide-marker:#75a9c8;--tide-axis:#cbdfe9;--tide-surface:#fff;display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:16px 20px;margin:16px 0 24px;padding:22px;border:1px solid #d5e8f3;border-radius:20px;background:linear-gradient(135deg,#fff 55%,#f1f9ff);color:var(--tide-ink);box-shadow:0 7px 22px rgba(30,112,162,.07)}.tide-flow-head{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:15px;border-bottom:1px solid #e3eff6}.tide-flow-head p{margin:0 0 5px;color:#7895a6;font-size:12px;font-weight:600;letter-spacing:.06em}.tide-flow-head h3{margin:0;color:#1686ce;font-size:21px;font-weight:800;font-style:normal}.tide-flow-head>b{padding:7px 12px;border:1px solid #bde5f5;border-radius:99px;background:#eaf8ff;color:#1283b5;font-size:12px;white-space:nowrap}#sea-tide-curve{grid-column:1;grid-row:2;display:block;align-self:center;width:100%;height:auto;min-width:0;margin:0}.tide-flow-numbers{grid-column:2;grid-row:2;display:grid;gap:9px;align-content:center}.tide-flow-numbers>div{display:grid;gap:5px;padding:11px 13px;border:1px solid #e0edf5;border-radius:12px;background:rgba(255,255,255,.85)}.tide-flow-numbers>div:last-child{order:-1;border-color:#c5e5fa;background:#eaf6ff}.tide-flow-numbers span{color:#69899d;font-size:11px}.tide-flow-numbers small{color:#7b91a1;line-height:1.6}.tide-flow-numbers b{color:#1686ce;font-size:21px;font-weight:800;font-variant-numeric:tabular-nums}.tide-forecast-heading{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px;margin-top:2px;color:#426b83;font-size:13px;font-weight:700}.tide-forecast-heading span{color:#8ba0af;font-size:11px;font-weight:400}.tide-flow-list{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;color:#506f83;font-size:12px;line-height:1.7;font-variant-numeric:tabular-nums}.tide-flow-list li{padding:9px 10px;border:1px solid #e0edf5;border-radius:10px;background:#f7fbfe;text-align:center}.tide-flow-list b{color:#158ec6;margin:0 5px;font-weight:700}.tide-flow-panel #tideCurveStatus{grid-column:1/-1;margin:0;padding-top:12px;border-top:1px solid #e3eff6;color:#8799a7;font-size:11px;line-height:1.7}.night-theme .tide-flow-panel{--tide-ink:#c7e1ef;--tide-muted:#9ebdce;--tide-surface:#14344a;background:#14344a;border-color:#305267}.night-theme .tide-flow-list li,.night-theme .tide-flow-numbers>div{background:#1b4056;border-color:#305267;color:#c7e1ef}@media(max-width:650px){.tide-flow-panel{grid-template-columns:minmax(0,1fr);gap:14px;padding:16px}.tide-flow-head h3{font-size:19px}#sea-tide-curve{grid-column:1;grid-row:2}.tide-flow-numbers{grid-column:1;grid-row:3;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.tide-flow-numbers>div{padding:10px 8px;gap:5px}.tide-flow-numbers b{font-size:18px}.tide-flow-numbers small{font-size:10px}.tide-flow-list{grid-template-columns:repeat(2,minmax(0,1fr));font-size:11px}.tide-flow-list li{padding:8px 4px}}.tide-flow-numbers small{font-size:11px}.vessel-entry{display:flex;align-items:center;margin:18px 0;padding:15px 18px;border:1px solid #cce6f6;border-radius:14px;background:linear-gradient(110deg,#f0f9ff,#fff);color:#1686ce;text-decoration:none;transition:border-color .18s,box-shadow .18s}.vessel-entry>span{display:grid;gap:5px}.vessel-entry strong{font-size:16px;font-weight:750}.vessel-entry small{font-size:12px;color:#718b9c}.vessel-entry:hover{border-color:#77bce5;box-shadow:0 5px 15px rgba(22,134,206,.1)}.vessel-entry:focus-visible{outline:#64b5e8 solid 3px;outline-offset:3px}.night-theme .vessel-entry{background:#14344a;border-color:#305267;color:#91d5fb}.night-theme .vessel-entry small{color:#aec7d6}