:root,html{--primary:#1c7ed6;--danger:#e03131;--bg:#f8f9fa;--card:#ffffff;--text:#343a40}body{font-family:"Segoe UI",sans-serif;background-image:url('./圖片/DSC_3036.JPG');background-size:cover;background-position:center center;background-repeat:no-repeat;background-color:var(--bg);color:var(--text);margin:0;padding:2rem .1rem 2rem 0;position:relative;z-index:0}h1{color:var(--primary);font-size:1.8rem;margin-bottom:.5rem}h2{color:var(--primary);font-size:1.5rem;margin:1.5rem 0 1rem}.sub{color:var(--danger);margin-bottom:1.2rem;font-weight:700;font-size:1rem;line-height:1}.card,.weather-card-left{background:var(--card);border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.1);padding:1.5rem;max-width:500px;margin-bottom:2rem;color:var(--text)}.card{margin:0 auto rem}.weather-card-left{background:rgba(255,255,255,.92);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);border:1px solid #dee2e6;margin-left:1.5rem;margin-right:auto}.weather-title{background-color:#e7f5ff;padding:.6rem 1rem;border-left:5px solid #1c7ed6;border-radius:6px;color:#1c7ed6;font-size:1.2rem;margin-bottom:1rem}.card-group{display:flex;justify-content:center;align-items:stretch;gap:1.5rem;flex-wrap:wrap;display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin:2rem auto;padding:0 2vw;box-sizing:border-box}.forecast-table-container,.table-container{overflow-x:auto;max-width:100%}#forecastTable td,#forecastTable th{font-size:1rem;padding:2px 1px;text-align:center}#stopConditionCard{width:780px;max-width:100%;font-size:1.1rem}.forecast-table-container table{width:100%;table-layout:fixed;border-collapse:collapse;margin-top:.8rem}.card-group>.weather-card-left{flex:1 1 100%;max-width:100%}table td,table th{border:1px solid #dee2e6;padding:2px;text-align:center;vertical-align:middle;font-size:.72rem;line-height:1.05}th{background-color:#e3f2fd;color:#1971c2;white-space:nowrap}.no-data{text-align:center;padding:1rem;color:#495057}.footer{text-align:center;margin-top:1rem;color:#868e96;font-size:.85rem}.status-indicator{display:inline-block;padding:8px 16px;border-radius:20px;font-weight:700;margin-top:1rem}.forecast-danger,.status-danger{background-color:#ffe3e3;color:#d00000;border:2px solid #d00000}.forecast-warning,.status-warning{background-color:#fff3bf;color:#e67700;border:2px solid #e67700}.forecast-safe,.status-safe{background-color:#d3f9d8;color:#2b8a3e;border:1px solid #2b8a3e}.section-divider{border-top:2px solid #dee2e6;margin:1rem 0 .5rem;padding-top:.5rem}.alert-message{color:#e67700;font-weight:700;margin-bottom:1rem;font-size:.95rem;display:none}@media (max-width:76px){body{padding:1rem}.card{padding:1rem;margin:0 auto 1rem}h1{font-size:1.5rem}h2{font-size:1.3rem}td,th{padding:6px 4px;font-size:.8rem}.card-group{flex-direction:column}}.fixed-top-left-image{width:100%;max-width:900px;height:auto;border-radius:8px;background-color:transparent;transition:.3s ease-in-out;display:block;margin:0 auto 1rem;box-shadow:0 0 8px 2px rgba(28,126,214,.7),0 0 15px 5px rgba(28,126,214,.4)}.fixed-top-left-image:hover{transform:scale(1.05);box-shadow:0 0 12px 3px rgba(28,126,214,.9),0 0 20px 8px rgba(28,126,214,.6)}@keyframes fadeInUp{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animated-row{animation:.35s ease-out fadeInUp}.weather-card-modern{background:rgba(255,255,255,.92);border-radius:12px;padding:1.5rem;box-shadow:0 6px 12px rgba(0,0,0,.15);max-width:800px;width:100%;font-size:.9rem;color:#212529;margin-top:1rem;margin-bottom:2rem}.weather-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #1189df;padding-bottom:.5rem;margin-bottom:1rem}.weather-header h2{font-size:2rem;color:#1c7ed6;margin:0}.weather-updated{font-size:.8rem;color:#868e96}.weather-updated a{color:inherit;text-decoration:none}.weather-updated a:hover{text-decoration:underline}.weather-main{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.weather-temp{display:flex;align-items:center}.temp-now{font-size:2.5rem;font-weight:700;color:#1c7ed6;margin-right:1rem}.temp-feel{font-size:.85rem;color:#495057}.temp-feel span{display:block;font-size:1.1rem;font-weight:600}.weather-condition{font-size:1rem;color:#495057;font-weight:500}.weather-details{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem;font-size:1rem;color:#495057}.detail-item span{display:block;font-weight:600;margin-top:4px}.weather-forecast{background:#f1f3f5;border-left:4px solid #228be6;padding:.8rem;border-radius:6px;font-size:.85rem;color:#343a40}.activity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:1rem;margin-top:1rem;text-align:center}.status-green{background-color:#d3f9d8;color:#2b8a3e}.status-orange{background-color:#fff3bf;color:#e67700}.status-red{background-color:#ffe3e3;color:#d00000}.status-white{background-color:#f1f3f5;color:#495057}.play-card{background:#fff;border-radius:16px;box-shadow:0 4px 16px rgba(0,0,0,.1);padding:1.5rem;max-width:720px;margin:2rem auto}.play-title{font-size:1.6rem;font-weight:700;color:#1c7ed6;margin-bottom:.25rem;text-align:center}.tag-row{display:flex;justify-content:center;flex-wrap:wrap;gap:.4rem 1rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem 1.2rem;margin:1rem 0 1.5rem}.tag{box-shadow:0 1px 2px rgba(0,0,0,.05);line-height:1.4;font-size:.85rem;font-weight:600;padding:.3rem 1rem;border-radius:999px;background-color:#e9ecef;color:#495057;box-shadow:0 1px 3px rgba(0,0,0,.05);transition:background-color .2s;white-space:nowrap;letter-spacing:.5px}.tag-green{background-color:#d3f9d8;color:#2b8a3e}.tag-orange{background-color:#ffe8cc;color:#f08c00}.tag-red{background-color:#ffe3e3;color:#d6336c}.tag-white{background-color:#dee2e6;color:#495057}#playInfo{display:grid;grid-template-columns:repeat(6,1fr);justify-content:center}.activity-item{display:flex;flex-direction:column;align-items:center;background-color:#f8f9fa;border-radius:12px;padding:1rem;box-shadow:0 2px 6px rgba(0,0,0,.05);transition:transform .2s;width:100%;min-height:106px;box-sizing:border-box}@media (max-width:600px){.weather-header{flex-direction:column;align-items:flex-start;gap:.25rem}.forecast-table-container{overflow-x:hidden}#forecastTable{table-layout:auto;font-size:.7rem;word-break:break-word}#forecastTable td,#forecastTable th{padding:2px 4px;font-size:.7rem;white-space:normal}#forecastTable th{font-weight:700;font-size:.75rem}#stopConditionCard{padding:.5rem}}.activity-item:hover{transform:translateY(-3px)}.activity-icon{font-size:2.2rem;margin-bottom:.5rem}.activity-name{display:inline-block;padding:.3rem .8rem;border-radius:50px;font-weight:600;white-space:nowrap}.info-box{margin-top:1rem;font-size:.9rem;color:#495057;text-align:center;line-height:1.6}.day-theme{background:linear-gradient(to bottom,#a0d8f1,#fff);color:#212529}.night-theme{color:#f1f3f5}#playInfo{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.8rem;padding:.5rem 0;justify-items:center}.night-theme .play-card,.night-theme .weather-card-modern{background-color:#243b55;color:#f1f3f5}.suggestion-card{background:#ffffffdd;padding:1.5rem;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);max-width:600px;margin:2rem auto;text-align:center}.suggestion-card textarea{width:100%;font-size:1rem;padding:.75rem;border:1px solid #ced4da;border-radius:8px;resize:vertical;margin-bottom:1rem;box-sizing:border-box}.suggestion-card button{background-color:var(--primary);color:#fff;border:none;padding:.6rem 1.5rem;font-size:1rem;border-radius:6px;cursor:pointer;transition:background-color .2s}.suggestion-card button:hover{background-color:#1864ab}.suggestion-status{margin-top:.8rem;font-size:.9rem}.button-group{display:flex;justify-content:center;gap:1rem;margin-top:1rem;margin-bottom:1.5rem}.button-group button{background-color:#f1f3f5;color:#1c7ed6;font-weight:600;border:2px solid #1c7ed6;border-radius:999px;padding:.5rem 1.5rem;font-size:1rem;cursor:pointer;transition:.2s;box-shadow:0 2px 6px rgba(0,0,0,.08)}.button-group button:hover{background-color:#1c7ed6;color:#fff}.button-group button:active{transform:scale(.97);background-color:#1971c2}.video-container{display:flex;flex-wrap:wrap;justify-content:center}.video-container iframe{flex:1 1 48%;aspect-ratio:16/9}nav{display:flex;align-items:center;justify-content:space-between;background-color:rgba(10,109,202,.7);padding:.2rem 2rem .8rem;position:fixed;top:0;width:100%;z-index:1000}nav .nav-left img{height:50px}nav .nav-right a{color:#fff;text-decoration:none;margin-left:1.5rem;font-weight:700;font-size:1rem;transition:color .3s}nav .nav-right a:hover{color:#63e6be}.overlay{background:rgba(0,0,0,.5);padding:2rem;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.video-container{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem;opacity:1;transform:translateY(0);transition:opacity .4s,transform .4s}.video-container.switching{opacity:0;transform:translateY(10px)}.video-container iframe{flex:1 1 48%;min-width:300px;max-width:480px;aspect-ratio:16/9;border:none;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.1);transition:box-shadow .3s}.main-navbar{position:fixed;top:0;width:100%;background-color:rgba(28,126,214,.75);backdrop-filter:blur(10px) saturate(1.8);-webkit-backdrop-filter:blur(10px) saturate(1.8);padding:.5rem 0;z-index:9999;box-shadow:0 4px 15px rgba(0,0,0,.25);transition:.3s}.nav-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;padding:0 3rem;margin:0 auto}@media (max-width:768px){.nav-container{padding:0 1.5rem}}.nav-left{margin-right:auto;transition:transform .3s}.nav-left .logo{height:40px;display:block}.nav-left:hover{transform:scale(1.05) rotate(-1deg)}.nav-right{display:flex;align-items:center}.nav-right a{color:#fff;text-decoration:none;margin-left:2rem;font-weight:600;font-size:1.05rem;position:relative;transition:.3s}.nav-right a::after{content:'';position:absolute;width:0%;height:3px;bottom:-6px;left:0;background-color:#63e6be;transition:width .3s ease-out}.nav-right a:hover{color:#63e6be;transform:translateY(-2px)}.nav-right a:hover::after{width:100%}body{padding-top:65px}@media (min-width:768px) and (max-width:1200px){#stopConditionCard,.video-container,.weather-card-modern{width:93vw;max-width:820px;margin:1rem auto!important;box-sizing:border-box}.card{margin:0 auto 2rem!important;max-width:none!important}.weather-card-left{margin-left:0!important;margin-right:0!important}.card-group{max-width:900px;margin:0 auto;padding:0 3vw;justify-content:center;align-items:flex-start;gap:1.25rem}}#visitor-count{display:inline-block;padding:.5rem 1.2rem;background:rgba(0,0,0,.4);color:#fff;font-size:1rem;font-weight:500;border-radius:999px;backdrop-filter:blur(6px);box-shadow:0 4px 12px rgba(0,0,0,.2);margin:2rem auto 2.5rem;text-align:center;animation:1s ease-out fadeIn}#visitor-count:hover{background:rgba(0,0,0,.6);transform:scale(1.05);transition:.3s}.legend-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin:.8rem 0 1.2rem}.legend-chip{padding:.3rem .8rem;border-radius:20px;font-weight:700;display:inline-block;min-width:90px;text-align:center}.legend-safe{background-color:#d3f9d8!important;color:#2b8a3e!important}.legend-alert{background-color:#fff3bf!important;color:#e67700!important}.legend-danger{background-color:#ffe3e3!important;color:#d00000!important}.legend-none{background-color:#f1f3f5!important;color:#495057!important}.tide-table{width:100%;border-collapse:collapse;table-layout:fixed;background:#fff;border-radius:14px;overflow:hidden}.tide-table td,.tide-table th{border:1px solid #dee2e6;text-align:center;vertical-align:middle;font-size:.85rem;line-height:1.2;padding:6px;color:var(--text)}.tide-table thead th{background:#e7f5ff;color:#1971c2;font-weight:800;position:sticky;top:0;z-index:1}.tide-table td[headers=date]{background:#f7fbff;font-weight:700}.tide-chip{display:inline-block;margin-left:.4rem;padding:.15rem .55rem;border-radius:999px;font-size:.72rem;font-weight:800;background:#e9f4ff;color:#1c7ed6}.tide-table td:nth-last-child(-n+3){text-align:right;font-variant-numeric:tabular-nums}.sun-card{display:grid;grid-template-columns:repeat(2,1fr);gap:1.1rem;margin:.8rem 0 1.4rem}.sun-kv{position:relative;border-radius:18px;padding:16px 18px 14px;background:rgba(255,255,255,.88);border:1px solid rgba(25,113,194,.18);box-shadow:0 8px 22px rgba(31,81,120,.1),inset 0 1px 0 rgba(255,255,255,.65);backdrop-filter:saturate(1.2) blur(6px);transition:transform .18s,box-shadow .18s,border-color .18s}.sun-kv:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(31,81,120,.14),inset 0 1px 0 rgba(255,255,255,.65);border-color:rgba(25,113,194,.28)}.sun-kv::before{content:"";position:absolute;inset:0 auto 0 0;width:6px;border-radius:18px 0 0 18px;background:linear-gradient(180deg,#4dabf7 0,#228be6 100%);opacity:.75}.sun-label{color:#5b6b7b;font-size:.86rem;letter-spacing:.3px;display:flex;align-items:center;gap:.4rem}.sun-label::before{content:"☀️";font-size:1rem;line-height:1;filter:grayscale(15%)}.sun-kv:nth-child(2) .sun-label::before{content:"🌇"}.sun-value{font-size:2.2rem;line-height:1;font-weight:800;letter-spacing:.5px;margin:.35rem 0 .25rem;color:#1c7ed6;text-shadow:0 1px 0 rgba(255,255,255,.6)}.sun-hint{font-size:.84rem;color:#748194}.night-theme .sun-kv{background:rgba(25,38,55,.78);border-color:rgba(99,230,190,.18);box-shadow:0 8px 22px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.05)}.night-theme .sun-kv::before{background:linear-gradient(180deg,#63e6be 0,#12b886 100%);opacity:.85}.night-theme .sun-label{color:#c8d4e3}.night-theme .sun-value{color:#63e6be;text-shadow:none}.night-theme .sun-hint{color:#a8b5c6}@media (max-width:640px){.sun-card{grid-template-columns:1fr;gap:.9rem}.sun-value{font-size:2rem}}.theme-switch-wrapper{margin-left:2.5rem;display:flex;align-items:center;align-self:center}.theme-switch-wrapper input[type=checkbox]{height:0;width:0;visibility:hidden}.theme-toggle-label{cursor:pointer;width:55px;height:28px;background:rgba(255,255,255,.6);display:block;border-radius:999px;position:relative;transition:background .3s;box-shadow:inset 0 1px 3px rgba(0,0,0,.2)}.theme-toggle-label .slider{content:'';position:absolute;top:2px;left:2px;width:24px;height:24px;background:#fff;border-radius:50%;transition:transform .3s,background .3s;box-shadow:0 1px 3px rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;font-size:1.1rem}.theme-toggle-label .slider::before{content:"☀️"}.theme-switch-wrapper input:checked+.slider{transform:translateX(27px);background:#34495e}.theme-toggle-label:has(input:checked){background:#4a637d}.theme-switch-wrapper input:checked+.slider::before{content:"🌙"}.night-theme{--bg:#0f141a;--card:rgba(22, 29, 37, 0.85);--text:#0c55b4;--primary:#4da3ff;--danger:#ff6b6b;background:linear-gradient(#000e1f,#0f141a);color:var(--text);filter:brightness(.94) saturate(1.1)}.night-theme body{background-color:#0f141a!important;background-image:url('./圖片/DSC_3036.JPG');background-size:cover;background-position:center;filter:brightness(.55) contrast(1.15) saturate(1.2)}.night-theme .card,.night-theme .play-card,.night-theme .suggestion-card,.night-theme .weather-card-modern{background:rgba(25,32,41,.75);backdrop-filter:blur(14px) saturate(1.3);border:1px solid rgba(255,255,255,.06);box-shadow:0 6px 20px rgba(0,0,0,.45);color:var(--text)}.night-theme h1,.night-theme h2{color:#fff!important;text-shadow:0 0 6px rgba(77,163,255,.3)}.night-theme .weather-updated{color:#b4c2d3!important}.night-theme table th{background:rgba(34,43,54,.9);color:#88c4ff!important;border-color:rgba(255,255,255,.08);text-shadow:0 0 6px rgba(80,150,255,.25)}.night-theme table td{background:rgba(19,25,33,.55)!important;color:#fff!important;border-color:rgba(255,255,255,.06)}.night-theme .forecast-danger{background:rgba(255,90,90,.15)!important;color:#ff6b6b!important}.night-theme .forecast-warning{background:rgba(255,199,94,.18)!important;color:#ffb84d!important}.night-theme .forecast-safe{background:rgba(55,178,120,.15)!important;color:#63e6be!important}.night-theme .weather-temp .temp-now{color:#4da3ff!important;text-shadow:0 0 6px rgba(77,163,255,.4)}.night-theme .temp-feel{color:#e4e7eb!important}.night-theme .temp-feel span{color:#fff!important}.night-theme .weather-condition{color:#d7e4f7!important;font-weight:600}.night-theme .weather-details{color:#dce3eb!important}.night-theme .weather-details .detail-item span{color:#fff!important}.night-theme .weather-forecast{background:rgba(255,255,255,.06)!important;color:#e6edf5!important;border-left:4px solid #4da3ff!important}.night-theme .tide-table{background:rgba(20,27,36,.6)!important;border-radius:14px;backdrop-filter:blur(10px)}.night-theme .tide-table td[headers=date]{background:rgba(28,40,55,.75)!important;color:#fff!important;font-weight:700;text-shadow:0 0 6px rgba(90,180,255,.25)}.night-theme .tide-chip{background:rgba(70,130,255,.25)!important;color:#9dd3ff!important;border:1px solid rgba(120,180,255,.3);backdrop-filter:blur(4px)}.night-theme .no-data{color:#d1d8e0!important}.night-theme .info-box{color:#fff!important}.night-theme .main-navbar{background-color:rgba(12,60,110,.7);box-shadow:0 2px 12px rgba(0,0,0,.6)}.night-theme .nav-right a{color:#cfe4ff}.night-theme .nav-right a:hover{color:#63e6be}.theme-transition{transition:background .8s ease-in-out,color .8s ease-in-out,filter .8s ease-in-out,background-color .8s ease-in-out}.theme-transition body{transition:background-color .8s ease-in-out,background-image .8s ease-in-out,filter 1s ease-in-out}.theme-transition .card,.theme-transition .play-card,.theme-transition .suggestion-card,.theme-transition .sun-kv,.theme-transition .weather-card-modern{transition:background .8s ease-in-out,color .8s ease-in-out,box-shadow .8s ease-in-out,border-color .8s ease-in-out,backdrop-filter .8s ease-in-out}.theme-switch-burst{animation:.6s ease-out themePop}@keyframes themePop{0%{transform:scale(.7);opacity:.2;filter:brightness(1.8)}60%{transform:scale(1.18);opacity:1;filter:brightness(1)}100%{transform:scale(1);opacity:1}}.weather-card-modern .weather-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.2rem;padding-bottom:.85rem;border-bottom:1px solid rgba(28,126,214,.25)}.weather-card-modern .weather-header h2{text-shadow:0 1px 1px rgba(255,255,255,.75),0 2px 4px rgba(19,19,19,.2);margin:0;color:#1683df;font-size:clamp(1.55rem, 5vw, 2rem);font-weight:800;letter-spacing:-.5px}.weather-card-modern .weather-updated{color:#8a96a3;font-size:.76rem;line-height:1.55}.weather-card-modern .weather-main{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.weather-card-modern .weather-temp{display:flex;align-items:center}.weather-card-modern .temp-now{margin-right:1rem;color:#1683df;font-size:clamp(2.65rem, 9vw, 3.5rem);font-weight:800;line-height:1;letter-spacing:-2px}.weather-card-modern .temp-feel{padding-left:.9rem;color:#7b8794;font-size:.78rem;line-height:1.4;border-left:1px solid #dce6ee}.weather-card-modern .temp-feel span{margin-top:2px;color:#3f4b57;font-size:1rem;font-weight:700}.weather-card-modern .weather-condition{max-width:210px;color:#3f4b57;font-size:.95rem;font-weight:650;line-height:1.45;text-align:right}.weather-card-modern .weather-details{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-bottom:1rem;color:#56616d}.weather-card-modern .detail-item{min-width:0;min-height:66px;padding:.65rem .7rem;box-sizing:border-box;background:rgba(255,255,255,.48);border:1px solid rgba(28,126,214,.08);border-radius:11px;line-height:1.45}.weather-card-modern .detail-item span{display:block;margin-top:.25rem;color:#3f4b57;font-size:.9rem;font-weight:700;line-height:1.35}.weather-card-modern .weather-forecast{margin-top:.4rem;padding:.85rem .9rem;color:#46515d;background:rgba(240,248,255,.85);border:0;border-left:4px solid #228be6;border-radius:10px;font-size:.82rem;line-height:1.55}.weather-card-modern .weather-forecast strong{color:#1971c2}@media (max-width:600px){.weather-card-modern{width:calc(100% - 16px);margin:1rem auto;padding:1.25rem;border-radius:18px}.weather-card-modern .weather-header{display:block}.weather-card-modern .weather-header h2{white-space:nowrap}.weather-card-modern .weather-updated{margin-top:.45rem}.weather-card-modern .weather-main{align-items:center}.weather-card-modern .temp-now{margin-right:.7rem}.weather-card-modern .temp-feel{padding-left:.7rem}.weather-card-modern .weather-condition{max-width:125px;font-size:.85rem}.weather-card-modern .weather-details{gap:.45rem}.weather-card-modern .detail-item{min-height:64px;padding:.55rem .45rem;font-size:.82rem}.weather-card-modern .detail-item span{font-size:.85rem}}.camera-section{margin-top:1.5rem}.camera-section .camera-header{margin-bottom:0}.camera-section .camera-header h2{margin-bottom:.2rem}.camera-subtitle{margin:0;color:#7b8794;font-size:.78rem;line-height:1.5}.camera-toolbar{display:flex;flex-direction:column;align-items:center;gap:.7rem;padding:1rem 0}.camera-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:.7rem;margin:0}.camera-tabs button{min-width:110px;padding:.55rem 1.15rem;color:#1683df;background:rgba(255,255,255,.72);border:1.5px solid #1683df;border-radius:999px;font-size:.9rem;font-weight:700;cursor:pointer;box-shadow:0 3px 9px rgba(31,81,120,.1);transition:color .2s,background-color .2s,transform .2s,box-shadow .2s}.camera-tabs button:focus-visible,.camera-tabs button:hover{color:#fff;background:#1683df;transform:translateY(-2px);box-shadow:0 7px 16px rgba(22,131,223,.24)}.camera-tabs button:active{transform:translateY(0)}.camera-status{display:inline-flex;align-items:center;justify-content:center;min-height:28px;margin:0;padding:.25rem .8rem;color:#66727e;background:rgba(255,255,255,.58);border-radius:999px;font-size:.78rem;line-height:1.4;text-align:center}.camera-status.is-ready{color:#237a3b;background:rgba(211,249,216,.78)}.camera-status.is-error{color:#c92a2a;background:rgba(255,227,227,.82)}.camera-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;width:100%;margin:0 0 1.5rem;opacity:1;transform:translateY(0);transition:opacity .4s,transform .4s}.camera-grid iframe{display:block;width:100%;min-width:0;max-width:none;aspect-ratio:16/9;background:#202020;border:0;border-radius:14px;box-shadow:0 7px 18px rgba(31,49,65,.16)}.camera-grid.switching{opacity:0;transform:translateY(8px)}@media (max-width:600px){.camera-section .camera-header{display:block}.camera-section .weather-updated{margin-top:.45rem}.camera-toolbar{padding:.8rem 0}.camera-tabs{gap:.5rem}.camera-tabs button{min-width:88px;padding:.5rem .8rem;font-size:.82rem}.camera-grid{grid-template-columns:1fr;gap:.8rem}.camera-grid iframe{border-radius:12px}}.camera-meta{display:flex;flex-direction:column;align-items:center;gap:.15rem;min-width:250px;padding:.5rem 1rem;box-sizing:border-box;background:rgba(211,249,216,.78);border:1px solid rgba(43,138,62,.08);border-radius:12px;text-align:center}.camera-meta .camera-status{min-height:auto;margin:0;padding:0;color:#2b8a3e;background:0 0;border-radius:0;font-size:.82rem;font-weight:700}.camera-update-time{color:#66727e;font-size:.72rem;line-height:1.4}.camera-meta:has(.camera-status.is-error){background:rgba(255,227,227,.82)}.camera-meta .camera-status.is-error{color:#c92a2a;background:0 0}.next-tide-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin:.8rem 0 1.2rem}.next-tide-item{display:flex;flex-direction:column;justify-content:center;min-height:82px;padding:.8rem 1rem;box-sizing:border-box;background:rgba(255,255,255,.68);border:1px solid rgba(28,126,214,.1);border-radius:14px;box-shadow:0 4px 12px rgba(31,81,120,.07)}.next-tide-label{margin-bottom:.3rem;color:#7b8794;font-size:.76rem}.next-tide-item strong{color:#1683df;font-size:1.25rem;line-height:1.3}.next-tide-countdown{background:linear-gradient(135deg,rgba(231,245,255,.9),rgba(240,248,255,.75));border-color:rgba(28,126,214,.18)}.night-theme .next-tide-item{background:rgba(25,38,55,.78);border-color:rgba(99,230,190,.14)}.night-theme .next-tide-label{color:#c8d4e3}.night-theme .next-tide-item strong{color:#63e6be}@media (max-width:600px){.camera-meta{width:100%;min-width:0}.next-tide-summary{display:flex;flex-direction:column;gap:.65rem;margin:.9rem 0 1.4rem;padding-bottom:1.4rem;border-bottom:2px dashed rgba(28,126,214,.2)}.next-tide-item{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;min-height:62px;padding:.7rem .9rem;box-sizing:border-box;background:rgba(255,255,255,.78);border:1px solid rgba(28,126,214,.1);border-left-width:5px;border-radius:12px;box-shadow:0 4px 12px rgba(31,81,120,.08)}.next-tide-item:first-child{border-left-color:#228be6}.next-tide-item:nth-child(2){border-left-color:#f59f00;background:rgba(255,249,219,.82)}.next-tide-item:nth-child(3){border-left-color:#12b886}.next-tide-label{flex:1;margin:0;color:#687582;font-size:.78rem;font-weight:600}.next-tide-item strong{flex-shrink:0;color:#1683df;font-size:1rem;line-height:1.3;text-align:right}.next-tide-item:nth-child(2) strong{color:#e67700}.next-tide-item:nth-child(3) strong{color:#0b8f69}.next-tide-summary+.forecast-table-container{margin-top:0}}.next-tide-label{display:flex;align-items:center;gap:.4rem}.tide-icon{display:inline-flex;flex:0 0 18px;width:18px;height:18px;color:#228be6}.tide-icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.next-tide-item:nth-child(2) .tide-icon{color:#e67700}.next-tide-item:nth-child(3) .tide-icon{color:#0b8f69}.sea-forecast-table{overflow:visible!important}#forecastTable thead th{position:sticky;top:56px;z-index:100}.weather-card-modern .wave-mini__bar{border:none!important;border-radius:0!important;background:0 0!important;box-shadow:none!important}.weather-card-modern .wave-mini__bar>i,.weather-card-modern .wave-mini__bar>i::before{background:#45b8e8!important}.weather-card-modern .wave-mini__bar>i::after{display:none!important;content:none!important}@media (max-width:600px){.weather-card-modern .weather-header:has(+ .next-tide-summary){padding-bottom:0!important;border-bottom:0!important}.weather-card-modern .next-tide-summary{margin-bottom:1rem!important;padding-bottom:0!important;border-bottom:0!important}.weather-card-modern .next-tide-item,.weather-card-modern .next-tide-item:first-child,.weather-card-modern .next-tide-item:nth-child(2),.weather-card-modern .next-tide-item:nth-child(3){border-left-width:1px!important;border-left-color:rgba(28,126,214,.1)!important}.weather-card-modern .next-tide-summary+.forecast-table-container.sea-forecast-table{width:100%!important;max-width:100%!important;overflow-x:hidden!important}.weather-card-modern #tideTable{width:100%!important;min-width:0!important;margin-top:0!important;table-layout:fixed!important}.weather-card-modern #tideTable td,.weather-card-modern #tideTable th{min-width:0!important;padding:6px 2px!important;overflow:visible!important;font-size:clamp(.63rem, 2.8vw, .72rem)!important;line-height:1.35!important;white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;text-overflow:clip!important}.weather-card-modern #tideTable th:first-child{width:29%!important}.weather-card-modern #tideTable th:nth-child(2){width:12%!important}.weather-card-modern #tideTable th:nth-child(3){width:13%!important}.weather-card-modern #tideTable th:nth-child(4){width:15%!important}.weather-card-modern #tideTable th:nth-child(5){width:16%!important}.weather-card-modern #tideTable th:nth-child(6){width:15%!important}.weather-card-modern #tideTable td:nth-last-child(-n+3){text-align:center!important}.weather-card-modern #tideTable .tide-chip{display:block!important;width:fit-content;max-width:100%;margin:.25rem auto 0!important;padding:.1rem .3rem!important;font-size:.6rem!important;line-height:1.25!important;white-space:normal!important}}#forecastTable thead th:nth-child(4){background:#eee9f8!important;border-color:#d9cfee!important;color:#62458f!important;font-weight:900!important}#forecastTable thead th:nth-child(6){background:#e5f3f9!important;border-color:#c5e1ec!important;color:#176b8b!important;font-weight:900!important}#forecastTable tbody tr:has(> td[rowspan])>td:nth-child(4),#forecastTable tbody tr:not(:has(> td[rowspan]))>td:nth-child(3){background:#f5f1fb!important;border-color:#ded5ef!important;color:#60438e!important;font-weight:400!important;font-variant-numeric:tabular-nums}#forecastTable tbody tr:has(> td[rowspan])>td:nth-child(6),#forecastTable tbody tr:not(:has(> td[rowspan]))>td:nth-child(5){background:#edf7fb!important;border-color:#cce5ef!important;color:#116b8d!important;font-weight:400!important;font-variant-numeric:tabular-nums}.main-navbar>.nav-container{width:100%;box-sizing:border-box}.main-navbar .nav-left{margin-right:auto;flex-shrink:0}.main-navbar .nav-right{margin-left:auto;justify-content:flex-end}.main-navbar .theme-switch-wrapper{display:none;margin-left:0}@media (max-width:768px){.main-navbar>.nav-container{padding-right:1rem;padding-left:1rem}}#wave-legend-title{margin:0 0 12px;font-size:19px!important;font-weight:900;text-align:center;color:#17324d}.wave-mini__legend .wave-legend-item{padding:7px 10px!important;font-size:14px!important;line-height:1.25;font-weight:800!important;white-space:nowrap}@media (max-width:720px){.weather-card-modern .wave-mini__legend-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%}.weather-card-modern .wave-legend-item{width:100%;min-width:0;box-sizing:border-box;justify-content:center;padding:7px 5px!important;font-size:13px!important;white-space:nowrap}#wave-legend-title{margin-bottom:10px;font-size:18px!important;text-align:center}}@media (max-width:600px){#forecastTable tbody tr:has(> td[rowspan])>td:nth-child(4),#forecastTable tbody tr:has(> td[rowspan])>td:nth-child(6),#forecastTable tbody tr:not(:has(> td[rowspan]))>td:nth-child(3),#forecastTable tbody tr:not(:has(> td[rowspan]))>td:nth-child(5),#forecastTable thead th:nth-child(4),#forecastTable thead th:nth-child(6){font-weight:900!important}.weather-card-modern .next-tide-summary{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin:.9rem 0 1rem!important;padding-bottom:0!important;border-bottom:0!important}.weather-card-modern .next-tide-item{min-width:0!important;min-height:108px!important;padding:10px 4px!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;text-align:center!important;border-left-width:1px!important}.weather-card-modern .next-tide-label{width:100%;flex:none!important;flex-direction:column;align-items:center;justify-content:center;gap:3px;margin:0!important;font-size:13px!important;line-height:1.5;text-align:center}.weather-card-modern .tide-icon{width:30px;height:30px}.weather-card-modern .next-tide-item strong{width:100%;flex:none!important;font-size:clamp(12px, 3vw, 14px)!important;line-height:1.35;text-align:center!important;white-space:normal;overflow-wrap:anywhere}.weather-card-modern #nextHighTideCountdown{font-size:clamp(11px, 2.7vw, 13px)!important}.weather-card-modern .weather-header:has(+ .next-tide-summary){padding-bottom:12px!important;margin-bottom:14px!important;border-bottom:1px solid rgba(28,126,214,.28)!important}}.stop-line{display:block;margin-bottom:.55rem;font-weight:800;line-height:1.5}.stop-danger{color:#e03131}.stop-warning{color:#f08c00}.stop-port{color:#d97706}.stop-note{display:block;margin-top:.9rem;color:#6c757d;font-size:.92rem;line-height:1.55;font-weight:700}@media (max-width:767px){.night-theme body,body{background-image:url('./圖片/DSC_7113.JPG');background-attachment:fixed}}@media (min-width:768px){#stopConditionCard{position:relative;top:1rem}.night-theme body,body{background-attachment:fixed}.main-navbar{position:fixed;top:0}}.sponsor-card{max-width:600px;margin:1.25rem auto 2rem;padding:1.25rem 1.5rem;box-sizing:border-box;text-align:center;color:#495057;background:rgba(255,255,255,.9);border:1px solid rgba(28,126,214,.16);border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.sponsor-card__label{margin:0 0 .45rem;color:#1c7ed6;font-size:1.15rem;font-weight:800}.sponsor-card__text{margin:0 0 1rem;line-height:1.6}.sponsor-card__button{display:inline-block;padding:.6rem 1.4rem;color:#fff;background:#1c7ed6;border-radius:999px;font-weight:700;text-decoration:none;transition:background-color .2s,transform .2s}.sponsor-card__button:focus-visible,.sponsor-card__button:hover{color:#fff;background:#1864ab;transform:translateY(-2px)}