[hidden]{display:none!important}.pc-view{display:flex}.sp-view{display:none!important}.weather-page .hourly-details{max-height:0;overflow:hidden;transition:max-height .4s ease-out;background:#f8f9fa}.weather-page .hourly-details.is-open{max-height:600px}.weather-page .hourly-scroll-wrapper{border-top:1px solid #eee}.weather-page .hourly-details.pc-view .hourly-scroll-wrapper{padding:16px}.sp-chevron{display:inline-block;transition:transform .3s ease}.day-summary-btn[aria-expanded=true] .sp-chevron{transform:rotate(180deg)}.weather-page{max-width:850px;margin:0 auto;padding:20px;font-family:sans-serif}.weather-page .section-title{font-size:1.4rem;margin:40px 0 20px;border-left:6px solid var(--theme-color, #872732);padding-left:12px;font-weight:700}.weather-page .day-group{border-bottom:1px solid #e5e7eb}.weather-page .day-summary-btn.pc-view{width:100%;display:grid;grid-template-columns:.8fr 1.8fr 1.5fr .6fr 1.2fr;align-items:center;padding:12px 16px;background:none;border:none;cursor:pointer;transition:background .2s}.weather-page .day-summary-btn.pc-view:hover{background:#f8f9fa}.weather-page .date-info{text-align:left;font-size:1.1rem;font-weight:700;color:#333}.weather-page .weather-info{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:130px}.weather-page .summary-icon{width:72px;height:72px;display:block;margin:0 auto}.weather-page .summary-icon.moon-only,.weather-page .h-icon img.moon-only{transform:scale(1.5);transform-origin:center;filter:sepia(100%) saturate(400%) hue-rotate(15deg)}.weather-page .condition-text{font-size:.95rem;font-weight:700;color:#1a1a1a}.weather-page .temp-info{display:flex;gap:12px;white-space:nowrap;align-items:center}.weather-page .temp-item{display:flex;align-items:baseline;gap:4px}.weather-page .temp-max{color:#d32f2f!important;font-weight:700}.weather-page .temp-min{color:#1976d2!important;font-weight:700}.weather-page .temp-sep{color:#ccc;font-weight:700}.weather-page .rain-val{font-weight:700;color:#0288d1}.weather-page .hourly-badge{background-color:var(--theme-color, #872732);color:#fff;padding:6px 12px;border-radius:4px;font-size:.85rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap}.weather-page .hourly-scroll-wrapper{width:100%;overflow-x:auto;scrollbar-width:thin;box-sizing:border-box}.weather-page .hourly-table{width:100%;min-width:600px;border-collapse:collapse}.weather-page .hourly-table th{padding:12px 6px;font-size:.85rem;color:#666;border-bottom:1px solid #ccc;text-align:center}.weather-page .hourly-table td{padding:12px 6px;text-align:center;border-bottom:1px solid #eee;vertical-align:middle}.weather-page .h-icon{display:flex;flex-direction:column;align-items:center;gap:6px}.weather-page .h-icon img{width:48px;height:48px}.weather-page .h-condition-text{font-size:.8rem;color:#1a1a1a;font-weight:700}.alert-ticker-container.pc-view{background:#f0f7ff;border:1.5px solid #1fa7db;border-radius:8px;padding:6px 12px;margin-bottom:24px;display:flex;align-items:center;gap:12px;overflow:hidden;box-sizing:border-box}.alert-ticker-label{display:flex;align-items:center;gap:6px;white-space:nowrap;color:#0068b7;font-weight:700}.alert-ticker-window{flex-grow:1;background:#fff;border:1px solid #1fa7db;border-radius:4px;height:32px;display:flex;align-items:center;overflow:hidden;position:relative}.alert-ticker-text{white-space:nowrap;position:absolute;padding-left:100%;animation:ticker 30s linear infinite;font-size:.9rem;color:#c53030;font-weight:700}.alert-ticker-empty{width:100%}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-100%)}}@media(max-width:768px){.pc-view{display:none!important}.sp-view{display:block!important}.weather-page{padding:12px 10px;box-sizing:border-box;width:100%;overflow-x:hidden}.weather-page *{box-sizing:border-box}.alert-ticker-container.sp-view{display:flex!important;flex-direction:column;align-items:stretch;background:#f0f7ff;border:1.5px solid #1fa7db;border-radius:8px;padding:10px 12px;margin-bottom:24px;gap:8px}.sp-view .alert-ticker-label{font-size:1rem;color:#0068b7}.sp-view .alert-ticker-window{background-color:#fff;border:1px solid #1fa7db;border-radius:4px;height:38px;width:100%}.sp-view .alert-ticker-text{color:#c53030}.weather-page .day-summary-btn.sp-view{width:100%;display:grid!important;grid-template-columns:auto 1fr auto;grid-template-areas:"date icon temp" "date icon rain" "badge badge badge";padding:16px 10px;gap:8px 10px;background:none;border:none;cursor:pointer}.sp-view .date-info{grid-area:date;text-align:left;width:100%}.sp-view .date-text{font-size:1.1rem}.sp-view .day-name{font-size:.9rem;color:#666}.sp-view .weather-info{grid-area:icon;display:flex;align-items:center;justify-content:center;width:100%;min-width:auto}.sp-view .summary-icon{margin:0;width:64px;height:64px}.sp-view .temp-info{grid-area:temp;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;width:100%;margin:0;gap:6px}.sp-view .temp-sep{font-size:1.2rem;color:#ccc;margin:0 2px}.sp-view .temp-max{font-size:1.2rem;color:#d32f2f;font-weight:700}.sp-view .temp-min{font-size:1.2rem;color:#1976d2;font-weight:700}.sp-view .rain-info{grid-area:rain;display:flex;justify-content:flex-end;align-items:center;width:100%;margin:0;font-size:.95rem}.sp-view .badge-wrapper{grid-area:badge;width:100%;margin-top:10px}.sp-view .hourly-badge.sp-btn{width:100%;display:flex;justify-content:center;padding:10px;font-size:1rem;border-radius:8px;background-color:#fff;color:var(--theme-color, #872732);border:1.5px solid var(--theme-color, #872732)}.weather-page .hourly-details.sp-view .hourly-scroll-wrapper{padding:16px 10px}.weather-page .hourly-details.sp-view{background:#f8f9fa;padding:0!important;border:none!important}.sp-view .hourly-flex-container{display:flex;gap:10px;padding-bottom:8px}.sp-view .hourly-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:10px 6px;min-width:85px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;box-shadow:0 2px 4px #00000005}.sp-view .h-time{font-weight:700;font-size:.95rem;color:#333;border-bottom:1px solid #eee;width:100%;padding-bottom:4px}.sp-view .h-icon img{width:40px;height:40px}.sp-view .h-condition-text{font-size:.8rem;color:#555;font-weight:700;height:2.4em;display:flex;align-items:center;justify-content:center}.sp-view .h-temp{font-size:1.1rem;font-weight:700;color:#1a1a1a;margin:4px 0}.sp-view .h-detail-item{font-size:.85rem;color:#666;display:flex;align-items:center;justify-content:center;gap:4px}}