:root{--status-green:#10b981;--status-amber:#f59e0b;--status-red:#ef4444;--status-gray:#9ca3af;--text-primary:#111827;--text-secondary:#6b7280;--border-color:#e5e7eb;--bg-primary:#ffffff;--bg-secondary:#f9fafb}[data-theme="dark"] .status-page{--text-primary:var(--v2-text-primary,#f9fafb);--text-secondary:var(--v2-text-muted,#9ca3af);--border-color:var(--v2-border,#374151);--bg-primary:var(--v2-bg-primary,#0f172a);--bg-secondary:var(--v2-bg-secondary,#1e293b)}[data-theme="dark"] .status-page{background:var(--bg-primary) !important}[data-theme="dark"] .status-page .breadcrumb{background:transparent}[data-theme="dark"] .status-page .breadcrumb-item a{color:var(--v2-primary,#0ea5e9)}[data-theme="dark"] .status-page .breadcrumb-item.active{color:var(--text-secondary)}[data-theme="dark"] .status-page .breadcrumb-item + .breadcrumb-item::before{color:var(--text-secondary)}.status-page{max-width:800px;margin:0 auto;padding:24px 16px;background:var(--bg-primary);min-height:calc(100vh - 200px)}.status-banner{text-align:center;padding:48px 24px;margin-bottom:48px}.status-banner .status-icon{width:72px;height:72px;border-radius:50%;background:<?= $status_color ?>;color:white;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-size:32px;font-weight:bold;box-shadow:0 4px 24px <?= $status_color ?>40}.status-banner h1{font-size:2rem;font-weight:600;color:var(--text-primary);margin-bottom:12px}.status-banner .status-sub{color:var(--text-secondary);font-size:1.125rem;margin-bottom:16px}.status-banner .updated-time{color:var(--text-secondary);font-size:0.875rem}.service-group{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:16px;overflow:hidden}.service-group-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;cursor:pointer;transition:background 0.15s}.service-group-header:hover{background:var(--bg-secondary)}.service-group-title{display:flex;align-items:center;gap:12px}.service-group-title h2{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.service-group-title .component-count{font-size:0.8rem;color:var(--text-secondary);font-weight:400}.service-group-uptime{display:flex;align-items:center;gap:8px}.uptime-percentage{font-size:0.875rem;font-weight:600;color:var(--status-green)}.uptime-percentage.warning{color:var(--status-amber)}.uptime-percentage.error{color:var(--status-red)}.uptime-label{font-size:0.8rem;color:var(--text-secondary)}.expand-icon{color:var(--text-secondary);transition:transform 0.2s}.service-group.expanded .expand-icon{transform:rotate(180deg)}.uptime-bar-container{padding:0 24px 20px}.uptime-bar{display:flex;gap:2px;height:32px}.uptime-bar .day{flex:1;background:var(--status-green);border-radius:2px;cursor:pointer;transition:transform 0.1s,opacity 0.1s;min-width:0}.uptime-bar .day:hover{transform:scaleY(1.1);opacity:0.85}.uptime-bar .day.warning{background:var(--status-amber)}.uptime-bar .day.error{background:var(--status-red)}.uptime-bar-labels{display:flex;justify-content:space-between;margin-top:8px;font-size:0.75rem;color:var(--text-secondary)}.service-components{border-top:1px solid var(--border-color);display:none}.service-group.expanded .service-components{display:block}.component-item{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--border-color)}.component-item:last-child{border-bottom:none}.component-name{font-size:0.875rem;color:var(--text-primary)}.component-status{display:flex;align-items:center;gap:8px;font-size:0.875rem;color:var(--text-secondary)}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--status-green)}.status-dot.warning{background:var(--status-amber)}.status-dot.error{background:var(--status-red)}.status-dot.gray{background:var(--status-gray)}.channel-stats{display:flex;gap:12px;flex-wrap:wrap}.channel-stat{display:flex;align-items:center;gap:6px;font-size:0.8rem;color:var(--text-secondary);padding:4px 10px;background:var(--bg-secondary);border-radius:16px}.channel-stat .stat-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.channel-stat .stat-dot.green{background:var(--status-green)}.channel-stat .stat-dot.blue{background:#3b82f6}.channel-stat .stat-dot.yellow{background:var(--status-amber)}.channel-stat .stat-dot.orange{background:#f97316}.channel-stat .stat-dot.red{background:var(--status-red)}.channel-stat .stat-dot.gray{background:var(--status-gray)}.channel-stat .count{font-weight:600;color:var(--text-primary)}.service-group-status{display:flex;align-items:center;gap:8px;margin-right:12px}.service-group-status .status-dot{width:12px;height:12px}.chart-container{padding:20px 24px}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.chart-header h3{font-size:0.875rem;font-weight:600;color:var(--text-primary);margin:0}.chart-period{font-size:0.8rem;color:var(--text-secondary)}.activity-chart{display:flex;align-items:flex-end;gap:4px;height:64px}.activity-bar{flex:1;background:var(--status-green);border-radius:3px;cursor:pointer;transition:opacity 0.15s;position:relative;min-width:0}.activity-bar:hover{opacity:0.8}.activity-bar.warning{background:var(--status-amber)}.chart-labels{display:flex;justify-content:space-between;margin-top:8px;font-size:0.7rem;color:var(--text-secondary)}.status-footer{text-align:center;padding:48px 24px;color:var(--text-secondary)}.status-footer p{font-size:0.8rem;margin-bottom:16px}.status-faq{margin-top:32px;padding:24px;background:var(--bg-secondary);border-radius:12px}.status-faq h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:16px}.faq-item{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.faq-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.faq-item h3{font-size:0.95rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.faq-item p{font-size:0.875rem;color:var(--text-secondary);margin:0;line-height:1.5}.tooltip{position:fixed;background:#1f2937;color:white;padding:10px 14px;border-radius:8px;font-size:0.8rem;pointer-events:none;opacity:0;transition:opacity 0.15s;z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,0.2)}.tooltip.visible{opacity:1}.tooltip .date{font-weight:600;margin-bottom:4px}.tooltip .stat-row{display:flex;justify-content:space-between;gap:24px;margin-top:2px}.tooltip .stat-label{color:#9ca3af}@media (max-width:640px){.status-page{padding:16px}.status-banner{padding:32px 16px}.status-banner h1{font-size:1.5rem}.service-group-header{padding:16px}.component-item{padding:12px 16px}.channel-stats{gap:8px}.uptime-bar-container{padding:0 16px 16px}}[data-theme="dark"] .status-page .expand-icon{color:var(--text-secondary)}[data-theme="dark"] .status-page .service-group{background:var(--bg-primary);border-color:var(--border-color)}[data-theme="dark"] .status-page .service-group-header:hover{background:var(--bg-secondary)}[data-theme="dark"] .status-page .service-components{border-color:var(--border-color)}[data-theme="dark"] .status-page .component-item{border-color:var(--border-color)}[data-theme="dark"] .status-page .channel-stat{background:var(--bg-secondary);color:var(--text-secondary)}[data-theme="dark"] .status-page .channel-stat .count{color:var(--text-primary)}[data-theme="dark"] .status-page .status-faq{background:#1e293b !important}[data-theme="dark"] .status-page .status-faq h2{color:#f9fafb !important}[data-theme="dark"] .status-page .faq-item{background:transparent !important;border-color:#374151 !important}[data-theme="dark"] .status-page .faq-item h3{color:#f9fafb !important}[data-theme="dark"] .status-page .faq-item p{color:#94a3b8 !important}[data-theme="dark"] .status-faq,[data-theme="dark"] .status-faq h2,[data-theme="dark"] .status-faq .faq-item,[data-theme="dark"] .status-faq .faq-item h3,[data-theme="dark"] .status-faq .faq-item p{background:#1e293b;color:#e2e8f0 !important}[data-theme="dark"] .status-faq .faq-item{background:transparent !important}[data-theme="dark"] .status-page .tooltip{background:#374151;color:#f9fafb}[data-theme="dark"] .status-page .tooltip .stat-label{color:#9ca3af}