@charset "UTF-8";body,body[data-theme=default],body[data-theme=blue],body[data-theme=yellow],body[data-theme=beige],body[data-theme=green]{--primary-red-500: #e5353e;--primary-red-300: #ff6f75;--primary-red-50: #ffe6e7;--secondary-blue-500: #5790df;--secondary-blue-300: #84b4f5;--secondary-blue-50: #ebeffa;--surface-gray-900: #191919;--surface-gray-700: #4c4c4c;--surface-gray-500: #808080;--surface-gray-400: #adadad;--surface-gray-300: #ccc;--surface-gray-200: #e0e0e0;--surface-gray-100: #ebebeb;--surface-gray-50: #f5f5f5;--surface-bw-white: #fff;--background-gray-100: #ebebeb;--background-gray-50: #f5f5f5;--background-bw-white: #fff;--sheet-background-gray-50: #f5f5f5;--sheet-background-bw-white: #fff;--nav-bar-background-bw-white: #fff;--on-image-bw-white: #fff;--on-image-white-70: rgba(255, 255, 255, .7);--on-image-white-36: rgba(255, 255, 255, .36);--on-image-black-90: rgba(0, 0, 0, .9);--on-image-black-60: rgba(0, 0, 0, .6);--on-image-black-36: rgba(0, 0, 0, .36);--outline-black-8: rgba(0, 0, 0, .08);--overlay-black-90: rgba(0, 0, 0, .9);--overlay-black-60: rgba(0, 0, 0, .6);--overlay-black-36: rgba(0, 0, 0, .36);--segmentation-black-4: rgba(0, 0, 0, .04);--bw-black: #000;--bw-white: #fff;--sd2: rgba(0, 0, 0, .06);--sd3: rgba(0, 0, 0, .06);--sd4: rgba(0, 0, 0, .07);--sd5: rgba(0, 0, 0, .08);--sd6: rgba(0, 0, 0, .09);--sd7: rgba(0, 0, 0, .1);--sd8: rgba(0, 0, 0, .12);--sd12: rgba(0, 0, 0, .16);--sd16: rgba(0, 0, 0, .16);--on-image-surface-black-4: rgba(0, 0, 0, .04);--on-image-surface-black-8: rgba(0, 0, 0, .08)}body[data-theme=blue]{--surface-gray-900: rgba(0, 0, 0, .9);--surface-gray-700: rgba(0, 0, 0, .7);--surface-gray-500: rgba(0, 0, 0, .48);--surface-gray-400: rgba(0, 0, 0, .36);--surface-gray-300: rgba(0, 0, 0, .32);--surface-gray-200: rgba(0, 0, 0, .24);--surface-gray-100: rgba(0, 0, 0, .12);--surface-gray-50: rgba(0, 0, 0, .08);--surface-bw-white: rgba(0, 0, 0, .04);--background-gray-100: #cedde1;--background-gray-50: #dcebef;--background-bw-white: #edf5f7;--sheet-background-gray-50: #dcebef;--sheet-background-bw-white: #edf5f7;--nav-bar-background-bw-white: #edf5f7}body[data-theme=yellow]{--surface-gray-900: rgba(0, 0, 0, .9);--surface-gray-700: rgba(0, 0, 0, .7);--surface-gray-500: rgba(0, 0, 0, .48);--surface-gray-400: rgba(0, 0, 0, .36);--surface-gray-300: rgba(0, 0, 0, .32);--surface-gray-200: rgba(0, 0, 0, .24);--surface-gray-100: rgba(0, 0, 0, .12);--surface-gray-50: rgba(0, 0, 0, .08);--surface-bw-white: rgba(0, 0, 0, .04);--background-gray-100: #e3d0a1;--background-gray-50: #efe2c0;--background-bw-white: #f4ecd1;--sheet-background-gray-50: #efe2c0;--sheet-background-bw-white: #f4ecd1;--nav-bar-background-bw-white: #f4ecd1}body[data-theme=beige]{--surface-gray-900: rgba(0, 0, 0, .9);--surface-gray-700: rgba(0, 0, 0, .7);--surface-gray-500: rgba(0, 0, 0, .48);--surface-gray-400: rgba(0, 0, 0, .36);--surface-gray-300: rgba(0, 0, 0, .32);--surface-gray-200: rgba(0, 0, 0, .24);--surface-gray-100: rgba(0, 0, 0, .12);--surface-gray-50: rgba(0, 0, 0, .08);--surface-bw-white: rgba(0, 0, 0, .04);--background-gray-100: #ebe6da;--background-gray-50: #f5f1e8;--background-bw-white: #faf9f4;--sheet-background-gray-50: #f5f1e8;--sheet-background-bw-white: #faf9f4;--nav-bar-background-bw-white: #faf9f4}body[data-theme=green]{--surface-gray-900: rgba(0, 0, 0, .9);--surface-gray-700: rgba(0, 0, 0, .7);--surface-gray-500: rgba(0, 0, 0, .48);--surface-gray-400: rgba(0, 0, 0, .36);--surface-gray-300: rgba(0, 0, 0, .32);--surface-gray-200: rgba(0, 0, 0, .24);--surface-gray-100: rgba(0, 0, 0, .12);--surface-gray-50: rgba(0, 0, 0, .08);--surface-bw-white: rgba(0, 0, 0, .04);--background-gray-100: #c9e0cb;--background-gray-50: #e0eee1;--background-bw-white: #ebfaeb;--sheet-background-gray-50: #e0eee1;--sheet-background-bw-white: #ebfaeb;--nav-bar-background-bw-white: #ebfaeb}body[data-theme=dark]{--primary-red-500: #ff4d55;--primary-red-300: rgba(229, 53, 62, .48);--primary-red-50: rgba(229, 53, 62, .16);--secondary-blue-500: #6da2ed;--secondary-blue-300: rgba(109, 162, 237, .48);--secondary-blue-50: rgba(114, 148, 227, .16);--surface-gray-900: rgba(255, 255, 255, .6);--surface-gray-700: rgba(255, 255, 255, .5);--surface-gray-500: rgba(255, 255, 255, .4);--surface-gray-400: rgba(255, 255, 255, .36);--surface-gray-300: rgba(255, 255, 255, .32);--surface-gray-200: rgba(255, 255, 255, .24);--surface-gray-100: rgba(255, 255, 255, .12);--surface-gray-50: rgba(255, 255, 255, .08);--surface-bw-white: rgba(255, 255, 255, .08);--background-gray-100: #0a0a0a;--background-gray-50: #111;--background-bw-white: #191919;--sheet-background-gray-50: #191919;--sheet-background-bw-white: #1f1f1f;--nav-bar-background-bw-white: #1f1f1f;--on-image-bw-white: rgba(255, 255, 255, .9);--on-image-white-70: rgba(255, 255, 255, .6);--on-image-white-36: rgba(255, 255, 255, .36);--on-image-black-90: rgba(0, 0, 0, .9);--on-image-black-60: rgba(0, 0, 0, .6);--on-image-black-36: rgba(0, 0, 0, .36);--outline-black-8: rgba(255, 255, 255, .12);--overlay-black-90: rgba(0, 0, 0, .9);--overlay-black-60: rgba(0, 0, 0, .6);--overlay-black-36: rgba(0, 0, 0, .36);--segmentation-black-4: rgba(0, 0, 0, .7);--bw-black: #000;--bw-white: #fff;--sd2: rgba(0, 0, 0, 0);--sd3: rgba(0, 0, 0, 0);--sd4: rgba(0, 0, 0, 0);--sd5: rgba(0, 0, 0, 0);--sd6: rgba(0, 0, 0, 0);--sd7: rgba(0, 0, 0, 0);--sd8: rgba(0, 0, 0, 0);--sd12: rgba(0, 0, 0, 0);--sd16: rgba(0, 0, 0, 0);--on-image-surface-black-4: rgba(255, 255, 255, .08);--on-image-surface-black-8: rgba(255, 255, 255, .12)}.page-rank{min-height:100vh;display:flex;flex-direction:column;background:#fff}.rank-main{flex:1;min-height:600px;padding-bottom:60px}.rank-container{width:1200px;margin:0 auto}.rank-crumb{padding:32px 0 20px;font-size:13px;color:#999}.rank-crumb-link{color:#999;text-decoration:none}.rank-crumb-link:hover{color:#e5353e}.rank-crumb-sep{margin:0 8px}.rank-crumb-current{color:#333}.rank-body{display:flex;gap:40px;align-items:flex-start}.rank-side{flex-shrink:0;width:120px;display:flex;flex-direction:column;position:sticky;top:88px;padding:4px 0}.rank-side-item{position:relative;display:flex;align-items:center;justify-content:center;height:56px;font-size:16px;font-weight:600;color:#333;text-decoration:none;letter-spacing:1px;transition:color .15s}.rank-side-item:hover,.rank-side-item-active,.rank-side-item-active:hover{color:#e5353e}.rank-side-indicator{position:absolute;right:-12px;top:50%;transform:translateY(-50%);width:3px;height:24px;background:#e5353e;border-radius:2px}.rank-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.rank-item{padding:20px 16px;border-bottom:1px solid #f0f0f0;border-radius:0}.rank-item:last-child{border-bottom:none}.rank-empty{padding:80px 0;text-align:center;font-size:14px;color:#999;background:#f5f6f8;border-radius:10px}@media (max-width: 1240px){.rank-container{width:100%;max-width:1200px;padding:0 16px;box-sizing:border-box}}@media (max-width: 960px){.rank-body{flex-direction:column;gap:16px}.rank-side{position:static;flex-direction:row;flex-wrap:wrap;width:100%;gap:8px}.rank-side-item{flex:1 0 auto;height:40px;padding:0 16px}.rank-side-indicator{position:absolute;right:auto;left:50%;top:auto;bottom:4px;transform:translate(-50%);width:20px;height:3px}}