/*! NO8GEO-AUTHORSHIP-20261013 | 教学设计与平台开发：史若彬 | 版权所有，仅限个人使用，侵权必究 | no8geo.online
 * 声明适用于本站原创教学设计及平台开发；第三方库、授权素材与共创作品保留各自作者及许可。 */
.ranking-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.ranking-heading h2,.ranking-heading h3{margin:8px 0}.ranking-eyebrow{font-size:12px;letter-spacing:.12em;color:#4f8999;margin:0}.ranking-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px}.ranking-controls label{min-width:0}.ranking-controls input,.ranking-controls select{width:100%;box-sizing:border-box}.ranking-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0 26px}.ranking-metrics>div{background:#edf4f8;border:1px solid #d2e0e9;border-radius:12px;padding:18px}.ranking-metrics span{display:block;font-size:13px;color:#526b80}.ranking-metrics strong{display:block;font-size:27px;line-height:1.6}.ranking-leaders{grid-column:1/-1;margin:4px 0;color:#356873}.ranking-classes{display:grid;gap:9px;margin:12px 0 30px}.ranking-class{display:grid;grid-template-columns:30px 100px minmax(40px,1fr) 200px;gap:14px;align-items:center;width:100%;text-align:left;padding:14px 18px;border:1px solid #ccdde5;border-radius:10px;background:transparent;cursor:pointer}.ranking-class:hover,.ranking-class.selected{border-color:#348e9a;background:#e7f4f5}.ranking-class small{display:block;font-size:12px;color:#62788b;margin-top:5px}.ranking-number{font-size:19px;font-weight:700;color:#4d8290}.ranking-bar{background:#dae7ec;height:8px;border-radius:10px;overflow:hidden}.ranking-bar i{display:block;background:#3796a5;height:100%;border-radius:10px}.ranking-students{max-height:550px}.ranking-students th{position:sticky;top:0;z-index:1}.ranking-students strong{font-size:17px}#rankDetail p{line-height:1.9;overflow-wrap:anywhere}html:not([data-theme=light]) .ranking-metrics>div{background:#183248;border-color:#36566b}html:not([data-theme=light]) .ranking-metrics span,html:not([data-theme=light]) .ranking-class small{color:#acc3d3}html:not([data-theme=light]) .ranking-leaders{color:#99d1d4}html:not([data-theme=light]) .ranking-class:hover,html:not([data-theme=light]) .ranking-class.selected{background:#183e4d}html:not([data-theme=light]) .ranking-bar{background:#284b60}html:not([data-theme=light]) .ranking-class{border-color:#38576b}@media(max-width:760px){.ranking-controls,.ranking-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ranking-class{grid-template-columns:22px 70px 1fr;gap:10px;padding:12px}.ranking-bar{display:none}.ranking-class>span:last-child{text-align:right}.ranking-class small{white-space:normal}.ranking-metrics>div{padding:12px}.ranking-metrics strong{font-size:23px}}