.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}.possession-ranking-page{background-color:#f5f7fa}.possession-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;min-width:70px;transition:all .2s;text-decoration:none;display:flex;flex-direction:column;align-items:center}.date-item:hover{border-color:#3f51b5;color:#3f51b5}.date-item .day{font-size:12px;color:#999;margin-bottom:4px}.date-item .date-num{font-weight:600;font-size:16px}.date-item.active{background:linear-gradient(135deg, #3F51B5 0%, #303F9F 100%);color:#fff;border-color:#3f51b5}.date-item.active .day{color:hsla(0,0%,100%,.8)}.filter-section{background:#fff;border-radius:12px;padding:16px 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,.league-scroll{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}.type-scroll::-webkit-scrollbar,.league-scroll::-webkit-scrollbar{display:none}.type-item,.league-item{flex-shrink:0;padding:6px 14px;border-radius:6px;font-size:13px;cursor:pointer;border:1px solid #e0e0e0;background:#fff;color:#666;white-space:nowrap;text-decoration:none;transition:all .2s}.type-item:hover,.league-item:hover{border-color:#3f51b5;color:#3f51b5}.type-item.active,.league-item.active{background:linear-gradient(135deg, #3F51B5 0%, #303F9F 100%);color:#fff;border-color:#3f51b5}.summary-text{background:linear-gradient(135deg, #fff7e6 0%, #fff 100%);border:1px solid #ffe4cc;border-radius:12px;padding:14px 20px;margin-bottom:20px;font-size:14px;color:#666;line-height:1.6}.summary-text strong{color:#3f51b5}.ranking-list{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.08)}.ranking-table{width:100%}.ranking-header{display:flex;align-items:center;padding:14px 20px;background-color:#f8f9fa;font-size:13px;font-weight:600;color:#666;border-bottom:1px solid #e0e0e0}.ranking-row{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid #f5f5f5;transition:background-color .2s ease}.ranking-row:hover{background-color:#f8f9fa}.ranking-row:nth-child(even){background-color:#fafafa}.ranking-row:nth-child(even):hover{background-color:#f0f2f5}.col-rank{width:60px;font-weight:bold;color:#3f51b5;font-size:16px}.col-rank.top-1{background:linear-gradient(135deg, #FFD700 0%, #FFA500 100%);color:#fff;border-radius:6px;padding:4px 8px;display:inline-block}.col-rank.top-2{background:linear-gradient(135deg, #C0C0C0 0%, #A9A9A9 100%);color:#fff;border-radius:6px;padding:4px 8px;display:inline-block}.col-rank.top-3{background:linear-gradient(135deg, #CD7F32 0%, #B87333 100%);color:#fff;border-radius:6px;padding:4px 8px;display:inline-block}.col-team{flex:1;display:flex;align-items:center;gap:12px;text-align:left;min-width:150px}.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-size:14px;font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-short-name{font-size:12px;color:#999}.col-competition{width:80px;font-size:13px;color:#666;text-align:center}.col-possession{width:80px;font-weight:bold;font-size:16px;color:#333;text-align:center}.col-possession.highlight{color:#ff6b6b}.col-passes{width:90px;font-size:13px;color:#666;text-align:center}.col-pass-accuracy{width:100px;font-size:13px;color:#666;text-align:center}.col-efficiency{width:90px;font-size:13px;color:#666;text-align:center}.pagination{display:flex;justify-content:center;gap:8px;padding:20px;background:#fff;border-radius:12px;margin-top:20px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.pagination-item{min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:14px;cursor:pointer;border:1px solid #e0e0e0;background:#fff;padding:0 10px;text-decoration:none;color:#333;transition:all .2s}.pagination-item:hover{border-color:#3f51b5;color:#3f51b5}.pagination-item.active{background:#3f51b5;color:#fff;border-color:#3f51b5}.page-ellipsis{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;font-size:14px;color:#999}.no-data{padding:60px 20px;text-align:center;background:#fff;border-radius:12px}.no-data p{font-size:14px;color:#999}.analysis-box{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.analysis-title{font-size:16px;font-weight:bold;color:#333;margin-bottom:16px}.analysis-content{display:flex;flex-direction:column;gap:16px}.analysis-item{text-align:center;padding:12px;background:linear-gradient(135deg, #f8f9fa, #f0f2f5);border-radius:8px}.analysis-label{font-size:13px;color:#666;margin-bottom:4px}.analysis-value{font-size:20px;font-weight:bold;color:#3f51b5}.analysis-value.highlight{color:#ff6b6b}.analysis-desc{font-size:12px;color:#999;margin-top:2px}.explain-box{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.explain-title{font-size:16px;font-weight:bold;color:#333;margin-bottom:12px}.explain-content{font-size:13px;color:#666;line-height:1.8}.explain-content p{margin-bottom:8px}.explain-content strong{color:#333}.related-content{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.08)}.related-header{padding:16px 20px;background:linear-gradient(135deg, #DA2323 0%, #c61f1f 100%)}.related-title{font-size:16px;font-weight:bold;color:#fff}.related-list{padding:16px 20px;display:flex;flex-direction:column;gap:10px}.related-item{display:block;padding:10px 14px;background:linear-gradient(135deg, #f8f9fa 0%, #e8f4f8 100%);border:1px solid #e0e0e0;border-radius:8px;font-size:13px;color:#333;cursor:pointer;transition:all .2s ease;text-decoration:none}.related-item:hover{background:linear-gradient(135deg, #4CAF50 0%, #45a049 100%);color:#fff;border-color:#4caf50;transform:translateY(-2px);box-shadow:0 4px 12px rgba(76,175,80,.3)}.related-item.hot{background:linear-gradient(135deg, #fff5f5 0%, #ffe0e0 100%);border-color:#ff6b6b;color:#e53935}.related-item.hot::before{content:"🔥";margin-right:6px;font-size:12px}.heat-rank{display:inline-block;min-width:18px;height:18px;line-height:18px;text-align:center;background:rgba(0,0,0,.1);border-radius:9px;font-size:11px;margin-right:6px}@media(max-width: 768px){.main-content{flex-direction:column}.content-right{width:100%}.col-passes,.col-pass-accuracy,.col-efficiency{display:none}}