*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Noto Sans TC,sans-serif;background:linear-gradient(135deg,#0b0f19,#1a1f2e);color:#ffffffe6;padding:20px;min-height:100vh}.container{max-width:1400px;margin:0 auto;animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}h1{text-align:center;margin-bottom:18px;font-size:2.5rem;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:slideDown .8s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.section{padding:12px 0;border-top:1px solid rgba(255,255,255,.1);animation:fadeInUp .6s ease-out backwards}.section:nth-child(1){animation-delay:.1s}.section:nth-child(2){animation-delay:.2s}.section:nth-child(3){animation-delay:.3s}.section:nth-child(4){animation-delay:.4s}.section:nth-child(5){animation-delay:.5s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}.status-card{background:#ffffff08;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#60a5fa1a,#a78bfa1a);opacity:0;transition:opacity .3s ease;z-index:0}.status-card:hover:before{opacity:1}.status-card:hover{transform:translateY(-4px) scale(1.02);border-color:#60a5fa80;box-shadow:0 8px 24px #60a5fa33}.status-card:active{transform:translateY(-2px) scale(1.01)}.status-card>*{position:relative;z-index:1}.status-card.error{border-color:#ef444473}.status-card.error:hover{border-color:#ef4444b3;box-shadow:0 8px 24px #ef444433}.info-row{display:flex;justify-content:space-between;margin:5px 0;animation:slideInRight .4s ease-out backwards}.info-row:nth-child(1){animation-delay:.1s}.info-row:nth-child(2){animation-delay:.15s}.info-row:nth-child(3){animation-delay:.2s}.info-row:nth-child(4){animation-delay:.25s}@keyframes slideInRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.muted{color:#fff9}.reload-btn{margin-top:10px;background:linear-gradient(135deg,#60a5fa33,#a78bfa33);border:1px solid rgba(96,165,250,.4);color:#fff;border-radius:12px;padding:12px 24px;cursor:pointer;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.reload-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.reload-btn:hover:before{width:300px;height:300px}.reload-btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px #60a5fa4d;border-color:#60a5fa99}.reload-btn:active{transform:translateY(0)}.current-host-title{margin:24px 0 12px;padding-bottom:8px;border-bottom:2px solid transparent;background:linear-gradient(90deg,#60a5fa80,#a78bfa80) left bottom no-repeat;background-size:100% 2px;animation:borderGlow 2s ease-in-out infinite}@keyframes borderGlow{0%,to{background-size:100% 2px;opacity:1}50%{background-size:60% 2px;opacity:.7}}.current-host-title h2{margin:0;font-size:18px}.chart-wrap{position:relative;height:230px;animation:scaleIn .6s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.website-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.website-item{border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:14px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInScale .5s ease-out backwards}.website-item:nth-child(1){animation-delay:.05s}.website-item:nth-child(2){animation-delay:.1s}.website-item:nth-child(3){animation-delay:.15s}.website-item:nth-child(4){animation-delay:.2s}.website-item:nth-child(5){animation-delay:.25s}.website-item:nth-child(6){animation-delay:.3s}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.website-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.website-item:hover:before{left:100%}.website-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.website-item.running{border-color:#22c55e73;background:#22c55e0d}.website-item.running:hover{border-color:#22c55eb3;box-shadow:0 4px 12px #22c55e4d}.website-item.stopped{border-color:#ef444473;background:#ef44440d}.website-item.stopped:hover{border-color:#ef4444b3;box-shadow:0 4px 12px #ef44444d}.website-item.warning{border-color:#f59e0b73;background:#f59e0b0d}.website-item.warning:hover{border-color:#f59e0bb3;box-shadow:0 4px 12px #f59e0b4d}.website-item.error{border-color:#a855f773;background:#a855f70d}.website-item.error:hover{border-color:#a855f7b3;box-shadow:0 4px 12px #a855f74d}.website-title{font-weight:700;margin-bottom:6px;position:relative;display:inline-block}.website-title:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,#60a5fa,#a78bfa);transition:width .3s ease}.website-item:hover .website-title:after{width:100%}.website-muted{font-size:12px;color:#ffffffb3;margin-top:4px}.disk-row{border-bottom:1px solid rgba(255,255,255,.1);padding:8px 0;transition:all .3s ease;animation:fadeInLeft .5s ease-out backwards}.disk-row:nth-child(1){animation-delay:.05s}.disk-row:nth-child(2){animation-delay:.1s}.disk-row:nth-child(3){animation-delay:.15s}.disk-row:nth-child(4){animation-delay:.2s}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.disk-row:hover{background:#60a5fa1a;padding-left:8px;border-left:3px solid rgba(96,165,250,.6)}.last-updated{text-align:center;color:#ffffffa6;margin-top:12px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.65}50%{opacity:1}}@media (max-width: 768px){.chart-wrap{height:260px}h1{font-size:2rem}.status-grid{grid-template-columns:1fr}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.loading{animation:shimmer 2s infinite linear;background:linear-gradient(to right,#ffffff0d,#ffffff26,#ffffff0d);background-size:1000px 100%}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#ffffff0d;border-radius:5px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#60a5fa80,#a78bfa80);border-radius:5px;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#60a5facc,#a78bfacc)}