ul, li{ margin: 0; padding: 0; list-style-type: none;  }
a{ text-decoration: none; color: #000; }
a:hover{ color: #09f; }
.header{ border-bottom: 1px solid #e8e8e8; padding: 5px 0; }
.logo{ margin: 0 auto; text-align: center; }
.logo img{ width: 100px}
.crumbs{ margin: 0 auto; padding: 10px 0 10px 20px; font-size: 12px; color: #333 }
.crumbs a{ font-size: 12px; color: #333}

  
    body { font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif; line-height: 1.6; color: #333; }
    a { text-decoration: none; color: inherit; }
    ul { list-style: none; }

              table {
    width: 100%;
    border-collapse: collapse;
    font-family: Arial, sans-serif;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  }
  th, td {
    padding: 10px;
    text-align: center;
    border: 1px solid #ddd;
  }
  th {
    background-color: #647188;
    color: white;
    font-weight: bold;
    font-size: 14px;
  }
  td {
    background-color: #f9f9f9;
  }
  tr:nth-child(even) td {
    background-color: #f2f2f2;
  }
  tr:hover td {
    background-color: #f1f1f1;
  }
  .first {
    background-color: #e8f5e9;
  }
  .last_season {
    background-color: #ffe0b2;
    font-size: 13px;
    color: #666;
  }
  .last_season th{ font-weight: normal; }
  .one, .two, .three, .four, .five, .six, .senven, .eight, .nine, .ten, .eleven, .twelve, .thirteen, .fourteen, .fifteen {
      display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #4361ee;
  color: white;
  font-weight: normal;
  margin-right: 6px;
  font-size: 13px;
  }
.two, .three, .four, .five, .six {
  background-color: rgba(0, 153, 255, 0.78);
  }
.senven, .eight, .nine, .ten {
  background-color: rgba(0, 153, 255, 0.36);
  }
.eleven, .twelve, .thirteen, .fourteen, .fifteen {
  background-color: rgba(0, 153, 255, 0.16);
  }
  .home_away, .road, .conference, .division {
    font-weight: normal;
    color: #333;
  }
  .streak {
    color: #d32f2f;
    font-weight: bold;
  }
  .ls_rank {
    font-style: italic;
    border-top: 1px solid #647188;
    vertical-align: top; padding-top: 0;
  }
  .first th, .second th, .third th, .fourth th, .fifth th, .sixth th, .seventh th, .eighth th, .ninth th, .tenth th, .eleventh th, .twelfth th, .thirteenth th, .fourteenth th, .fifteenth th{ border-bottom: 1px solid #647188;}
  span.pct{ font-size:13px; }
.nba_standing{ margin-bottom:40px; }
.intro, .bot{ background:#e0e0e0; border-radius:20px; padding:20px 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); margin-bottom:20px; }
.intro p, .bot p{ line-height:36px; }
H4.standings{ border-bottom:2px solid #e0e0e0; padding-bottom:5px; }
H4.standings span{ border-bottom:3px solid #09f; padding-bottom:7px; }
p.o_vs_o{ line-height:36px; }
H2.standings{ border-left:6px solid #09f; border-radius:10px; margin:0 0 10px 0; padding-left:5px; }

    .container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 1rem; }
    .header { position: sticky; top: 0; width: 100%; background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); z-index: 100; }
    .header-inner { display: flex; align-items: center; justify-content: space-between; height: 64px; }
    .logo { display: flex; align-items: center; gap: 0.5rem; float:left; }
    .logo img { width: 40px; height: 40px; border-radius: 4px; }
    .logo-text { font-size: 1.25rem; font-weight: bold; }
    .nav { display: flex; margin: 0; padding: 0; }
    .nav li a{ color: #09f;}
    .nav-list { display: flex; gap: 1.5rem; margin: 0; padding: 0; }
    .nav-item a { font-size: 0.875rem; font-weight: bold; color: #09f; border-bottom:2px solid #fff; transition: color 0.2s; padding: 0; margin: 0;}
    .nav-item a:hover { color: #333; border-bottom:2px solid #999; }
    .nav-item a.active { color: #1a73e8; font-weight: 600; }
    .menu-toggle { display: none; }
    .menu-icon { width: 24px; height: 20px; position: relative; cursor: pointer; display: none; flex-direction: column; justify-content: space-between; margin-right: 40px; }
    .menu-icon span { display: block; height: 2px; width: 100%; background-color: #333; transition: all 0.3s; }

    @media (max-width: 768px) { .menu-icon {   display: flex;   z-index: 110; }
      .nav { position: fixed;   top: 0;   left: 0;   width: 250px;   height: 100vh;   background-color: #fff;   box-shadow: 2px 0 8px rgba(0, 0, 0, 0.1);   padding: 5rem 1.5rem 1.5rem;   transform: translateX(-100%);   transition: transform 0.3s ease;   z-index: 100; }
      .nav-list { flex-direction: column;   gap: 0.5rem; }
      .nav-item { margin:0; padding:0; max-height:20px; }     
      .nav-item a { padding: 0; margin: 0;}
      .nav-item a.active { color: #000; font-weight: 600; }
      .menu-toggle:checked ~ .nav {   transform: translateX(0); }
      .menu-toggle:checked ~ .overlay {   opacity: 1;   pointer-events: auto; }
      .menu-toggle:checked ~ .menu-icon span:nth-child(1) {   transform: translateY(9px) rotate(45deg); }
      .menu-toggle:checked ~ .menu-icon span:nth-child(2) {   opacity: 0; }
      .menu-toggle:checked ~ .menu-icon span:nth-child(3) {   transform: translateY(-9px) rotate(-45deg); }
    }    
    .overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); opacity: 0; pointer-events: none; transition: opacity 0.3s; z-index: 90; }
h1.hth_title{ font-size:26px; padding: 10px 0; text-align: center; }
.reg_hth, .offs_hth{ font-size:18px; padding:2px 0 2px 5px; border-left: 3px solid #09f; border-bottom:2px solid #f1f1f1; }
.hth_list tr:hover{ background: none; }
.btd, .bsp{ font-weight: bolder; }
.hl{ font-size:13px; color:#666; }
.rstd{ background:#f1f1f1; }
.hth_list a{ font-weight:bolder; }
.hth_list td{ padding:5px; }
.t_name{ font-size:13px; }
.data_m{ font-size:13px; }
.gamescore_list{max-width: 1260px; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 20px auto; padding:0;}
.hth_list{ text-align: center; flex: 1 1 49%; box-sizing: border-box; padding:0; justify-content: center; align-items: center; display: flex;}
table.hth_t{ width:95%; transition: transform 0.3s ease, box-shadow 0.3s ease; border:1px solid #f1f1f1; }
table.hth_t td, th{ border:1px solid #c2c2c2; }
table.hth_t th{ font-weight:600; background: rgb(153, 153, 153, 0.13); }
td.hl{ background: rgb(153, 153, 153, 0.13); line-height:40px; }
table.hth_t:hover{transform: translateY(-10px);box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);}
tr.bg_c{ height: 40px;}
th.ls_rank{ font-weight: normal; color: #f1f1f1;}
@media only screen and (max-width: 1300px) {
    .hth_list{
        flex: 1 1 100%;
        margin-bottom: 20px; 
    }
    .reg_hth, .offs_hth{ font-size: 16px; }
}

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            padding: 20px;
            background: #f5f5f5;
        }
.player_vs_top{ max-width:1240px; background:#f1f1f1; padding:10px; box-shadow: 1px 1px 5px 5px rgba(0, 0, 0, 0.1); display: flex; flex-wrap: wrap; justify-content: space-between; margin: 20px auto; border-radius:20px;  }
.player_vs_text{ text-align: center; flex: 1 1 33%; box-sizing: border-box; padding:0; justify-content: center; align-items: center; display: flex; }
.player_vs_img{ background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            border-radius: 20px;
            border: 1px solid rgba(255, 255, 255, 0.2);
            padding: 2rem;
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
            transition: all 0.3s ease;}
.player_vs_s{ flex: 1 1 20%; font-size:60px; font-weight:600; color:#999; }
.p_img_size img{ border-radius: 50px; max-width:200px; }
.player_vs_img:hover{ box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3); }
.tit{ max-width: 1240px; margin:0 auto; font-size:13px;  background: #f1f1f1; padding: 10px; border-radius: 20px;}
.title{ font-size:16px; }
.tit_text{ line-height:28px;}
.p_infos_imp{ font-size:13px; }
.team_vs_size img{ border-radius: 200px; max-width:200px; }
.team_vs_size img{ background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            border-radius: 200px;
            padding: 0.2rem;
            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}
span.team_wl{ font-weight: 600; line-height: 36px;}
.team_vs_size img:hover{box-shadow: 0 8px 32px rgba(255, 212, 0, 0.2);}
.newdigg{ max-width:1240px; padding: 10px 30px; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 auto; cursor: pointer; align-items: center; }

.diggbox{ text-align: center; flex: 1 1 33%; box-sizing: border-box; justify-content: center; align-items: center; display: flex; background: rgba(255, 212, 0, 0.6); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; border-radius: 15px; padding: 15px 10px; cursor: pointer; margin-right: 10px;}


.diggbox:hover{ background:#fbf6dc;}
.digg_act, .digg_num, .digg_percent{ display: inline-block; }
.digg_act{ font-weight:bold; font-size:14px; margin-right:5px; }
.digg_num, .digg_percent_num{ font-size: 14px; color: #666;}
.digg_num{ padding: 0 10px; }
.digg_good:hover, .digg_bad:hover{ background: rgba(255, 212, 0, 0.99); box-shadow:  1px 1px 5px 5px rgba(153, 153, 153, 0.3); }
.digg_percent_num{ font-size: 16px; font-weight: 700;}
@media only screen and (max-width: 1240px) {
    .player_vs_text{
        flex: 1 1 40%;
        margin-bottom: 20px;
    }
    .player_vs_s{ flex: 1 1 15%; font-size:36px; font-weight:600; color:#09f; }
    .p_img_size img{ border-radius: 50px; width:100%; }
    .tit_text{ font-size:13px; line-height:18px; }
    .title{ font-size:36px; }
    .diggbox{ margin-right: 10px;}
    .digg_num{ padding: 0 5px; }
}
        /* Made data_content responsive for mobile */
        .data_content { 
            width: 100%;
            max-width: 1260px;
            margin: 0 auto;
            padding: 10px;
        }
          .vs_tit {
            margin-bottom: 15px;
            font-size: 20px;
            color: #2d3748;
            text-align: center;
        }
        .data_out {
            max-width: 100%;
            background: white;
            border-radius: 8px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
            overflow: hidden;
            padding: 10px;
            margin-bottom: 40px;
        }

        .data_inner {
            overflow-x: auto;
            overflow-y: visible;
            scrollbar-width: thin;
            scrollbar-color: #cbd5e0 #f7fafc;
        }
       
        /**.data_tab thead th:first-child {
            border-top-left-radius: 8px;
        }
        .data_tab thead th:last-child {
            border-top-right-radius: 8px;
        }

        .data_inner::-webkit-scrollbar {
            height: 8px;
        }**/
        .top_row th:first-child {
            border-top-left-radius: 8px;
        }
        .top_row th:last-child {
            border-top-right-radius: 8px;
        }
        .top_row th, .line_one th{border-left: 1px solid #666;}
        .data_inner::-webkit-scrollbar-track {
            background: #f7fafc;
        }

        .data_inner::-webkit-scrollbar-thumb {
            background: #cbd5e0;
            border-radius: 4px;
        }

        .data_inner::-webkit-scrollbar-thumb:hover {
            background: #a0aec0;
        }

        .data_tab {
            width: 100%;
            border-collapse: separate;
            border-spacing: 0;
            min-width: 800px; 
        }
        .data_th{ border-radius: 8px; }

        .data_tab th,
        .data_tab td {
            padding: 3px 0px;
            text-align: center;
            border-bottom: 1px solid #e2e8f0;
            white-space: nowrap;
        }
        .standing_tab th {
            border-bottom: 1px solid #647188;
        }
        span.rk{ font-size:13px; color:#666; }

        .data_tab tr:first-child th {
            background: linear-gradient(to bottom, #4a5568, #2d3748);
            color: white;
            font-weight: 600;
            text-transform: uppercase;
            font-size: 12px;
            letter-spacing: 0.5px;
            position: sticky;
            top: 0;
            z-index: 3;
        }
        .standing_tab tr:first-child th {
            background: #647188;
        }
        .data_tab tr:first-child th:first-child {
            position: sticky;
            left: 0;
            z-index: 4;
        }
        .data_tab .data_m {
            position: sticky;
            left: 0;
            background: #eff4f8 !important;
            font-weight: 600;
            z-index: 2;
            color: #2d3748 !important;
            box-shadow: 2px 0 4px rgba(0, 0, 0, 0.08);
        }
        .standing_tab .data_m {
            background: #647188 !important;
	    color: #ffffff !important;
        }

        .data_tab td {
            background: white;
            color: #4a5568;
        }

        .data_tab tr:hover td,
        .data_tab tr:hover th.data_m {
            background: #edf2f7;
        }

        .data_tab tr:last-child th,
        .data_tab tr:last-child td {
            border-bottom: none;
        }
        .line_one th{
            font-weight: 700 !important;
            font-size: 12px;
            padding: 10px 0;
	    background: linear-gradient(to bottom, #4a5568, #2d3748);
            color: #ffffff;
        }
	  .ls_rank {
    font-style: italic;
    border-top: 1px solid #647188;
    vertical-align: top; padding-top: 0;
  }
	span.t_logo img{ max-width:26px; padding-right:5px; padding-top:5px; }
	th.data_m{ display: flex; justify-content: center; align-items: center;}
  .first th, .second th, .third th, .fourth th, .fifth th, .sixth th, .seventh th, .eighth th, .ninth th, .tenth th, .eleventh th, .twelfth th, .thirteenth th, .fourteenth th, .fifteenth th{ border-bottom: 1px solid #647188;}

        @media (max-width: 768px) {
            body {
                padding: 10px;
            }

            /* Remove horizontal padding on mobile for full width usage */
            .data_content {
                padding: 0;
            }

            .data_tab th,
            .data_tab td {
                padding: 10px 12px;
                font-size: 14px;
            }

            .data_tab tr:first-child th {
                font-size: 11px;
            }
            .data_out{ padding:0; }
        }

        .data_inner::after {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            bottom: 8px;
            width: 30px;
            background: linear-gradient(to left, rgba(255,255,255,0.9), transparent);
            pointer-events: none;
            opacity: 1;
            transition: opacity 0.3s;
        }

        .data_inner.scrolled-end::after {
            opacity: 0;
        }
tr.play_l{ font-size:12px; }
th.team_m{ height:50px; }
tr.onea th, tr.twob th, tr.threec th, tr.fourd th, tr.fivee th{ justify-content: left; height: 46px; padding-right: 0; padding-left:5px; }
tr.draft_row th{ padding-left: 10px; padding-right: 10px; }
tr.draft_data{ font-size: 13px; }
tr.draft_data td{ padding: 3px 5px;  }
th.draft_m{ line-height:45px; }
@media only screen and (max-width: 1240px) {
tr.play_l{ font-size:12px; color:#09f !important; }
th.team_m{ height:80px; }
tr.onea th, tr.twob th, tr.threec th, tr.fourd th, tr.fivee th{ overflow: hidden; justify-content: left; max-width:130px; height: 46px; padding-right: 0; padding-left:5px; }
}