.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vue:hover{filter:drop-shadow(0 0 2em #42b883aa)}#app{min-height:100vh;width:100%}:root{--bg-page: #eef3f9;--bg-surface: #ffffff;--bg-surface-soft: #f8fbff;--text-primary: #111827;--text-muted: #64748b;--brand-500: #2563eb;--brand-600: #1d4ed8;--danger-500: #dc2626;--border-color: #dbe4ef;--shadow-sm: 0 4px 14px rgba(15, 23, 42, .06);--shadow-md: 0 10px 26px rgba(15, 23, 42, .1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--space-1: 8px;--space-2: 12px;--space-3: 16px;--space-4: 20px;--space-5: 24px;font-family:PingFang SC,Microsoft YaHei,Segoe UI,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0;padding:0}body{min-width:320px;color:var(--text-primary);background:radial-gradient(circle at top right,#dbeafe 0%,transparent 34%),radial-gradient(circle at top left,#e2e8f0 0%,transparent 30%),var(--bg-page)}a{color:var(--brand-500);text-decoration:none}a:hover{color:var(--brand-600)}.page-shell,.page-container{width:min(100%,1200px);margin:0 auto;padding:var(--space-5) var(--space-3);border-radius:var(--radius-lg);background:linear-gradient(180deg,#fafdff,#f3f8ff);box-shadow:var(--shadow-sm)}.page-title{margin:0 0 var(--space-3);text-align:center;font-size:2rem;font-weight:700;color:#0f172a}.page-description{margin:-4px 0 var(--space-4);text-align:center;color:var(--text-muted)}.app-status{text-align:center;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-3)}.app-status.is-loading{color:#1d4ed8;background:#eaf1ff}.app-status.is-error{color:#b91c1c;background:#feefef}.app-status.is-empty{color:#475569;background:#eef2f7}.app-panel{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-4)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.kpi-card{padding:var(--space-3);border-radius:var(--radius-md);background:linear-gradient(160deg,#eff6ff,#fff);border:1px solid #d6e5ff}.kpi-label{margin:0 0 4px;font-size:12px;color:var(--text-muted)}.kpi-value{margin:0;font-size:24px;font-weight:700;color:#0f172a}.room-link,.app-link{color:var(--brand-500);text-decoration:none}.room-link:hover,.app-link:hover{color:var(--brand-600);text-decoration:underline}