.adopt-head{max-width:1180px;margin:-8px 0 20px;padding:16px 18px;background:linear-gradient(135deg,#eaf5ef,#fff8dc);border:1px solid #dce8df;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:20px}.adopt-head div{display:flex;flex-direction:column;gap:5px}.adopt-head b{font-size:14px;color:var(--green)}.adopt-head span{font-size:10px;color:#78847f}.adopt-head label{font-size:10px;background:#fff;border-radius:20px;padding:8px 12px;white-space:nowrap}.pet-catalog{max-width:1180px;display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.pet-catalog>button{position:relative;border:1px solid #e1e7e3;background:#fff;border-radius:14px;padding:8px;cursor:pointer;overflow:hidden;transition:.18s;box-shadow:0 5px 16px #31483f0b}.pet-catalog>button:hover{transform:translateY(-3px);border-color:#6cac93;box-shadow:0 10px 24px #3154471c}.catalog-pet{display:block;width:100%;aspect-ratio:1.05;border-radius:10px;background-repeat:no-repeat;background-color:#f6efe4}.pet-catalog strong{display:block;margin-top:8px;font-size:12px}.pet-catalog small{display:block;color:#8b9692;font-size:8px;margin-top:3px}.pet-catalog i{position:absolute;right:7px;top:7px;background:#2f7d67;color:#fff;border-radius:14px;padding:4px 7px;font-style:normal;font-size:7px}.pet-catalog .adopted{border:2px solid #2f7d67;background:#f2faf6}.pet-catalog .locked{filter:saturate(.55);opacity:.62}.pet-catalog .locked:hover{transform:none;border-color:#e1e7e3}.premium-shop article>span{background-size:300% 200%!important;background-repeat:no-repeat!important}.student .portrait-wrap:after{content:"✦";display:grid!important;place-items:center;position:absolute;z-index:5;inset:0!important;background:radial-gradient(circle,rgba(255,247,174,.62),transparent 55%)!important;color:#fff7a8!important;font-size:30px!important;text-shadow:-42px -34px 0 #b8eeff,45px -26px 0 #ffe898,-35px 39px 0 #ffd0ed,40px 36px 0 #caffdf;opacity:0;pointer-events:none;animation:level-magic 8s ease-out infinite!important}.student:nth-child(2n) .portrait-wrap:after{animation-delay:1.1s!important}.student:nth-child(3n) .portrait-wrap:after{animation-delay:2.2s!important}.level-pill{overflow:visible}.level-pill:after{content:"↑";display:inline-grid;place-items:center;width:13px;height:13px;margin-left:4px;border-radius:50%;background:linear-gradient(135deg,#ffcf5a,#ff8a65);color:#fff;box-shadow:0 0 0 0 rgba(255,190,75,.6);animation:level-pulse 2.4s ease-in-out infinite}.evolved-card .portrait-wrap:after{content:"✦  LEVEL UP  ✦";font-size:14px!important;font-weight:900;letter-spacing:.08em;background:radial-gradient(circle,rgba(255,231,113,.9),rgba(132,93,255,.32) 38%,transparent 68%)!important;text-shadow:0 2px 8px #6b4d16,36px -40px 0 #fff,-40px 35px 0 #c8f5ff;animation-duration:5s!important}@keyframes level-magic{0%,82%{opacity:0;transform:scale(.45) rotate(-20deg)}86%{opacity:1;transform:scale(1.08) rotate(8deg)}91%{opacity:.8;transform:scale(1.22) rotate(-4deg)}96%,to{opacity:0;transform:scale(1.5) rotate(16deg)}}@keyframes level-pulse{50%{transform:translateY(-2px);box-shadow:0 0 0 5px rgba(255,190,75,0)}}@media(prefers-reduced-motion:reduce){.level-pill:after,.student .portrait-wrap:after{animation:none!important}.student .portrait-wrap:after{display:none!important}}@media(max-width:1100px){.pet-catalog{grid-template-columns:repeat(4,1fr)}}@media(max-width:700px){.adopt-head{align-items:flex-start;flex-direction:column}.pet-catalog{grid-template-columns:repeat(2,1fr)}}.music-app{min-height:100vh;background:#f5f6f2;color:#26322e;display:flex}.music-side{position:fixed;inset:0 auto 0 0;width:220px;background:#173d35;color:#fff;padding:28px 18px;display:flex;flex-direction:column;z-index:5}.music-brand{display:flex;align-items:center;gap:12px}.music-brand>b{width:40px;height:40px;border-radius:14px 14px 14px 5px;background:#f1bd5b;color:#173d35;display:grid;place-items:center;font-size:23px}.music-brand>span{font-weight:800;line-height:1.2}.music-brand small{font-size:9px;color:#a8c8bc;letter-spacing:.12em}.class-chip{margin:27px 2px 18px;padding:11px;border:1px solid #ffffff24;border-radius:9px;font-size:11px}.music-side nav{gap:5px}.music-side nav button{color:#bdd1ca}.music-side nav button.active{background:#fff;color:#174638}.music-side nav button i{color:inherit}.teacher-card{margin-top:auto;border-top:1px solid #ffffff22;padding-top:16px;display:flex;gap:10px;align-items:center}.teacher-card>span{width:34px;height:34px;border-radius:10px;background:#f1bd5b;color:#173d35;display:grid;place-items:center;font-weight:900}.teacher-card div{display:flex;flex-direction:column}.teacher-card small{font-size:8px;color:#9ab9ae}.music-main{margin-left:220px;width:calc(100% - 220px)}.music-main>header{height:82px;background:#fff;border-bottom:1px solid #e1e7e3;display:flex;justify-content:space-between;align-items:center;padding:0 34px}.music-main header p{font-size:9px;color:#8b9692;margin:0 0 4px}.music-main header h1{margin:0;font:22px Georgia,Songti SC,serif}.header-actions{display:flex;gap:8px}.back,.header-actions button,.section-title>button{border:1px solid #dbe5e0;background:#fff;border-radius:9px;padding:9px 12px;font-size:10px;cursor:pointer}.header-actions .sound-on{background:#fff8dc;color:#8b6618;border-color:#ead694}.header-actions .import{background:#256b58;color:#fff;border:0}.music-dashboard,.subpage{max-width:1450px;margin:auto;padding:28px 34px}.music-welcome{background:linear-gradient(120deg,#173f36 0 58%,#286c5a);border-radius:18px;padding:24px 27px;color:white;display:grid;grid-template-columns:1fr 130px 130px;gap:15px;align-items:center;box-shadow:0 13px 30px #173f3620}.music-welcome>div:first-child span{font-size:9px;color:#aad2c4;letter-spacing:.08em}.music-welcome h2{font:24px Georgia,Songti SC,serif;margin:7px 0}.music-welcome p{font-size:10px;color:#b9d2ca;margin:0}.music-welcome>div:not(:first-child){height:76px;background:#ffffff12;border:1px solid #ffffff18;border-radius:12px;display:grid;place-items:center;align-content:center}.music-welcome>div:not(:first-child) b{font:25px Georgia;color:#f1c568}.music-welcome>div:not(:first-child) small{font-size:8px;color:#bdd2cb}.main-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr);gap:18px;margin-top:18px}.review-panel,.students-panel{background:#fff;border:1px solid #e1e7e3;border-radius:15px;padding:19px}.section-title{display:flex;justify-content:space-between}.section-title h3{margin:0;font:17px Georgia,Songti SC,serif}.section-title p{font-size:9px;color:#8d9793;margin:5px 0 0}.selected-strip{display:grid;grid-template-columns:auto auto 1fr 55px auto auto;gap:7px;align-items:center;background:#edf5f1;padding:10px;margin:14px 0;border-radius:10px}.selected-strip>b{font:22px Georgia;color:#256b58}.selected-strip>span{font-size:8px;color:#798680}.selected-strip input{height:31px;border:1px solid #d8e2dd;border-radius:7px;padding:0 8px;min-width:0}.selected-strip button{height:31px;border:0;border-radius:7px;background:#256b58;color:#fff;font-size:9px;font-weight:700;padding:0 10px}.selected-strip .minus{background:#d66c62}.music-students{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.music-student{position:relative;background:#fff;border:1px solid #e4e9e6;border-radius:12px;padding:7px 7px 10px;text-align:left;cursor:pointer;overflow:hidden;transition:.2s}.music-student:hover{transform:translateY(-2px)}.music-student.selected{border-color:#28745f;box-shadow:inset 0 0 0 1px #28745f;background:#f4fbf7}.pet-frame{height:128px;border-radius:9px;overflow:hidden;position:relative;background:linear-gradient(145deg,#f6eddc,#e8f1eb)}.pet-art{display:block;width:100%;height:100%;background-repeat:no-repeat;position:relative;z-index:1;transition:.25s}.music-student:hover .pet-art{transform:scale(1.04)}.pet-frame>b{position:absolute;z-index:4;top:7px;left:7px;border-radius:16px;padding:4px 7px;color:#fff;background:#245f50;font-size:8px}.music-student>strong{display:block;font-size:11px;margin:7px 3px 2px}.music-student>small{display:block;font-size:7px;color:#89948f;margin:0 3px}.music-student>em{position:absolute;right:10px;bottom:9px;color:#25705b;font:700 11px Georgia;font-style:normal}.level-orbit{position:absolute;inset:-40%;border-radius:50%;opacity:.25;animation:orbit 7s linear infinite}.level-1 .level-orbit{background:conic-gradient(transparent,#91d8bf,transparent)}.level-2 .level-orbit{background:conic-gradient(transparent,#72cfc3,transparent);opacity:.32}.level-3 .level-orbit{background:conic-gradient(transparent,#79b9ee,transparent);opacity:.38}.level-4 .level-orbit{background:conic-gradient(transparent,#9f8ef1,transparent);opacity:.42}.level-5 .level-orbit{background:conic-gradient(transparent,#ed94c4,transparent);opacity:.46}.level-6 .level-orbit{background:conic-gradient(transparent,#ff9e70,transparent);opacity:.5}.level-7 .level-orbit{background:conic-gradient(transparent,#f8cb58,transparent);opacity:.55}.level-8 .level-orbit{background:conic-gradient(#61d5b0,#5caef0,#ba78ee,#61d5b0);opacity:.5}.level-9 .level-orbit{background:conic-gradient(#ffd95d,#ff7b67,#77d6ee,#ffd95d);opacity:.6}.level-10 .level-orbit{background:conic-gradient(#fff,#ffd34e,#b27bff,#61e8c0,#fff);opacity:.7;animation-duration:3s}.level-2 .pet-frame{box-shadow:inset 0 0 18px #7bd9be}.level-3 .pet-frame{box-shadow:inset 0 0 22px #70bdf2}.level-4 .pet-frame{box-shadow:inset 0 0 24px #a58cf0}.level-5 .pet-frame{box-shadow:inset 0 0 26px #ee9bc8}.level-6 .pet-frame{box-shadow:inset 0 0 28px #ff9c70}.level-7 .pet-frame{box-shadow:inset 0 0 30px #f5ca50}.level-10 .pet-frame,.level-8 .pet-frame,.level-9 .pet-frame{box-shadow:inset 0 0 35px #fff,0 0 12px #f1c95c}.is-leveling{z-index:4;animation:card-up 1s ease both}.is-leveling .pet-frame:after{content:"✦  ♪  ✦  ♫";position:absolute;z-index:8;inset:0;display:grid;place-items:center;background:radial-gradient(circle,#fff8bdcc,transparent 62%);color:#fff;font-size:20px;text-shadow:-35px -30px #62d6ff,35px 28px #ff82bd;animation:burst 1.3s ease-out both}.level-pop{position:absolute;z-index:10;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-shadow:0 2px 8px #315248;background:#23614b9a;animation:pop-in .45s ease-out}.level-pop strong{font:900 15px Georgia;letter-spacing:.08em}.level-pop small{font-size:8px;margin-top:5px}.review-grid{display:grid;gap:7px;margin-top:14px}.review-grid button{border:1px solid #e3e8e5;background:#f9fbf9;border-radius:10px;padding:9px;display:grid;grid-template-columns:31px 1fr auto;align-items:center;text-align:left;cursor:pointer;transition:.15s}.review-grid button:hover{border-color:#64a990;background:#eef8f3;transform:translateX(2px)}.review-grid button>span{font-size:19px}.review-grid b{display:block;font-size:10px}.review-grid small{font-size:7px;color:#8f9995}.review-grid em{font-style:normal;color:#2e7d64;font:700 12px Georgia}.review-grid .negative{background:#fff8f6}.review-grid .negative em{color:#ce655d}.global-celebrate{position:fixed;z-index:20;inset:0;pointer-events:none;overflow:hidden}.global-celebrate i{position:absolute;top:-8%;font-style:normal;font-size:28px;color:#f0bd4e;animation:fall 2.4s ease-in forwards}.global-celebrate i:first-child{left:15%}.global-celebrate i:nth-child(2){left:38%;animation-delay:.2s;color:#6acbb0}.global-celebrate i:nth-child(3){left:65%;animation-delay:.1s;color:#a98cea}.global-celebrate i:nth-child(4){left:84%;animation-delay:.35s;color:#ef8fba}.adopt-title{display:flex;justify-content:space-between;align-items:center;margin:12px 0 20px}.adopt-title h2{margin:0}.adopt-title p{font-size:10px;color:#87928d}.adopt-title label{font-size:10px;background:#fff;padding:9px 12px;border-radius:20px}.empty-module,.settings-card{max-width:680px;background:#fff;border:1px solid #e1e7e3;border-radius:16px;padding:25px;margin-top:20px}.settings-card label{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #edf0ee}.settings-card input{width:90px;padding:7px}.settings-card button{border:0;background:#eaf5ef;color:#26705b;border-radius:8px;padding:8px 12px}.empty-module p,.settings-card p{font-size:10px;color:#7f8c87}.empty-module{text-align:center}.empty-module>span{font-size:45px;color:#e6b64f}.back{margin-bottom:16px}@keyframes orbit{to{transform:rotate(1turn)}}@keyframes card-up{45%{transform:translateY(-8px) scale(1.04);box-shadow:0 18px 35px #2a5e4b3b}}@keyframes burst{0%{opacity:0;transform:scale(.25) rotate(-30deg)}45%{opacity:1;transform:scale(1.15)}to{opacity:0;transform:scale(1.6) rotate(20deg)}}@keyframes pop-in{0%{opacity:0;transform:scale(.7)}}@keyframes fall{to{top:105%;transform:rotate(420deg)}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}@media(max-width:1050px){.main-grid{grid-template-columns:1fr}.music-students{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.music-side{width:70px;padding:22px 9px}.class-chip,.music-brand span,.music-side nav button,.teacher-card div{font-size:0}.music-side nav button i{font-size:18px}.music-main{margin-left:70px;width:calc(100% - 70px)}.music-main>header{padding:0 15px}.header-actions button:first-child{display:none}.music-dashboard,.subpage{padding:18px 14px}.music-welcome{grid-template-columns:1fr}.music-welcome>div:not(:first-child){display:none}.selected-strip{grid-template-columns:auto auto 1fr 45px}.selected-strip button{grid-column:span 2}.music-students{grid-template-columns:repeat(2,1fr)}}.pet-frame:before{position:absolute;z-index:6;right:7px;bottom:7px;display:grid;place-items:center;min-width:30px;height:30px;padding:0 5px;border:2px solid #fff;border-radius:50%;background:#fff8dd;box-shadow:0 5px 14px #203f3440;font-size:16px;animation:decor-float 2.8s ease-in-out infinite}.level-1 .pet-frame:before{content:"♪";background:#eaf6ef;color:#2d765f}.level-2 .pet-frame:before{content:"♫";background:#dff8f0}.level-3 .pet-frame:before{content:"🌱"}.level-4 .pet-frame:before{content:"🌸";box-shadow:0 0 0 4px #f8cbe455,0 5px 14px #203f3440}.level-5 .pet-frame:before{content:"💫";background:#eee8ff;box-shadow:0 0 15px #a78cff}.level-6 .pet-frame:before{content:"🧣";background:#ffe8df}.level-7 .pet-frame:before{content:"🎖️";background:#fff1bd;box-shadow:0 0 16px #f0bc45}.level-8 .pet-frame:before{content:"🌈";background:#e7f9ff;box-shadow:0 0 18px #70ccdb}.level-9 .pet-frame:before{content:"👑";background:#fff0a8;box-shadow:0 0 20px #f5bb36}.level-10 .pet-frame:before{content:"♛";font-family:Georgia;color:#fff;background:linear-gradient(135deg,#f5c24d,#8e63d8);box-shadow:0 0 0 4px #f4d97966,0 0 24px #b083ef}.level-4 .pet-art{filter:saturate(1.06)}.level-5 .pet-art{filter:saturate(1.1) contrast(1.02)}.level-6 .pet-art{filter:saturate(1.13) drop-shadow(0 3px 5px #ff987555)}.level-7 .pet-art{filter:saturate(1.16) drop-shadow(0 3px 7px #f1c14e77)}.level-8 .pet-art{filter:saturate(1.2) drop-shadow(0 4px 8px #63cce888)}.level-9 .pet-art{filter:saturate(1.23) contrast(1.04) drop-shadow(0 4px 9px #f3bd4f99)}.level-10 .pet-art{filter:saturate(1.3) contrast(1.06) drop-shadow(0 5px 12px #a56eeaaa)}.sound-tester{position:fixed;z-index:30;right:24px;bottom:px;bottom:22px;display:flex;align-items:center;gap:8px}.sound-tester button{border:0;border-radius:24px;padding:11px 16px;background:linear-gradient(135deg,#216b57,#173f35);color:#fff;font-size:10px;font-weight:700;box-shadow:0 8px 24px #173f3540;cursor:pointer}.sound-tester span{background:#fff;border:1px solid #dce7e2;border-radius:18px;padding:8px 11px;font-size:9px;color:#2a705d;box-shadow:0 6px 20px #263d3420}@keyframes decor-float{50%{transform:translateY(-4px) rotate(5deg)}}@media(max-width:720px){.sound-tester{right:12px;bottom:12px}.sound-tester span{position:absolute;right:0;bottom:44px;white-space:nowrap}}.music-student{--glow:#78bda6;--scene1:#f4ead8;--scene2:#dff0e8;--accent:#5daa90;background:linear-gradient(165deg,#fff 58%,color-mix(in srgb,var(--scene2) 70%,#fff));box-shadow:0 5px 18px #29483c0c}.pet-frame{isolation:isolate;background:radial-gradient(circle at 50% 24%,#fffdf2 0 20%,transparent 43%),linear-gradient(160deg,var(--scene1),var(--scene2));box-shadow:inset 0 0 0 1px #ffffffaa,inset 0 -28px 38px color-mix(in srgb,var(--accent) 22%,transparent),0 6px 14px #264b3d18!important}.pet-frame:after{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:radial-gradient(circle at 16% 17%,#fff 0 2px,transparent 3px),radial-gradient(circle at 82% 22%,#fff6b8 0 2px,transparent 3px),radial-gradient(circle at 24% 72%,#fff 0 1px,transparent 2px),radial-gradient(circle at 74% 66%,#fff 0 1.5px,transparent 2.5px);filter:drop-shadow(0 0 5px var(--glow));animation:scene-sparkle 3.2s ease-in-out infinite}.level-orbit{z-index:3;inset:-34%;opacity:.42!important;mix-blend-mode:screen;filter:blur(.2px) saturate(1.2)}.level-1{--scene1:#f8edd9;--scene2:#e3f1e9;--glow:#80bea8;--accent:#68a991}.level-2{--scene1:#e9f7ee;--scene2:#d6f4ea;--glow:#53caae;--accent:#56bfa5}.level-3{--scene1:#e3f4ef;--scene2:#dcecff;--glow:#63b9ef;--accent:#5aaad8}.level-4{--scene1:#e8edff;--scene2:#eee3ff;--glow:#a285ef;--accent:#9278db}.level-5{--scene1:#f5e5ff;--scene2:#ffe4ef;--glow:#e789c3;--accent:#d978ad}.level-6{--scene1:#fff0de;--scene2:#ffe0d8;--glow:#ff8b6d;--accent:#e98064}.level-7{--scene1:#fff5cf;--scene2:#ffe5af;--glow:#f6bf39;--accent:#d99e21}.level-8{--scene1:#daf8f2;--scene2:#e5dcff;--glow:#6fd6d1;--accent:#7d93e6}.level-9{--scene1:#fff1bd;--scene2:#f5d8ff;--glow:#f6c043;--accent:#c47ae1}.level-10{--scene1:#171d3f;--scene2:#53306e;--glow:#ffe06b;--accent:#d6a83d;background:linear-gradient(150deg,#fff 45%,#fff5cf 72%,#efe1ff)}.level-2 .level-orbit{background:conic-gradient(transparent,#82efd0,transparent,#fff,transparent)}.level-3 .level-orbit{background:conic-gradient(#61bdea00,#61bdea,#fff0,#8ae3cf,#61bdea00)}.level-4 .level-orbit{background:conic-gradient(#a787ed00,#a787ed,#ffd8f1,#fff0,#79cfeb,#a787ed00)}.level-5 .level-orbit{background:conic-gradient(#ef92c500,#ef92c5,#fff,#947ced,#ef92c500)}.level-6 .level-orbit{background:conic-gradient(#ff8c6c00,#ff8c6c,#ffd36d,#fff,#ff8c6c00)}.level-7 .level-orbit{background:conic-gradient(#f7bd3200,#f7bd32,#fff4a3,#fff,#f7bd3200);filter:blur(.2px) drop-shadow(0 0 7px #e7ae2e)}.level-8 .level-orbit{background:conic-gradient(#5edac0,#63bdf2,#b47def,#ff8ebc,#5edac0);filter:drop-shadow(0 0 7px #75cfe8)}.level-9 .level-orbit{background:conic-gradient(#ffe36c,#ff8e7b,#d68dff,#63dced,#ffe36c);filter:drop-shadow(0 0 10px #f6c95b)}.level-10 .level-orbit{background:conic-gradient(from 20deg,#fff0,#ffe787,#fff,#ba82ff,#70e9d2,#fff0);filter:drop-shadow(0 0 13px #ffe071);animation-duration:2.7s}.level-4 .pet-frame:after,.level-5 .pet-frame:after{background:radial-gradient(circle at 18% 18%,#fff 0 3px,transparent 4px),radial-gradient(circle at 84% 20%,#ffd9f2 0 3px,transparent 4px),radial-gradient(circle at 28% 77%,#d4edff 0 2px,transparent 3px),radial-gradient(circle at 75% 68%,#fff 0 2px,transparent 3px)}.level-6 .pet-frame:after,.level-7 .pet-frame:after{background:radial-gradient(ellipse at 50% 110%,#ffd65e99 0 20%,transparent 55%),linear-gradient(115deg,transparent 35%,#fff6b766 48%,transparent 60%),radial-gradient(circle at 16% 18%,#fff 0 2px,transparent 3px),radial-gradient(circle at 84% 22%,#fff 0 2px,transparent 3px)}.level-8 .pet-frame:after,.level-9 .pet-frame:after{background:linear-gradient(118deg,transparent 15%,#81e8ff44 32%,#ca93ff55 50%,#ffcf70555 68%,transparent 85%),radial-gradient(circle at 15% 20%,#fff 0 3px,transparent 4px),radial-gradient(circle at 83% 25%,#fff2a2 0 3px,transparent 4px),radial-gradient(circle at 24% 75%,#f5bdff 0 2px,transparent 3px)}.level-10 .pet-frame:after{background:radial-gradient(circle at 50% 115%,#ffd84dbb 0 18%,transparent 48%),radial-gradient(circle at 50% 18%,#ffffffcc 0 2px,transparent 3px),radial-gradient(circle at 18% 24%,#ffe069 0 3px,transparent 4px),radial-gradient(circle at 82% 28%,#d9b1ff 0 3px,transparent 4px),radial-gradient(circle at 24% 72%,#85f4dc 0 2px,transparent 3px),linear-gradient(120deg,transparent 20%,#ffe37c55 36%,transparent 48%,#ca9bff55 62%,transparent 78%);animation-duration:1.8s}.level-10,.level-7,.level-8,.level-9{border-color:color-mix(in srgb,var(--accent) 55%,#fff)}.level-10,.level-9{box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 45%,#fff),0 12px 28px color-mix(in srgb,var(--glow) 24%,transparent)}.level-10 .pet-frame>b{background:linear-gradient(90deg,#7c5a14,#d8a927,#7c5a14);color:#fff9d5;border:1px solid #ffe68a;box-shadow:0 3px 12px #6b481f66}.level-10 .pet-frame:before{transform:scale(1.08);border-color:#ffe88b}.is-leveling .pet-frame:after{content:"✦  ♪  LEVEL UP  ♫  ✦"!important;z-index:9!important;background:radial-gradient(circle,#fff8bded,#f0c65aaa 25%,#8057cf77 52%,transparent 72%)!important;font-size:13px!important;font-weight:900!important;letter-spacing:.06em;animation:premium-burst 1.5s ease-out both!important}.is-leveling .pet-frame{animation:frame-flash 1.4s ease-out}.is-leveling .pet-art{animation:pet-awaken 1.4s ease-out}.music-student.selected{box-shadow:inset 0 0 0 1px #28745f,0 8px 24px color-mix(in srgb,var(--glow) 18%,transparent)}@keyframes scene-sparkle{50%{opacity:.45;transform:scale(1.04) rotate(2deg)}}@keyframes premium-burst{0%{opacity:0;transform:scale(.35) rotate(-18deg)}38%{opacity:1;transform:scale(1.05)}72%{opacity:.9;transform:scale(1.22) rotate(5deg)}to{opacity:0;transform:scale(1.55) rotate(12deg)}}@keyframes frame-flash{35%{box-shadow:inset 0 0 35px #fff,0 0 0 5px #ffe98788,0 0 35px var(--glow)!important}}@keyframes pet-awaken{45%{transform:translateY(-7px) scale(1.1);filter:saturate(1.35) brightness(1.08)}}@media(prefers-reduced-motion:reduce){.is-leveling .pet-art,.is-leveling .pet-frame,.pet-frame:after{animation:none!important}}.music-student:before{content:"";position:absolute;z-index:2;inset:7px 7px auto;height:128px;border-radius:9px;pointer-events:none;opacity:0;transition:.3s}.level-2:before{opacity:.38;background:radial-gradient(ellipse at 50% 105%,#72caa566 0 12%,transparent 42%)}.level-3:before{opacity:.48;background:linear-gradient(115deg,transparent 12%,#fff8 31%,transparent 48%),radial-gradient(circle at 18% 22%,#fff 0 2px,transparent 3px)}.level-4:before{opacity:.58;background:radial-gradient(circle at 16% 72%,#ffadd0 0 3px,transparent 4px),radial-gradient(circle at 82% 18%,#b6dfff 0 3px,transparent 4px),linear-gradient(25deg,transparent 45%,#d7b9ff55 46% 52%,transparent 53%)}.level-5:before{opacity:.68;background:radial-gradient(circle at 50% 120%,#d59aff88 0 18%,transparent 52%),linear-gradient(105deg,transparent 22%,#fff8 36%,transparent 48%)}.level-6:before{opacity:.72;background:linear-gradient(110deg,transparent 15%,#ffcf7655 28%,transparent 41%,#fff8 54%,transparent 68%),radial-gradient(circle at 78% 24%,#ffd56c 0 3px,transparent 4px)}.level-7:before{opacity:.78;background:radial-gradient(ellipse at 50% 115%,#ffd158aa 0 20%,transparent 48%),linear-gradient(70deg,transparent 32%,#ffef9d77 44%,transparent 56%)}.level-8:before{opacity:.8;background:linear-gradient(120deg,transparent 8%,#61e2d055 25%,#77aaf055 42%,#c57bf055 59%,#ff90c355 75%,transparent 92%)}.level-9:before{opacity:.9;background:radial-gradient(circle at 20% 20%,#ffe579 0 3px,transparent 4px),radial-gradient(circle at 80% 28%,#e2c4ff 0 4px,transparent 5px),radial-gradient(ellipse at 50% 110%,#ffc94fa3 0 18%,transparent 52%)}.level-10:before{opacity:1;background:radial-gradient(circle at 12% 18%,#fff6ac 0 2px,transparent 3px),radial-gradient(circle at 88% 22%,#fff 0 3px,transparent 4px),radial-gradient(circle at 22% 76%,#f4b6ff 0 2px,transparent 3px),radial-gradient(circle at 78% 72%,#8ff4e0 0 2px,transparent 3px);filter:drop-shadow(0 0 6px #ffe06a);animation:royal-stars 1.7s ease-in-out infinite}.level-1 .pet-art{animation:pet-breathe 4.2s ease-in-out infinite}.level-2 .pet-art{animation:pet-breathe 3.8s ease-in-out infinite}.level-3 .pet-art{animation:pet-sway 4s ease-in-out infinite}.level-4 .pet-art{animation:pet-float 3.6s ease-in-out infinite}.level-5 .pet-art{animation:pet-sway 3.3s ease-in-out infinite}.level-6 .pet-art{animation:pet-step 3.1s ease-in-out infinite}.level-7 .pet-art{animation:pet-float 2.9s ease-in-out infinite}.level-8 .pet-art{animation:pet-stage 2.7s ease-in-out infinite}.level-9 .pet-art{animation:pet-stage 2.4s ease-in-out infinite}.level-10 .pet-art{animation:pet-royal 2.2s ease-in-out infinite}.music-student:nth-child(-n+6).level-10 .pet-art{background-image:url(/pet-level10-royal-final.png)!important;background-size:300% 200%!important;filter:saturate(1.08) contrast(1.03) drop-shadow(0 5px 11px #6e4fc099)}.music-student:nth-child(-n+6).level-10 .pet-frame{height:156px;background:#9e8ce8}.music-student:nth-child(-n+6).level-10:before{height:156px}.music-student:nth-child(-n+6).level-10 .pet-frame:before{content:"MAX";width:auto;min-width:37px;border-radius:20px;font:800 8px Georgia;letter-spacing:.08em}.level-2 .pet-frame:before{content:"音符芽"}.level-3 .pet-frame:before{content:"节拍星"}.level-4 .pet-frame:before{content:"旋律花"}.level-5 .pet-frame:before{content:"和声环"}.level-6 .pet-frame:before{content:"舞台光"}.level-7 .pet-frame:before{content:"演奏章"}.level-8 .pet-frame:before{content:"彩虹律"}.level-9 .pet-frame:before{content:"大师冠"}.level-2 .pet-frame:before,.level-3 .pet-frame:before,.level-4 .pet-frame:before,.level-5 .pet-frame:before,.level-6 .pet-frame:before,.level-7 .pet-frame:before,.level-8 .pet-frame:before,.level-9 .pet-frame:before{width:auto;min-width:38px;height:22px;border-radius:15px;padding:0 7px;font-size:7px;font-weight:800;white-space:nowrap}.is-leveling .pet-frame{animation:upgrade-scene 2.4s ease-out!important}.is-leveling .pet-frame:before{animation:reward-arrive 1.7s cubic-bezier(.2,.9,.25,1.25)!important}.is-leveling .pet-art{animation:upgrade-pet 2.1s cubic-bezier(.2,.9,.25,1.15)!important}@keyframes pet-breathe{50%{transform:scale(1.025)}}@keyframes pet-sway{25%{transform:rotate(-1.2deg) scale(1.02)}75%{transform:rotate(1.2deg) scale(1.04)}}@keyframes pet-float{50%{transform:translateY(-4px) scale(1.04)}}@keyframes pet-step{35%{transform:translateX(2px) rotate(1deg) scale(1.035)}70%{transform:translateX(-2px) rotate(-1deg) scale(1.035)}}@keyframes pet-stage{35%{transform:translateY(-4px) rotate(-1deg) scale(1.055)}70%{transform:translateY(-2px) rotate(1deg) scale(1.04)}}@keyframes pet-royal{50%{transform:translateY(-5px) scale(1.055);filter:saturate(1.18) brightness(1.05) drop-shadow(0 7px 14px #6e4fc0aa)}}@keyframes royal-stars{50%{opacity:.52;transform:scale(1.04) rotate(2deg)}}@keyframes upgrade-scene{0%{filter:brightness(1)}25%{filter:brightness(1.35) saturate(1.35);box-shadow:0 0 0 5px #fff5ab99,0 0 44px #ffd35c!important}55%{filter:brightness(1.08)}to{filter:brightness(1)}}@keyframes reward-arrive{0%{opacity:0;transform:translateY(-35px) scale(.2) rotate(-25deg)}60%{opacity:1;transform:translateY(2px) scale(1.25) rotate(8deg)}to{transform:none}}@keyframes upgrade-pet{0%{transform:scale(.9)}35%{transform:translateY(-12px) scale(1.14)}58%{transform:translateY(2px) scale(1.06)}to{transform:none}}@media(prefers-reduced-motion:reduce){.level-1 .pet-art,.level-10 .pet-art,.level-10:before,.level-2 .pet-art,.level-3 .pet-art,.level-4 .pet-art,.level-5 .pet-art,.level-6 .pet-art,.level-7 .pet-art,.level-8 .pet-art,.level-9 .pet-art{animation:none!important}}.music-welcome{min-height:255px;position:relative;overflow:hidden;background-image:linear-gradient(90deg,rgba(8,52,47,.96),rgba(8,52,47,.8) 28%,rgba(8,52,47,.18) 58%,transparent 76%),url(/music-class-hero.png);background-size:cover;background-position:50%}.music-welcome>*{position:relative;z-index:1}.music-welcome>div:not(:first-child){align-self:end;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#113f3788}.music-side nav button:nth-child(2),.music-side nav button:nth-child(5){display:none}.music-side nav{margin-top:46px}.class-manager-launch{position:fixed;z-index:8;left:18px;top:166px;width:184px;border:0;border-radius:9px;padding:12px 13px;text-align:left;font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 6px 18px #071e1830}.manager-mask{position:fixed;z-index:50;inset:0;background:#102a2399;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;padding:28px}.manager-panel{width:min(1080px,96vw);height:min(720px,90vh);background:#f5f7f3;border-radius:20px;overflow:hidden;box-shadow:0 28px 80px #061c1666;position:relative}.manager-panel>header{height:82px;padding:0 25px;background:#173f35;color:#fff;display:flex;justify-content:space-between;align-items:center}.manager-panel header small{color:#a9cbbf;font-size:9px}.manager-panel header h2{margin:3px 0 0;font:22px Georgia,Songti SC,serif}.manager-panel header>button{width:35px;height:35px;border:1px solid #ffffff44;border-radius:50%;background:transparent;color:#fff;font-size:22px}.manager-summary{height:64px;display:flex;align-items:center;gap:32px;padding:0 25px;background:#fff;border-bottom:1px solid #e3e8e5;font-size:10px;color:#7c8984}.manager-summary b{color:#286f5c;font-size:15px}.manager-body{height:calc(100% - 146px);display:grid;grid-template-columns:260px 1fr}.manager-body>aside{padding:20px;background:#eef3ef;border-right:1px solid #dfe6e1}.manager-body h3{font-size:11px;margin:0 0 12px}.manager-body>aside>button{width:100%;border:1px solid transparent;background:transparent;border-radius:9px;padding:11px;display:flex;justify-content:space-between;font-size:10px}.manager-body>aside>button.on{background:#fff;border-color:#cfe0d8;color:#28715d}.manager-body>aside>button small{color:#87938e}.add-class{margin-top:15px;border-top:1px solid #d8e2dc;padding-top:15px}.add-class input{width:100%;height:34px;border:1px solid #d4dfd9;border-radius:7px;padding:0 9px;font-size:9px}.add-class button{width:100%;margin-top:7px;border:0;border-radius:7px;padding:9px;background:#28715d;color:#fff;font-size:9px}.manager-body>main{padding:22px;overflow:auto}.roster-head{display:flex;justify-content:space-between;align-items:center}.roster-head>div{display:flex;flex-direction:column}.roster-head input{border:0;background:transparent;font-size:18px;font-weight:800;outline:none}.roster-head small{font-size:8px;color:#8e9994}.roster-head label{position:relative;overflow:hidden;border-radius:8px;background:#28715d;color:#fff;padding:10px 14px;font-size:9px;font-weight:700}.roster-head label input{position:absolute;inset:0;opacity:0;cursor:pointer}.format-tip{margin:17px 0;padding:11px 13px;border-radius:9px;background:#fff7d9;color:#806d32;display:flex;gap:12px;font-size:9px}.manager-body table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;font-size:10px}.manager-body td,.manager-body th{padding:11px 13px;border-bottom:1px solid #edf0ee;text-align:left}.manager-body th{background:#edf5f1;color:#557066}.manager-body td[colspan]{text-align:center;color:#9aa39f;padding:45px}.manager-message{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);background:#173f35;color:#fff;border-radius:22px;padding:10px 15px;font-size:9px;box-shadow:0 8px 24px #173f3540}@media(max-width:720px){.music-welcome{min-height:300px;background-position:68%}.class-manager-launch{left:8px;top:158px;width:54px;padding:12px 4px;text-align:center;font-size:0}.music-side nav{margin-top:46px}.manager-mask{padding:10px}.manager-body{grid-template-columns:1fr}.manager-body>aside{display:none}.roster-head{align-items:flex-start;gap:10px}.roster-head input{max-width:180px}}.v2{transition:background .35s ease}.v2 .class-chip{padding:0;overflow:hidden}.v2 .class-chip select{width:100%;padding:10px 12px;border:0;background:#ffffff18;color:#fff;outline:none}.v2 .class-chip option{color:#24493e}.v2-panel{margin-top:18px}.v2-panel .section-title{padding:20px 22px}.group-select,.manager-class-select select,.selected-strip select{border:1px solid #bddbce;border-radius:12px;background:#fff;color:#205847;font-weight:750;padding:11px 14px;min-width:175px}.v2 .music-student{position:relative;cursor:pointer}.quick-score{margin-top:8px;width:100%;border:0;border-radius:10px;padding:8px;background:#daf2e7;color:#17654e;font-size:11px;font-weight:850;cursor:pointer}.compact-review{display:none!important}.theme-settings{margin-top:18px}.theme-settings>b{display:block;margin-bottom:10px}.theme-settings>div{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.theme-settings button{min-height:50px;border:2px solid #fff;border-radius:12px;color:#39544b;font-weight:800;box-shadow:0 3px 10px #325b4b1a}.theme-settings button.on{border-color:#20765c;box-shadow:0 0 0 3px #20765c22}.adopt-pop{position:fixed;z-index:70;inset:0;background:#102a2399;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center}.adopt-pop>div{width:min(390px,90vw);padding:28px;border-radius:24px;background:#fff;text-align:center;box-shadow:0 24px 70px #102a2355}.adopt-pop .catalog-pet{width:150px;height:150px;margin:auto}.adopt-pop select{width:100%;margin:12px 0;padding:12px;border:1px solid #bddbce;border-radius:12px}.adopt-pop button{border:0;border-radius:10px;padding:10px 22px;background:#edf3ef;color:#426057}.manager-class-select{display:flex;align-items:center;gap:8px;color:#51675f}.manager-class-select select{padding:8px 12px;min-width:165px}@media(max-width:760px){.theme-settings>div{grid-template-columns:repeat(2,1fr)}.selected-strip{flex-wrap:wrap}.group-select{max-width:170px}}.v2 .music-side nav button:nth-child(2){display:flex}.v3{background:var(--theme-bg)!important;transition:background .3s}.v3 .music-side{background:var(--theme-side)!important;transition:width .25s,background .3s}.v3 .music-main{transition:margin-left .25s,width .25s}.v3 .pet-frame{height:auto!important;aspect-ratio:1/1}.v3 .catalog-pet,.v3 .pet-art{display:block!important;aspect-ratio:1/1;background-color:#f8f1df;background-repeat:no-repeat!important}.v3 .music-student:before{height:auto;aspect-ratio:1/1}.quick-pair{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:9px}.quick-pair button{border:0;border-radius:9px;padding:7px;background:#d8f3e7;color:#17654e;font-weight:900;cursor:pointer}.quick-pair .quick-minus{background:#ffe2df;color:#a43f39}.review-chips{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 14px}.review-chips button{border:1px solid #dbe8e1;border-radius:18px;padding:7px 10px;background:#edf8f3;color:#2a604f;font-size:9px;cursor:pointer}.review-chips button b{margin-left:7px}.review-chips .pink,.review-chips .rose{background:#fff0f5;color:#8b4560}.review-chips .blue{background:#ecf6ff;color:#3e6781}.review-chips .purple{background:#f1edff;color:#5d4d8a}.review-chips .gold,.review-chips .yellow{background:#fff6d8;color:#80621e}.review-chips .orange{background:#fff0e3;color:#8c5530}.review-chips .red{background:#ffeceb;color:#a0443e}.custom-review-form{border:1px solid #dfeae4;border-radius:14px;padding:12px;margin:12px 0}.custom-review-form label{gap:14px}.custom-review-form input{width:180px}.custom-review-form>button{width:100%;margin-top:10px;background:#276e5a;color:white}.custom-list{display:flex;gap:8px;flex-wrap:wrap}.custom-list span{padding:6px 10px;border-radius:14px;background:#eef7f2;font-size:9px}.side-toggle{position:absolute;z-index:3;right:-14px;top:28px;width:29px;height:42px;border:0;border-radius:0 12px 12px 0;background:var(--theme-side);color:white;font-size:24px;cursor:pointer;box-shadow:4px 3px 9px #1c3e3230}.side-hidden .music-side{width:18px;padding:0}.side-hidden .music-side>:not(.side-toggle){display:none}.side-hidden .music-main{margin-left:18px;width:calc(100% - 18px)}.side-hidden .side-toggle{right:-29px}.roster-table select{min-width:86px;border:1px solid #cfe0d8;border-radius:8px;padding:7px;background:#f8fcfa;color:#245c4b}.roster-table th:first-child{width:65px}.roster-table th:nth-child(4),.roster-table th:nth-child(5){width:115px}@media(max-width:720px){.v3 .music-students{grid-template-columns:repeat(2,minmax(0,1fr))}.review-chips{overflow-x:auto;flex-wrap:nowrap}.review-chips button{white-space:nowrap}.manager-panel{height:94vh}.manager-body>aside{display:block}.manager-body{grid-template-columns:150px 1fr}.manager-body>main{padding:12px}.roster-table{min-width:570px}}.v3 .music-side nav button:nth-child(2){display:flex}.music-student:nth-child(-n+6).level-10:not(.royal-ready) .pet-art,.v3 .music-student.level-10 .pet-art{background-image:var(--pet-image)!important;background-size:var(--pet-size)!important;background-position:var(--pet-position)!important}.v3 .music-student.level-5 .pet-frame:after,.v3 .music-student.level-6 .pet-frame:after,.v3 .music-student.level-7 .pet-frame:after,.v3 .music-student.level-8 .pet-frame:after,.v3 .music-student.level-9 .pet-frame:after{content:"♬";position:absolute;z-index:5;right:8px;top:8px;width:29px;height:29px;display:grid;place-items:center;border-radius:50% 50% 45% 55%;background:linear-gradient(145deg,#fff1a8,#d89cff);color:#704b90;border:2px solid #fff8d5;box-shadow:0 3px 12px #7b4b9a66;font-size:15px;animation:pet-charm 2.8s ease-in-out infinite}.v3 .music-student.level-5 .pet-frame,.v3 .music-student.level-6 .pet-frame{background:radial-gradient(circle at 50% 68%,#fff3bd 0 20%,#ffd7ee 48%,#ccecff 100%)}.v3 .music-student.level-7 .pet-frame,.v3 .music-student.level-8 .pet-frame,.v3 .music-student.level-9 .pet-frame{background:radial-gradient(circle at 50% 65%,#fff6b2 0 18%,#c9f7ef 42%,#b9b3f3 100%)}.side-hidden~.random-launch{display:flex!important;left:22px!important;top:auto!important;bottom:22px;width:148px!important}@keyframes pet-charm{50%{transform:translateY(-3px) rotate(9deg) scale(1.08);box-shadow:0 6px 18px #7b4b9a88}}.v3 .pet-frame{perspective:900px;transform-style:preserve-3d}.v3 .pet-art{transform-origin:50% 78%;will-change:transform,filter}.v3 .level-3 .pet-art{animation:action-awake 4.6s ease-in-out infinite}.v3 .level-4 .pet-art{animation:action-nod 3.8s ease-in-out infinite}.v3 .level-5 .pet-art{animation:action-wave 3.5s cubic-bezier(.45,0,.25,1) infinite}.v3 .level-6 .pet-art{animation:action-jump 3.2s cubic-bezier(.35,0,.2,1) infinite}.v3 .level-7 .pet-art{animation:action-turn 4.2s ease-in-out infinite}.v3 .level-8 .pet-art{animation:action-dance 3s ease-in-out infinite}.v3 .level-9 .pet-art{animation:action-salute 3.6s ease-in-out infinite}.v3 .level-10 .pet-art{animation:action-legend 3.4s ease-in-out infinite}.v3 .level-3 .pet-frame:after,.v3 .level-4 .pet-frame:after{content:"✦";position:absolute;z-index:5;left:12px;top:18px;color:#fff7a8;font-size:17px;text-shadow:58px 10px 0 #b9f4ff;animation:expression-spark 3.3s ease-in-out infinite;pointer-events:none}.v3 .level-8 .pet-frame:after,.v3 .level-9 .pet-frame:after{content:"♪  ♫";position:absolute;z-index:5;right:9px;top:12px;color:#fff7a8;font-size:14px;text-shadow:-72px 18px 0 #ffc1e8;animation:notes-float 2.7s ease-in-out infinite;pointer-events:none}.v3 .level-10 .pet-frame:after{content:"✦  ♫  ✧  ♪";position:absolute;z-index:5;inset:9px;display:flex;justify-content:center;align-items:flex-start;color:#fffbd1;font-size:15px;letter-spacing:18px;text-shadow:0 0 8px #fff,-55px 66px 0 #8ff4ff,55px 74px 0 #ffb5eb;animation:legend-aura 2.2s ease-in-out infinite;pointer-events:none}@keyframes action-awake{0%,to{transform:translateZ(0) scale(1)}45%{transform:translateY(-3px) translateZ(15px) scale(1.025)}52%{transform:translateY(-3px) translateZ(15px) scaleY(.97) scaleX(1.03)}}@keyframes action-nod{0%,to{transform:rotateX(0) translateZ(0)}35%{transform:rotateX(5deg) translateY(2px)}60%{transform:rotateX(-4deg) translateY(-3px) translateZ(13px)}}@keyframes action-wave{0%,to{transform:rotate(0) rotateY(0)}28%{transform:rotate(-2.5deg) rotateY(7deg) translateX(-2px)}55%{transform:rotate(3deg) rotateY(-8deg) translateX(3px) translateZ(12px)}75%{transform:rotate(-1.5deg) rotateY(5deg)}}@keyframes action-jump{0%,to{transform:translateY(0) scale(1)}18%{transform:translateY(3px) scaleX(1.035) scaleY(.965)}38%{transform:translateY(-10px) translateZ(18px) scaleX(.98) scaleY(1.035)}54%{transform:translateY(0) scaleX(1.045) scaleY(.96)}68%{transform:translateY(-3px)}}@keyframes action-turn{0%,to{transform:rotateY(0) translateZ(0)}28%{transform:rotateY(10deg) translateX(2px)}52%{transform:rotateY(-11deg) translateX(-2px) translateZ(18px)}74%{transform:rotateY(6deg)}}@keyframes action-dance{0%,to{transform:translateY(0) rotate(0)}20%{transform:translateY(-5px) rotate(-3deg) rotateY(6deg)}42%{transform:translateY(0) rotate(3deg) rotateY(-6deg)}62%{transform:translateY(-7px) rotate(-2deg) translateZ(16px)}82%{transform:translateY(-1px) rotate(2deg)}}@keyframes action-salute{0%,to{transform:rotate(0) scale(1)}30%{transform:rotate(-2deg) rotateX(3deg)}48%{transform:rotate(2deg) translateY(-5px) translateZ(18px) scale(1.035)}65%{transform:rotate(-1deg) translateY(-3px)}}@keyframes action-legend{0%,to{transform:translateY(0) rotateY(-3deg) scale(1.025);filter:saturate(1.12) drop-shadow(0 7px 12px #694eb488)}50%{transform:translateY(-9px) rotateY(5deg) translateZ(24px) scale(1.065);filter:saturate(1.28) brightness(1.08) drop-shadow(0 14px 19px #f6cf64aa)}}@keyframes expression-spark{0%,70%,to{opacity:.25;transform:scale(.7)}78%{opacity:1;transform:scale(1.25) rotate(16deg)}}@keyframes notes-float{0%,to{opacity:.45;transform:translateY(7px) rotate(-5deg)}50%{opacity:1;transform:translateY(-7px) rotate(7deg)}}@keyframes legend-aura{50%{opacity:.55;transform:scale(1.08) rotate(2deg);filter:drop-shadow(0 0 8px #fff)}}@media(prefers-reduced-motion:reduce){.v3 .gift-stage i,.v3 .gift-stage:after,.v3 .gift-stage:before,.v3 .pet-art,.v3 .pet-frame:after{animation:none!important}}.gift-stage{position:relative;display:grid;width:100%;height:100%;place-items:center;background:radial-gradient(circle at 50% 42%,#fff9c9 0 9%,#efd9ff 34%,#9cdbe7 70%,#599bb5 100%);overflow:hidden}.gift-stage:before{width:74px;height:61px;top:44%;transform:translate(-50%,-24%);border-radius:8px 8px 14px 14px;background:linear-gradient(135deg,#ff79a9,#e54e88);border:4px solid #fff3a6;box-shadow:0 14px 22px #3e456855,inset 0 -10px #c93673}.gift-stage:after,.gift-stage:before{content:"";position:absolute;left:50%}.gift-stage:after{width:88px;height:24px;top:39%;transform:translateX(-50%);border-radius:9px;background:linear-gradient(#ffe47e,#f5af3e);border:3px solid #fff6c8;box-shadow:0 6px 11px #6b467644}.gift-stage u{position:absolute;z-index:2;width:17px;height:88px;top:34%;left:50%;transform:translateX(-50%);background:#ffde67;border:2px solid #fff5b6;text-decoration:none}.gift-stage i{position:absolute;z-index:3;top:17%;font-style:normal;font-size:25px;color:#fff8a4;text-shadow:-38px 20px 0 #f8a8dc,38px 18px 0 #b8fbff;animation:gift-notes 2.2s ease-in-out infinite}.gift-stage strong{position:absolute;z-index:4;top:51%;font:900 19px Georgia;color:#8b3970;text-shadow:0 1px #fff}.level-1 .gift-stage{filter:saturate(.75)}.level-2 .gift-stage:after,.level-2 .gift-stage:before{animation:gift-wiggle 1.8s ease-in-out infinite}.level-2 .gift-stage{box-shadow:inset 0 0 30px #fff}.is-leveling.level-3 .pet-frame:after{content:"UNLOCK!  ✦  ♪";position:absolute;z-index:9;inset:0;display:grid;place-items:center;background:radial-gradient(circle,#fffbd4 0 14%,#ffc84dcc 30%,#8f55df88 52%,transparent 72%);color:white;font:900 17px Georgia;letter-spacing:.08em;text-shadow:0 2px 7px #583776;animation:unlock-flash 2.2s ease-out both}.is-leveling{animation:upgrade-card 2.35s cubic-bezier(.18,.85,.3,1)!important}.is-leveling .pet-frame{animation:upgrade-beam 2.25s ease-out!important}.is-leveling .pet-art{animation:upgrade-reveal 2.2s cubic-bezier(.15,.85,.3,1.18)!important}@keyframes gift-wiggle{25%{transform:translate(-50%,-24%) rotate(-3deg)}75%{transform:translate(-50%,-24%) rotate(3deg)}}@keyframes gift-notes{50%{transform:translateY(-7px) scale(1.14);filter:drop-shadow(0 0 9px #fff)}}@keyframes upgrade-card{0%{transform:none}18%{transform:translateY(2px) rotate(-1deg)}28%{transform:translateY(-5px) rotate(1.5deg)}42%{transform:translateY(-13px) scale(1.055)}72%{transform:translateY(-4px) scale(1.025)}to{transform:none}}@keyframes upgrade-beam{0%{filter:brightness(1)}24%{filter:brightness(1.8) saturate(1.45);box-shadow:0 0 0 5px #fff6af,0 0 55px 18px #a873ff}62%{filter:brightness(1.18);box-shadow:0 0 35px 9px #63e5ff}to{filter:none}}@keyframes upgrade-reveal{0%{opacity:.2;transform:scale(.68) rotate(-6deg)}35%{opacity:1;transform:scale(1.18) translateY(-9px)}62%{transform:scale(1.06) translateY(2px)}to{transform:none}}@keyframes unlock-flash{0%{opacity:0;transform:scale(.25) rotate(-15deg)}28%{opacity:1;transform:scale(1.08) rotate(3deg)}68%{opacity:.88;transform:scale(1.22)}to{opacity:0;transform:scale(1.5)}}.glory-hero,.glory-page{position:relative}.glory-hero{min-height:276px;border-radius:25px;padding:34px 40px;display:flex;align-items:center;justify-content:space-between;gap:28px;overflow:hidden;color:#fff;background:radial-gradient(circle at 75% 35%,#f7d46b66 0 8%,transparent 27%),linear-gradient(125deg,#163f39,#286b5d 46%,#7061a4);box-shadow:0 18px 45px #193f3630}.glory-hero:before{content:"♪  ✦  ♫  ✧  ♪";position:absolute;inset:22px 28px auto auto;color:#fff5b7;font-size:22px;letter-spacing:17px;opacity:.65;animation:glory-notes 5s ease-in-out infinite}.glory-hero:after{content:"";position:absolute;left:-7%;bottom:-100px;width:430px;height:190px;border:1px solid #ffffff29;border-radius:50%;box-shadow:0 0 0 24px #ffffff08,0 0 0 48px #ffffff07}.glory-copy{position:relative;z-index:2;max-width:520px}.glory-copy>span{display:inline-flex;padding:6px 10px;border:1px solid #ffffff42;border-radius:30px;background:#ffffff10;font:700 9px Georgia;letter-spacing:.18em;color:#ffeaa1}.glory-copy h2{margin:15px 0 10px;font:700 29px Georgia,Songti SC,serif;letter-spacing:.03em}.glory-copy p{margin:0;color:#d8eee7;font-size:11px}.glory-champion{position:relative;z-index:2;width:340px;min-height:204px;display:grid;grid-template-columns:162px 1fr;align-items:center;padding:14px 22px 14px 10px;border:1px solid #ffffff45;border-radius:28px;background:linear-gradient(135deg,#ffffff2b,#ffffff0e);box-shadow:inset 0 1px #ffffff77,0 15px 32px #152b2a33;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.champion-rays{position:absolute;left:7px;top:25px;width:167px;height:167px;border-radius:50%;background:repeating-conic-gradient(from 0deg,#ffe98255 0 8deg,transparent 8deg 19deg);animation:champion-spin 18s linear infinite}.champion-crown{position:absolute;z-index:4;left:67px;top:-11px;color:#ffd95f;font-size:39px;line-height:1;text-shadow:0 4px 8px #603f09,0 0 14px #fff2a0;transform:rotate(-6deg);animation:crown-float 2.5s ease-in-out infinite}.glory-pet{display:block;background-repeat:no-repeat!important}.champion-pet{position:relative;z-index:3;width:156px;aspect-ratio:1;border:4px solid #fff7c8;border-radius:50%;background-color:#f8e9be;box-shadow:0 0 0 7px #f1c94c88,0 12px 28px #152e294d;animation:champion-pet 3.4s ease-in-out infinite}.glory-champion>div{display:flex;flex-direction:column;gap:4px;padding-left:12px}.glory-champion small{color:#d9eee8;font-size:9px}.glory-champion strong{font:800 22px Georgia,Songti SC,serif}.glory-champion b{margin-top:3px;color:#ffe879;font:800 21px Georgia}.glory-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.75fr);gap:20px;margin-top:20px}.glory-card{border:1px solid #e2e8e4;border-radius:20px;background:#fff;box-shadow:0 10px 30px #234a3d12;overflow:hidden}.glory-title{min-height:74px;padding:17px 21px;border-bottom:1px solid #edf1ee;justify-content:space-between;background:linear-gradient(100deg,#fffdf4,#f7fbf8)}.glory-title,.glory-title>div{display:flex;align-items:center}.glory-title>div{gap:11px}.glory-title>div>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#fff0bd;font-size:21px;box-shadow:inset 0 0 0 1px #f5d878}.glory-title h3{margin:0;font:700 17px Georgia,Songti SC,serif;color:#28463e}.glory-title p{margin:4px 0 0;color:#89958f;font-size:8px}.glory-title>small{padding:5px 9px;border-radius:20px;color:#4d776a;background:#eaf5f0;font-size:8px}.personal-ranks{padding:8px 18px 15px}.personal-rank-row{min-height:64px;display:grid;grid-template-columns:42px 48px 1fr auto;align-items:center;gap:11px;padding:8px 10px;border-bottom:1px dashed #e9eeeb;transition:.2s}.personal-rank-row:last-child{border-bottom:0}.personal-rank-row:hover{border-radius:12px;background:#f5faf7;transform:translateX(3px)}.personal-rank-row.rank-1{margin:5px 0;border:1px solid #f2d378;border-radius:13px;background:linear-gradient(90deg,#fff8d9,#fffdf4);box-shadow:0 5px 16px #bd8d2517}.rank-medal{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#eff3f1;color:#667770;font:800 12px Georgia}.rank-medal.bronze,.rank-medal.gold,.rank-medal.silver{width:36px;height:36px;background:transparent;font-size:26px}.rank-pet{width:46px;aspect-ratio:1;border-radius:13px;background-color:#f6ebd6;background-repeat:no-repeat!important;box-shadow:inset 0 0 0 2px #fff,0 3px 9px #173f351c}.personal-rank-row>div{display:flex;flex-direction:column;gap:3px}.personal-rank-row>div strong{font-size:11px}.personal-rank-row>div small{color:#919d98;font-size:8px}.personal-rank-row>b{color:#26715d;font:800 15px Georgia}.personal-rank-row>b small{font-size:9px}.group-board{align-self:start}.group-podium{display:flex;flex-direction:column;gap:12px;padding:18px}.group-rank-card{position:relative;min-height:145px;padding:18px;border-radius:17px;border:1px solid #e7ebe8;background:linear-gradient(135deg,#fff,#f4f8f6);display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;overflow:hidden}.group-rank-card:after{content:"♫";position:absolute;right:-7px;top:-18px;font:900 75px Georgia;color:#2a735e0b;transform:rotate(13deg)}.group-rank-card>span{grid-row:1/4;font-size:35px}.group-rank-card>small{font-size:8px;color:#8e9995}.group-rank-card>strong{font:800 17px Georgia,Songti SC,serif;color:#28483f}.group-rank-card>b{color:#25725d;font:800 18px Georgia}.group-rank-card>p{grid-column:1/-1;margin:9px 0 7px;color:#8d9994;font-size:8px}.group-rank-card>div{grid-column:1/-1;display:flex}.group-rank-card>div i{width:35px;aspect-ratio:1;margin-right:-7px;border-radius:50%;border:2px solid #fff;background-color:#f8eed8;background-repeat:no-repeat!important;box-shadow:0 2px 8px #1f4d4029}.group-rank-1{border-color:#edce68;background:linear-gradient(135deg,#fff7ce,#fffdf5);box-shadow:0 8px 20px #c69b2420}.group-rank-2{border-color:#cfd9dd;background:linear-gradient(135deg,#f5f8fa,#fff)}.group-rank-3{border-color:#e7bd99;background:linear-gradient(135deg,#fff1e7,#fff)}.rank-medal.bronze,.rank-medal.gold,.rank-medal.silver{position:relative;display:grid;place-items:center;width:38px;height:38px;border:2px solid #fff;border-radius:12px;transform:rotate(-3deg);box-shadow:0 5px 12px #31473e2c}.rank-medal.gold{color:#8b5b08;background:linear-gradient(145deg,#fff1a2,#eeb83f);box-shadow:0 5px 14px #d6a52755}.rank-medal.silver{color:#5f6d79;background:linear-gradient(145deg,#f7fbff,#aebbc8)}.rank-medal.bronze{color:#75401f;background:linear-gradient(145deg,#f3c29c,#bd7546)}.rank-medal i{font-style:normal;font-size:25px;line-height:1}.rank-medal small{position:absolute;right:-5px;bottom:-5px;width:17px;height:17px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;color:#fff;background:#315f51;font:800 8px Georgia}.group-crown{position:relative;width:58px;height:58px;display:grid;place-items:center;border:3px solid #fff;border-radius:18px;transform:rotate(-4deg);box-shadow:0 8px 17px #263e3528}.group-crown i{font-style:normal;font-size:39px;line-height:1}.group-crown small{position:absolute;right:-7px;bottom:-6px;width:22px;height:22px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;color:#fff;background:#284e43;font:800 9px Georgia}.group-crown.gold{color:#895400;background:linear-gradient(145deg,#fff4a5,#e7ad2d);box-shadow:0 8px 19px #d09c3150}.group-crown.silver{color:#576773;background:linear-gradient(145deg,#fff,#aebbc7)}.group-crown.bronze{color:#6f3b1f;background:linear-gradient(145deg,#f6c6a1,#bd7242)}@keyframes glory-notes{50%{transform:translateY(-8px) rotate(2deg);opacity:1}}@keyframes champion-spin{to{transform:rotate(1turn)}}@keyframes crown-float{50%{transform:translateY(-6px) rotate(5deg)}}@keyframes champion-pet{50%{transform:translateY(-7px) rotateY(6deg);filter:saturate(1.15) drop-shadow(0 10px 9px #20382b55)}}@media(max-width:1050px){.glory-hero{align-items:flex-start}.glory-grid{grid-template-columns:1fr}.group-podium{display:grid;grid-template-columns:repeat(3,1fr)}.group-rank-card{min-height:155px}.glory-champion{width:320px}}@media(max-width:760px){.glory-hero{padding:27px 20px;flex-direction:column}.glory-copy h2{font-size:23px}.glory-champion{width:100%;grid-template-columns:138px 1fr}.champion-pet{width:132px}.champion-rays{width:140px;height:140px}.champion-crown{left:54px}.group-podium{grid-template-columns:1fr}.personal-ranks{padding:7px}.personal-rank-row{grid-template-columns:38px 43px 1fr auto;padding:7px 5px}.rank-pet{width:42px}.glory-title{padding:15px}.glory-title>small{display:none}}.random-launch{position:fixed;z-index:8;left:18px;top:220px;width:184px;border:0;border-radius:9px;padding:12px 13px;text-align:left;font-size:13px;font-weight:900;cursor:pointer;box-shadow:0 7px 20px #071e1830}.draw-mask{position:fixed;z-index:80;inset:0;display:grid;place-items:center;background:#102a23aa;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.draw-panel{position:relative;width:min(620px,92vw);min-height:570px;padding:34px;border-radius:28px;background:linear-gradient(145deg,#fffaf0,#eef9f4);text-align:center;box-shadow:0 30px 90px #061c1670;overflow:hidden}.draw-panel:before{content:"♪  ♫  ✦  ♬";position:absolute;inset:18px;color:#e9b84a;font-size:25px;letter-spacing:85px;opacity:.22}.draw-close{position:absolute;z-index:2;right:20px;top:18px;width:38px;height:38px;border:0;border-radius:50%;background:#e8f2ed;font-size:22px}.draw-panel>small{color:#699084;letter-spacing:.18em}.draw-panel h2{font:30px Georgia,Songti SC,serif;color:#174d3e}.draw-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#e9f2ed;padding:5px;border-radius:14px}.draw-tabs button{border:0;border-radius:10px;padding:12px;background:transparent;color:#638076;font-weight:800}.draw-tabs button.on{background:white;color:#17604b;box-shadow:0 3px 12px #244b3d18}.draw-count{display:flex;justify-content:center;align-items:center;gap:12px;margin:18px}.draw-count select{padding:9px 16px;border:1px solid #bcd9cd;border-radius:10px}.draw-stage{position:relative;height:245px;margin:18px 0;display:grid;place-items:center;border-radius:22px;background:radial-gradient(circle,#fff9cf,#dff5eb 68%,#c8eadf);overflow:hidden}.draw-halo{position:absolute;width:210px;height:210px;border:3px dashed #e9bd51;border-radius:50%;animation:draw-spin 7s linear infinite}.draw-names{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:430px}.draw-names strong{padding:10px 15px;border-radius:18px;background:#fff;color:#23614f;box-shadow:0 5px 15px #28544420;font-size:16px}.draw-stage.rolling .draw-names{animation:draw-pulse .15s ease-in-out infinite alternate}.draw-stage>span{position:absolute;bottom:16px;color:#6b8b80;font-size:10px}.draw-start{width:70%;border:0;border-radius:25px;padding:14px;background:linear-gradient(135deg,#23725a,#174b3d);color:#fff;font-weight:900;font-size:15px;box-shadow:0 9px 24px #174b3d35}.draw-start:disabled{opacity:.65}.draw-result{color:#9a6a15;font-weight:800}.manager-panel .format-tip span:after{content:"；性别支持“男/女”，分组支持“第1组–第8组”批量识别"}@keyframes draw-spin{to{transform:rotate(1turn)}}@keyframes draw-pulse{to{transform:scale(1.08);filter:blur(.3px)}}@media(max-width:720px){.random-launch{left:8px;top:214px;width:54px;padding:12px 4px;font-size:0}.random-launch:first-letter{font-size:16px}.draw-panel{padding:26px 16px;min-height:530px}.draw-panel h2{font-size:24px}}.draw-panel:before{pointer-events:none}.class-manager-launch,.random-launch{left:18px;width:184px;height:43px;padding:0 13px;display:flex;align-items:center;gap:10px;border-radius:10px;text-align:left;font-size:12px;line-height:1;white-space:nowrap}.class-manager-launch{top:342px;background:#fff;color:#174638}.random-launch{top:393px;background:#f5c963;color:#174638}.class-manager-launch:before{content:"▦";font-size:18px;color:#27705b}.random-launch:before{content:"✦";font-size:17px;color:#8b6418}.side-hidden~.class-manager-launch,.side-hidden~.random-launch{display:none}@media(max-height:690px){.class-manager-launch{top:auto;bottom:116px}.random-launch{top:auto;bottom:65px}}@media(max-width:720px){.class-manager-launch,.random-launch{left:8px;width:54px;height:43px;padding:0;justify-content:center;font-size:0}.class-manager-launch{top:300px}.random-launch{top:351px}.class-manager-launch:before,.random-launch:before{font-size:18px}}.class-manager-launch:before,.random-launch:before{display:none}.auth-screen{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.15fr) minmax(420px,.85fr);background:#f7f6f0;color:#26342f}.auth-visual{min-height:100vh;padding:44px 54px;position:relative;overflow:hidden;color:#fff;background-image:linear-gradient(115deg,#113e35e8,#1a5145b8 48%,#372f6180),url(/music-class-hero.png);background-size:cover;background-position:50%}.auth-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 22%,#ffe47842,transparent 25%),radial-gradient(circle at 21% 82%,#87e6ce35,transparent 29%)}.auth-visual:after{content:"♪  ♫  ✦  ♪";position:absolute;right:7%;top:9%;font:28px Georgia;letter-spacing:18px;color:#fff2a2;text-shadow:0 0 18px #fff;animation:auth-notes 5s ease-in-out infinite}.auth-brand{position:relative;z-index:2;display:flex;align-items:center;gap:13px}.auth-brand>b{width:48px;height:48px;display:grid;place-items:center;border-radius:16px 16px 16px 6px;color:#173f35;background:#f4c65d;font-size:26px;box-shadow:0 8px 25px #071c1838}.auth-brand>span{font-size:19px;font-weight:900}.auth-brand small{display:block;margin-top:3px;font-size:9px;font-weight:500;letter-spacing:.13em;color:#b8d9ce}.auth-slogan{position:absolute;z-index:2;left:9%;bottom:12%;max-width:570px}.auth-slogan>span{display:inline-block;padding:7px 12px;border:1px solid #ffffff44;border-radius:20px;background:#ffffff18;color:#ffe795;font-size:10px;letter-spacing:.08em}.auth-slogan h1{margin:17px 0 14px;font:800 clamp(34px,4vw,56px)/1.25 Georgia,Songti SC,serif;text-shadow:0 4px 18px #09251d66}.auth-slogan p{max-width:450px;margin:0;color:#d5ebe4;font-size:12px;line-height:1.9}.auth-slogan>div{display:flex;gap:18px;margin-top:25px;color:#ffe783;font-size:23px}.auth-slogan i{font-style:normal;animation:auth-float 2.8s ease-in-out infinite}.auth-slogan i:nth-child(2){animation-delay:.45s}.auth-slogan i:nth-child(3){animation-delay:.9s}.auth-form-wrap{display:grid;place-items:center;padding:42px}.auth-card{width:min(420px,100%);padding:38px 40px;border:1px solid #e0e7e2;border-radius:24px;background:#ffffffee;box-shadow:0 22px 65px #254a3b18}.auth-card header{margin-bottom:25px}.auth-card header>span{font:700 9px Georgia;letter-spacing:.2em;color:#b48a2b}.auth-card h2{margin:9px 0 8px;font:800 27px Georgia,Songti SC,serif;color:#23463c}.auth-card header p{margin:0;color:#8a9691;font-size:10px;line-height:1.7}.auth-card>label{display:flex;flex-direction:column;gap:7px;margin-top:15px}.auth-card label>span{color:#52655e;font-size:10px;font-weight:700}.auth-card input,.auth-card select{width:100%;height:44px;border:1px solid #dbe5e0;border-radius:10px;background:#f9fbfa;padding:0 13px;outline:none;font-size:12px;transition:.2s}.auth-card input:focus{border-color:#4f9a82;box-shadow:0 0 0 3px #4f9a8215;background:#fff}.password-field{position:relative}.password-field input{padding-right:54px}.password-field button{position:absolute;right:5px;top:5px;height:34px;border:0;border-radius:7px;background:#eaf4ef;color:#2d745e;font-size:9px;cursor:pointer}.account-error,.auth-error{margin-top:14px;padding:10px 12px;border-radius:9px;background:#fff0ee;color:#a94b43;font-size:9px}.auth-submit{width:100%;height:45px;margin-top:21px;border:0;border-radius:11px;color:#fff;background:linear-gradient(110deg,#246d59,#398b72);box-shadow:0 8px 20px #21604e32;font-size:12px;font-weight:800;cursor:pointer}.auth-submit:disabled{opacity:.55;cursor:wait}.auth-card footer{justify-content:center;gap:6px;margin-top:17px;padding:0;color:#98a39f;font-size:8px}.auth-state{min-height:100vh;display:grid;place-items:center;text-align:center;background:linear-gradient(135deg,#f4f8f5,#f7f0df);color:#416258}.auth-state>div{padding:28px;border-radius:20px;background:#fff;box-shadow:0 14px 45px #294e4018}.auth-state b{font-size:16px}.auth-state p{font-size:10px;color:#87958f}.auth-state button{border:0;border-radius:9px;padding:9px 15px;background:#2b745f;color:#fff;cursor:pointer}.auth-loader{font-size:42px;color:#d4a738!important;animation:auth-spin 1.6s linear infinite}.account-bar{position:fixed;z-index:19;right:24px;top:17px;height:48px;padding:5px 7px 5px 6px;display:flex;align-items:center;gap:8px;border:1px solid #dbe6e0;border-radius:14px;background:#fffffff0;box-shadow:0 8px 25px #173f3518;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.account-avatar,.table-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,#ffe59b,#e6b749);color:#5a4212;font-weight:900}.account-bar>div{display:flex;min-width:65px;flex-direction:column}.account-bar b{font-size:9px}.account-bar small{font-size:7px;color:#8a9691}.account-bar button{height:31px;border:0;border-radius:8px;padding:0 10px;font-size:8px;font-weight:700;cursor:pointer}.account-manage{color:#fff;background:#286f5c}.account-logout{color:#7a8983;background:#eef3f0}.account-mask{position:fixed;z-index:80;inset:0;padding:25px;display:grid;place-items:center;background:#0c282199;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.account-panel{width:min(1180px,97vw);height:min(760px,94vh);position:relative;overflow:hidden;border-radius:24px;background:#f4f7f4;box-shadow:0 30px 90px #071b1766}.account-panel>header{height:98px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;color:#fff;background:linear-gradient(105deg,#163e35,#286d5b 62%,#6e5f96)}.account-panel>header small{color:#f3d475;font:700 8px Georgia;letter-spacing:.2em}.account-panel>header h2{margin:5px 0 3px;font:700 23px Georgia,Songti SC,serif}.account-panel>header p{margin:0;color:#bcd8cf;font-size:8px}.account-panel>header>button{width:38px;height:38px;border:1px solid #ffffff50;border-radius:50%;color:#fff;background:#ffffff0f;font-size:23px;cursor:pointer}.account-stats{height:82px;padding:12px 27px;display:flex;gap:12px;border-bottom:1px solid #e1e8e3;background:#fff}.account-stats article{min-width:150px;padding:8px 15px;display:flex;align-items:center;justify-content:space-between;border-radius:12px;background:#f1f7f3}.account-stats span{color:#84918b;font-size:9px}.account-stats b{color:#27715d;font:800 23px Georgia}.account-body{height:calc(100% - 180px);display:grid;grid-template-columns:292px 1fr}.account-body>aside{padding:22px;background:#eef4f0;border-right:1px solid #dce5df;overflow:auto}.account-body h3{margin:0;font:800 14px Georgia,Songti SC,serif;color:#2b4a41}.account-body aside form{display:flex;flex-direction:column;gap:11px;margin-top:17px}.account-body aside label{display:flex;flex-direction:column;gap:5px;color:#64736d;font-size:8px;font-weight:700}.account-body aside input,.account-body aside select{height:35px;border:1px solid #d3e0d9;border-radius:8px;background:#fff;padding:0 9px;font-size:9px;outline:none}.account-body aside input:focus,.account-body aside select:focus{border-color:#5b9e87}.account-body aside form>button{height:37px;border:0;border-radius:9px;color:#fff;background:#28715d;font-size:9px;font-weight:800;cursor:pointer}.role-note{margin-top:20px;padding:14px;border-radius:12px;background:#fff;border:1px solid #dfe8e3}.role-note>b{font-size:9px}.role-note p{margin:9px 0 0;color:#8a9691;font-size:8px}.role-note span{display:inline-block;width:46px;color:#397662;font-weight:800}.account-body>main{padding:22px;min-width:0;overflow:auto}.account-table-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.account-table-title h3{margin:0}.account-table-title p{margin:4px 0 0;color:#8d9994;font-size:8px}.account-table-title button{border:1px solid #d9e4de;border-radius:8px;padding:7px 10px;color:#39705f;background:#fff;font-size:8px;cursor:pointer}.account-table-wrap{position:relative;min-height:250px;overflow:auto;border:1px solid #e0e7e3;border-radius:13px;background:#fff}.account-table{width:100%;border-collapse:collapse}.account-table td,.account-table th{padding:12px 11px;border-bottom:1px solid #edf1ee;text-align:left;white-space:nowrap;font-size:9px}.account-table th{position:sticky;top:0;z-index:1;color:#60746c;background:#eef5f1}.account-table td:first-child{display:flex;align-items:center;gap:8px}.account-table td:first-child>div{display:flex;flex-direction:column}.account-table td:first-child small{margin-top:2px;color:#b18b33;font-size:7px}.table-avatar{width:30px;height:30px;border-radius:9px;font-size:10px}.account-table code{padding:4px 6px;border-radius:6px;color:#4b635b;background:#f2f5f3;font:8px ui-monospace,monospace}.account-table select{height:29px;border:1px solid #dce6e1;border-radius:7px;background:#fff;padding:0 6px;font-size:8px}.account-table select:disabled{border:0;background:#eef3f0}.status-pill{border:0;border-radius:20px;padding:6px 8px;font-size:8px;font-weight:700;cursor:pointer}.status-pill.active{color:#28735e;background:#e5f5ed}.status-pill.disabled{color:#a35c57;background:#f9e9e7}.status-pill:disabled{cursor:not-allowed;opacity:.75}.disabled-row{opacity:.58}.row-actions{display:flex;gap:5px}.row-actions button{border:1px solid #dce5e0;border-radius:7px;padding:5px 7px;color:#506b62;background:#fff;font-size:7px;cursor:pointer}.account-loading{padding:45px;text-align:center;color:#87958f;font-size:9px}.account-toast{position:absolute;bottom:18px;padding:10px 16px;color:#fff;background:#173f35;box-shadow:0 8px 25px #173f3545}.account-toast,.readonly-notice{left:50%;transform:translateX(-50%);border-radius:22px;font-size:9px}.readonly-notice{position:fixed;z-index:18;top:18px;padding:9px 15px;color:#664e1b;background:#fff3bf;border:1px solid #e9cd69;box-shadow:0 7px 20px #4c3b1318}.account-readonly .pet-catalog button,.account-readonly .quick-pair button,.account-readonly .review-chips button,.account-readonly .selected-strip button,.account-readonly .settings-card button,.account-readonly .settings-card input,.account-readonly~.class-manager-launch{pointer-events:none;opacity:.5}@keyframes auth-notes{50%{transform:translateY(-10px) rotate(3deg);opacity:.65}}@keyframes auth-float{50%{transform:translateY(-8px) scale(1.12)}}@keyframes auth-spin{to{transform:rotate(1turn)}}@media(max-width:900px){.auth-screen{grid-template-columns:1fr}.auth-visual{min-height:280px;padding:28px}.auth-slogan{left:28px;bottom:35px}.auth-slogan h1{font-size:31px}.auth-slogan p{display:none}.auth-form-wrap{padding:28px}.account-body{grid-template-columns:245px 1fr}.account-stats article{min-width:120px}}@media(max-width:700px){.auth-visual{min-height:235px}.auth-slogan h1{font-size:25px}.auth-card{padding:28px 24px}.account-bar{right:8px;top:20px}.account-avatar,.account-bar>div{display:none}.account-bar button{padding:0 7px}.account-mask{padding:7px}.account-panel{height:97vh;border-radius:18px}.account-panel>header{height:84px;padding:0 17px}.account-panel>header p{display:none}.account-stats{height:65px;padding:8px 12px}.account-stats article{min-width:0;flex:1 1;padding:6px 8px}.account-stats span{font-size:7px}.account-stats b{font-size:18px}.account-body{height:calc(100% - 149px);display:block;overflow:auto}.account-body>aside{border-right:0;border-bottom:1px solid #dae4de}.account-body>main{overflow:visible;padding:15px}.account-table-wrap{overflow:auto}.account-table{min-width:760px}}.account-readonly .class-manager-launch{pointer-events:none!important;opacity:.5}