.page-header{position:sticky;width:100%;z-index:9;top:0;background-color:#fff;-webkit-box-shadow:-1px 2px 5px rgba(0,0,0,.1254901961);box-shadow:-1px 2px 5px rgba(0,0,0,.1254901961)}.page-header .header{width:100%;height:65px;align-items:center}.page-header .home-link{display:flex;height:100%;margin-right:54px;align-items:center}.page-header .logo{height:36px;object-fit:cover;object-position:center;image-rendering:-webkit-optimize-contrast}.page-header .nav-ul{gap:12px;text-align:center}.page-header .nav-ul .link{display:block;width:80px;font-weight:700;font-size:16px;color:#000}.page-header .nav-ul .link:hover{color:#c89f77}.page-header .nav-ul .active{color:#da2323 !important;border-bottom:solid 3px #da2323 !important}.page-footer{flex:1;font-size:18px;color:#a1a1a1;background-color:#666}.page-footer .container-wrapper{padding-top:30px}.page-footer .container-wrapper .footer-info{display:none}.page-footer .contact-info{color:#a1a1a1;margin-bottom:18px}.page-footer .ally-list{margin-bottom:10px}.page-footer .ally-list .ally-link{color:#a1a1a1;margin:0 6px}.page-footer .link-ul{gap:26px;text-align:center}.page-footer .link-ul .link-item{width:90px;height:30px;line-height:30px}.page-footer .link-ul .link{color:#cecece;font-size:16px}.page-footer .copyright-info{padding:16px 0;text-align:center;font-size:14px}.page-footer .copyright-info .center-txt,.page-footer .copyright-info .link{color:#a1a1a1}.common-route-nav{font-size:13px;color:#999;padding:10px 0}.common-route-nav a{color:#666;text-decoration:none}.common-route-nav a:hover{color:#da2323}.common-route-nav .spl,.common-route-nav span{margin:0 8px;color:#333}.goal-difference-ranking-page{background-color:#f5f7fa}.goal-difference-main{max-width:1200px;margin:20px auto;display:flex;gap:20px;flex-direction:column}.main-content{display:flex;gap:20px}.content-left{flex:1;min-width:0}.content-right{width:300px;flex-shrink:0}.date-picker{background:#fff;border-radius:12px;padding:16px 20px;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.date-scroll{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}.date-scroll::-webkit-scrollbar{display:none}.date-item{flex-shrink:0;padding:10px 18px;border-radius:10px;font-size:14px;text-align:center;cursor:pointer;border:1px solid #e0e0e0;background:#fff;color:#666;text-decoration:none;display:flex;flex-direction:column;align-items:center;min-width:60px}.date-item .day{font-size:12px;color:#999;margin-bottom:4px}.date-item .date-num{font-size:16px;font-weight:600}.date-item:hover{border-color:#4caf50}.date-item.active{background:linear-gradient(135deg, #4CAF50 0%, #388E3C 100%);border-color:#4caf50;color:#fff}.date-item.active .day{color:hsla(0,0%,100%,.8)}.date-item.active .date-num{color:#fff}.filter-section{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.filter-title{font-size:14px;font-weight:600;color:#333;margin-bottom:12px}.type-scroll{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}.type-scroll::-webkit-scrollbar{display:none}.type-item{flex-shrink:0;padding:8px 16px;border-radius:20px;font-size:13px;white-space:nowrap;border:1px solid #e0e0e0;background:#fff;color:#666;text-decoration:none;cursor:pointer}.type-item.active{background:linear-gradient(135deg, #4CAF50 0%, #388E3C 100%);color:#fff;border-color:#4caf50}.league-filter{overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}.league-scroll{display:flex;gap:10px}.league-scroll::-webkit-scrollbar{display:none}.league-item{flex-shrink:0;padding:6px 14px;border-radius:16px;font-size:13px;white-space:nowrap;border:1px solid #e0e0e0;background:#fff;color:#666;text-decoration:none}.league-item.active{background:linear-gradient(135deg, #9C27B0 0%, #7B1FA2 100%);color:#fff;border-color:#9c27b0}.home-away-filter{overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}.home-away-scroll{display:flex;gap:10px}.home-away-scroll::-webkit-scrollbar{display:none}.home-away-item{flex-shrink:0;padding:6px 14px;border-radius:16px;font-size:13px;white-space:nowrap;border:1px solid #e0e0e0;background:#fff;color:#666;text-decoration:none}.home-away-item.active{background:linear-gradient(135deg, #FF9800 0%, #F57C00 100%);color:#fff;border-color:#ff9800}.summary-text{padding:16px 20px;background:#fff;border-radius:12px;font-size:14px;color:#666;line-height:1.6;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.gd-ranking{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.08);margin-bottom:20px}.section-header{padding:0 20px;background:linear-gradient(135deg, #4CAF50 0%, #388E3C 100%)}.section-title{padding:16px 0;font-size:18px;font-weight:bold;color:#fff;text-align:center}.section-subtitle{text-align:center;font-size:13px;color:hsla(0,0%,100%,.8);padding-bottom:12px}.ranking-header{display:flex;align-items:center;padding:14px 20px;background:#f8f9fa;font-size:13px;font-weight:bold;color:#666;border-bottom:1px solid #e0e0e0}.ranking-row{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid #f5f5f5}.ranking-row:last-child{border-bottom:none}.ranking-row:hover{background:#f8f9fa}.ranking-cell{text-align:center;padding:4px 8px;font-size:14px}.ranking-cell.rank{font-weight:bold;color:#4caf50;width:50px;font-size:16px}.ranking-cell.rank.top-1{background:linear-gradient(135deg, #FFD700 0%, #FFA500 100%);color:#fff;border-radius:4px;padding:4px 8px}.ranking-cell.rank.top-2{background:linear-gradient(135deg, #C0C0C0 0%, #A9A9A9 100%);color:#fff;border-radius:4px;padding:4px 8px}.ranking-cell.rank.top-3{background:linear-gradient(135deg, #CD7F32 0%, #B87333 100%);color:#fff;border-radius:4px;padding:4px 8px}.ranking-cell.team{flex:1;display:flex;align-items:center;gap:12px;text-align:left}.ranking-cell.data{width:80px}.team-logo{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:bold;color:#fff;flex-shrink:0;overflow:hidden}.team-logo img{width:100%;height:100%;object-fit:cover}.team-info{flex:1;min-width:0}.team-name{font-weight:500;font-size:15px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-competition{font-size:12px;color:#999;margin-top:4px}.data-value{font-size:15px;font-weight:bold;color:#333}.data-value.goals{color:#4caf50}.data-value.conceded{color:#f44336}.data-value.positive{color:#4caf50}.data-value.negative{color:#f44336}.empty-data{padding:60px 20px;text-align:center;color:#999;font-size:14px}.pagination{display:flex;justify-content:center;gap:8px;padding:20px;background:#fff;border-radius:12px;margin-bottom:20px}.pagination-item{min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;cursor:pointer;text-decoration:none;color:#333}.pagination-item.active{background:#4caf50;color:#fff;border-color:#4caf50}.pagination-ellipsis{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;color:#999}.info-card{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.info-title{font-size:16px;font-weight:bold;color:#333;margin-bottom:12px;display:flex;align-items:center;gap:8px}.info-title::before{content:"";display:inline-block;width:4px;height:16px;background:#4caf50;border-radius:2px}.info-content{font-size:13px;color:#666;line-height:1.8}.info-content p{margin-bottom:8px}.info-content p:last-child{margin-bottom:0}.hot-ranking-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.hot-title{font-size:16px;font-weight:bold;color:#333;margin-bottom:16px;display:flex;align-items:center;gap:8px}.hot-title::before{content:"";display:inline-block;width:4px;height:16px;background:linear-gradient(180deg, #4CAF50 0%, #388E3C 100%);border-radius:2px}.hot-list{display:flex;flex-direction:column;gap:12px}.hot-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;text-decoration:none;color:#333;transition:all .2s}.hot-item:hover{background:#f5f5f5}.hot-item.active{background:linear-gradient(135deg, rgba(76, 175, 80, 0.1) 0%, rgba(56, 142, 60, 0.1) 100%)}.hot-item.active .hot-num{background:#4caf50;color:#fff}.hot-item.active .hot-name{color:#4caf50}.hot-item .hot-num{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#f0f0f0;border-radius:6px;font-size:13px;font-weight:bold;color:#666}.hot-item .hot-name{font-size:14px;color:#333}