.main-header{position:fixed;max-width:730px;margin-right:auto;margin-left:auto;top:0;left:0;right:0;z-index:1000;background:linear-gradient(135deg,#1a1a1a,#d00);padding:5px 0;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px rgb(0 0 0 / .2)}.logo-container{display:flex;align-items:center;gap:10px;padding:0 15px}.logo-container img{height:36px;width:auto}.logo-text{color:#fff;font-weight:700;font-size:1.3rem;text-shadow:1px 1px 3px rgb(0 0 0 / .3)}.reload-btn{background:rgb(255 255 255 / .1);border:1px solid rgb(255 255 255 / .3);color:#fff;padding:8px 15px;border-radius:20px;font-size:12px;cursor:pointer;transition:all 0.3s;display:flex;align-items:center;gap:5px;margin:0 15px}.reload-btn:hover{background:rgb(255 255 255 / .2)}.reload-btn i{font-size:14px}
.simple-match{margin-bottom:15px;padding:10px;border-bottom:1px solid #eee}.match-info{display:flex;justify-content:space-between;margin-bottom:8px}.vs-match{font-weight:700}.match-time{color:#d00;font-weight:700}.channel-buttons{display:flex;gap:8px}.ch-btn{padding:5px 10px;background:#f0f0f0;border:1px solid #ddd;border-radius:4px;font-size:12px;cursor:pointer;transition:all 0.2s;display:inline-flex;align-items:center}.ch-btn:hover{background:#d00;color:#fff;border-color:#b00}.ch-btn a{text-decoration:none;color:inherit;display:block;width:100%;height:100%}.match-date{font-weight:700;padding:10px 0;color:#333;border-bottom:1px solid #ddd;margin-bottom:10px}
#wrapper{width:730px;margin-right:auto;margin-left:auto}#contents{padding-top:60px}@media screen and (max-width:800px){#wrapper{width:auto}#contents{width:100%}#main{width:auto;padding:5px;float:none}#footer{width:100%}img,iframe,embed,object{max-width:100%}}@media screen and (max-width:600px){#wrapper{width:auto;padding:0}}}