h1,h2{color:var(--primary)}.card-group,.tag-row{justify-content:center}.alert-message,.sub,.temp-now{font-weight:700}.activity-name,.tag,th{white-space:nowrap}.forecast-table-container table,.tide-table{border-collapse:collapse;table-layout:fixed}#visitor-count,.activity-grid,.footer,.info-box,.legend-chip,.no-data,.play-title,.suggestion-card,.tide-table td,.tide-table th,table td,table th{text-align:center}:root,html{--primary:#1c7ed6;--danger:#e03131;--bg:#f8f9fa;--card:#ffffff;--text:#343a40}body{font-family:"Segoe UI",sans-serif;background-image:url('./圖片/IMG_1215.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}.main-navbar,nav{position:fixed;width:100%;top:0}h1{font-size:1.8rem;margin-bottom:.5rem}h2{font-size:1.5rem;margin:1.5rem 0 1rem}.sub{color:var(--danger);margin-bottom:1.2rem;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-left:auto;margin-right:.5rem}.weather-card-left{background:rgba(255,255,255,.75);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;align-items:stretch;gap:1.5rem;flex-wrap:wrap;display:flex;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%;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;vertical-align:middle;font-size:.72rem;line-height:1.05}th{background-color:#e3f2fd;color:#1971c2}.no-data{padding:1rem;color:#495057}.footer{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;margin-bottom:1rem;font-size:.95rem;display:none}@media (max-width:76px){.card,body{padding:1rem}.card{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)}.suggestion-card button,.tag{transition:background-color .2s}.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:#ffffffb7;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}.nav-right,.weather-temp{display:flex;align-items:center}#playInfo,.activity-grid,.weather-details{display:grid;display:grid}.temp-now{font-size:2.5rem;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{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{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:1rem;margin-top:1rem}.activity-item,.tag-row{display:flex;display:flex}.status-green,.tag-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}.tag-row{flex-wrap:wrap;gap:.4rem 1rem;flex-wrap:wrap;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);letter-spacing:.5px}.tag-orange{background-color:#ffe8cc;color:#f08c00}.tag-red{background-color:#ffe3e3;color:#d6336c}.tag-white{background-color:#dee2e6;color:#495057}#playInfo{grid-template-columns:repeat(6,1fr);justify-content:center}.activity-item{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}.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}.info-box{margin-top:1rem;font-size:.9rem;color:#495057;line-height:1.6}.day-theme{background:linear-gradient(to bottom,#a0d8f1,#fff);color:#212529}.night-theme{background:linear-gradient(to bottom,#0b1d36,#1a1a2e);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}@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}}.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}.nav-container,nav .nav-left{margin-right:auto}.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}.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;gap:1rem;margin-bottom:2rem}.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)}nav{display:flex;align-items:center;justify-content:space-between;background-color:rgba(10,109,202,.7);padding:.2rem 2rem .8rem;z-index:1000}nav .nav-left img{height:50px}.nav-right a,nav .nav-right a{color:#fff;text-decoration:none;margin-left:1.5rem;font-weight:700;font-size:1rem;transition:color .3s}.nav-right a:hover,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}.main-navbar{background-color:rgba(10,109,202,.7);padding:.2rem 1.5rem;z-index:9999;box-shadow:0 2px 6px rgba(0,0,0,.2)}.nav-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;padding:0 2rem;margin-left:0}.nav-left .logo{height:50px;display:block}body{padding-top:65px}@media (min-width:768px) and (max-width:1200px){.card{max-width:none!important;margin:0 auto 2rem!important}.weather-card-left{margin-left:0!important;margin-right:0!important}#stopConditionCard,.video-container,.weather-card-modern{width:92vw;max-width:820px;margin:1rem auto!important;box-sizing:border-box}.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;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}.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%;background:#fff;border-radius:14px;overflow:hidden}.tide-table td,.tide-table th{border:1px solid #dee2e6;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}}