.zb-wrap{padding:10px 0 30px;}
.zb-filter{margin:0 0 16px;padding-bottom:10px;border-bottom:1px solid #eee;}
.zb-filter a{display:inline-block;margin:0 10px 8px 0;padding:6px 14px;border:1px solid #ddd;border-radius:3px;color:#333;font-size:14px;}
.zb-filter a.on,.zb-filter a:hover{background:#1a7f4f;border-color:#1a7f4f;color:#fff;}
.zb-day{margin:18px 0 8px;padding-left:10px;border-left:3px solid #1a7f4f;font-size:16px;color:#222;}
.zb-list{list-style:none;margin:0;padding:0;}
.zb-list li{display:flex;align-items:center;flex-wrap:wrap;padding:12px 8px;border-bottom:1px dashed #e5e5e5;gap:8px;}
.zb-time{width:56px;font-size:16px;font-weight:bold;color:#111;}
.zb-meta{width:160px;font-size:13px;color:#888;}
.zb-cat{display:block;color:#1a7f4f;}
.zb-vs{flex:1;min-width:200px;font-size:16px;color:#222;}
.zb-vs em{margin:0 10px;color:#999;font-style:normal;font-size:13px;}
.zb-status{min-width:72px;text-align:center;padding:4px 10px;border-radius:3px;font-size:13px;}
.zb-status.is-wait{background:#f3f3f3;color:#666;}
.zb-status.is-live{background:#e23c3c;color:#fff;}
.zb-status.is-over{background:#eee;color:#999;}
.zb-empty{padding:40px 0;text-align:center;color:#888;}
.zb-crumb{margin:10px 0 16px;color:#888;font-size:13px;}
.zb-match h1{font-size:22px;margin:0 0 16px;}
.zb-board{display:flex;align-items:center;justify-content:space-between;background:#f7f8f5;padding:24px 16px;margin-bottom:20px;}
.zb-team{flex:1;text-align:center;font-size:20px;font-weight:bold;}
.zb-mid{width:220px;text-align:center;color:#666;}
.zb-mid span{display:inline-block;padding:4px 10px;margin-bottom:8px;}
.zb-box{background:#fff;border:1px solid #eee;padding:16px;}
.zb-box h2{font-size:16px;margin:0 0 10px;}
.zb-tip{color:#666;line-height:1.7;}
.zb-btn{display:inline-block;margin-top:8px;padding:8px 18px;background:#1a7f4f;color:#fff!important;}
.zb-admin{max-width:980px;margin:20px auto;font-family:sans-serif;}
.zb-login{max-width:360px;margin:80px auto;padding:24px;border:1px solid #ddd;}
.zb-login input,.zb-form input,.zb-form select,.zb-form textarea{width:70%;padding:6px 8px;margin:6px 0;}
.zb-form label{display:inline-block;width:90px;}
.zb-table{width:100%;border-collapse:collapse;margin-top:20px;font-size:13px;}
.zb-table th,.zb-table td{border:1px solid #e5e5e5;padding:6px 8px;}
.zb-ok{color:#1a7f4f;}
.zb-err{color:#c00;}
@media(max-width:768px){
  .zb-list li{display:block;}
  .zb-time,.zb-meta,.zb-vs{width:auto;display:inline-block;margin-right:8px;}
  .zb-board{flex-direction:column;gap:10px;}
  .zb-mid{width:auto;}
}