:root{--egg-yellow:#ffd93d;--egg-orange:#ff9f45;--egg-blue:#4ecfff;--egg-green:#7ce38b;--egg-purple:#b388ff;--egg-pink:#ff8fab;--ink:#2d2a4a;--page-bg:linear-gradient(135deg, #a8e6ff 0%, #b388ff 50%, #ffb3d9 100%);--radius-card:24px;--radius-pill:999px;--radius-input:16px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--ink);background:var(--page-bg);background-attachment:fixed;min-height:100vh;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}img{max-width:100%}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-topbar{z-index:20;-webkit-backdrop-filter:blur(12px);background:#ffffffd1;align-items:center;gap:1rem;padding:.6rem 1.25rem;display:flex;position:sticky;top:0}.app-topbar:after{content:"";background:linear-gradient(90deg, var(--egg-yellow), var(--egg-orange), var(--egg-pink), var(--egg-purple), var(--egg-blue), var(--egg-green));height:3px;position:absolute;bottom:0;left:0;right:0}.app-brand{white-space:nowrap;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:800;display:flex}.brand-dot{background:radial-gradient(circle at 35% 30%, #fff 0 18%, var(--egg-yellow) 20% 60%, var(--egg-orange));border-radius:50%;width:14px;height:14px;box-shadow:0 2px 6px #ff9f4580}.app-nav{flex:1;gap:.25rem;margin-left:1rem;display:flex}.nav-link{border-radius:var(--radius-pill);color:#5b5680;white-space:nowrap;padding:.4rem .9rem;font-size:.92rem;transition:background .15s,color .15s}.nav-link:hover{color:var(--ink);background:#f3eeff}.nav-link.active{background:linear-gradient(135deg, var(--egg-yellow), var(--egg-orange));color:#fff;font-weight:700;box-shadow:0 4px 10px #ff9f4559}.app-user{align-items:center;gap:.6rem;display:flex}.app-user .nickname{font-size:.92rem;font-weight:600}.app-user a{border-radius:50%;display:inline-flex}.app-main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:1.5rem clamp(1rem,4vw,2.5rem)}.page-title{margin:0 0 1.25rem;font-size:1.5rem;font-weight:800}.hamburger{color:var(--ink);background:0 0;border:none;border-radius:12px;padding:.25rem .5rem;font-size:1.3rem;display:none}.egg-card{border-radius:var(--radius-card);background:#fff;padding:1.5rem;box-shadow:0 10px 30px #b388ff2e,0 2px 8px #4ecfff1f}.egg-btn{border-radius:var(--radius-pill);color:#fff;background:linear-gradient(135deg, var(--egg-yellow), var(--egg-orange));border:none;padding:.55rem 1.4rem;font-size:.95rem;font-weight:700;transition:transform .12s,box-shadow .12s;box-shadow:0 6px 14px #ff9f4559}.egg-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px #ff9f4573}.egg-btn:active{transform:translateY(0)}.egg-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.egg-btn.secondary{color:var(--ink);box-shadow:none;background:#fff;border:2px solid #eae6ff}.egg-btn.secondary:hover{background:#f6f3ff}.egg-btn.danger{background:linear-gradient(135deg, var(--egg-pink), #ff6b8a);box-shadow:0 6px 14px #ff6b8a4d}.egg-btn-pill{border-radius:var(--radius-pill)}.egg-input{border-radius:var(--radius-input);width:100%;color:var(--ink);background:#fbfaff;border:2px solid #eae6ff;outline:none;padding:.55rem .9rem;font-size:.95rem;transition:border-color .15s,background .15s}.egg-input:focus{border-color:var(--egg-purple);background:#fff}.egg-tag{border-radius:var(--radius-pill);color:#2f9e5f;background:#eaf9ef;padding:.15rem .7rem;font-size:.78rem;font-weight:700;display:inline-block}.egg-tag.off{color:#8a86a8;background:#f1f0f7}.egg-table{border-collapse:collapse;width:100%;font-size:.92rem}.egg-table th{text-align:left;white-space:nowrap;background:#f3eeff;padding:.7rem .9rem;font-weight:700}.egg-table th:first-child{border-radius:12px 0 0 12px}.egg-table th:last-child{border-radius:0 12px 12px 0}.egg-table td{vertical-align:middle;border-bottom:1px solid #f1efff;padding:.65rem .9rem}.egg-table tbody tr:hover{background:#fff9e3}.table-scroll{overflow-x:auto}.login-bg{background:var(--page-bg);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex;position:relative;overflow:hidden}.bubble{background:#ffffff59;border-radius:50%;animation:8s ease-in-out infinite bubble-float;position:absolute}.b1{width:120px;height:120px;top:12%;left:8%}.b2{background:#ffd93d66;width:70px;height:70px;animation-delay:1.2s;top:64%;left:14%}.b3{background:#4ecfff59;width:150px;height:150px;animation-delay:.6s;top:18%;right:10%}.b4{background:#7ce38b66;width:60px;height:60px;animation-delay:2s;bottom:22%;right:18%}.b5{background:#ff8fab59;width:90px;height:90px;animation-delay:1.6s;bottom:14%;left:42%}@keyframes bubble-float{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}.login-mascot{z-index:3;margin-bottom:-42px;position:relative}.login-card{z-index:2;border-radius:var(--radius-card);background:#fff;width:100%;max-width:400px;padding:2.4rem 2rem 2rem;position:relative;box-shadow:0 18px 45px #2d2a4a38}.login-title{text-align:center;background:linear-gradient(90deg, var(--egg-orange), var(--egg-pink), var(--egg-purple), var(--egg-blue));color:#0000;-webkit-background-clip:text;background-clip:text;margin:.25rem 0 .15rem;font-size:1.55rem;font-weight:800}.login-sub{text-align:center;color:#8a86a8;margin:0 0 1.4rem;font-size:.88rem}.login-form{flex-direction:column;gap:.8rem;display:flex}.login-input{border-radius:var(--radius-input);background:#fbfaff;border:2px solid #eae6ff;outline:none;padding:.7rem 1rem;font-size:.98rem;transition:border-color .15s}.login-input:focus{border-color:var(--egg-blue);background:#fff}.login-error{color:#e0446e;text-align:center;background:#ffebf0;border-radius:12px;padding:.5rem .8rem;font-size:.85rem}.login-btn{border-radius:var(--radius-pill);color:#fff;background:linear-gradient(135deg, var(--egg-yellow), var(--egg-orange));border:none;padding:.75rem;font-size:1.02rem;font-weight:800;transition:transform .12s;box-shadow:0 8px 18px #ff9f4566}.login-btn:hover{transform:translateY(-1px)}.login-btn:disabled{opacity:.65}.login-rainbow{z-index:1;border-radius:var(--radius-pill);background:repeating-linear-gradient(90deg,#ffd93d 0 60px,#ff9f45 60px 120px,#ff8fab 120px 180px,#b388ff 180px 240px,#4ecfff 240px 300px,#7ce38b 300px 360px);width:min(720px,92vw);height:64px;position:absolute;bottom:2rem;left:50%;transform:translate(-50%);box-shadow:0 10px 24px #2d2a4a2e,inset 0 4px 8px #ffffff80}.egg{background:#fff;border-radius:50% 50% 46% 46%/58% 58% 42% 42%;width:92px;height:110px;margin:0 auto;animation:3.2s ease-in-out infinite egg-float;position:relative;box-shadow:0 8px 18px #2d2a4a2e}.egg-eye{background:var(--ink);border-radius:50%;width:10px;height:14px;position:absolute;top:42%}.egg-eye.el{left:26%}.egg-eye.er{right:26%}.egg-blush{background:var(--egg-pink);opacity:.75;border-radius:50%;width:14px;height:8px;position:absolute;top:56%}.egg-blush.bl{left:16%}.egg-blush.br{right:16%}.egg-mouth{border-bottom:2.5px solid var(--ink);border-radius:0 0 999px 999px;width:16px;height:8px;position:absolute;top:54%;left:50%;transform:translate(-50%)}.egg-float{transform-origin:50% 100%;animation:3.2s ease-in-out infinite egg-float}@keyframes egg-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.avatar{object-fit:cover;background:#fff;border-radius:50%;flex:none;display:inline-block;overflow:hidden;box-shadow:0 2px 6px #2d2a4a2e}.avatar-fallback{color:#fff;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.modal-mask{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#2d2a4a73;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{border-radius:var(--radius-card);background:#fff;width:100%;max-width:460px;max-height:90vh;padding:1.6rem;overflow-y:auto;box-shadow:0 20px 50px #2d2a4a4d}.modal-title{margin:0 0 1.1rem;font-size:1.15rem;font-weight:800}.form-row{flex-direction:column;gap:.35rem;margin-bottom:.85rem;display:flex}.form-label{color:#5b5680;font-size:.85rem;font-weight:700}.form-actions{justify-content:flex-end;gap:.6rem;margin-top:1.1rem;display:flex}.form-tip{color:#8a86a8;font-size:.82rem}.form-error{color:#e0446e;background:#ffebf0;border-radius:12px;margin-bottom:.8rem;padding:.45rem .8rem;font-size:.85rem}.form-ok{color:#2f9e5f;background:#eaf9ef;border-radius:12px;margin-bottom:.8rem;padding:.45rem .8rem;font-size:.85rem}.role-list{flex-wrap:wrap;gap:.5rem;display:flex}.role-check{border-radius:var(--radius-pill);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fbfaff;border:2px solid #eae6ff;align-items:center;gap:.35rem;padding:.3rem .8rem;font-size:.85rem;display:inline-flex}.role-check.checked{border-color:var(--egg-purple);background:#f3eeff;font-weight:700}.profile-grid{grid-template-columns:300px 1fr;align-items:start;gap:1.5rem;display:grid}.profile-avatar-col{flex-direction:column;align-items:center;gap:1rem;display:flex}.upload-hint{color:#8a86a8;text-align:center;font-size:.78rem}.preset-grid{grid-template-columns:repeat(4,1fr);gap:.6rem;width:100%;display:grid}.preset-avatar{background:0 0;border:3px solid #0000;border-radius:50%;padding:2px;transition:transform .12s,border-color .12s}.preset-avatar:hover{transform:scale(1.08)}.preset-avatar.selected{border-color:var(--egg-orange)}.preset-avatar img{border-radius:50%;width:100%;height:auto;display:block}@media (max-width:900px){.table-scroll{-webkit-overflow-scrolling:touch}.egg-table{min-width:640px}.profile-grid{grid-template-columns:1fr}.app-main{padding:1.25rem 1rem}}@media (max-width:720px){.hamburger{display:block}.app-nav{background:#fffffff7;flex-direction:column;gap:.25rem;margin-left:0;padding:.6rem;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 12px 24px #2d2a4a26}.app-nav.open{display:flex}.app-brand{font-size:1rem}.app-user .nickname{display:none}.login-card{max-width:92vw;padding:1.8rem 1.25rem 1.5rem}.login-rainbow{height:48px;bottom:1.25rem}.login-mascot{margin-bottom:-34px}}