.site-header nav{gap:28px}.progress-section{background:#f5f8fc;padding:76px 24px 86px}.section-wrap{max-width:1192px;margin:auto}.progress-filter{white-space:nowrap;border:1px solid #d9e7f5;background:#fff;border-radius:50px;padding:9px 15px;color:#386cba;font-size:11px;font-weight:850}.progress-panel{background:#fff;border:1px solid #e1e8ef;border-radius:18px;overflow:hidden;box-shadow:0 18px 45px rgba(29,60,100,.05)}.progress-head{display:grid;grid-template-columns:1fr 210px 160px;padding:15px 26px;background:#ecf3fb;color:#8196aa;font-size:11px;font-weight:850}.progress-head span:nth-child(2),.progress-head span:nth-child(3){text-align:right}.progress-row{width:100%;display:grid;grid-template-columns:48px minmax(140px,1fr) 210px 140px 20px;align-items:center;gap:0;text-align:left;padding:18px 26px;border:0;border-top:1px solid #edf1f4;background:#fff;color:#1d344d;transition:background .2s}.progress-row:hover{background:#f8fbff}.progress-rank{font-size:18px;color:#2d69ca;font-weight:900}.progress-student{font-size:14px;font-weight:850}.progress-student small{display:block;margin-top:4px;color:#94a4b1;font-size:10px;font-weight:600}.progress-before{text-align:right;color:#76889a;font-size:13px;font-variant-numeric:tabular-nums}.progress-before span{color:#9ab6db;padding:0 6px}.progress-row strong{text-align:right;font-size:17px;color:#2d66cb}.progress-row .row-arrow{text-align:right}.progress-empty{padding:42px 24px;text-align:center;color:#8497a9;font-size:13px;line-height:1.8}.progress-footer{display:flex;justify-content:space-between;padding:15px 26px;border-top:1px solid #edf1f4;color:#8fa0ad;font-size:11px}.honors-section{max-width:1240px;margin:0 auto;padding:82px 24px 88px}.honors-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.honor-card{border:1px solid #e5eaf0;border-radius:16px;background:#fff;padding:23px;text-align:left;min-height:176px;box-shadow:0 10px 30px rgba(32,56,83,.035);transition:transform .2s,border-color .2s}.honor-card[data-honor-student]{cursor:pointer}.honor-card[data-honor-student]:hover{transform:translateY(-3px);border-color:#9bbaf3}.honor-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#eaf2ff;color:#2868d6;font-size:21px;font-weight:900;margin-bottom:15px}.honor-card:nth-child(3n+2) .honor-icon{background:#f5f9e8;color:#79a324}.honor-card:nth-child(3n) .honor-icon{background:#fff0e7;color:#d8874d}.honor-eyebrow{font-size:10px;color:#92a3b0;font-weight:750}.honor-card h3{font-size:17px;margin:5px 0 6px;color:#19324c}.honor-card p{font-size:11px;color:#8495a2;margin:0;line-height:1.6}.honor-placeholder{background:#fafbfc}.honor-placeholder .honor-icon{opacity:.63}.honors-note{color:#9aa7b2;font-size:11px;margin:16px 0 0}.profile-growth{border:1px solid #e5ebf0;border-radius:14px;padding:16px;margin-bottom:32px}.growth-controls{display:flex;align-items:center;justify-content:space-between;gap:10px}.growth-controls select{border:1px solid #dae5ee;border-radius:8px;padding:7px 10px;color:#3a5876;background:#fff;font-size:12px;font-weight:800;max-width:52%}.mini-tabs{display:flex;padding:3px;background:#eef3f8;border-radius:8px}.mini-tabs button{border:0;border-radius:6px;background:transparent;color:#8495a3;padding:6px 10px;font-size:11px;font-weight:800}.mini-tabs button.selected{background:#fff;color:#2868d6;box-shadow:0 2px 7px rgba(33,60,90,.08)}.growth-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0 7px}.growth-metrics div{background:#f5f8fb;border-radius:9px;padding:10px}.growth-metrics span{display:block;color:#90a0ad;font-size:10px;margin-bottom:4px}.growth-metrics b{font-size:15px;color:#234565;font-variant-numeric:tabular-nums}.growth-metrics b.growth-positive{color:#669b27}.growth-chart{min-height:180px}.growth-chart svg{display:block;width:100%;height:auto}.growth-chart-empty{min-height:180px;display:grid;place-items:center;text-align:center;color:#9aa9b6;font-size:12px;line-height:1.7;padding:15px}.growth-footnote{margin:4px 0 0;color:#9cacb8;font-size:10px;line-height:1.6}.section-count{font-size:11px;color:#8ea0ad;font-weight:700;margin-left:4px}.profile-badges{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:34px}.profile-badge{display:grid;grid-template-columns:34px 1fr;column-gap:8px;align-items:center;padding:10px;border:1px solid #e8edf1;border-radius:10px}.profile-badge-icon{grid-row:span 2;display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#f2f8e4;color:#7aa132;font-size:16px;font-weight:900}.profile-badge strong{font-size:11px;color:#38526b}.profile-badge small{font-size:9px;color:#94a3af;line-height:1.5}.profile-badges .profile-empty{grid-column:span 2}
@media(max-width:900px){.site-header nav{gap:15px}.progress-head{grid-template-columns:1fr 170px 125px}.progress-row{grid-template-columns:40px minmax(110px,1fr) 170px 110px 18px}}@media(max-width:680px){.progress-section{padding:57px 16px 64px}.progress-filter{display:none}.progress-head{grid-template-columns:1fr 95px 82px;padding:13px 14px}.progress-row{grid-template-columns:32px minmax(96px,1fr) 95px 78px;gap:2px;padding:15px 14px}.progress-row .row-arrow{display:none}.progress-rank{font-size:15px}.progress-student{font-size:12px}.progress-student small{font-size:9px}.progress-before{font-size:10px}.progress-before span{padding:0 2px}.progress-row strong{font-size:13px}.progress-footer{padding:13px 15px}.progress-footer span:last-child{display:none}.honors-section{padding:60px 16px}.honors-grid{grid-template-columns:1fr 1fr;gap:9px}.honor-card{min-height:160px;padding:16px}.honor-card h3{font-size:14px}.profile-badges{grid-template-columns:1fr}.profile-badges .profile-empty{grid-column:auto}}
.ranking-panel table{min-width:1100px}.ranking-panel th,.ranking-panel td{padding-left:15px;padding-right:15px}.ranking-panel .competition-cell small{display:block;color:#9aa8b5;margin-top:5px}.attempts-cell{min-width:320px}.attempt-strip{display:inline-flex;gap:5px;white-space:nowrap}.attempt-chip{display:inline-flex;align-items:center;gap:4px;border:1px solid #e4eaf0;border-radius:6px;padding:5px 6px;color:#456078;background:#f8fafc;font-size:11px;font-weight:750;font-variant-numeric:tabular-nums}.attempt-chip small{color:#99a8b5;font-size:9px}.attempt-chip.attempt-best{background:#eaf3ff;border-color:#bad2fc;color:#2058b6}.attempt-chip.attempt-discarded{color:#9aa7b3;background:#f4f6f7}.attempt-chip.attempt-dnf{color:#b06d56}.attempts-missing{color:#a1aeba;font-size:11px}.history-attempts{margin-top:11px}.history-attempts>span:first-child{display:block;font-size:11px;color:#8b9ba8;margin-bottom:7px}.history-attempts .attempt-strip{flex-wrap:wrap}.history-attempts .attempt-chip{font-size:11px}
.profile-awards-preview{margin-top:18px;padding-top:15px;border-top:1px solid rgba(211,231,249,.17)}
.profile-awards-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.profile-awards-heading span{color:#f3f8fe;font-size:12px;font-weight:850}.profile-awards-heading small{color:#93a9bc;font-size:10px}
.profile-awards-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.profile-award-chip{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:5px 9px 5px 6px;border:1px solid rgba(205,236,119,.25);border-radius:7px;background:rgba(199,236,112,.1);color:#f2f9e3;font-size:11px;font-weight:750;white-space:nowrap}.profile-award-chip i{display:grid;place-items:center;width:19px;height:19px;border-radius:5px;background:#d7f28d;color:#1b3b32;font-style:normal;font-size:12px;font-weight:900}.profile-awards-empty{margin:9px 0 0!important;color:#a9bfd0!important;font-size:11px!important}
.drawer-top .drawer-back{display:none}
@media(max-width:680px){
  html{overflow-x:hidden}
  .profile-overlay{width:100%;height:100%;height:100dvh;overflow:hidden}
  .profile-drawer{width:100%;max-width:100%;min-width:0;height:100%;height:100dvh;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;box-shadow:none}
  .drawer-top{position:sticky;top:0;z-index:2;background:#fff;padding:8px 12px;min-height:60px;box-shadow:0 1px 0 #e8edf1}.drawer-top .drawer-label{display:none}
  .drawer-top .drawer-back{display:inline-flex;align-items:center;justify-content:center;width:auto;height:44px;min-width:132px;padding:0 12px;border-radius:9px;background:#eaf2ff;color:#245bb3;font-size:14px;letter-spacing:0;font-weight:850}
  .drawer-top #close-profile{width:44px;height:44px;flex:none}
  .profile-hero{padding:24px 18px}.profile-hero h2{font-size:29px}.profile-hero p{overflow-wrap:anywhere}
  #profile-content{min-width:0;overflow-x:hidden}.profile-body{min-width:0;padding:23px 18px calc(48px + env(safe-area-inset-bottom))}
  .best-grid{grid-template-columns:1fr;gap:9px;margin-bottom:26px}.best-card{min-width:0;padding:14px}
  .profile-growth{min-width:0;padding:12px;margin-bottom:27px;overflow:hidden}.growth-controls{flex-wrap:wrap}.growth-controls select{max-width:100%}.growth-metrics{gap:5px}.growth-metrics div{min-width:0;padding:8px}.growth-metrics b{font-size:13px}
  .profile-badge{min-width:0}.profile-badge small{overflow-wrap:anywhere}
  .history-head{flex-direction:column;align-items:flex-start;gap:4px}.history-head strong{overflow-wrap:anywhere}.history-head time{white-space:normal}
  .history-attempts .attempt-strip{display:flex;max-width:100%;flex-wrap:wrap;white-space:normal}
  .ranking-panel .table-scroller{overflow-x:visible}.ranking-panel table{display:block;width:100%;min-width:0}.ranking-panel thead{display:none}.ranking-panel tbody{display:block}
  .ranking-panel tbody tr[data-student]{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:8px;padding:17px 15px;border-top:1px solid #e9eef2}
  .ranking-panel tbody tr[data-student] td{display:block;min-width:0;padding:0;border:0}
  .ranking-panel tbody tr[data-student] td:nth-child(1){grid-column:1;grid-row:1;align-self:center}
  .ranking-panel tbody tr[data-student] td:nth-child(2){grid-column:2;grid-row:1;align-self:center}.ranking-panel .student-cell{gap:8px;font-size:13px}.ranking-panel .avatar{width:30px;height:30px;flex:none}
  .ranking-panel tbody tr[data-student] td:nth-child(3){grid-column:3;grid-row:1;justify-self:end;align-self:center;font-size:17px}
  .ranking-panel tbody tr[data-student] td:nth-child(4){grid-column:2/4;grid-row:2;max-width:none;white-space:normal;font-size:11px}.ranking-panel .competition-cell small{display:inline;margin-left:7px}
  .ranking-panel tbody tr[data-student] td:nth-child(5){grid-column:1/4;grid-row:3}.ranking-panel .attempts-cell{min-width:0}.ranking-panel .attempt-strip{display:flex;flex-wrap:wrap;white-space:normal}
  .ranking-panel tbody tr[data-student] td:nth-child(6){grid-column:2;grid-row:4;font-size:11px;color:#8595a4}
  .ranking-panel tbody tr[data-student] td:nth-child(7){grid-column:3;grid-row:4;justify-self:end;font-size:11px;color:#2868d6}.ranking-panel tbody tr[data-student] td:nth-child(7)::before{content:'查看档案';margin-right:5px}
  .ranking-panel tbody tr:not([data-student]){display:block}.ranking-panel tbody tr:not([data-student]) td{display:block;border:0}
}
.event-list .overall-event-button:not(.selected){border-color:#adc8f1;background:#f3f8ff;color:#245bb3}
.ranking-panel .overall-table{min-width:950px;table-layout:fixed}
.overall-table th,.overall-table td{padding:13px 12px}
.overall-table th:nth-child(1){width:78px}.overall-table th:nth-child(2){width:165px}.overall-table th:nth-child(3){width:115px}
.overall-sum{font-size:20px;font-weight:900;color:#245bb3;font-variant-numeric:tabular-nums;white-space:nowrap}.overall-sum small{display:block;margin-top:2px;color:#91a0ad;font-size:10px;font-weight:650}
.overall-breakdown{min-width:0}.overall-meta{margin-bottom:8px;color:#8a9bab;font-size:10px;font-weight:700}
.overall-ranks{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}
.overall-rank-chip{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px;padding:6px 7px;border:1px solid #e4ebf2;border-radius:7px;background:#f8fbff;color:#486078;font-variant-numeric:tabular-nums}
.overall-rank-chip small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.overall-rank-chip b{color:#245bb3;font-size:13px}.overall-rank-chip i{grid-column:1/-1;color:#9ca9b5;font-size:9px;font-style:normal}
.overall-rank-chip.overall-rank-missing{background:#f8f9fa;border-color:#edf0f2}.overall-rank-missing b{color:#8b9bab}
@media(max-width:680px){
  .ranking-panel .overall-table{display:block;width:100%;min-width:0;table-layout:auto}
  .ranking-panel .overall-table tbody tr[data-student] td:nth-child(3){font-size:18px}
  .ranking-panel .overall-table tbody tr[data-student] td:nth-child(4){grid-column:1/4;grid-row:2;max-width:none;white-space:normal}
  .overall-meta{margin:1px 0 8px;font-size:10px}.overall-ranks{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
  .overall-rank-chip{min-width:0;padding:7px 6px}.overall-rank-chip small{font-size:9px}.overall-rank-chip b{font-size:12px}
}
.table-footer{gap:12px}.table-footer #ranking-count{white-space:nowrap}.table-footer #ranking-footnote{flex:1;text-align:center}
.ranking-pagination{display:flex;align-items:center;gap:8px;white-space:nowrap}
.ranking-pagination button{min-height:34px;padding:6px 10px;border:1px solid #dbe5ef;border-radius:8px;background:#fff;color:#275db0;font-size:11px;font-weight:800}
.ranking-pagination button:hover:not(:disabled){border-color:#8eb3f1;background:#f3f8ff}.ranking-pagination button:disabled{opacity:.45;cursor:not-allowed}
.ranking-pagination button:focus-visible{outline:2px solid #2868e9;outline-offset:2px}
.ranking-pagination output{min-width:75px;text-align:center;color:#536b83;font-size:11px;font-weight:750}
@media(max-width:900px){.table-footer{flex-wrap:wrap}.table-footer #ranking-footnote{order:3;flex-basis:100%;text-align:left}}
@media(max-width:680px){
  .table-footer{display:flex;flex-direction:column;align-items:stretch;gap:12px}
  .table-footer #ranking-footnote{display:none}
  .ranking-pagination{display:grid;grid-template-columns:1fr auto 1fr;gap:8px}
  .ranking-pagination button{min-height:42px;font-size:12px}
}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.hero-actions .zbls-cta{border:1px solid rgba(198,237,80,.65);background:rgba(198,237,80,.08);color:#e8f8bf}
.hero-actions .zbls-cta:hover{background:rgba(198,237,80,.16);box-shadow:0 10px 25px rgba(0,0,0,.12)}
.hero-actions .zbls-cta:focus-visible{outline:2px solid #c6ed50;outline-offset:3px}
.hero-actions .zbll-cta{border:1px solid rgba(117,203,189,.75);background:rgba(22,144,131,.18);color:#c7f4ec}
.hero-actions .zbll-cta:hover{background:rgba(22,144,131,.29);box-shadow:0 10px 25px rgba(0,0,0,.12)}
.hero-actions .zbll-cta:focus-visible{outline:2px solid #75cbbd;outline-offset:3px}
