.ranking-hero{display:flex;justify-content:space-between;gap:28px;align-items:center;margin:18px 0;padding:30px 34px;border-radius:24px;background:linear-gradient(125deg,#123d69,#197c8d);color:#fff;box-shadow:0 18px 40px rgba(23,72,110,.15)}
.ranking-hero.major{background:linear-gradient(125deg,#174c68,#2d8b77)}
.ranking-hero small,.ranking-query-card small{letter-spacing:.14em;color:#9ed9e6;font-weight:700}.ranking-hero h2{margin:8px 0;font-size:28px}.ranking-hero p{margin:0;max-width:760px;color:#d8eef3;line-height:1.8}.ranking-hero-count{min-width:130px;text-align:center;padding-left:26px;border-left:1px solid rgba(255,255,255,.25)}.ranking-hero-count b{display:block;font-size:42px}.ranking-hero-count span{color:#d8eef3}
.ranking-source-grid,.ranking-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0}.ranking-source-card,.ranking-stat-grid article,.ranking-query-card,.ranking-boundary{background:#fff;border:1px solid #d9e5ef;border-radius:20px;box-shadow:0 10px 28px rgba(25,66,100,.06)}.ranking-source-card{padding:22px}.ranking-source-card header{display:flex;flex-direction:column;gap:10px}.ranking-source-card header span{align-self:flex-start;padding:5px 9px;border-radius:999px;background:#eaf7f2;color:#187760;font-size:12px}.ranking-source-card.pending header span{background:#fff3d8;color:#946516}.ranking-source-card header b{font-size:19px;color:#153e67}.ranking-source-card>strong{display:block;margin:20px 0 5px;font-size:17px}.ranking-source-card p{min-height:44px;color:#647a91;line-height:1.6}.ranking-source-card footer{padding-top:14px;border-top:1px solid #edf2f6;color:#8192a4;font-size:13px}
.ranking-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ranking-stat-grid article{padding:21px}.ranking-stat-grid small,.ranking-stat-grid span{display:block;color:#6c8197}.ranking-stat-grid b{display:block;margin:7px 0;font-size:28px;color:#17466f}.ranking-stat-grid span{font-size:13px;line-height:1.5}
.ranking-query-card{padding:25px;margin:18px 0}.ranking-query-card>header{display:flex;justify-content:space-between;align-items:flex-start}.ranking-query-card h2{margin:6px 0 18px;color:#173f66}.ranking-query-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:end}.ranking-query-grid label span{display:block;margin-bottom:7px;color:#526b84}.ranking-query-grid input,.ranking-query-grid select{width:100%;box-sizing:border-box;padding:13px 14px;border:1px solid #d3dfeb;border-radius:12px;background:#f5f8fb;color:#8292a2}.ranking-query-grid button{height:46px;padding:0 22px;border:0;border-radius:12px;background:#9eafbd;color:#fff}.ranking-query-card>p{margin:16px 0 0;color:#687f95;line-height:1.7}.ranking-boundary{display:flex;gap:30px;padding:24px 28px;margin:18px 0}.ranking-boundary>b{color:#164873;font-size:18px;white-space:nowrap}.ranking-boundary p{margin:0 0 9px;color:#5e758b;line-height:1.6}.ranking-warning{margin-top:18px}
@media(max-width:900px){.ranking-source-grid,.ranking-stat-grid{grid-template-columns:1fr 1fr}.ranking-query-grid{grid-template-columns:1fr}.ranking-hero{align-items:flex-start}.ranking-hero-count{min-width:85px}}
@media(max-width:600px){.ranking-hero{padding:24px;flex-direction:column}.ranking-hero-count{border-left:0;border-top:1px solid rgba(255,255,255,.25);padding:16px 0 0;width:100%}.ranking-source-grid,.ranking-stat-grid{grid-template-columns:1fr}.ranking-boundary{display:block}.ranking-boundary>b{display:block;margin-bottom:12px}}
.ranking-table-card{margin:18px 0;background:#fff;border:1px solid #d8e4ee;border-radius:20px;overflow:hidden;box-shadow:0 10px 28px rgba(25,66,100,.06)}
.ranking-toolbar{display:grid;grid-template-columns:minmax(240px,1.35fr) repeat(3,minmax(150px,.72fr)) auto;gap:14px;align-items:end;padding:22px 24px;background:#f6f9fc;border-bottom:1px solid #e1eaf2}.ranking-toolbar.major-search{grid-template-columns:minmax(300px,1fr) auto}.ranking-toolbar label span{display:block;margin-bottom:7px;color:#4e6982;font-weight:600}.ranking-toolbar input,.ranking-toolbar select{width:100%;box-sizing:border-box;padding:13px 14px;border:1px solid #cad9e6;border-radius:11px;background:#fff;color:#173f66}.ranking-toolbar select:disabled{background:#edf2f6;color:#8a9aab}.ranking-toolbar button{height:46px;padding:0 20px;border:1px solid #bfcfdd;border-radius:11px;background:#fff;color:#315b7c;cursor:pointer}.ranking-table-head{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 24px}.ranking-table-head b,.ranking-table-head small{display:block}.ranking-table-head b{color:#153f67;font-size:18px}.ranking-table-head small{margin-top:5px;color:#70859a}.ranking-table-head>span{color:#53718b;white-space:nowrap}.ranking-table-scroll{max-height:640px;overflow:auto;border-top:1px solid #e5edf3}.ranking-table-scroll table{width:100%;border-collapse:collapse;white-space:nowrap}.ranking-table-scroll th{position:sticky;top:0;z-index:1;padding:13px 15px;background:#16466e;color:#fff;text-align:left;font-weight:600}.ranking-table-scroll td{padding:12px 15px;border-bottom:1px solid #e8eef3;color:#4b647b}.ranking-table-scroll tbody tr:nth-child(even){background:#f8fafc}.ranking-table-scroll tbody tr:hover{background:#eef7f7}.ranking-table-scroll td strong{color:#173f66}.ranking-grade{display:inline-block;min-width:30px;padding:3px 7px;border-radius:999px;background:#e5f6f1;color:#14745d;text-align:center;font-weight:700}.ranking-footnote{margin:0;padding:15px 24px;background:#fbfcfd;color:#6b8094;line-height:1.6;border-top:1px solid #e5edf3}
.ranking-toolbar.major-guide{grid-template-columns:minmax(280px,1.35fr) minmax(145px,.65fr) minmax(170px,.8fr) minmax(190px,1fr) auto}.ranking-direct-search{min-width:0}
@media(max-width:1100px){.ranking-toolbar{grid-template-columns:1fr 1fr}.ranking-toolbar.major-guide{grid-template-columns:1fr 1fr}.ranking-toolbar.major-guide .ranking-direct-search{grid-column:1/-1;grid-row:1}}
@media(max-width:700px){.ranking-toolbar,.ranking-toolbar.major-search,.ranking-toolbar.major-guide{grid-template-columns:1fr}.ranking-toolbar.major-guide .ranking-direct-search{grid-column:auto}.ranking-table-head{align-items:flex-start;flex-direction:column}.ranking-table-head>span{white-space:normal}.ranking-table-scroll{max-height:560px}}
