*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);color:#2c2c2c;min-height:100vh;line-height:1.6}.hero{text-align:center;padding:80px 20px 60px;color:#fff}.title{font-size:3rem;font-weight:700;letter-spacing:2px;margin-bottom:12px;text-shadow:0 2px 8px rgba(0,0,0,.15)}.subtitle{font-size:1.1rem;opacity:.9;margin-bottom:16px}.clock{font-family:SF Mono,Monaco,Consolas,monospace;font-size:1rem;opacity:.85}.container{max-width:960px;margin:0 auto;padding:0 20px 40px}.status-card,.links{background:#fff;border-radius:16px;padding:28px;margin-bottom:24px;box-shadow:0 10px 30px #0000001f}h2{font-size:1.3rem;margin-bottom:16px;color:#333}.status-row{display:flex;align-items:center;gap:12px}.dot{width:12px;height:12px;border-radius:50%;background:#d1d5db;transition:background .3s}.dot.online{background:#22c55e;box-shadow:0 0 8px #22c55e99}.btn{margin-left:auto;padding:6px 16px;border:none;border-radius:8px;background:#667eea;color:#fff;cursor:pointer;font-size:.9rem;transition:background .2s}.btn:hover{background:#5568d3}.uptime{margin-top:8px;color:#666;font-size:.9rem}.link-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.link-card{display:flex;align-items:center;gap:14px;padding:16px;border-radius:12px;background:#f7f8fc;text-decoration:none;color:#333;transition:transform .2s,box-shadow .2s}.link-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px #667eea40}.link-icon{font-size:2rem}.link-name{font-weight:600}.link-desc{font-size:.85rem;color:#777}.footer{text-align:center;padding:20px;color:#ffffffd9;font-size:.9rem}@media(max-width:600px){.title{font-size:2rem}.hero{padding:50px 20px 40px}}