.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}.attack-power-ranking-page{background:#f5f5f5;min-height:100vh}.attack-power-main{padding-bottom:40px}.container{max-width:1200px;margin:0 auto;padding:20px}.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{height:6px;display:none}.date-scroll::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}.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 .day{font-size:12px;color:#999;margin-bottom:4px}.date-item .date-num{font-weight:600;font-size:16px}.date-item:hover{border-color:#f44336;color:#f44336}.date-item.active{background:linear-gradient(135deg, #F44336, #d32f2f);color:#fff;border-color:#f44336}.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,.position-scroll{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}.type-scroll::-webkit-scrollbar,.league-scroll::-webkit-scrollbar,.position-scroll::-webkit-scrollbar{display:none}.type-item,.league-item,.position-item{flex-shrink:0;padding:6px 14px;border-radius:6px;font-size:13px;color:#666;background:#f5f5f5;cursor:pointer;white-space:nowrap;text-decoration:none;transition:all .2s}.type-item:hover,.league-item:hover,.position-item:hover{background:#ffebee;color:#f44336}.type-item.active,.league-item.active,.position-item.active{background:#f44336;color:#fff}.filter-bar{display:flex;flex-wrap:wrap;background:#fff;border-radius:12px;padding:16px 20px;margin-bottom:20px;gap:12px;overflow-x:auto}.filter-item{padding:8px 18px;border-radius:20px;font-size:14px;cursor:pointer;border:1px solid #e0e0e0;background:#fff;color:#666;text-decoration:none;display:inline-block}.filter-item:hover{border-color:#f44336}.filter-item.active{background:linear-gradient(135deg, #F44336, #d32f2f);color:#fff;border-color:#f44336}.summary-box{background:linear-gradient(135deg, #ffebee, #fff);border:1px solid #ffcdd2;border-radius:12px;padding:16px 20px;margin-bottom:20px;font-size:14px;color:#666}.summary-box strong{color:#f44336;font-weight:bold}.ranking-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.08);margin-bottom:20px;overflow-x:auto}.section-header{padding:0 20px;background:linear-gradient(135deg, #F44336, #d32f2f);flex-shrink:0}.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:grid;grid-template-columns:60px 1fr repeat(7, 70px);align-items:center;padding:12px 16px;background:#f8f9fa;font-size:12px;font-weight:bold;color:#666;border-bottom:1px solid #e0e0e0;min-width:700px}.ranking-row{display:grid;grid-template-columns:60px 1fr repeat(7, 70px);align-items:center;padding:12px 16px;border-bottom:1px solid #f5f5f5;cursor:pointer;transition:background .2s;min-width:700px}.ranking-row:hover{background:#fef8f8}.ranking-row:last-child{border-bottom:none}.ranking-cell{text-align:center;padding:4px 6px;font-size:13px}.ranking-cell.rank{font-weight:bold;color:#f44336;font-size:14px}.ranking-cell.rank.top-1{background:linear-gradient(135deg, #FFD700, #FFA500);color:#fff;border-radius:4px;padding:4px 8px;display:inline-block}.ranking-cell.rank.top-2{background:linear-gradient(135deg, #C0C0C0, #A9A9A9);color:#fff;border-radius:4px;padding:4px 8px;display:inline-block}.ranking-cell.rank.top-3{background:linear-gradient(135deg, #CD7F32, #B87333);color:#fff;border-radius:4px;padding:4px 8px;display:inline-block}.ranking-cell.team{display:flex;align-items:center;gap:10px;text-align:left}.ranking-cell.data{font-size:14px;font-weight:500}.ranking-row-extended{display:flex;padding:12px 20px;background:#fafafa;border-bottom:1px solid #f0f0f0;font-size:12px;color:#666;flex-wrap:wrap;gap:8px}.ranking-row-extended .extended-match-info{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.ranking-row-extended .extended-match-info .match-label{font-weight:bold;color:#666}.ranking-row-extended .extended-match-info .match-item{display:inline-block;padding:4px 8px;background:#fff;border:1px solid #e0e0e0;border-radius:4px;font-size:11px;color:#666;white-space:nowrap}.ranking-row-extended .extended-match-info .match-item:hover{border-color:#f44336;color:#f44336}.team-logo{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:bold;color:#fff;flex-shrink:0}.team-info{flex:1;min-width:0}.team-name{font-weight:500;font-size:15px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-league{font-size:12px;color:#999;margin-top:4px}.data-value{font-size:15px;font-weight:bold}.data-value.goals{color:#f44336}.data-value.xg{color:#ff9800}.data-value.shots{color:#4caf50}.data-value.shots-on-target{color:#2196f3}.data-value.avg-goals{color:#e91e63}.data-value.efficiency{color:#9c27b0}.ranking-extended{display:flex;padding:12px 20px;background:#fafafa;border-bottom:1px solid #f0f0f0;font-size:12px;color:#666}.ranking-extended .extended-cell{flex:1;text-align:center}.ranking-extended .extended-cell .label{color:#999;font-size:11px;margin-bottom:2px}.ranking-extended .extended-cell .value{font-weight:600;color:#333}.today-analysis{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;display:flex;align-items:center;gap:8px}.analysis-title::before{content:"";display:inline-block;width:4px;height:18px;background:linear-gradient(180deg, #F44336, #d32f2f);border-radius:2px}.analysis-content{display:flex;gap:30px;font-size:14px}.analysis-content .analysis-item{flex:1}.analysis-content .analysis-item .label{color:#999;font-size:13px;margin-bottom:6px}.analysis-content .analysis-item .value{color:#333;font-weight:500}.analysis-content .analysis-item .value strong{color:#f44336}.geo-section{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.geo-title{font-size:16px;font-weight:bold;color:#333;margin-bottom:12px}.geo-note{font-size:13px;color:#666;line-height:1.8}.geo-note strong{color:#f44336}.geo-note p{margin-bottom:8px}.related-content-section{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.related-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.related-title{font-size:16px;font-weight:bold;color:#333;display:flex;align-items:center;gap:8px}.related-title::before{content:"";display:inline-block;width:4px;height:18px;background:linear-gradient(180deg, #F44336, #d32f2f);border-radius:2px}.related-subtitle{font-size:13px;color:#999}.related-list{display:flex;flex-wrap:wrap;gap:12px}.related-item{display:inline-block;padding:8px 16px;background:#f5f5f5;border-radius:20px;font-size:13px;cursor:pointer;color:#333;text-decoration:none;transition:all .2s}.related-item:hover{background:#f44336;color:#fff}.related-item .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}.sidebar{width:300px;flex-shrink:0}.sidebar-card{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.pagination{display:flex;justify-content:center;gap:8px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.08)}.pagination-item{min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:14px;cursor:pointer;border:1px solid #e0e0e0;background:#fff;color:#666;text-decoration:none;transition:all .2s}.pagination-item:hover{border-color:#da2323;color:#da2323}.pagination-item.active{background:#da2323;color:#fff;border-color:#da2323}.sidebar-title{font-size:16px;font-weight:bold;color:#333;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.sidebar-list .sidebar-item{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid #f0f0f0;cursor:pointer}.sidebar-list .sidebar-item:last-child{border-bottom:none}.sidebar-list .sidebar-item:hover .item-name{color:#f44336}.sidebar-list .sidebar-item .rank-num{width:24px;font-weight:bold;color:#f44336;font-size:14px}.sidebar-list .sidebar-item .item-name{flex:1;font-size:14px;color:#333}.sidebar-list .sidebar-item .item-value{font-weight:bold;color:#f44336;font-size:14px}.sidebar-list .sidebar-item.vertical{flex-direction:column;align-items:flex-start;padding:8px 0}.sidebar-list .sidebar-item.vertical .item-label{font-size:14px;font-weight:bold;color:#f44336;margin-bottom:2px}.sidebar-list .sidebar-item.vertical .item-desc{font-size:12px;color:#666;line-height:1.4}.sidebar-list .sidebar-link-item{display:flex;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0;text-decoration:none;color:#333;font-size:14px;cursor:pointer}.sidebar-list .sidebar-link-item:last-child{border-bottom:none}.sidebar-list .sidebar-link-item:hover{color:#f44336}.sidebar-list .sidebar-link-item .heat-rank{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;background:rgba(244,67,54,.1);color:#f44336;border-radius:10px;font-size:11px;font-weight:bold;margin-right:8px}@media screen and (max-width: 768px){.attack-power-main{margin:10px;gap:10px}.content-right{display:none}}.sidebar-footer{margin-top:12px;padding-top:12px;border-top:1px solid #f0f0f0;font-size:11px;color:#999}@media(max-width: 768px){.container{flex-direction:column}.sidebar{width:100%}.ranking-header,.ranking-row{min-width:auto}.ranking-extended{display:none}}