.rank-page{min-height:calc(100vh - 200px);padding-bottom:3rem;overflow-x:hidden}@media screen and (max-width: 799px){.rank-page{padding-bottom:2rem}}.page-header{text-align:center;padding:2rem 0 3rem;margin-bottom:2rem}@media screen and (max-width: 799px){.page-header{padding:4rem 0 2rem;margin-bottom:1.5rem}}.page-title{font-size:2.25rem;font-weight:700;margin-bottom:.75rem;background:linear-gradient(135deg, #4bae4f 0%, rgb(59.6385542169, 138.3614457831, 62.8192771084) 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}@media screen and (max-width: 799px){.page-title{font-size:1.75rem;margin-bottom:.5rem}}.page-desc{font-size:1rem;color:#999}@media screen and (max-width: 799px){.page-desc{font-size:.875rem}}.rank-list-container{display:grid;grid-template-columns:repeat(2, 1fr);gap:2rem;column-gap:2.5rem}@media screen and (min-width: 800px)and (max-width: 1199px){.rank-list-container{grid-template-columns:1fr;gap:2rem}}@media screen and (max-width: 799px){.rank-list-container{grid-template-columns:1fr;gap:1.5rem}}.rank-section{margin-bottom:0;position:relative;break-inside:avoid;page-break-inside:avoid;overflow:hidden}@media screen and (max-width: 799px){.rank-section{margin-bottom:2rem}}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}@media screen and (max-width: 799px){.section-header{margin-bottom:1.5rem;padding-bottom:.75rem;flex-wrap:wrap;gap:.75rem}}.section-title-wrapper{display:flex;align-items:center;gap:.75rem}.section-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #4bae4f 0%, rgb(59.6385542169, 138.3614457831, 62.8192771084) 100%);border-radius:.5rem;flex-shrink:0}.section-icon svg{width:18px;height:18px;stroke:#fff}@media screen and (max-width: 799px){.section-icon{width:28px;height:28px}.section-icon svg{width:16px;height:16px}}.section-title{font-size:1.5rem;font-weight:600;color:#333;margin:0}@media screen and (max-width: 799px){.section-title{font-size:1.25rem}}.rank-list{display:flex;flex-direction:column;gap:1.5rem}@media screen and (max-width: 799px){.rank-list{gap:1rem}}.rank-item{position:relative;display:flex;align-items:stretch;gap:1.25rem;padding:1.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:1rem;text-decoration:none;color:inherit;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden;box-shadow:0 1px 3px 0 rgba(0,0,0,.1);width:100%;box-sizing:border-box}.rank-item::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(135deg, #4bae4f 0%, rgb(59.6385542169, 138.3614457831, 62.8192771084) 100%);opacity:0;transition:opacity .3s ease}.rank-item:nth-child(1){border-color:rgba(251,191,36,.3);box-shadow:0 4px 16px rgba(251,191,36,.1)}.rank-item:nth-child(1)::before{opacity:1;background:linear-gradient(180deg, #fbbf24 0%, #f59e0b 100%)}.rank-item:nth-child(2){border-color:rgba(148,163,184,.3);box-shadow:0 4px 16px rgba(148,163,184,.1)}.rank-item:nth-child(2)::before{opacity:1;background:linear-gradient(180deg, #cbd5e1 0%, #94a3b8 100%)}.rank-item:nth-child(3){border-color:rgba(251,146,60,.3);box-shadow:0 4px 16px rgba(251,146,60,.1)}.rank-item:nth-child(3)::before{opacity:1;background:linear-gradient(180deg, #fb923c 0%, #f97316 100%)}.rank-item:hover{border-color:#4bae4f;box-shadow:0 10px 40px -10px rgba(75,174,79,.3);transform:translateY(-2px)}.rank-item:hover::before{opacity:1}.rank-item:hover .rank-badge{transform:scale(1.08);box-shadow:0 8px 24px rgba(75,174,79,.4)}.rank-item:hover .rank-title a{color:#4bae4f}@media screen and (max-width: 799px){.rank-item{padding:1rem;gap:.75rem}}@media screen and (max-width: 359px){.rank-item{padding:.875rem;gap:.625rem}}.rank-badge{flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #4bae4f 0%, rgb(59.6385542169, 138.3614457831, 62.8192771084) 100%);border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .3s ease;position:relative}.rank-badge .rank-number{font-size:1.5rem;font-weight:800;color:#fff;line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.2)}.rank-badge.rank-1{background:linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);box-shadow:0 6px 20px rgba(251,191,36,.5)}.rank-badge.rank-1 .rank-number{font-size:1.75rem}.rank-badge.rank-2{background:linear-gradient(135deg, #cbd5e1 0%, #94a3b8 100%);box-shadow:0 6px 20px rgba(148,163,184,.5)}.rank-badge.rank-2 .rank-number{font-size:1.625rem}.rank-badge.rank-3{background:linear-gradient(135deg, #fb923c 0%, #f97316 100%);box-shadow:0 6px 20px rgba(251,146,60,.5)}.rank-badge.rank-3 .rank-number{font-size:1.5rem}@media screen and (max-width: 799px){.rank-badge{width:48px;height:48px;border-radius:.5rem}.rank-badge .rank-number{font-size:1.25rem}.rank-badge.rank-1 .rank-number{font-size:1.5rem}.rank-badge.rank-2 .rank-number{font-size:1.375rem}.rank-badge.rank-3 .rank-number{font-size:1.25rem}}.rank-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.75rem;overflow:hidden;max-width:100%}.info-header{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}@media screen and (max-width: 799px){.info-header{gap:.5rem}}.rank-title{font-size:1.125rem;font-weight:600;color:#333;margin:0;flex:1;min-width:0;max-width:100%}.rank-title a{color:inherit;text-decoration:none;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .3s ease;max-width:100%}.rank-title a:hover{color:#4bae4f}@media screen and (max-width: 799px){.rank-title{font-size:1rem}}@media screen and (max-width: 359px){.rank-title{font-size:.9375rem;width:100%}}.rank-category{flex-shrink:0;padding:.375rem .875rem;background:rgba(75,174,79,.1);color:#4bae4f;font-size:.8125rem;font-weight:600;border-radius:.5rem;border:1px solid rgba(75,174,79,.2)}@media screen and (max-width: 799px){.rank-category{padding:.3125rem .75rem;font-size:.75rem}}.info-details{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;font-size:.875rem;max-width:100%}@media screen and (max-width: 799px){.info-details{gap:.75rem;font-size:.8125rem}}@media screen and (max-width: 359px){.info-details{gap:.5rem}}.info-score{display:inline-flex;align-items:center;gap:.375rem;color:#f59e0b;font-weight:700;padding:.375rem .75rem;background:rgba(245,158,11,.1);border-radius:.5rem;border:1px solid rgba(245,158,11,.2)}.info-score svg{width:16px;height:16px;fill:currentColor}@media screen and (max-width: 799px){.info-score{padding:.3125rem .625rem;gap:.25rem}.info-score svg{width:14px;height:14px}}.info-year{color:#999}.info-area{color:#999}.info-status{padding:.375rem .75rem;background:linear-gradient(135deg, #4bae4f 0%, rgb(59.6385542169, 138.3614457831, 62.8192771084) 100%);color:#fff;font-size:.75rem;font-weight:700;border-radius:.5rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.1)}@media screen and (max-width: 799px){.info-status{padding:.3125rem .625rem;font-size:.6875rem}}.info-actor{font-size:.875rem;color:#999;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;width:100%}.info-actor .actor-label{color:#666;font-weight:500}@media screen and (max-width: 799px){.info-actor{font-size:.8125rem}}@media screen and (max-width: 359px){.info-actor{font-size:.75rem}}.breadcrumb-nav{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;padding:1rem 0;font-size:.875rem;color:#666}@media screen and (max-width: 799px){.breadcrumb-nav{font-size:.8125rem;gap:.375rem}}.breadcrumb-icon{width:16px;height:16px}.breadcrumb-link{display:flex;align-items:center;gap:.375rem;color:#666;text-decoration:none;transition:color .3s ease}.breadcrumb-link:hover{color:#4bae4f}.breadcrumb-current{color:#333;font-weight:500}.separator svg{width:16px;height:16px;color:#999}