:root{--pink:#ec4899;--rose:#f43f5e;--pink-50:#fdf2f8;--pink-100:#fce7f3;--pink-200:#fbcfe8;--slate:#475569;--dark:#1e293b;--muted:#94a3b8;--line:#e2e8f0;--white:#fff}
*{box-sizing:border-box}html{min-height:100%;background:#fff7fa}body{margin:0;min-height:100vh;color:var(--slate);font-family:system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:radial-gradient(#f1e7ec 1px,transparent 1px),linear-gradient(135deg,#fff1f7 0%,#fff 45%,#fff1f4 100%);background-size:24px 24px,100% 100%;user-select:none}button,input,select{font:inherit}button{cursor:pointer}.reference-shell{min-height:100vh}.floating-header{position:sticky;top:0;z-index:40;display:flex;justify-content:center;padding:12px 16px 8px;pointer-events:none}.header-pill{width:100%;max-width:1280px;padding:8px 12px 8px 18px;border:1px solid rgba(255,255,255,.75);border-radius:999px;background:rgba(255,255,255,.9);box-shadow:0 12px 32px rgba(244,114,182,.23);backdrop-filter:blur(18px);pointer-events:auto}.header-mainline{display:flex;align-items:center;gap:10px;min-width:0}.logo-button{width:42px;height:42px;flex:0 0 auto;border:0;border-radius:50%;color:#fff;font-size:18px;background:linear-gradient(135deg,#f472b6,#fb7185);box-shadow:0 5px 13px rgba(244,114,182,.42);transition:.2s}.logo-button:hover{transform:scale(1.06)}.class-selector{min-width:0;max-width:190px;display:flex;gap:7px;align-items:center;border:0;background:transparent;color:#be185d;font-size:14px;font-weight:900}.class-selector span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-chip,.nav-item{min-height:40px;border:1px solid var(--pink-200);border-radius:999px;background:var(--pink-50);color:#be185d;padding:8px 12px;font-weight:800;font-size:13px;transition:.18s}.header-chip:hover,.nav-item:hover{transform:translateY(-1px);background:#fff}.sort-chip{max-width:125px;outline:0}.desktop-search{position:relative;flex:1;min-width:120px}.desktop-search span{position:absolute;left:13px;top:7px;color:#f472b6;font-size:21px}.desktop-search input,.mobile-search input{width:100%;border:1px solid transparent;border-radius:999px;background:rgba(241,245,249,.65);box-shadow:inset 0 1px 3px rgba(100,116,139,.1);padding:10px 14px 10px 40px;outline:0;color:#be185d;font-size:13px;font-weight:700}.desktop-search input:focus,.mobile-search input:focus{background:#fff;border-color:#f9a8d4;box-shadow:0 0 0 3px #fce7f3}.header-tools{display:flex;align-items:center;gap:5px}.nav-item{border-color:transparent;padding:8px 10px;min-width:42px}.nav-item span{margin-left:2px}.mobile-search{display:none}.content-wrap{width:100%;max-width:1600px;margin:auto;padding:20px 32px 55px}.summary-grid{display:none}.page-intro{display:flex;align-items:flex-end;justify-content:space-between;margin:7px 5px 18px}.page-intro h1,.section-heading h2{margin:1px 0 4px;color:var(--dark);font-size:26px;font-weight:950;letter-spacing:-.02em}.page-intro p,.section-heading p{margin:0;color:var(--muted);font-size:13px}.eyebrow{color:#f472b6!important;font-size:10px!important;font-weight:950;letter-spacing:.24em!important}.class-overview{display:flex;align-items:baseline;gap:5px;color:#94a3b8}.class-overview b{font-size:28px;color:#ec4899}.class-overview span{font-size:12px;font-weight:700}.filter-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 2px 8px}.filter-tabs button{border:1px solid #fbcfe8;background:rgba(255,255,255,.78);color:#be185d;border-radius:999px;padding:8px 16px;font-weight:850;font-size:13px;box-shadow:0 3px 10px rgba(244,114,182,.06);transition:.18s}.filter-tabs button:hover,.filter-tabs button.active{color:#fff;border-color:#f472b6;background:linear-gradient(135deg,#f472b6,#fb7185);box-shadow:0 7px 16px rgba(244,114,182,.24)}.filter-description{margin:10px 5px 15px;color:#94a3b8;font-size:12px;font-weight:700}.student-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px 20px}.student-card{position:relative;min-height:292px;padding:20px 15px 14px;border:1px solid rgba(255,255,255,.8);border-radius:28px;background:rgba(255,255,255,.9);box-shadow:0 10px 28px rgba(148,163,184,.15),inset 0 0 0 1px rgba(251,207,232,.4);text-align:center;transition:.22s;overflow:hidden}.student-card:before{content:"";position:absolute;inset:0 0 auto;height:88px;background:linear-gradient(180deg,rgba(253,242,248,.92),transparent);pointer-events:none}.student-card:hover{transform:translateY(-5px) scale(1.01);box-shadow:0 17px 38px rgba(244,114,182,.18);border-color:#fbcfe8}.student-card.selected{outline:4px solid rgba(59,130,246,.42);background:#eff6ff}.select-mark{display:none;position:absolute;z-index:3;top:13px;right:13px;width:27px;height:27px;border:2px solid #cbd5e1;border-radius:50%;background:rgba(255,255,255,.92);color:transparent;place-items:center;font-weight:900}.batch-mode .select-mark{display:grid}.selected .select-mark{border-color:#3b82f6;background:#3b82f6;color:#fff}.avatar-wrap{position:relative;width:132px;height:132px;margin:5px auto 12px;border-radius:50%;padding:7px;background:linear-gradient(135deg,#ac6c3f,#e8b486);box-shadow:0 0 0 4px #fae9dc,0 8px 20px rgba(148,96,58,.22)}.avatar{width:100%;height:100%;display:grid;place-items:center;border:5px solid #fff;border-radius:50%;overflow:hidden;background:linear-gradient(145deg,#fff,#fce7f3);color:#be185d;font-size:34px;font-weight:950;text-shadow:0 1px #fff}.avatar img{width:100%;height:100%;object-fit:cover}.frame-silver{background:linear-gradient(135deg,#8390a6,#f1f5f9,#94a3b8);box-shadow:0 0 0 4px #e7edf4,0 8px 20px rgba(100,116,139,.22)}.frame-gold{background:linear-gradient(135deg,#e59d1f,#fff0a0,#d68a0f);box-shadow:0 0 0 4px #fff2bf,0 8px 23px rgba(245,158,11,.28)}.frame-platinum{background:linear-gradient(135deg,#2790a8,#d8fbff,#3ca8bd);box-shadow:0 0 0 4px #d9f6fa,0 8px 23px rgba(6,182,212,.25)}.frame-diamond{background:conic-gradient(#7c3aed,#38bdf8,#e879f9,#7c3aed);box-shadow:0 0 0 4px #ede9fe,0 8px 26px rgba(124,58,237,.34);animation:diamondGlow 2.4s ease-in-out infinite}@keyframes diamondGlow{50%{filter:brightness(1.14);transform:scale(1.025)}}.level-chip{position:absolute;z-index:2;bottom:-7px;left:50%;transform:translateX(-50%);padding:3px 11px;border:2px solid #fff;border-radius:999px;background:#f8fafc;color:#64748b;box-shadow:0 3px 8px rgba(100,116,139,.16);font-size:10px;font-weight:950;white-space:nowrap}.student-card h3{position:relative;margin:17px 0 8px;color:#334155;font-size:17px;font-weight:950}.score-line{display:flex;justify-content:center;gap:14px;color:#94a3b8;font-size:11px;font-weight:750}.score-line b{color:#f59e0b;font-size:13px}.progress-track{height:8px;margin:12px 5px 11px;border-radius:999px;background:#f1f5f9;overflow:hidden;box-shadow:inset 0 1px 2px rgba(100,116,139,.12)}.progress-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#f472b6,#fb7185);box-shadow:0 0 8px rgba(244,114,182,.4)}.student-card:after{content:"所属小组";display:block;padding-top:10px;border-top:1px solid rgba(241,245,249,.9);color:#cbd5e1;font-size:9px;font-weight:800;letter-spacing:.08em}.name-only .avatar img{display:none}.name-only .avatar{font-size:38px}.batch-bar{position:fixed;z-index:45;left:50%;bottom:10px;width:min(1240px,calc(100% - 32px));transform:translateX(-50%);display:flex;align-items:center;gap:9px;padding:10px 12px 10px 18px;border:1px solid rgba(251,207,232,.85);border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(253,242,248,.96) 44%,rgba(239,246,255,.94));box-shadow:0 -12px 28px rgba(244,114,182,.15);backdrop-filter:blur(18px)}.batch-bar>div{flex:1;color:#475569;font-size:13px;font-weight:800}.batch-bar>div span{display:block;color:#94a3b8;font-size:11px;font-weight:600}.batch-bar button{border:0;border-radius:14px;padding:10px 16px;background:#f1f5f9;color:#64748b;font-weight:850}.batch-bar .danger-soft{background:#fff1f2;color:#e11d48}.batch-bar .score-main{background:#3b82f6;color:#fff;box-shadow:0 7px 17px rgba(59,130,246,.25)}.hidden{display:none!important}.view{display:none}.active-view{display:block}.overlay-page{max-width:1120px;margin:8px auto;padding:25px;border:1px solid rgba(255,255,255,.9);border-radius:32px;background:rgba(255,255,255,.88);box-shadow:0 18px 55px rgba(244,114,182,.13);backdrop-filter:blur(15px)}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px}.section-heading>div:last-child{display:flex;gap:8px}.back-classroom,.modal-close{width:37px;height:37px;border:0;border-radius:50%;background:#f1f5f9;color:#94a3b8;font-size:22px}.soft-button,.primary-button{border:1px solid #fbcfe8;border-radius:999px;background:#fdf2f8;color:#be185d;padding:9px 15px;font-weight:850}.primary-button{background:#ec4899;color:#fff}.segmented{display:flex;width:max-content;margin-bottom:22px;padding:4px;border-radius:999px;background:#f1f5f9}.segmented button{border:0;border-radius:999px;background:transparent;color:#94a3b8;padding:8px 16px;font-weight:800}.segmented button.active{background:#fff;color:#ec4899;box-shadow:0 3px 9px rgba(100,116,139,.12)}.podium{display:grid;grid-template-columns:1fr 1.1fr 1fr;align-items:end;gap:14px;max-width:780px;margin:30px auto 22px}.podium-card{padding:18px;border:1px solid #fce7f3;border-radius:25px;background:#fff;text-align:center;box-shadow:0 9px 25px rgba(148,163,184,.13)}.podium-card.first{padding-top:30px;background:linear-gradient(#fffbeb,#fff);border-color:#fde68a}.podium-card .avatar-wrap{width:90px;height:90px}.podium-card strong,.podium-card em{display:block}.podium-card em{color:#ec4899;font-style:normal;font-weight:900}.rank-num{font-size:28px}.ranking-list,.history-card,.student-table{overflow:hidden;border:1px solid #f1f5f9;border-radius:22px;background:#fff}.rank-row,.history-head,.history-row,.student-row{display:grid;align-items:center;padding:13px 18px;border-bottom:1px solid #f1f5f9}.rank-row{grid-template-columns:55px 1fr 150px 100px}.mini-person{display:flex;align-items:center;gap:10px}.mini-avatar{width:40px;height:40px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:#fce7f3;color:#be185d;font-weight:900}.mini-avatar img{width:100%;height:100%;object-fit:cover}.reward-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.reward-card{padding:20px;border:1px solid #fce7f3;border-radius:24px;background:#fff;box-shadow:0 8px 24px rgba(148,163,184,.11)}.reward-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:18px;background:#fdf2f8;font-size:28px}.reward-card h3{margin:14px 0 5px;color:#334155}.reward-card p{min-height:38px;color:#94a3b8;font-size:13px}.reward-foot{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.coin{color:#f59e0b;font-weight:900}.reward-foot button{border:0;border-radius:999px;background:#fdf2f8;color:#be185d;padding:8px 13px;font-weight:850}.history-head,.history-row{grid-template-columns:150px 1fr 1.5fr 90px 90px}.history-head{background:#f8fafc;color:#94a3b8;font-size:11px;font-weight:800}.history-row{font-size:13px}.change-positive{color:#10b981;font-weight:900}.change-negative{color:#f43f5e;font-weight:900}.privacy-tip{margin-bottom:14px;padding:12px 15px;border:1px solid #fde68a;border-radius:15px;background:#fffbeb;color:#a16207;font-size:12px}.student-row{grid-template-columns:60px 1fr 120px 120px 100px}.student-row input[type=file]{display:none}.upload-label{color:#db2777;font-size:12px;font-weight:800;cursor:pointer}.row-action{border:0;background:transparent;color:#94a3b8}.modal{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:18px;background:rgba(71,85,105,.35);backdrop-filter:blur(5px)}.modal-panel{position:relative;width:min(560px,100%);max-height:90vh;overflow:auto;padding:26px;border:1px solid rgba(255,255,255,.9);border-radius:30px;background:#fff;box-shadow:0 28px 75px rgba(30,41,59,.3)}.modal-close{position:absolute;top:14px;right:14px}.modal h2{margin:0;color:#1e293b}.modal-sub{margin:5px 0 20px;color:#94a3b8;font-size:13px}.score-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.score-option{display:flex;justify-content:space-between;border:1px solid #f1f5f9;border-radius:16px;background:#fff;padding:13px;text-align:left}.score-option:hover{border-color:#f9a8d4;background:#fdf2f8}.positive{color:#10b981}.negative{color:#f43f5e}.student-profile{text-align:center}.student-profile .avatar-wrap{width:118px;height:118px}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:20px 0}.profile-stats div{padding:12px;border-radius:15px;background:#f8fafc}.profile-stats strong,.profile-stats span{display:block}.profile-stats span{margin-top:3px;color:#94a3b8;font-size:10px}.modal-form{display:grid;gap:11px}.modal-form input,.modal-form select{border:1px solid #e2e8f0;border-radius:13px;padding:11px}.toast{position:fixed;right:24px;bottom:24px;z-index:80;padding:12px 18px;border-radius:999px;background:#334155;color:#fff;box-shadow:0 13px 30px rgba(30,41,59,.3);opacity:0;transform:translateY(12px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:none}.reset-demo{position:fixed;right:10px;bottom:8px;border:0;background:transparent;color:#cbd5e1;font-size:10px}.empty{padding:45px;text-align:center;color:#94a3b8}
@media(max-width:1280px){.student-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px 16px}.nav-item span{display:none}.desktop-search{max-width:230px}}
@media(max-width:1024px){.student-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.header-pill{border-radius:22px}.desktop-search{display:none}.content-wrap{padding:18px 22px 50px}.reward-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.floating-header{padding:8px}.header-pill{padding:7px 9px}.header-mainline{gap:5px}.class-selector{max-width:110px}.sort-chip{display:none}.header-tools{margin-left:auto}.header-tools .nav-item:nth-child(1),.header-tools .nav-item:nth-child(3),.header-tools .nav-item:nth-child(4){display:none}.mobile-search{display:block;margin-top:6px}.mobile-search input{padding:8px 12px}.content-wrap{padding:14px 14px 65px}.student-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px 10px}.student-card{min-height:255px;padding:16px 9px 11px;border-radius:22px}.avatar-wrap{width:105px;height:105px}.page-intro h1{font-size:22px}.reward-grid{grid-template-columns:1fr 1fr}.history-head,.history-row{grid-template-columns:85px 1fr 1fr 55px}.history-head span:last-child,.history-row span:last-child{display:none}.student-row{grid-template-columns:48px 1fr 80px 65px}.student-row>*:nth-child(4){display:none}}
@media(max-width:540px){.logo-button{width:36px;height:36px}.header-chip{padding:7px 9px}.student-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.avatar-wrap{width:112px;height:112px}.student-card{min-height:265px}.reward-grid{grid-template-columns:1fr}.batch-bar>div span{display:none}.batch-bar{padding-left:12px}.batch-bar button{padding:9px}.podium{gap:6px}.podium-card{padding:10px 4px}.section-heading{gap:8px}.overlay-page{padding:18px 13px;border-radius:24px}.student-card:after{display:none}}