/* 班级成长农场 · 麦穗金光荣榜 */
#v-rank.honor-view{
  box-sizing:border-box;width:100%;max-width:none;min-height:100vh;margin:0;
  padding:0 16px 76px;color:#304c36;
  background:
    radial-gradient(circle at 12% 12%,#fff5cb 0,transparent 24%),
    radial-gradient(circle at 90% 24%,#d9f1cc 0,transparent 30%),
    linear-gradient(180deg,#f6f9ed 0%,#edf5e5 100%);
}
#v-rank .honor-top{
  height:108px;display:flex;align-items:center;justify-content:center;
  position:relative!important;background:transparent!important;
  border-bottom:1px solid #dfebd4;color:#44673e!important;
}
#v-rank .honor-top h2{
  margin:0;font-size:32px;font-weight:900;letter-spacing:3px;
  color:#986411;text-shadow:0 2px 0 #fff9e9;
}
#v-rank .honor-top h2::after{
  content:"每一份努力，都有金色收获";display:block;
  margin-top:5px;text-align:center;letter-spacing:2px;
  font-size:12px;font-weight:500;color:#85987b;text-shadow:none;
}
#v-rank .honor-top button{
  position:absolute;right:clamp(8px,3vw,40px);top:33px;cursor:pointer;
  padding:10px 20px;border:1px solid #cadfbe;border-radius:999px;
  background:#fffef9;color:#52704e;font-weight:800;box-shadow:0 3px 12px #456c3510;
}
#v-rank .honor-top button:hover{background:#eef8e7}
#v-rank .honor-tabs{display:flex;justify-content:center;gap:9px;padding:23px 10px 8px}
#v-rank .honor-tabs button{
  border:1px solid #d6e4cc;border-radius:999px;padding:9px 24px;
  background:#fffdf7;color:#62795a;font-size:14px;font-weight:800;
  cursor:pointer;box-shadow:0 2px 6px #345b2e0b;
}
#v-rank .honor-tabs button.active{
  background:linear-gradient(135deg,#eec365,#cf9227);
  border-color:#ca942b;color:#553809;box-shadow:0 3px 10px #d7ac5742;
}
#v-rank .honor-tabs button:hover:not(.active){border-color:#9abf87;background:#f3f9e9}
#v-rank #honor-description{
  color:#829277;text-align:center;font-size:13px;margin:8px 12px 23px;
}
#v-rank .honor-list{
  width:min(100%,1000px);max-width:1000px;margin:auto;padding:0 8px;
  display:flex;flex-direction:column;gap:11px;
}
#v-rank .honor-row{
  display:flex;align-items:center;gap:15px;min-height:78px;
  padding:12px 22px;border-radius:17px;
  border:1px solid #e4e8d9;background:rgba(255,255,255,.92);
  box-shadow:0 3px 14px #3d5c2520;transition:transform .15s,box-shadow .15s;
}
#v-rank .honor-row:hover{transform:translateY(-1px);box-shadow:0 6px 19px #3d5c2529}
#v-rank .honor-row.honor-medal{
  background:linear-gradient(110deg,#fff9df 0%,#fffdf5 53%,#f4fbe9 100%);
  border:1px solid #ecd49a;box-shadow:0 4px 15px #b8943c21;
}
#v-rank .honor-row.honor-medal:first-child{
  background:linear-gradient(105deg,#ffecae 0%,#fff9df 47%,#f6fce9 100%);
  border-color:#d8ae4e;box-shadow:0 5px 18px #bd963e37;
}
#v-rank .honor-position{
  width:44px;flex-shrink:0;text-align:center;
  color:#8a9b79;font-size:21px;font-weight:900;
}
#v-rank .honor-avatar{
  width:62px;height:62px;flex-shrink:0;display:grid;place-items:center;
  border-radius:15px;background:#f0f6e8;font-size:30px;overflow:hidden;
}
#v-rank .honor-medal .honor-avatar{background:#fffef5;border:1px solid #f0e0b4}
#v-rank .honor-avatar img{width:100%;height:100%;object-fit:contain}
#v-rank .honor-person{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px}
#v-rank .honor-person b{font-size:17px;font-weight:850;color:#304e35}
#v-rank .honor-person small{font-size:12px;color:#89977f}
#v-rank .honor-points{display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right}
#v-rank .honor-points b{font-size:23px;font-weight:900;color:#b67a1c}
#v-rank .honor-points small{font-size:12px;color:#a69b79}
#v-rank .honor-empty{text-align:center;color:#81957b;padding:40px}
@media(max-width:650px){
 #v-rank.honor-view{padding:0 6px 40px}
 #v-rank .honor-top{height:94px}
 #v-rank .honor-top h2{font-size:24px;letter-spacing:1px}
 #v-rank .honor-top h2::after{font-size:10px;letter-spacing:0}
 #v-rank .honor-top button{top:11px;right:7px;padding:6px 10px;font-size:12px}
 #v-rank .honor-tabs{gap:6px;padding-top:18px}
 #v-rank .honor-tabs button{padding:8px 13px}
 #v-rank .honor-row{padding:10px 11px;gap:9px;min-height:66px}
 #v-rank .honor-position{width:26px}
 #v-rank .honor-avatar{width:46px;height:46px}
 #v-rank .honor-person b{font-size:14px}
 #v-rank .honor-person small{font-size:11px}
 #v-rank .honor-points b{font-size:18px}
}