.rank-shell{max-width:1150px;margin:0 auto;padding:0 0 16px}.rank-shell [hidden]{display:none!important}.rank-skip{position:absolute;left:16px;top:-80px;padding:12px;background:#fff;z-index:10}.rank-skip:focus{top:12px}.rank-hero{display:flex;align-items:center;justify-content:space-between;min-height:330px;padding:46px 36px 40px;gap:30px;position:relative;overflow:hidden}.rank-hero .eyebrow{color:#66948c;font-size:10px;letter-spacing:3.5px}.rank-hero h1{font-family:'Noto Serif TC','Microsoft JhengHei',serif;color:#407f79;font-size:38px;line-height:1.45;letter-spacing:2px;margin:14px 0}.rank-lead{color:#718980;font-size:13px;line-height:1.9;margin:0 0 18px}.rank-hero-tag{display:inline-flex;align-items:center;gap:14px;padding:7px 13px;background:#fffdf2;border:1px solid #dddfc8;border-radius:20px;font-size:10px;color:#879170;letter-spacing:1px}.rank-hero-tag span{color:#c5a66b}.rank-emblem{position:relative;width:320px;height:250px;display:flex;align-items:center;justify-content:center;margin-right:28px}.rank-emblem:before{content:'';position:absolute;width:235px;height:235px;border:1px dashed #bdcfc0;border-radius:50%;transform:rotate(-15deg)}.rank-emblem:after{content:'';position:absolute;width:272px;height:272px;border:1px solid #e5e9d9;border-radius:50%;z-index:-1}.rank-medal{width:175px;height:175px;background:linear-gradient(140deg,#fff9dd,#eee5bb);border:8px solid #fffbed;box-shadow:0 0 0 1px #d4c58e,0 9px 0 #d9cba1,0 18px 32px #7f997a22;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-7deg);color:#a28c52}.rank-medal>span{letter-spacing:4px;font-size:10px}.rank-medal b{font-family:Georgia,serif;font-size:75px;line-height:1.05;font-weight:400}.rank-medal small{font-size:7px;letter-spacing:2px;margin-top:6px}.rank-ribbon{position:absolute;bottom:36px;left:33px;right:25px;background:#81ada0;border:3px solid #edf4e6;box-shadow:0 3px 0 #597f712b;color:#fffdf1;text-align:center;transform:rotate(-7deg);padding:10px 3px;font-size:9px;letter-spacing:2px}.rank-spark{position:absolute;color:#d7b575;font-size:35px}.spark-one{top:12px;right:24px}.spark-two{left:12px;bottom:57px;font-size:28px}.rank-panel{border:1px solid #d8e2d3;border-radius:22px;background:#fffef9;box-shadow:0 7px 0 #e3e9dd;overflow:hidden}.rank-tabs{display:grid;grid-template-columns:repeat(3,1fr);background:#eef3e8;border-bottom:1px solid #dce5d6}.rank-tabs a{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;padding:23px 12px;color:#839888;font-size:15px;font-weight:700;border-right:1px solid #dfe7d8}.rank-tabs a:last-child{border-right:0}.rank-tabs a small{font-size:8px;letter-spacing:1px;font-weight:500}.rank-tabs a>span{font-size:19px;color:#a7baa2}.rank-tabs a[aria-current=page]{background:#fffef9;color:#408b7f}.rank-tabs a[aria-current=page]:after{content:'';height:3px;position:absolute;bottom:0;left:30px;right:30px;background:#81b39d;border-radius:4px}.rank-tabs a:hover{color:#438579}.rank-content{padding:30px 34px 18px}.rank-board-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.rank-board-heading h2{margin:7px 0 8px;font-size:24px}.rank-description{margin:0;color:#798d82;line-height:1.8;font-size:12px}.rank-state{white-space:nowrap;padding:6px 10px;border:1px solid #e1e5d4;border-radius:20px;font-size:10px;color:#8b9577;background:#fafbed;display:inline-flex;align-items:center;gap:6px}.rank-state[data-state=ready]{background:#edf6ef;color:#528875;border-color:#d0e5d7}.rank-state[data-state=stale],.rank-state[data-state=error]{background:#fff3df;color:#9f783f;border-color:#ecddbb}.rank-toolbar{margin:23px 0 0;display:flex;align-items:center;gap:16px;padding:14px 0;border-top:1px dashed #e1e7d9;border-bottom:1px dashed #e1e7d9;flex-wrap:wrap}.rank-period{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:#618376;flex:1}.rank-dot{width:6px;height:6px;background:#c6b68a;border-radius:50%;flex-shrink:0}.rank-filter{display:flex;align-items:center;gap:8px}.rank-filter label{font-size:10px;color:#91a28e;letter-spacing:1px}.rank-filter select{font:inherit;font-size:12px;color:#56796d;background:#f9fbf4;border:1px solid #d4e0ce;border-radius:8px;padding:8px 30px 8px 10px;max-width:220px}.rank-filter select:disabled{opacity:.6}.rank-filter select:focus-visible,.rank-table-wrap:focus-visible{outline:3px solid #c97942;outline-offset:3px}.rank-refresh{background:#eef5ea;border:1px solid #d9e4d0;border-radius:8px;padding:9px 12px;font-size:11px;color:#688976;white-space:nowrap}.rank-refresh:disabled{cursor:wait;opacity:.65}.rank-notice{padding:12px 15px;border-radius:9px;background:#fff6e3;color:#917644;border:1px solid #ecdfbc;font-size:12px;line-height:1.8;margin:18px 0}.rank-empty{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;min-height:260px;padding:35px 25px;background:radial-gradient(ellipse at center,#f2f6ec80,transparent 65%)}.rank-empty-icon{width:58px;height:58px;display:flex;align-items:center;justify-content:center;border-radius:18px;background:#eef3e7;border:1px solid #dce7d3;color:#92ad95;font-size:25px;margin-bottom:17px}.rank-empty h3{font-size:18px;font-weight:500;color:#688b77;margin:0 0 8px;letter-spacing:1px}.rank-empty p{max-width:500px;margin:0;font-size:12px;line-height:1.9;color:#8c9d89}.rank-featured{margin:24px 0}.rank-featured-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.rank-featured-heading h3{font-size:13px;font-weight:500;color:#769580;margin:0}.rank-featured-heading>span{font-size:9px;color:#b4a27b;letter-spacing:2px}.rank-featured-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.rank-featured-list.rank-five{grid-template-columns:repeat(5,minmax(0,1fr))}.rank-featured-card{padding:18px 16px;border:1px solid #dce5d4;border-radius:13px;background:linear-gradient(145deg,#fffef8,#f2f6e9);min-width:0}.rank-featured-card:first-child{background:linear-gradient(145deg,#fffced,#f6edcf);border-color:#e7d6a2}.rank-featured-place{font-size:10px;color:#a8966e;letter-spacing:1px;margin-bottom:10px;display:block}.rank-featured-card strong{display:block;font-size:15px;color:#527e70;overflow-wrap:anywhere;line-height:1.5}.rank-featured-meta{color:#8b9d87;font-size:10px;margin:7px 0 15px;overflow-wrap:anywhere}.rank-featured-score{color:#81926b;font-size:12px}.rank-featured-score b{font-family:Georgia,serif;font-size:25px;font-weight:400;margin-right:5px}.rank-table-wrap{overflow-x:auto;margin-top:22px;border:1px solid #e0e6d9;border-radius:12px}.rank-table{border-collapse:collapse;width:100%;font-size:13px;text-align:left;min-width:520px}.rank-table th{padding:14px 18px;background:#f0f5e9;color:#84967c;font-size:11px;font-weight:500;letter-spacing:1px;white-space:nowrap}.rank-table td{padding:15px 18px;border-top:1px solid #edf0e6;color:#6f8777;overflow-wrap:anywhere}.rank-table tbody tr:nth-child(even){background:#fcfdf7}.rank-table tbody tr:hover{background:#f3f8ee}.rank-table td:nth-child(2){font-weight:500;color:#547d6d;min-width:135px;max-width:360px}.rank-table th:first-child,.rank-table td:first-child{width:76px}.rank-position{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:9px;font-family:Georgia,serif;color:#95a38c}.rank-position[data-place="1"]{background:#f3e4b8;color:#aa8440}.rank-position[data-place="2"]{background:#e5ede9;color:#7c9590}.rank-position[data-place="3"]{background:#f3e3d5;color:#ae8a6c}.rank-table .rank-number{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.rank-data-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:15px;color:#91a18d;font-size:10px}.rank-data-footer p{margin:0;line-height:1.8}.rank-rules{display:grid;grid-template-columns:.75fr repeat(3,1fr);gap:27px;margin:34px 5px 20px;padding:14px 0}.rank-rules h2{font-size:17px;letter-spacing:1px;margin:7px 0}.rank-rules h3{font-size:12px;font-weight:500;color:#7b9580;margin:0 0 8px}.rank-rules p:not(.eyebrow){font-size:11px;color:#8e9f89;line-height:1.9;margin:0}.rank-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1200px){.rank-shell{margin:0 25px}.rank-hero{padding-left:20px;padding-right:20px}}
@media(max-width:900px){.rank-tabs a small{display:none}.rank-featured-list.rank-five{grid-template-columns:repeat(3,minmax(0,1fr))}.rank-rules{grid-template-columns:repeat(3,1fr);gap:20px}.rank-rules>div:first-child{grid-column:1/-1}.rank-rules h2{margin-bottom:0}.rank-emblem{margin-right:0;width:260px}.rank-hero{gap:12px}.rank-hero h1{font-size:33px}}
@media(max-width:650px){.rank-shell{margin:0 14px}.rank-hero{min-height:280px;padding:30px 10px;gap:0}.rank-hero h1{font-size:27px;letter-spacing:1px}.rank-hero .eyebrow{font-size:8px;letter-spacing:2px}.rank-lead{font-size:11px}.rank-hero-tag{font-size:8px;gap:7px;padding:6px 9px}.rank-emblem{width:128px;height:170px;flex-shrink:0;margin-right:-6px}.rank-emblem:before{width:130px;height:130px}.rank-emblem:after{width:156px;height:156px}.rank-medal{width:102px;height:102px;border-width:5px}.rank-medal b{font-size:43px}.rank-medal>span{font-size:7px;letter-spacing:2px}.rank-medal small{font-size:5px;letter-spacing:.5px}.rank-ribbon{left:-7px;right:-3px;bottom:29px;font-size:5px;letter-spacing:.5px;padding:6px 0;border-width:2px}.spark-one{top:0;right:5px;font-size:23px}.spark-two{left:-1px;bottom:12px;font-size:19px}.rank-content{padding:23px 17px 16px}.rank-tabs a{font-size:12px;padding:18px 5px;gap:6px}.rank-tabs a>span{font-size:14px}.rank-tabs a[aria-current=page]:after{left:12px;right:12px}.rank-board-heading h2{font-size:21px}.rank-board-heading{gap:10px}.rank-state{font-size:9px;padding:5px 8px}.rank-description{font-size:11px}.rank-toolbar{gap:10px;margin-top:18px}.rank-filter{order:3;width:100%}.rank-filter select{flex:1;max-width:none}.rank-period{font-size:11px}.rank-refresh{font-size:10px;padding:8px}.rank-empty{padding:30px 7px;min-height:235px}.rank-empty h3{font-size:16px}.rank-empty p{font-size:11px}.rank-featured-list,.rank-featured-list.rank-five{grid-template-columns:1fr}.rank-featured-card{display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:4px 9px;padding:13px}.rank-featured-place{grid-row:1/3;margin:0;font-size:9px}.rank-featured-card strong{font-size:13px}.rank-featured-meta{margin:0;grid-column:2;font-size:9px}.rank-featured-score{grid-column:3;grid-row:1/3;font-size:10px}.rank-featured-score b{font-size:22px}.rank-table td,.rank-table th{padding:12px 13px}.rank-table{font-size:12px;min-width:460px}.rank-rules{grid-template-columns:1fr;gap:17px;padding:0 8px}.rank-rules>div:first-child{grid-column:auto}.rank-data-footer{gap:5px}.rank-notice{font-size:11px}}
@media(max-width:360px){.rank-emblem{display:none}.rank-hero{min-height:270px}.rank-hero h1{font-size:30px}.rank-board-heading h2{font-size:19px}}

.rank-tabs{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}@media(max-width:650px){.rank-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
.rank-character{display:flex;align-items:center;gap:10px;min-width:0}.rank-portrait{width:40px;height:40px;object-fit:contain;flex-shrink:0;border-radius:12px;background:#edf3e5;border:1px solid #dce6d4}.rank-featured-card .rank-portrait{width:50px;height:50px}.rank-character>span{overflow-wrap:anywhere}@media(max-width:650px){.rank-featured-card .rank-character{flex-direction:column;align-items:flex-start;gap:7px}}