#monitoring-container.monitoring-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important;gap:20px!important;max-width:1800px!important;margin:0 auto!important;width:100%!important}@media(min-width:640px){#monitoring-container.monitoring-grid{grid-template-columns:repeat(2,1fr)!important}}@media(min-width:1024px){#monitoring-container.monitoring-grid{grid-template-columns:repeat(3,1fr)!important}}@media(min-width:1280px){#monitoring-container.monitoring-grid{grid-template-columns:repeat(4,1fr)!important}}@media(min-width:1600px){#monitoring-container.monitoring-grid{grid-template-columns:repeat(5,1fr)!important}}#monitoring-container .loading-message,#monitoring-container .none-message,#monitoring-container .error-message{grid-column:1 / -1;padding:40px;text-align:center;border-radius:12px;background:var(--bg-color, #fff);color:var(--text-color, #333);box-shadow:0 2px 8px #0000000a}#monitoring-container .error-message{color:#ff4d4f;background:#fff1f0;border:1px solid #ffccc7}#monitoring-container .monitor-item{display:flex;flex-direction:column;background:var(--bg-color, #fff);border-radius:12px;padding:16px;box-shadow:0 4px 12px #00000014;transition:transform .2s ease,box-shadow .2s ease;overflow:hidden;border:1px solid var(--button-border-color, #e5e5e5);position:relative;min-width:0}#monitoring-container .monitor-item.status-available{border-top:4px solid #52c41a}#monitoring-container .monitor-item.status-unavailable{border-top:4px solid #ff4d4f;background:#fff1f0}#monitoring-container .monitor-item:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001f}#monitoring-container .site-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:10px}#monitoring-container .site-header-left{display:flex;align-items:center;overflow:hidden;flex:1;min-width:0}#monitoring-container .site-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;margin-right:12px;background:var(--button-hover-color, #f0f0f0);flex-shrink:0;border:1px solid var(--button-border-color, #e5e5e5)}#monitoring-container .site-avatar img{width:100%;height:100%;object-fit:cover;display:block}#monitoring-container .site-meta{display:flex;flex-direction:column;overflow:hidden;flex:1;min-width:0}#monitoring-container .site-title{font-size:16px;font-weight:600;color:var(--text-color, #333);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}#monitoring-container .site-url{font-size:12px;color:var(--text-color-50, #888);text-decoration:none;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}#monitoring-container .site-url:hover{color:var(--link-color, #1890ff)}#monitoring-container .site-header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}#monitoring-container .history-btn{background:transparent;border:none;cursor:pointer;padding:8px;border-radius:50%;color:var(--text-color-50, #888);display:flex;align-items:center;justify-content:center;transition:all .2s}#monitoring-container .history-btn:hover{background:var(--button-hover-color, #f0f0f0);color:var(--link-color, #1890ff)}#monitoring-container .site-screenshot{width:100%;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;background:var(--button-hover-color, #f0f0f0);border:1px solid var(--button-border-color, #e5e5e5);margin-bottom:12px}#monitoring-container .site-screenshot img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .5s ease;display:block}#monitoring-container .monitor-item:hover .site-screenshot img{transform:scale(1.05)}#monitoring-container .daily-status-container{height:12px;margin-top:12px;display:flex;gap:1px;background:var(--button-hover-color, #f0f0f0);border-radius:6px;overflow:hidden}#monitoring-container .daily-status-loading{width:100%;height:100%;background:linear-gradient(90deg,var(--button-hover-color, #f0f0f0) 25%,var(--button-border-color, #e5e5e5) 50%,var(--button-hover-color, #f0f0f0) 75%);background-size:200% 100%;animation:monitoring-loading 1.5s infinite}@keyframes monitoring-loading{0%{background-position:200% 0}to{background-position:-200% 0}}#monitoring-container .daily-status-item{flex:1;height:100%;position:relative;cursor:pointer;transition:opacity .2s;min-width:2px}#monitoring-container .daily-status-item:hover{opacity:.8}#monitoring-container .daily-status-item.status-success{background:#52c41a}#monitoring-container .daily-status-item.status-partial{background:#faad14}#monitoring-container .daily-status-item.status-fail{background:#ff4d4f}#monitoring-container .daily-status-item.status-none{background:var(--button-border-color, #e5e5e5)}#monitoring-container .daily-status-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000000d9;color:#fff;padding:6px 10px;border-radius:4px;font-size:11px;line-height:1.4;white-space:nowrap;display:none;z-index:100;margin-bottom:6px;pointer-events:none}#monitoring-container .daily-status-tooltip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-4px;border-width:4px;border-style:solid;border-color:rgba(0,0,0,.85) transparent transparent transparent}#monitoring-container .daily-status-item:hover .daily-status-tooltip{display:block}.history-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:9999;justify-content:center;align-items:center;backdrop-filter:blur(2px)}.history-modal.active{display:flex!important}.history-modal-content{background:var(--card-color, #fff);width:90%;max-width:600px;max-height:85vh;border-radius:16px;box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;overflow:hidden}.history-modal-header{padding:16px 24px;border-bottom:1px solid var(--button-border-color, #e5e5e5);display:flex;justify-content:space-between;align-items:center}.history-modal-title{font-size:18px;font-weight:700;color:var(--text-color, #333)}.history-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-color-50, #888);transition:color .2s;padding:4px;line-height:1}.history-modal-close:hover{color:var(--text-color, #333)}.history-modal-body{padding:0;overflow-y:auto;flex:1}.history-list{list-style:none;padding:0;margin:0}.history-section-title{padding:10px 24px;font-size:12px;font-weight:600;color:var(--text-color-50, #888);background:var(--button-hover-color, #f5f5f5);border-bottom:1px solid var(--button-border-color, #e5e5e5);text-transform:uppercase;letter-spacing:.5px}.history-item{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;border-bottom:1px solid var(--button-border-color, #e5e5e5);font-size:14px;color:var(--text-color, #333)}.history-item.history-monthly{border-left:4px solid var(--link-color, #1890ff);background:#1890ff05}.history-item.success{border-left:4px solid #52c41a}.history-item.warning{border-left:4px solid #faad14}.history-item.fail{border-left:4px solid #ff4d4f;background:#ff4d4f05}.history-time{color:var(--text-color-70, #666);font-family:monospace;margin-right:15px}.history-status{font-weight:600;flex:2;margin-right:15px}.history-meta{color:var(--text-color-50, #888);font-size:12px;flex:1;text-align:right}.progress-bar-bg{width:100%;height:8px;background:var(--button-hover-color, #f0f0f0);border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:4px;transition:width .3s ease}html[data-theme=dark] #monitoring-container .monitor-item{background:var(--bg-color, #0a0a0a)!important;border-color:var(--button-border-color, #3d3d3d)!important}html[data-theme=dark] #monitoring-container .monitor-item.status-unavailable{background:#a61d2426!important;border-top-color:#d32029!important}html[data-theme=dark] #monitoring-container .site-title{color:var(--text-color, #fff)!important}html[data-theme=dark] #monitoring-container .site-url{color:var(--text-color-50, #b5b5b5)!important}html[data-theme=dark] #monitoring-container .site-avatar{background:var(--button-hover-color, #262626)!important}html[data-theme=dark] #monitoring-container .history-btn{color:var(--text-color-50, #b5b5b5)!important}html[data-theme=dark] #monitoring-container .history-btn:hover{background:var(--button-hover-color, #262626)!important;color:var(--link-color, #57ace7)!important}html[data-theme=dark] #monitoring-container .site-screenshot{background:var(--button-hover-color, #262626)!important;border-color:var(--button-border-color, #3d3d3d)!important}html[data-theme=dark] #monitoring-container .daily-status-container{background:var(--button-hover-color, #262626)!important}html[data-theme=dark] #monitoring-container .daily-status-item.status-none{background:var(--button-border-color, #3d3d3d)!important}html[data-theme=dark] .history-modal-content{background:var(--bg-color, #0a0a0a)!important}html[data-theme=dark] .history-modal-header{background:var(--bg-color, #0a0a0a)!important;border-bottom-color:var(--button-border-color, #3d3d3d)!important}html[data-theme=dark] .history-modal-title{color:var(--text-color, #fff)!important}html[data-theme=dark] .history-modal-body,html[data-theme=dark] .history-list{background:var(--bg-color, #0a0a0a)!important}html[data-theme=dark] .history-section-title{background:var(--button-hover-color, #262626)!important;color:var(--text-color-50, #b5b5b5)!important;border-bottom-color:var(--button-border-color, #3d3d3d)!important}html[data-theme=dark] .history-item{background:var(--bg-color, #0a0a0a)!important;border-bottom-color:var(--button-border-color, #3d3d3d)!important;color:var(--text-color, #fff)!important}html[data-theme=dark] .history-time{color:var(--text-color-50, #b5b5b5)!important}html[data-theme=dark] .history-status{color:var(--text-color, #fff)!important}html[data-theme=dark] .history-meta{color:var(--text-color-50, #b5b5b5)!important}html[data-theme=dark] .progress-bar-bg{background:var(--button-hover-color, #262626)!important}html[data-theme=dark] .history-modal-close{color:var(--text-color-50, #b5b5b5)!important}html[data-theme=dark] .history-modal-close:hover{color:var(--text-color, #fff)!important}html[data-theme=dark] .history-item.history-monthly{background:#57ace70d!important}html[data-theme=dark] .history-item.success{border-left-color:#52c41a!important}html[data-theme=dark] .history-item.fail{background:#ff4d4f0d!important}