.tide-hud{position:fixed;left:22px;top:106px;z-index:7;display:flex;flex-direction:column;gap:9px;padding:14px 16px;max-width:230px;background:#102c32e8;border:1px solid #76aaa880;color:#cbe5dc;font:13px/1.6 "Microsoft YaHei",sans-serif}.tide-hud[hidden]{display:none}.tide-hud strong{font-size:16px;color:#e1c88e}.tide-button{cursor:pointer;background:#24434b;border:1px solid #7ebbb395;color:#e2eee5;padding:10px 16px;min-height:44px;font:14px/1.4 "Microsoft YaHei",sans-serif;border-radius:3px}.tide-button:hover,.tide-button[aria-pressed=true]{background:#395d60;border-color:#d9c184}.tide-button:focus-visible{outline:2px solid #f1ca6f;outline-offset:3px}.tide-button:disabled{opacity:.55;cursor:default}.tide-dialog{box-sizing:border-box;color:#d8e9e2;background:#10272ef5;border:1px solid #78b1ad;width:min(660px,calc(100vw - 28px));max-height:calc(90dvh - 20px);padding:30px;box-shadow:0 20px 100px #0009;font-family:"Microsoft YaHei",sans-serif;overflow:auto}.tide-dialog::backdrop{background:#00151b80}.tide-dialog h2{color:#e2c98f;font-size:25px;margin:0 40px 16px 0;line-height:1.5}.tide-dialog #tideClose{position:absolute;right:12px;top:12px;padding:5px;font-size:24px;min-width:44px}.tide-note{font-size:15px;line-height:1.8;margin:12px 0 20px}.tide-tabs{display:flex;gap:8px;margin:12px 0}.tide-tabs button{flex:1}.tide-wave{display:block;width:100%;height:125px;border:1px solid #477076;border-radius:3px}.tide-frequency,.tide-current{display:block;color:#dfbc70;margin:14px 0 10px;font-size:17px}.tide-current{color:#7cddd3}.tide-tuner{display:flex;gap:14px;align-items:center}.tide-tuner input{min-width:0;flex:1;accent-color:#7cddd3;height:44px;touch-action:pan-x}.tide-tuner button{width:48px;font-size:22px;padding:4px}.tide-feedback{min-height:42px;font-size:14px;line-height:1.6;color:#b7d5cc}.tide-footer{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.tide-footer button{flex:1}.tide-records{display:grid;gap:12px}.tide-record{border:1px solid #466d71;padding:14px}.tide-record strong{color:#dfc283}.tide-record p{font-size:14px;line-height:1.7}.touch-controls .tide-hud{left:14px;top:calc(78px + env(safe-area-inset-top));padding:9px 12px;gap:4px;max-width:200px}.touch-controls .tide-hud strong{font-size:13px}.touch-controls .tide-hud span{font-size:11px}.touch-controls .tide-hud button{padding:6px 12px;font-size:12px}@media(max-width:600px){.tide-dialog{padding:22px 18px}.tide-dialog h2{font-size:20px}.tide-note{font-size:14px;line-height:1.7}.tide-wave{height:100px}.tide-tabs button{padding:9px 4px;font-size:13px}.tide-footer{gap:8px}}@media(orientation:landscape) and (max-height:600px){.touch-controls .tide-hud{top:64px;padding:7px 10px}.tide-dialog{max-height:94dvh;padding:20px}.tide-wave{height:70px}.tide-note{margin:8px 0}.tide-frequency,.tide-current{margin:8px 0}}