@import "https://fonts.googleapis.cn/css2?family=ZCOOL+KuaiLe&display=swap";
:root{--bg:#fff7ed;--ink:#4a3728;--ink-soft:#8c7b72;--primary:#ff922b;--primary-deep:#e8590c;--green:#51cf66;--green-deep:#2f9e44;--blue:#4dabf7;--blue-deep:#1971c2;--pink:#f783ac;--pink-deep:#d6336c;--grape:#9775fa;--grape-deep:#7048e8;--yellow:#ffd43b;--yellow-deep:#f08c00;--red:#ff6b6b;--red-deep:#e03131;--card-edge:#ffe3c2;--radius-card:24px;--radius-btn:18px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;overscroll-behavior:contain;background-image:radial-gradient(#ffe8cf 1.6px,#0000 1.6px);background-size:26px 26px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}button:disabled{cursor:not-allowed;opacity:.6}input,textarea,select{font-family:inherit;font-size:16px}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.font-display{font-family:ZCOOL KuaiLe,PingFang SC,Microsoft YaHei,sans-serif}.kid-wrap{max-width:680px;margin:0 auto;padding:0 18px 40px}@media (min-width:1024px){.kid-wrap{max-width:780px}}.admin-wrap{max-width:720px;margin:0 auto;padding:0 18px 40px}@media (min-width:768px){.admin-wrap{max-width:880px;padding:0 24px 48px}}.kid-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}@media (min-width:640px){.kid-grid{grid-template-columns:repeat(3,1fr);gap:16px}}@media (min-width:1024px){.kid-grid{grid-template-columns:repeat(4,1fr)}}.kid-grid-2col{grid-template-columns:1fr;gap:14px;display:grid}@media (min-width:768px){.kid-grid-2col{grid-template-columns:repeat(2,1fr);gap:16px}}.clay-card{border-radius:var(--radius-card);box-shadow:0 4px 0 var(--card-edge),0 10px 24px #e8892c1a,inset 0 2px 0 #ffffffe6;background:#fff}.clay-btn{border-radius:var(--radius-btn);color:#fff;background:var(--primary);min-height:52px;box-shadow:0 4px 0 var(--primary-deep),0 8px 16px #e8590c2e,inset 0 2px 0 #ffffff59;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:none;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:17px;font-weight:700;transition:transform .15s ease-out,box-shadow .15s ease-out;display:inline-flex}.clay-btn:active:not(:disabled){box-shadow:0 1px 0 var(--primary-deep),0 2px 6px #00000014,inset 0 2px 0 #ffffff59;transform:translateY(3px)}.clay-btn.green{background:var(--green);box-shadow:0 4px 0 var(--green-deep),0 8px 16px #2f9e442e,inset 0 2px 0 #ffffff59}.clay-btn.green:active:not(:disabled){box-shadow:0 1px 0 var(--green-deep),0 2px 6px #00000014,inset 0 2px 0 #ffffff59}.clay-btn.blue{background:var(--blue);box-shadow:0 4px 0 var(--blue-deep),0 8px 16px #1971c22e,inset 0 2px 0 #ffffff59}.clay-btn.blue:active:not(:disabled){box-shadow:0 1px 0 var(--blue-deep),0 2px 6px #00000014,inset 0 2px 0 #ffffff59}.clay-btn.pink{background:var(--pink);box-shadow:0 4px 0 var(--pink-deep),0 8px 16px #d6336c29,inset 0 2px 0 #ffffff59}.clay-btn.pink:active:not(:disabled){box-shadow:0 1px 0 var(--pink-deep),0 2px 6px #00000014,inset 0 2px 0 #ffffff59}.clay-btn.grape{background:var(--grape);box-shadow:0 4px 0 var(--grape-deep),0 8px 16px #7048e82e,inset 0 2px 0 #ffffff59}.clay-btn.grape:active:not(:disabled){box-shadow:0 1px 0 var(--grape-deep),0 2px 6px #00000014,inset 0 2px 0 #ffffff59}.clay-btn.yellow{background:var(--yellow);color:#7a4e00;box-shadow:0 4px 0 var(--yellow-deep),0 8px 16px #f08c0029,inset 0 2px 0 #ffffff73}.clay-btn.yellow:active:not(:disabled){box-shadow:0 1px 0 var(--yellow-deep),0 2px 6px #00000014,inset 0 2px 0 #ffffff73}.clay-btn.red{background:var(--red);box-shadow:0 4px 0 var(--red-deep),0 8px 16px #e0313129,inset 0 2px 0 #ffffff59}.clay-btn.red:active:not(:disabled){box-shadow:0 1px 0 var(--red-deep),0 2px 6px #00000014,inset 0 2px 0 #ffffff59}.clay-btn.white{color:var(--ink);box-shadow:0 4px 0 var(--card-edge),0 8px 16px #e8892c1a,inset 0 2px 0 #ffffffe6;background:#fff}.clay-btn.white:active:not(:disabled){box-shadow:0 1px 0 var(--card-edge),0 2px 6px #0000000f,inset 0 2px 0 #ffffffe6}.clay-btn.sm{border-radius:14px;min-height:44px;padding:0 18px;font-size:15px}.clay-btn.lg{border-radius:22px;min-height:60px;padding:0 32px;font-size:19px}.clay-btn.block{width:100%}.kid-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:5px 12px;font-size:13px;font-weight:700;line-height:1.4;display:inline-flex}.kid-badge.orange{color:#d9480f;background:#ffe8cc}.kid-badge.green{color:#2b8a3e;background:#d3f9d8}.kid-badge.blue{color:#1864ab;background:#d0ebff}.kid-badge.pink{color:#c2255c;background:#ffdeeb}.kid-badge.grape{color:#5f3dc4;background:#e5dbff}.kid-badge.yellow{color:#e67700;background:#fff3bf}.kid-badge.red{color:#c92a2a;background:#ffe3e3}.kid-badge.gray{color:#868e96;background:#f1f3f5}.kid-input,.kid-select,.kid-textarea{width:100%;min-height:52px;color:var(--ink);box-sizing:border-box;background:#fffcf8;border:2px solid #ffe3c2;border-radius:16px;outline:none;padding:12px 16px;font-size:16px;transition:border-color .2s,box-shadow .2s}.kid-textarea{resize:vertical;min-height:100px}.kid-input:focus,.kid-select:focus,.kid-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px #ff922b26}.kid-input::placeholder,.kid-textarea::placeholder{color:#c9b8a8}.kid-progress{background:#ffe8cc;border-radius:999px;height:14px;overflow:hidden}.kid-progress>div{background:linear-gradient(90deg,var(--yellow),var(--primary));border-radius:999px;height:100%;transition:width .5s ease-out}.kid-progress.green>div{background:linear-gradient(90deg,#8ce99a,var(--green))}.kid-progress.blue>div{background:linear-gradient(90deg,#74c0fc,var(--blue))}.kid-progress.grape>div{background:linear-gradient(90deg,#b197fc,var(--grape))}.kid-progress.orange>div{background:linear-gradient(90deg,var(--yellow),var(--primary))}.kid-progress.pink>div{background:linear-gradient(90deg,#faa2c1,var(--pink))}.kid-progress.yellow>div{background:linear-gradient(90deg,#ffe066,var(--yellow))}.kid-progress.red>div{background:linear-gradient(90deg,#ffa8a8,var(--red))}.sub-page{min-height:100vh}.sub-header{z-index:20;-webkit-backdrop-filter:blur(10px);background:#fff7ede0;align-items:center;gap:12px;padding:14px 18px;display:flex;position:sticky;top:0}.sub-header .back-btn{width:48px;height:48px;color:var(--ink);box-shadow:0 3px 0 var(--card-edge),0 4px 10px #e8892c1a;background:#fff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;transition:transform .15s ease-out,box-shadow .15s ease-out;display:flex}.sub-header .back-btn:active{box-shadow:0 1px 0 var(--card-edge),0 2px 4px #0000000f;transform:translateY(2px)}.sub-header .title{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:22px;overflow:hidden}.sub-header .right-slot{flex-shrink:0;align-items:center;gap:8px;display:flex}.admin-form{border-radius:var(--radius-card);box-shadow:0 4px 0 var(--card-edge),0 10px 24px #e8892c14,inset 0 2px 0 #ffffffe6;background:#fff;margin:16px 0;padding:24px}.admin-form h2{color:var(--ink);align-items:center;gap:8px;margin-bottom:18px;font-size:19px;display:flex}.admin-form input,.admin-form select,.admin-form textarea{box-sizing:border-box;width:100%;color:var(--ink);background:#fffcf8;border:2px solid #ffe3c2;border-radius:14px;outline:none;margin-bottom:12px;padding:13px 16px;font-size:16px;transition:border-color .2s,box-shadow .2s}.admin-form input:focus,.admin-form select:focus,.admin-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px #ff922b26}.admin-form textarea{resize:vertical}.row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius-btn);width:100%;min-height:52px;box-shadow:0 4px 0 var(--primary-deep),0 8px 16px #e8590c29,inset 0 2px 0 #ffffff59;border:none;padding:14px;font-size:17px;font-weight:700;transition:transform .15s ease-out,box-shadow .15s ease-out}.btn-primary:active:not(:disabled){box-shadow:0 1px 0 var(--primary-deep),0 2px 6px #00000014,inset 0 2px 0 #ffffff59;transform:translateY(3px)}.btn-primary.btn-blue{background:var(--blue);box-shadow:0 4px 0 var(--blue-deep),0 8px 16px #1971c229,inset 0 2px 0 #ffffff59}.btn-primary.btn-blue:active:not(:disabled){box-shadow:0 1px 0 var(--blue-deep),0 2px 6px #00000014,inset 0 2px 0 #ffffff59}.btn-primary.btn-purple{background:var(--grape);box-shadow:0 4px 0 var(--grape-deep),0 8px 16px #7048e829,inset 0 2px 0 #ffffff59}.btn-primary.btn-purple:active:not(:disabled){box-shadow:0 1px 0 var(--grape-deep),0 2px 6px #00000014,inset 0 2px 0 #ffffff59}.section-title{color:var(--ink);align-items:center;gap:8px;margin:26px 4px 14px;font-size:20px;display:flex}.admin-list-item{box-shadow:0 3px 0 var(--card-edge),0 8px 18px #e8892c14,inset 0 2px 0 #ffffffe6;background:#fff;border-radius:20px;align-items:center;gap:12px;margin:0 0 12px;padding:16px;display:flex}.admin-list-item.disabled{opacity:.5}.admin-list-item .icon{background:#fff3e4;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:32px;display:flex}.admin-list-item .info{flex:1;min-width:0}.admin-list-item .info .title{margin-bottom:4px;font-size:17px;font-weight:700}.admin-list-item .info .meta{color:var(--ink-soft);font-size:13px;line-height:1.5}.btn-small{min-height:40px;color:var(--ink);background:#fff3e4;border:none;border-radius:12px;padding:8px 16px;font-size:14px;font-weight:600;transition:background .2s}.btn-small:active{background:#ffe3c2}.admin-task-item{align-items:center;gap:14px;display:flex}.admin-task-item .task-head{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.admin-task-item .task-icon{flex-shrink:0;font-size:32px}.admin-task-item .task-info{flex:1;min-width:0}.admin-task-item .task-actions{flex-shrink:0;gap:8px;display:flex}@media (max-width:767px){.admin-task-item{flex-direction:column;align-items:stretch;gap:12px}.admin-task-item .task-head{align-items:flex-start;gap:12px}.admin-task-item .task-actions{width:100%}.admin-task-item .task-actions .clay-btn{flex:1;padding:0 8px}}@keyframes clay-pop{0%{opacity:0;transform:scale(.9)}60%{opacity:1;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes bean-bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-12px)}}@keyframes star-spin{0%{transform:scale(0)rotate(-180deg)}60%{transform:scale(1.2)rotate(10deg)}to{transform:scale(1)rotate(0)}}@keyframes wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.anim-pop{animation:.35s cubic-bezier(.34,1.56,.64,1) both clay-pop}.anim-float{animation:3s ease-in-out infinite float-y}.anim-star{animation:.5s cubic-bezier(.34,1.56,.64,1) both star-spin}.anim-wiggle{animation:.4s ease-in-out 2 wiggle}.kid-loading{justify-content:center;align-items:center;gap:10px;padding:60px 0;display:flex}.kid-loading .bean{border-radius:50%;width:16px;height:16px;animation:1.2s ease-in-out infinite bean-bounce}.kid-loading .bean:first-child{background:var(--primary);animation-delay:0s}.kid-loading .bean:nth-child(2){background:var(--yellow);animation-delay:.15s}.kid-loading .bean:nth-child(3){background:var(--green);animation-delay:.3s}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}