*{box-sizing:border-box}body{margin:0;background:#050608;color:#f0f1f4;font-family:-apple-system,'PingFang SC',sans-serif}main{max-width:1400px;margin:auto;padding:28px 40px}header{display:flex;align-items:center;gap:38px;border-bottom:1px solid #263039;padding-bottom:24px}.brand{font-size:29px;margin-right:35px}header span{font-size:14px;color:#9da9b5}header .active{color:#bbdfef}.title{display:flex;align-items:baseline;gap:25px;margin:50px 0 20px;flex-wrap:wrap}h1{font-family:'Songti SC',serif;font-weight:400;font-size:40px;margin:0}.sub{font-size:12px;color:#8294a3}.filters{display:flex;gap:12px;flex-wrap:wrap;padding:0 0 24px}button{font:inherit;color:#bbc8d1;background:transparent;border:1px solid #394b58;border-radius:30px;min-height:42px;padding:8px 20px;cursor:pointer}button.on{color:#c0e6f5;border-color:#a5d5e9}.row{display:grid;grid-template-columns:65px minmax(220px,320px) minmax(180px,1fr) 90px 45px;align-items:center;gap:28px;padding:24px 16px;border-top:1px solid #263039}.row:first-child{background:#0c1117;border-radius:10px}.rank{font:48px Georgia,serif;color:#d5dae1}.poster{width:100%;aspect-ratio:16/9;overflow:hidden;position:relative;border-radius:4px}.poster:before{content:'';position:absolute;inset:0;background-image:url(film-atlas.jpg);background-size:200% 300%;background-position:var(--p)}h2{font:26px 'Songti SC',serif;margin:0 0 7px}.en{font:14px Georgia,serif;color:#acb7c4;letter-spacing:1px}.meta{color:#8a9aa9;font-size:13px;margin:12px 0}.desc{font-size:14px;color:#a2afbc;line-height:1.8;margin:0}.score{color:#b6e0f4;text-align:center}.score strong{font:48px Georgia,serif}.score small{display:block;font-size:12px;margin-top:4px}.save{padding:0;width:40px;height:40px;font-size:23px}.foot{margin-top:30px;color:#7c8a95;font-size:12px;letter-spacing:2px}@media(max-width:850px){main{padding:20px}.row{grid-template-columns:36px minmax(150px,240px) 1fr;gap:14px}.rank{font-size:32px}.score{grid-column:3;text-align:left}.score strong{font-size:27px}.score small{display:inline;margin-left:8px}.save{grid-column:1;grid-row:auto}.desc{display:none}header{gap:16px;flex-wrap:wrap}.brand{margin-right:0}h2{font-size:22px}}@media(max-width:550px){.row{grid-template-columns:30px 1fr 44px}.poster{grid-column:2/4}.info{grid-column:2/4}.score{grid-column:2}.save{grid-column:3}h1{font-size:32px}header span{font-size:12px}}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid #b6e0f4;outline-offset:4px}.poster:before{background-image:var(--image,url(ranking-atlas.jpg));background-size:var(--size,200% 300%)}header{gap:28px;flex-wrap:wrap}header nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap}header nav a{font-size:14px;color:#9da9b5;min-height:44px;display:flex;align-items:center}header nav a[aria-current=page]{color:#bbdfef}header .brand{display:flex;align-items:center;gap:12px;margin-right:12px}header .account{margin-left:auto;font-size:13px;color:#bbdfef}button:disabled{opacity:.55}.save{min-width:44px;min-height:44px}.status{color:#a2afbc;font-size:14px;line-height:1.8}.rank{align-self:center}@media(max-width:550px){header{gap:12px}header nav{order:3;width:100%;gap:8px 18px}header nav a{font-size:13px}.title{margin-top:32px}.row{padding:20px 0;gap:12px}.rank{align-self:start;margin-top:4px}.poster{grid-row:auto}main{padding:20px 18px}.score small{display:block;margin:4px 0 0}.filters button{min-height:44px;padding:8px 22px}}