:root{--sky:#CDEEFF;--sky-soft:#EAF7FF;--cream:#FFFDF6;--paper:#FFFFFF;--green:#57B45F;--green-soft:#E4F4DF;--green-mid:#8CCB6E;--green-deep:#2F6B3A;--pink:#FF8FAB;--pink-soft:#FFE7EE;--yellow:#FFC94D;--yellow-soft:#FFF3D6;--orange:#FF9E5E;--orange-soft:#FFEEDD;--blue:#6FC3E8;--blue-soft:#E1F3FC;--purple:#B79BE0;--purple-soft:#F0EAFB;--ink:#39493C;--ink-2:#6E7F70;--ink-3:#9AA89C;--line:#E7EFE3;--r-lg:26px;--r-md:18px;--r-sm:12px;--shadow:0 10px 30px rgba(70,120,70,.1);--shadow-lg:0 18px 48px rgba(70,120,70,.16);--ease-out:cubic-bezier(.215,.61,.355,1);--ease-io:cubic-bezier(.455,.03,.515,.955);--font-fun:"ZCOOL KuaiLe","STYuanti-SC","Yuanti SC","YouYuan","Microsoft YaHei",sans-serif;--font-body:"STYuanti-SC","Yuanti SC","YouYuan","ZCOOL KuaiLe","Microsoft YaHei",sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--ink);background:var(--cream);line-height:1.7;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:17px;color:var(--ink)}::-moz-selection{background:var(--yellow-soft)}::selection{background:var(--yellow-soft)}.fun{font-family:var(--font-fun)}.wrap{max-width:1180px;margin:0 auto;padding:0 28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;font-weight:700;font-size:17px;padding:13px 30px;transition:transform .15s var(--ease-out),box-shadow .2s var(--ease-out),background .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:active{transform:scale(.96)}.btn-primary{background:var(--green);color:#fff;box-shadow:0 6px #3e9048,0 12px 22px #57b45f52}.btn-primary:hover{background:#5fbe67;box-shadow:0 6px #3e9048,0 16px 28px #57b45f66}.btn-primary:active{box-shadow:0 3px #3e9048;transform:translateY(3px) scale(.98)}.btn-sun{background:var(--yellow);color:#7a5200;box-shadow:0 6px #e8a928,0 12px 22px #ffc94d59}.btn-sun:hover{background:#ffd266}.btn-sun:active{box-shadow:0 3px #e8a928;transform:translateY(3px) scale(.98)}.btn-ghost{background:#fff;color:var(--green-deep);border:2px solid var(--green-mid)}.btn-ghost:hover{background:var(--green-soft)}.btn-sm{padding:9px 20px;font-size:16px}.btn-danger{background:var(--pink-soft);color:#d6496f}.btn-danger:hover{background:#ffd5e1}@media (hover:none){.btn:hover{transform:none}}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:999px;font-size:15px;font-weight:600}.section-tag{display:inline-flex;align-items:center;gap:8px;background:#fff;border:2px solid var(--green-soft);color:var(--green-deep);border-radius:999px;padding:7px 18px;font-size:16px;font-weight:700;box-shadow:var(--shadow)}.sec-title{font-family:var(--font-fun);font-size:36px;color:var(--green-deep);margin:14px 0 8px;letter-spacing:1px}.sec-sub{color:var(--ink-2);font-size:17px}.navbar{position:sticky;top:0;z-index:50;background:#fffdf6eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid var(--green-soft)}.navbar .wrap{display:flex;align-items:center;gap:26px;height:72px}.logo{cursor:pointer;display:flex;align-items:center}.logo img{height:52px;width:auto;display:block}.nav-links{display:flex;gap:12px;margin-left:16px}.nav-links a.pill{display:inline-flex;align-items:center;gap:10px;padding:12px 22px;border-radius:999px;color:#fff;text-decoration:none;font-weight:800;font-size:18px;box-shadow:0 4px #00000021;transition:transform .15s var(--ease-out),filter .18s ease,box-shadow .15s ease}.nav-links .p-ic{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#ffffff4d;font-size:17px}.nav-links .p-ic img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover;display:block}.nav-links .p-ic.ai{font-family:"Baloo 2",sans-serif;font-weight:700;font-size:14px;letter-spacing:.5px}.p-green{background:#57b45f}.p-blue{background:#4fa8dc}.p-purple{background:#9a7bd0}.p-pink{background:#ff8fab}.nav-links a.pill:hover{filter:brightness(1.08);transform:translateY(-2px)}.nav-links a.pill:active{transform:translateY(2px);box-shadow:0 2px #00000021}.nav-links a.pill.on{box-shadow:0 4px #00000021,0 0 0 3px #fffffff2,0 8px 18px #465a4647}.nav-right{margin-left:auto;display:flex;align-items:center;gap:12px}.bell-btn{display:inline-flex;align-items:center;gap:7px;background:#fff6de;border:2px solid #FFE1A6;color:#8a6100;font-weight:800;font-size:16px;padding:8px 18px;border-radius:999px;transition:background .18s ease,transform .12s ease}.bell-btn:hover{background:#ffefc2}.bell-btn:active{transform:scale(.94)}.list-pager{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:24px 0 4px}.list-pager button{min-width:38px;height:38px;padding:0 12px;border:1px solid #d9eaf3;border-radius:12px;background:#fff;color:#58748b;font-weight:700;box-shadow:0 3px 8px #47718f12}.list-pager button:hover:not(:disabled),.list-pager button.on{background:linear-gradient(135deg,#73c968,#4eafe7);border-color:transparent;color:#fff}.list-pager button:disabled{opacity:.4;cursor:not-allowed}.list-pager span,.list-pager em{color:var(--ink-3);font-style:normal;font-size:14px}.view{display:none}.view.active{display:block;animation:viewIn .35s var(--ease-out) both}@keyframes viewIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.hero2{position:relative;overflow:hidden;padding:40px 0;background:linear-gradient(180deg,#bde7ff,#e3f4ff 42%,#f2fae8)}.hero2:after{content:"";position:absolute;left:0;right:0;bottom:0;height:70px;background:linear-gradient(180deg,#fffdf600,#fffdf6);z-index:2;pointer-events:none}.hero2-col{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;text-align:center}.rt-title{display:flex;justify-content:center;flex-wrap:wrap;gap:2px;margin:0 0 18px;font-family:var(--font-fun);font-size:64px;line-height:1.15;letter-spacing:4px;font-weight:400}.rt-title span{display:inline-block;color:var(--tc);text-shadow:0 3px 0 var(--td),0 9px 18px rgba(60,80,60,.2);-webkit-text-stroke:1.5px rgba(255,255,255,.75);animation:charPop .55s var(--ease-out) both}.rt-title span:nth-child(1){animation-delay:.05s}.rt-title span:nth-child(2){animation-delay:.1s}.rt-title span:nth-child(3){animation-delay:.15s}.rt-title span:nth-child(4){animation-delay:.2s}.rt-title span:nth-child(5){animation-delay:.25s}.rt-title span:nth-child(6){animation-delay:.3s}.rt-title span:nth-child(7){animation-delay:.35s}.rt-title span:nth-child(8){animation-delay:.4s}.rt-title span:nth-child(9){animation-delay:.45s}@keyframes charPop{0%{opacity:0;transform:translateY(-30px) scale(.55) rotate(-6deg)}to{opacity:1;transform:none}}.ribbon{position:relative;z-index:1;display:inline-block;background:linear-gradient(180deg,#ffa3ba,#ff85a4);color:#fff;font-weight:800;font-size:20px;letter-spacing:6px;padding:12px 46px 13px;border-radius:14px;box-shadow:0 10px 22px #ff78a061,inset 0 2px #ffffff59;animation:viewIn .5s .5s var(--ease-out) both}.ribbon:before,.ribbon:after{content:"💗";position:absolute;top:50%;transform:translateY(-50%);font-size:19px}.ribbon:before{left:-30px}.ribbon:after{right:-30px}.login2{width:420px;max-width:100%;margin-top:24px;background:#fffffff7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:3px solid #fff;border-radius:28px;box-shadow:0 18px 44px #5a6e8c3d;padding:28px 30px 22px;text-align:left;animation:viewIn .55s .3s var(--ease-out) both}.login2.pulse{animation:cardPulse .9s var(--ease-out)}@keyframes cardPulse{0%{box-shadow:0 0 #ff8fab8c,0 18px 44px #5a6e8c3d}to{box-shadow:0 0 0 28px #ff8fab00,0 18px 44px #5a6e8c3d}}.l2-tabs{display:flex;gap:12px;margin-bottom:20px}.l2-tabs button{flex:1;padding:14px 8px;border-radius:999px;font-weight:800;font-size:17px;background:#f3f6f1;color:var(--ink-2);border:2px solid transparent;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .12s ease}.l2-tabs button:active{transform:scale(.97)}#tabTeacher.on{background:#ffe7ee;color:#e14d76;border-color:#ffb6ca;box-shadow:0 4px 10px #ff8fab47}#tabAdmin.on{background:var(--blue-soft);color:#1d7fa8;border-color:var(--blue);box-shadow:0 4px 10px #6fc3e84d}.l2-field{margin-bottom:14px}.l2-field .input-box{display:flex;align-items:center;gap:10px;background:#f6f9f4;border:2px solid var(--line);border-radius:16px;padding:0 14px;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.l2-field .input-box:focus-within{border-color:#ffb6ca;background:#fff;box-shadow:0 0 0 4px #ff8fab29}.l2-field input{flex:1;min-width:0;border:none;outline:none;background:transparent;padding:13px 0;font-size:17px}.l2-field .ic{font-size:19px}.eye-btn{border:none;background:transparent;font-size:18px;line-height:1;cursor:pointer;padding:6px;opacity:.7;transition:opacity .15s ease,transform .12s ease}.eye-btn:hover{opacity:1;transform:scale(1.12)}.login2 .sl-row{display:flex;justify-content:space-between;align-items:center;margin:4px 0 16px;font-size:15.5px}.sl-remember{display:flex;align-items:center;gap:6px;color:var(--ink-2);cursor:pointer;font-weight:600}.sl-remember input{accent-color:#FF7396;width:15px;height:15px;cursor:pointer}.sl-forgot{color:#2e8fd8;text-decoration:none;font-weight:600}.sl-forgot:hover{text-decoration:underline}.btn-pink{background:linear-gradient(180deg,#ff9bb5,#ff7396);color:#fff;font-weight:800;box-shadow:0 5px #e14d76,0 12px 22px #ff739659}.btn-pink:hover{background:linear-gradient(180deg,#ffa9bf,#ff81a2);box-shadow:0 5px #e14d76,0 16px 28px #ff739673}.btn-pink:active{box-shadow:0 2px #e14d76;transform:translateY(3px) scale(.98)}.reg-line{text-align:center;font-size:15.5px;color:var(--ink-2);margin-top:14px}.reg-line a{color:#2e8fd8;font-weight:700;text-decoration:none}.reg-line a:hover{text-decoration:underline}.login2 .login-btn{width:100%;font-size:18px;letter-spacing:8px}.login2 .demo-hint{margin:14px 0 2px;justify-content:center}.note{position:absolute;bottom:50px;z-index:4;font-size:26px;color:var(--nc,var(--pink));opacity:0;animation:rise var(--dur,9s) linear var(--delay,0s) infinite;pointer-events:none}@keyframes rise{0%{transform:translateY(0) rotate(-8deg);opacity:0}12%{opacity:.9}70%{opacity:.7}to{transform:translateY(-430px) rotate(10deg);opacity:0}}.section{padding:74px 0}.section.alt{background:#f6faf0}.sec-head{text-align:center;margin-bottom:44px}.feat2-sec{position:relative;z-index:3;margin-top:20px}.feat2-bar{max-width:1100px;margin:0 auto;background:#ffffffb8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:24px;border:1.5px solid rgba(255,255,255,.55);box-shadow:0 12px 40px #50647824;display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;animation:viewIn .55s .45s var(--ease-out) both}.feat2-card{background:transparent;border:none;border-right:1px solid rgba(0,0,0,.06);padding:22px 20px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:background .22s var(--ease-out)}.feat2-card:last-child{border-right:none}.feat2-card:hover{background:#ffffff8c}.feat2-ic{width:56px;height:56px;flex-shrink:0;border-radius:50%;background:var(--fcb);display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 4px 14px #00000014;transition:transform .22s var(--ease-out)}.feat2-card:hover .feat2-ic{transform:scale(1.1) rotate(-4deg)}.feat2-text{min-width:0}.feat2-card h3{font-family:var(--font-fun);font-size:19px;margin:0 0 4px;color:var(--ink);letter-spacing:.5px;white-space:nowrap}.feat2-card p{font-size:14.5px;color:var(--ink-2);line-height:1.45;margin:0;white-space:normal;word-break:break-word}footer{background:#fffdf6f2;color:var(--ink-2);padding:42px 0 30px;margin-top:20px}.foot-top{display:flex;flex-direction:column;align-items:center;gap:22px;text-align:center}.foot-mascot{display:flex;align-items:center;gap:16px}.m-chick{font-size:48px;display:inline-block;animation:chickBounce 2.6s ease-in-out infinite;filter:drop-shadow(0 6px 8px rgba(0,0,0,.2))}@keyframes chickBounce{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-9px) rotate(3deg)}}.m-bubble{position:relative;background:#fff;color:var(--green-deep);font-weight:700;font-size:16.5px;padding:10px 20px;border-radius:16px;box-shadow:0 6px 16px #00000029}.m-bubble:before{content:"";position:absolute;left:-9px;top:50%;transform:translateY(-50%);border:9px solid transparent;border-right-color:#fff;border-left:none}.f-nav{display:flex;gap:14px;align-items:center;flex-wrap:wrap;justify-content:center}.f-nav a{color:var(--ink-2);text-decoration:none;font-size:16px;font-weight:600;transition:color .18s ease}.f-nav a:hover{color:var(--green-deep)}.f-nav span{color:var(--ink-3)}footer .copy{border-top:1px solid var(--line);margin-top:26px;padding-top:20px;font-size:14.5px;color:var(--ink-3);text-align:center}.field{margin-bottom:18px}.field label{display:block;font-size:15.5px;font-weight:700;color:var(--ink-2);margin-bottom:8px}.field .input-box{display:flex;align-items:center;gap:10px;background:#f5f9f2;border:2px solid var(--line);border-radius:16px;padding:0 16px;transition:border-color .2s ease,background .2s ease}.field .input-box:focus-within{border-color:var(--green-mid);background:#fff}.field input{flex:1;border:none;outline:none;background:transparent;padding:13px 0;font-size:17px}.field .input-box .ic{font-size:19px}.demo-hint{display:flex;gap:10px;flex-wrap:wrap;margin:4px 0 20px}.demo-hint .chip{background:var(--yellow-soft);color:#8a6100;cursor:pointer;border:1.5px dashed #E8C86A;transition:background .18s ease}.demo-hint .chip:hover{background:#ffe9ae}.login-err{display:none;background:var(--pink-soft);color:#d6496f;font-size:15.5px;font-weight:600;border-radius:12px;padding:10px 14px;margin-bottom:16px;text-align:center}.login-err.show{display:block;animation:shake .4s var(--ease-out)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-7px)}50%{transform:translate(6px)}75%{transform:translate(-4px)}}.admin-shell{display:flex;min-height:calc(100vh - 74px);background:#f3f7ee}.sidebar{width:228px;flex-shrink:0;background:#fff;border-right:2px solid var(--green-soft);padding:26px 16px;display:flex;flex-direction:column;gap:6px}.side-item{display:flex;align-items:center;gap:11px;padding:13px 18px;border-radius:16px;font-weight:700;font-size:17px;color:var(--ink-2);transition:background .18s ease,color .18s ease;text-align:left}.side-item:hover{background:var(--green-soft)}.side-item.on{background:var(--green);color:#fff;box-shadow:0 6px 16px #57b45f4d}.side-sep{height:1px;background:var(--line);margin:12px 6px}.admin-main{flex:1;padding:34px 40px;max-width:1060px}.admin-title{font-family:var(--font-fun);font-size:31px;color:var(--green-deep);margin-bottom:4px}.admin-sub{color:var(--ink-2);font-size:16px;margin-bottom:28px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px}.stat-card{background:#fff;border-radius:var(--r-md);padding:22px;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow)}.stat-card .s-icon{width:54px;height:54px;border-radius:18px;background:var(--sc,var(--green-soft));display:flex;align-items:center;justify-content:center;font-size:27px}.stat-card .s-num{font-family:"Baloo 2",var(--font-fun);font-size:31px;font-weight:700;color:var(--ink);line-height:1.1}.stat-card .s-label{font-size:15px;color:var(--ink-3);font-weight:600}.panel{background:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow);padding:28px;margin-bottom:26px}.panel h3{font-family:var(--font-fun);font-size:23px;color:var(--ink);display:flex;align-items:center;gap:9px;margin-bottom:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}.form-grid .full{grid-column:1/-1}.field-lite label{display:block;font-size:15px;font-weight:700;color:var(--ink-2);margin-bottom:7px}.field-lite input[type=text],.field-lite select,.field-lite textarea{width:100%;background:#f6f9f3;border:2px solid var(--line);border-radius:14px;padding:11px 14px;outline:none;transition:border-color .2s ease,background .2s ease}.field-lite input[type=text]:focus,.field-lite select:focus,.field-lite textarea:focus{border-color:var(--green-mid);background:#fff}.field-lite textarea{resize:vertical;min-height:96px}.upload-drop{border:2.5px dashed var(--green-mid);background:var(--green-soft);border-radius:16px;padding:22px;text-align:center;cursor:pointer;transition:background .2s ease,border-color .2s ease;color:var(--green-deep);font-weight:600;font-size:16px}.upload-drop:hover{background:#d9efd0}.upload-drop.has{background:#fff;border-style:solid;color:var(--ink)}.upload-drop .u-name{font-weight:800}.upload-drop .u-size{color:var(--ink-3);font-size:14.5px;font-weight:500}.cover-preview{margin-top:12px;border-radius:14px;overflow:hidden;max-width:240px;display:none}.cover-preview img{width:100%;border-radius:14px}.data-table{width:100%;border-collapse:collapse}.data-table th{font-size:15px;color:var(--ink-3);text-align:left;padding:10px 12px;border-bottom:2px solid var(--line);font-weight:700}.data-table td{padding:13px 12px;border-bottom:1.5px solid var(--line);font-size:16px;vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr{transition:background .15s ease}.data-table tbody tr:hover{background:#f8fbf4}.tag-mini{display:inline-block;padding:3px 11px;border-radius:999px;font-size:14px;font-weight:700}.icon-btn{width:36px;height:36px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:17px;transition:background .18s ease,transform .12s ease}.icon-btn:active{transform:scale(.92)}.icon-btn.del{background:var(--pink-soft)}.icon-btn.del:hover{background:#ffd3e0}.empty-tip{text-align:center;color:var(--ink-3);padding:36px 0;font-size:16px}.empty-tip .big{font-size:40px;display:block;margin-bottom:8px}.recent-item{display:flex;align-items:center;gap:14px;padding:13px 4px;border-bottom:1.5px dashed var(--line)}.recent-item:last-child{border-bottom:none}.recent-item .r-ic{width:42px;height:42px;border-radius:14px;background:var(--rc,var(--blue-soft));display:flex;align-items:center;justify-content:center;font-size:21px;flex-shrink:0}.recent-item .r-t{font-weight:700;font-size:16.5px}.recent-item .r-m{font-size:14.5px;color:var(--ink-3)}.recent-item .r-time{margin-left:auto;font-size:14.5px;color:var(--ink-3);white-space:nowrap}.teacher-top{background:#fff;border-bottom:2px solid var(--green-soft);position:sticky;top:72px;z-index:40}.teacher-top .wrap{display:flex;align-items:center;gap:10px;height:62px;overflow-x:auto}.t-tab{padding:10px 22px;border-radius:999px;font-weight:800;font-size:17px;color:var(--ink-2);white-space:nowrap;transition:background .18s ease,color .18s ease,transform .12s ease}.t-tab:active{transform:scale(.96)}.t-tab.on{background:var(--green);color:#fff;box-shadow:0 5px 14px #57b45f4d}.t-tab:hover:not(.on){background:var(--green-soft)}.t-user{margin-left:auto;display:flex;align-items:center;gap:10px;white-space:nowrap}.avatar{width:38px;height:38px;border-radius:50%;background:var(--ac,var(--yellow-soft));display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.t-user .u-name{font-weight:800;font-size:16px;line-height:1.25}.t-user .u-role{font-size:13.5px;color:var(--ink-3)}.teacher-body{padding:34px 0 70px;background:linear-gradient(180deg,#f4faee,#fffdf6 260px)}.filter-row{display:flex;gap:22px;align-items:center;margin-bottom:26px;flex-wrap:wrap}.filter-group{display:flex;gap:8px;background:#fff;padding:5px;border-radius:999px;box-shadow:var(--shadow)}.filter-group button{padding:9px 22px;border-radius:999px;font-weight:700;font-size:16px;color:var(--ink-2);transition:background .18s ease,color .18s ease}.filter-group button.on{background:var(--fc,var(--green));color:#fff}.filter-label{font-weight:800;font-size:16px;color:var(--ink-2)}.lesson-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.lesson-card{background:#fff;border-radius:var(--r-md);padding:20px;box-shadow:var(--shadow);transition:transform .2s var(--ease-out),box-shadow .2s var(--ease-out);cursor:pointer;position:relative;animation:viewIn .4s var(--ease-out) both}.lesson-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.lesson-card .l-no{font-family:"Baloo 2",var(--font-fun);font-weight:700;font-size:17px;color:var(--ink-3)}.lesson-card h4{font-size:18.5px;margin:4px 0 12px;line-height:1.4}.lesson-card .l-badges{display:flex;gap:7px;flex-wrap:wrap}.lesson-card.empty{background:transparent;border:2.5px dashed var(--line);box-shadow:none;cursor:default}.lesson-card.empty:hover{transform:none;box-shadow:none}.lesson-card.empty h4,.lesson-card.empty .l-no{color:var(--ink-3)}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.video-card{background:#fff;border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow);cursor:pointer;transition:transform .22s var(--ease-out),box-shadow .22s var(--ease-out);animation:viewIn .4s var(--ease-out) both}.video-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.v-cover{position:relative;height:186px;background:linear-gradient(135deg,var(--blue-soft),var(--green-soft))}.v-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.v-cover .play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.v-cover .play span{width:58px;height:58px;border-radius:50%;background:#ffffffeb;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--green-deep);box-shadow:0 8px 22px #0000002e;transition:transform .2s var(--ease-out)}.video-card:hover .play span{transform:scale(1.12)}.v-body{padding:16px 20px 20px}.v-body h4{font-size:17.5px;line-height:1.5}.v-body .meta{display:flex;gap:8px;margin-top:10px;align-items:center;color:var(--ink-3);font-size:14.5px}.forum-layout{display:grid;grid-template-columns:1fr 330px;gap:28px;align-items:start}.composer{background:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow);padding:24px;margin-bottom:26px}.composer .c-row{display:flex;gap:14px}.composer textarea{flex:1;border:2px solid var(--line);border-radius:16px;padding:13px 16px;outline:none;resize:vertical;min-height:88px;background:#f8fbf4;transition:border-color .2s ease,background .2s ease;font-size:17px}.composer textarea:focus{border-color:var(--green-mid);background:#fff}.composer .c-actions{display:flex;align-items:center;gap:12px;margin-top:14px;padding-left:52px}.attach-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 17px;border-radius:999px;background:var(--green-soft);color:var(--green-deep);font-weight:700;font-size:15.5px;transition:background .18s ease,transform .12s ease}.attach-btn:hover{background:#d5eecc}.attach-btn:active{transform:scale(.95)}.attach-btn.blue{background:var(--blue-soft);color:#1d7fa8}.attach-btn.blue:hover{background:#cdebfa}.preview-strip{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px;padding-left:52px}.preview-strip .pv{position:relative;width:82px;height:82px;border-radius:14px;overflow:hidden;border:2px solid var(--line)}.preview-strip .pv img,.preview-strip .pv video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.preview-strip .pv .rm{position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;background:#0000008c;color:#fff;font-size:13px;display:flex;align-items:center;justify-content:center}.preview-strip .pv.video-pv{width:130px;display:flex;align-items:center;justify-content:center;background:#0e1f13;color:#fff;font-size:14px}.post{background:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow);padding:24px;margin-bottom:22px;animation:viewIn .4s var(--ease-out) both}.post .p-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.post .p-name{font-weight:800;font-size:17px}.post .p-time{font-size:14.5px;color:var(--ink-3)}.post .p-content{font-size:17px;line-height:1.8;white-space:pre-wrap}.post .p-media{display:grid;gap:10px;margin-top:14px}.post .p-media.m1{grid-template-columns:1fr}.post .p-media.m2{grid-template-columns:1fr 1fr}.post .p-media img,.post .p-media video{width:100%;border-radius:16px;max-height:340px;-o-object-fit:cover;object-fit:cover}.post .p-expired{background:var(--yellow-soft);color:#8a6100;font-size:15px;border-radius:14px;padding:14px;margin-top:12px;text-align:center}.post .p-actions{display:flex;gap:14px;margin-top:16px;padding-top:14px;border-top:1.5px dashed var(--line)}.p-act{display:inline-flex;align-items:center;gap:7px;padding:8px 18px;border-radius:999px;font-weight:700;font-size:15.5px;color:var(--ink-2);background:#f4f8f1;transition:background .18s ease,transform .12s ease,color .18s ease}.p-act:active{transform:scale(.93)}.p-act.liked{background:var(--pink-soft);color:#d6496f}.p-act:hover{background:#e9f1e3}.p-act.liked:hover{background:#ffd5e1}.comment-box{display:none;margin-top:16px;background:#f7faf3;border-radius:16px;padding:16px}.comment-box.open{display:block;animation:viewIn .3s var(--ease-out)}.comment-item{display:flex;gap:10px;padding:9px 0;border-bottom:1.5px dashed var(--line);font-size:16px}.comment-item:nth-last-child(2){border-bottom:none}.comment-item .c-name{font-weight:800;color:var(--green-deep);white-space:nowrap}.comment-input{display:flex;gap:10px;margin-top:10px}.comment-input input{flex:1;border:2px solid var(--line);border-radius:999px;padding:9px 16px;outline:none;background:#fff;font-size:16px}.comment-input input:focus{border-color:var(--green-mid)}.forum-side{position:sticky;top:150px}.side-panel{background:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow);padding:22px;margin-bottom:20px}.side-panel h4{font-family:var(--font-fun);font-size:20px;color:var(--ink);margin-bottom:12px;display:flex;gap:8px;align-items:center}.side-panel .hot-item{padding:9px 0;border-bottom:1.5px dashed var(--line);font-size:15.5px;color:var(--ink-2);display:flex;gap:8px}.side-panel .hot-item:last-child{border-bottom:none}.side-panel .hot-item b{color:var(--orange)}.rule-list li{list-style:none;font-size:15.5px;color:var(--ink-2);padding:6px 0;display:flex;gap:8px}.rule-list li:before{content:"🌸"}.ai-box{background:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow);padding:48px;text-align:center;max-width:640px;margin:0 auto}.ai-box .ai-icon{font-size:58px;margin-bottom:12px;display:inline-block;animation:bob 3s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.ai-box h3{font-family:var(--font-fun);font-size:28px;color:var(--green-deep);margin-bottom:10px}.ai-box p{color:var(--ink-2);font-size:16.5px;margin-bottom:22px}.ai-moods{display:flex;gap:12px;justify-content:center;margin-bottom:24px;flex-wrap:wrap}.ai-moods button{padding:10px 22px;border-radius:999px;border:2px solid var(--line);background:#fff;font-weight:700;font-size:16px;color:var(--ink-2);transition:all .18s ease}.ai-moods button.on{border-color:var(--purple);background:var(--purple-soft);color:#6c4ba6}.ai-result{min-height:56px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:32px;letter-spacing:4px}.ai-result .n{animation:notePop .45s var(--ease-out) both}@keyframes notePop{0%{opacity:0;transform:scale(.4) translateY(12px)}to{opacity:1;transform:none}}.ai-source-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:20px 0 16px}.ai-source-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:150px;padding:12px 20px;border-radius:999px;font-weight:800;font-size:16px;background:#fff;color:#6d55a1;border:2px solid #eadcf4;box-shadow:0 7px 16px #744f971a;transition:transform .15s ease,box-shadow .2s ease,background .2s ease}.ai-source-btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px #744f9729}.ai-source-btn.recording{background:linear-gradient(135deg,#ff7c9f,#ef4f7a);border-color:transparent;color:#fff;animation:recordPulse 1.2s ease-in-out infinite}@keyframes recordPulse{50%{box-shadow:0 0 0 9px #ef4f7a24}}.ai-audio-card{display:none;text-align:left;margin:16px 0;padding:17px 19px;border-radius:22px;background:#ffffffd6;border:1px solid #e8dff3;box-shadow:0 9px 23px #57487117}.ai-audio-card.show{display:block;animation:viewIn .3s var(--ease-out)}.ai-audio-head{display:flex;align-items:center;gap:12px;margin-bottom:11px}.ai-file-icon{width:44px;height:44px;border-radius:15px;background:linear-gradient(135deg,#bd72ec,#8c4bd8);color:#fff;display:flex;align-items:center;justify-content:center;font-size:23px;flex-shrink:0}.ai-file-info{flex:1;min-width:0}.ai-file-name{font-weight:800;font-size:16.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#59647a}.ai-file-meta{font-size:14px;color:#9299a8}.ai-audio-card audio{display:block;width:100%;height:42px;accent-color:#a357dd}.ai-generate-row{display:flex;justify-content:center;margin-top:18px}.ai-generate-row .btn[disabled]{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.ai-progress{display:none;margin:17px auto 0;max-width:420px;color:#79549c;font-size:15.5px;font-weight:700}.ai-progress.show{display:block}.ai-progress-track{height:9px;margin-top:8px;border-radius:999px;background:#ebe2f4;overflow:hidden}.ai-progress-bar{width:45%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#c477ec,#f16f9a,#64bdea);animation:aiLoading 1.2s ease-in-out infinite}@keyframes aiLoading{0%{transform:translate(-110%)}to{transform:translate(260%)}}.ai-output{display:none;margin-top:20px;padding:20px;border-radius:24px;text-align:left;background:linear-gradient(135deg,#f4eaff,#e8f7ff);border:1px solid #dfcdee}.ai-output.show{display:block;animation:viewIn .35s var(--ease-out)}.ai-output-title{font-family:var(--font-fun);font-size:21px;font-weight:800;color:#71449a;margin-bottom:4px}.ai-output-sub{font-size:14.5px;color:#8992a0;margin-bottom:12px}.ai-output audio{width:100%;height:45px;accent-color:#a458d9}.ai-download{display:inline-flex;align-items:center;gap:7px;margin-top:12px;padding:9px 16px;border-radius:999px;background:#fff;color:#6d4d91;text-decoration:none;font-size:15px;font-weight:800;box-shadow:0 5px 12px #5e437c1f}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#2e4a3273;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:none;align-items:center;justify-content:center;padding:24px}.modal-mask.open{display:flex;animation:fadeIn .25s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:#fff;border-radius:26px;box-shadow:var(--shadow-lg);max-width:640px;width:100%;max-height:86vh;overflow:auto;padding:32px;position:relative;animation:modalIn .3s var(--ease-out)}@keyframes modalIn{0%{opacity:0;transform:translateY(22px) scale(.97)}to{opacity:1;transform:none}}.modal .m-close{position:absolute;top:16px;right:16px;width:38px;height:38px;border-radius:50%;background:#f2f6ee;font-size:17px;color:var(--ink-2);display:flex;align-items:center;justify-content:center;transition:background .18s ease}.modal .m-close:hover{background:#e4ede0}.modal h3{font-family:var(--font-fun);font-size:25px;color:var(--green-deep);margin-bottom:6px;padding-right:36px}.modal .m-sub{color:var(--ink-3);font-size:15.5px;margin-bottom:18px}.rich-page-content{font-size:17px;line-height:2;color:var(--ink-2);overflow-wrap:anywhere}.rich-page-content img,.rich-page-content video{max-width:100%;height:auto;border-radius:14px}.notice-item{display:flex;align-items:center;gap:10px;padding:11.5px 2px;border-bottom:1.5px dashed var(--line);cursor:pointer;font-size:16px}.notice-item:last-child{border-bottom:none}.notice-item:hover .n-t{color:var(--green-deep)}.n-dot{width:8px;height:8px;border-radius:50%;background:var(--green-mid);flex-shrink:0}.n-t{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink);transition:color .15s ease}.n-d{color:var(--ink-3);font-size:14.5px;flex-shrink:0}.n-cat{background:var(--blue-soft);color:#1d7fa8;font-size:13.5px;padding:2px 9px;border-radius:999px;font-weight:700;flex-shrink:0}.notice-item.full .n-t{white-space:normal}.res-row{display:flex;align-items:center;gap:13px;background:#f7faf3;border-radius:16px;padding:14px 16px;margin-bottom:12px}.res-row .r-ic{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.res-row .r-info{flex:1;min-width:0}.res-row .r-t{font-weight:800;font-size:16.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.res-row .r-m{font-size:14.5px;color:var(--ink-3)}.player-poster{position:relative;border-radius:20px;overflow:hidden;margin-bottom:18px;background:linear-gradient(135deg,var(--blue-soft),var(--green-soft))}.player-poster img{width:100%;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover}.player-poster .big-play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#1e32201f;transition:background .2s ease}.player-poster .big-play:hover{background:#1e32203d}.player-poster .big-play span{width:76px;height:76px;border-radius:50%;background:#fffffff0;display:flex;align-items:center;justify-content:center;font-size:32px;color:var(--green-deep);box-shadow:0 10px 30px #0000003d;transition:transform .2s var(--ease-out)}.player-poster .big-play:hover span{transform:scale(1.1)}.player-poster .playing-tip{position:absolute;top:0;right:0;bottom:0;left:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#1e322080;color:#fff;font-weight:700}.player-poster.playing .playing-tip{display:flex}.player-poster.playing .big-play{display:none}.eq{display:flex;gap:5px;align-items:flex-end;height:34px}.eq i{width:6px;background:var(--yellow);border-radius:4px;animation:eq 1s ease-in-out infinite}.eq i:nth-child(1){height:40%;animation-delay:0s}.eq i:nth-child(2){height:90%;animation-delay:.15s}.eq i:nth-child(3){height:60%;animation-delay:.3s}.eq i:nth-child(4){height:100%;animation-delay:.45s}.eq i:nth-child(5){height:50%;animation-delay:.6s}@keyframes eq{0%,to{transform:scaleY(.45)}50%{transform:scaleY(1)}}.toast-wrap{position:fixed;top:90px;left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:10px;align-items:center;pointer-events:none}.toast{background:#2f6b3af0;color:#fff;padding:13px 26px;border-radius:999px;font-weight:700;font-size:16.5px;box-shadow:0 12px 30px #2f6b3a59;animation:toastIn .35s var(--ease-out);display:flex;gap:9px;align-items:center}.toast.warn{background:#d6496ff2;box-shadow:0 12px 30px #d6496f4d}@keyframes toastIn{0%{opacity:0;transform:translateY(-18px) scale(.94)}to{opacity:1;transform:none}}.toast.out{opacity:0;transform:translateY(-14px);transition:all .3s ease}@media (max-width:1020px){.feat2-bar,.video-grid{grid-template-columns:repeat(2,1fr)}.lesson-grid{grid-template-columns:repeat(3,1fr)}.forum-layout{grid-template-columns:1fr}.forum-side{position:static;display:grid;grid-template-columns:1fr 1fr;gap:20px}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:680px){.nav-links{display:none}.feat2-bar,.video-grid,.stat-grid,.form-grid{grid-template-columns:1fr}.lesson-grid{grid-template-columns:repeat(2,1fr)}.forum-side{grid-template-columns:1fr}.admin-shell{flex-direction:column}.sidebar{width:100%;flex-direction:row;overflow-x:auto;padding:12px}.admin-main{padding:24px 20px}.hero2{padding:42px 0 30px}.rt-title{font-size:44px;letter-spacing:2px}.ribbon{font-size:17px;letter-spacing:3px;padding:10px 30px}.login2{width:100%;padding:22px 20px 18px}.feat2-bar{grid-template-columns:repeat(2,1fr)}.feat2-card{border-right:1px solid rgba(0,0,0,.06);border-bottom:1px solid rgba(0,0,0,.06)}.feat2-card:nth-child(2n){border-right:none}.feat2-card:nth-last-child(-n+2){border-bottom:none}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.note{display:none}html{scroll-behavior:auto}}.material-symbols-rounded{font-variation-settings:"FILL" 1,"wght" 600,"GRAD" 0,"opsz" 32;line-height:1}body:has(#view-home.active){overflow-x:hidden;background:#d9f2ff}body:has(#view-home.active) .navbar{position:relative;height:64px;background:#fafdfff2;border:0;border-bottom:2px solid rgba(98,181,231,.65);border-radius:0 0 20px 20px;box-shadow:0 4px 12px #3384b929;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}body:has(#view-home.active) .navbar .wrap{position:relative;max-width:none;height:64px;padding:0 34px;gap:0}body:has(#view-home.active) .logo{width:166px;height:62px;overflow:hidden;flex:0 0 auto}body:has(#view-home.active) .logo img{width:166px;height:62px;-o-object-fit:contain;object-fit:contain}body:has(#view-home.active) .nav-links{position:absolute;left:50%;display:flex;gap:10px;margin:0;transform:translate(-50%)}body:has(#view-home.active) .nav-links a.pill{width:158px;height:50px;padding:0 17px;justify-content:center;gap:9px;border-radius:28px;font-size:19px;font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.16);box-shadow:inset 0 2px 2px #ffffff61,inset 0 -3px 6px #00000017,0 4px 7px #33679833}body:has(#view-home.active) .nav-links .p-ic{width:31px;height:31px;background:#ffffffd1;color:#fff;font-size:24px;text-shadow:none;box-shadow:0 2px 4px #0000001f}body:has(#view-home.active) .nav-links .p-ic .material-symbols-rounded{font-size:24px}body:has(#view-home.active) .p-green .p-ic{color:#ef7d65}body:has(#view-home.active) .p-blue .p-ic{color:#439fdf}body:has(#view-home.active) .p-purple .p-ic{color:#8d50da}body:has(#view-home.active) .nav-links .p-ic.ai{font-size:18px;color:#fff;background:#ffffff3d;box-shadow:none}body:has(#view-home.active) .p-green{background:linear-gradient(#8fd57b,#65bd4e)}body:has(#view-home.active) .p-blue{background:linear-gradient(#6dc7f4,#3e9fe4)}body:has(#view-home.active) .p-purple{background:linear-gradient(#bf78ed,#9550df)}body:has(#view-home.active) .p-pink{background:linear-gradient(#ff82ac,#fb5f91)}body:has(#view-home.active) .nav-right{margin-left:auto}body:has(#view-home.active) .bell-btn{width:132px;height:42px;justify-content:center;gap:8px;background:#fff;border:0;border-radius:24px;color:#404040;font-size:16px;font-weight:500;box-shadow:0 3px 8px #3f658c33}body:has(#view-home.active) .bell-btn .material-symbols-rounded{font-size:24px;color:#f5a23c}body:has(#view-home.active) #navLoginBtn{display:none}#view-home .hero2{height:calc(100svh - 276px);min-height:492px;padding:0;background:linear-gradient(180deg,#bde7ff,#e3f4ff 42%,#f2fae8);overflow:hidden}#view-home .hero2:after{display:none}#view-home .hero2:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#ffffff0e;pointer-events:none}#view-home .hero2>.hero2-col{max-width:none;height:auto;padding:0;z-index:5}#view-home .title-lockup{display:block;width:min(650px,45vw);height:auto;margin-top:12px;mix-blend-mode:normal}#view-home .rt-title,#view-home .ribbon{display:none}#view-home .login2{width:420px;min-height:292px;margin-top:4px;padding:13px 27px 10px;background:#fffffffa;border:0;border-radius:24px;box-shadow:0 0 0 7px #f9fcffbf,0 13px 28px #5869762e;animation:none}#view-home .l2-tabs{height:48px;gap:0;margin-bottom:9px;border-radius:17px;background:#edf2fb;overflow:hidden}#view-home .l2-tabs button{height:48px;padding:0 10px;border:0;border-radius:0;background:transparent;color:#3d75ad;font-size:19px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px}#view-home .l2-tabs button .material-symbols-rounded{font-size:25px}#view-home #tabAdmin{display:none!important}#view-home #tabTeacher{flex:1 1 100%}#view-home .login2.admin-entry #tabAdmin{display:flex!important;flex:1 1 50%}#view-home .login2.admin-entry #tabTeacher{flex:1 1 50%}#view-home #tabTeacher.on{position:relative;background:linear-gradient(110deg,#f07592,#f688aa);color:#fff;border:0;box-shadow:none;border-radius:16px}#view-home #tabTeacher.on:after{content:"";position:absolute;left:50%;bottom:-8px;transform:translate(-50%);border-left:9px solid transparent;border-right:9px solid transparent;border-top:8px solid #f37f9e}#view-home #tabAdmin.on{background:linear-gradient(110deg,#5ba9e0,#78c6f0);color:#fff;border:0;box-shadow:none;border-radius:20px}#view-home .login-err{position:absolute;left:45px;right:45px;top:69px;z-index:2;margin:0;padding:4px 10px;font-size:14px}#view-home .l2-field{margin:0}#view-home .l2-field .input-box{height:48px;margin:0 9px;padding:0 4px;gap:10px;background:#fff;border:0;border-bottom:1px solid #e8e8e8;border-radius:0;box-shadow:none}#view-home .l2-field .input-box:focus-within{background:#fff;border-color:#ee7898;box-shadow:0 2px #ee78982e}#view-home .l2-field .ic{display:flex;color:#b9b9b9}#view-home .l2-field .ic .material-symbols-rounded{font-size:22px}#view-home .l2-field input{padding:12px 0;font-size:16px;color:#555}#view-home .l2-field input::-moz-placeholder{color:#c6c6c6}#view-home .l2-field input::placeholder{color:#c6c6c6}#view-home .eye-btn{display:flex;color:#aaa;font-size:0}#view-home .eye-btn .material-symbols-rounded{font-size:22px}#view-home .sl-row{height:31px;margin:0 8px 3px;font-size:14px;color:#aaa}#view-home .sl-remember,#view-home .sl-forgot{color:#aaa;font-weight:400}#view-home .login2 .login-btn{width:calc(100% - 18px);height:46px;margin:0 9px;padding:0;border-radius:25px;background:linear-gradient(#f06f91,#ec5279);font-size:19px;letter-spacing:1px;box-shadow:inset 0 2px 2px #ffffff57,0 4px 8px #d9386133}#view-home .reg-line{margin-top:7px;font-size:14px;color:#777}#view-home .reg-line a{color:#526f8f;font-weight:500}#view-home .demo-hint,#view-home .note{display:none}#view-home .feat2-sec{position:absolute;left:50%;bottom:18px;z-index:6;width:min(900px,calc(100% - 64px));margin:0;transform:translate(-50%)}#view-home .feat2-sec>.wrap{max-width:none!important;width:100%}#view-home .feat2-bar{width:100%;max-width:none;height:84px;margin:0;padding:0 14px;background:#ffffffe8;border:1px solid rgba(255,255,255,.9);border-radius:24px;box-shadow:0 7px 18px #43586724;animation:none;overflow:hidden}#view-home .feat2-bar{grid-template-columns:repeat(4,1fr)}#view-home .feat2-card{height:84px;padding:10px 16px;gap:12px;border-right:1px solid rgba(100,100,100,.07)}#view-home .feat2-ic{width:48px;height:48px;color:#fff;font-size:0;box-shadow:inset 0 2px 3px #ffffff80,0 4px 10px #0000001f}#view-home img.feat2-ic{width:48px;height:48px;border-radius:50%;-o-object-fit:cover;object-fit:cover;background:transparent!important;box-shadow:0 4px 10px #0000001f}#view-home .feat2-ic .material-symbols-rounded{font-size:38px}#view-home .feat2-card:nth-child(1) .feat2-ic{background:linear-gradient(#95d676,#65b94e)}#view-home .feat2-card:nth-child(2) .feat2-ic{background:linear-gradient(#79c8f5,#439fe2)}#view-home .feat2-card:nth-child(3) .feat2-ic{background:linear-gradient(#bd73ec,#8c49da)}#view-home .feat2-card:nth-child(4) .feat2-ic{background:linear-gradient(#ff7da5,#f4517e)}#view-home .feat2-card h3{font-family:var(--font-body);font-size:17px;font-weight:700;color:#4a4a4a;margin-bottom:2px}#view-home .feat2-card p{font-size:13px;line-height:1.35;color:#666;max-width:145px}#view-home footer{margin-top:0;padding:20px 0 16px}#view-home .foot-top{gap:12px}#view-home .foot-mascot{transform:scale(.82)}#view-home footer .copy{margin-top:14px;padding-top:12px;font-size:13px}#view-home+footer{display:none}@media (max-width:1600px){body:has(#view-home.active) .navbar .wrap{padding:0 28px}body:has(#view-home.active) .logo{width:160px}body:has(#view-home.active) .logo img{width:160px}body:has(#view-home.active) .nav-links{margin:0;gap:9px}body:has(#view-home.active) .nav-links a.pill{width:148px;font-size:18px;padding:0 14px}#view-home .title-lockup{width:min(650px,50vw)}}@media (max-width:1100px){body:has(#view-home.active) .nav-links{margin:0}body:has(#view-home.active) .nav-links a.pill{width:62px;padding:0;font-size:0}body:has(#view-home.active) .nav-links a.pill .p-ic{margin:0}#view-home .login2{width:min(544px,calc(100% - 36px))}#view-home .feat2-bar{grid-template-columns:repeat(4,minmax(0,1fr))}#view-home .feat2-card{justify-content:center;padding:12px}#view-home .feat2-text{display:none}}@media (max-width:700px){body:has(#view-home.active) .navbar{height:92px}body:has(#view-home.active) .navbar .wrap{height:92px;padding:0 16px}body:has(#view-home.active) .logo{width:220px;height:90px}body:has(#view-home.active) .logo img{width:228px;height:92px}body:has(#view-home.active) .nav-links{display:none}body:has(#view-home.active) .bell-btn{width:58px;font-size:0}#view-home .hero2{min-height:760px;background-position:62% center}#view-home .title-lockup{width:94vw;margin-top:24px}#view-home .login2{padding:17px 20px 19px}#view-home .l2-tabs button{font-size:18px}#view-home .feat2-sec{width:calc(100% - 24px)}#view-home .feat2-bar{padding:0;place-items:center}#view-home .feat2-card{width:100%;padding:12px 0;justify-content:center}#view-home .feat2-card:last-child{border-right:0}}@media (max-height:850px) and (min-width:701px){#view-home .hero2{min-height:492px}#view-home .hero2>.hero2-col{transform:scale(.86);transform-origin:top center}}body,button,input,textarea,select,option,table{font-family:var(--font-body);letter-spacing:.02em}.admin-title,.panel h3,.sec-title,.side-panel h4,.ai-box h3,.lesson-card h4,.video-card h4,.post .p-name{font-family:var(--font-fun);letter-spacing:.04em}body:not(:has(#view-home.active)){background:#f2faff}body:not(:has(#view-home.active)) .navbar{height:76px;background:#f7fcfff0;border:0;border-bottom:3px solid rgba(80,171,229,.55);box-shadow:0 5px 18px #377aa821;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}body:not(:has(#view-home.active)) .navbar .wrap{height:76px;max-width:1320px}body:not(:has(#view-home.active)) .logo img{height:59px}body:not(:has(#view-home.active)) .nav-links{gap:10px}body:not(:has(#view-home.active)) .nav-links a.pill{padding:10px 18px;border:0;border-radius:24px;box-shadow:inset 0 2px 2px #ffffff59,0 5px 12px #49668b2e}body:not(:has(#view-home.active)) .nav-links a.pill.on{box-shadow:inset 0 2px 2px #ffffff73,0 0 0 3px #fff,0 7px 17px #4c608c47}body:not(:has(#view-home.active)) .p-green{background:linear-gradient(#8bd873,#5db94c)}body:not(:has(#view-home.active)) .p-blue{background:linear-gradient(#6ac8f5,#399ee1)}body:not(:has(#view-home.active)) .p-purple{background:linear-gradient(#be72ec,#8d4bdc)}body:not(:has(#view-home.active)) .p-pink{background:linear-gradient(#ff82aa,#f35381)}body:not(:has(#view-home.active)) .bell-btn{background:#fff;border:0;color:#626979;box-shadow:0 4px 12px #42698c29}body:not(:has(#view-home.active)) #navLoginBtn{background:linear-gradient(#78cf6b,#4bae4e);box-shadow:0 5px 12px #41a04f42}@media (min-width:681px){body:not(:has(#view-home.active)) .navbar .wrap{position:relative}body:not(:has(#view-home.active)) .nav-links{position:absolute;left:50%;margin-left:0;transform:translate(-50%)}}.teacher-top{top:76px;background:#ffffffe0;border-bottom:1px solid rgba(130,190,230,.35);box-shadow:0 5px 16px #4f809f1a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.teacher-top .wrap{height:70px;max-width:1320px}.t-tab{padding:10px 19px;color:#63758c;border:1px solid transparent}.t-tab:hover:not(.on){background:#edf8ff;color:#378ec7}.t-tab.on{background:linear-gradient(135deg,#78d16b,#52b851);color:#fff;box-shadow:0 6px 15px #43a64c40}.t-user{padding-left:17px;border-left:1px solid #dbe8f0}.avatar{background:linear-gradient(145deg,#fff4bd,#ffd46d)!important;box-shadow:inset 0 2px 2px #ffffffa6,0 4px 10px #c7962e26}.teacher-body{min-height:calc(100vh - 146px);padding:36px 0 80px;background:linear-gradient(180deg,#effaffe6,#fffaf7f2 48%,#f8f2fff5)}.teacher-body>.wrap{max-width:1260px}.filter-row{padding:16px 20px;margin-bottom:26px;background:#ffffffb3;border:1px solid rgba(255,255,255,.9);border-radius:24px;box-shadow:0 10px 27px #43719717;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.filter-label{color:#667890}.filter-group{border:1px solid #e9f1f6;box-shadow:none}.filter-group button{min-width:84px}.filter-group button.on{background:linear-gradient(135deg,var(--fc,var(--green)),color-mix(in srgb,var(--fc,var(--green)) 76%,white));box-shadow:0 4px 12px color-mix(in srgb,var(--fc,var(--green)) 23%,transparent)}.lesson-grid{gap:22px}.lesson-card,.video-card,.composer,.post,.side-panel,.ai-box,.panel,.stat-card{border:1px solid rgba(255,255,255,.95);box-shadow:0 12px 30px #4365891f}.lesson-card{min-height:145px;border-radius:24px;background:#ffffffeb;overflow:hidden}.lesson-card:after{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(#77d26c,#4caee7,#ad60e5,#f46f9b)}.lesson-card:hover,.video-card:hover{transform:translateY(-6px);box-shadow:0 18px 36px #3f6a912e}.lesson-card.empty{background:#ffffff52;border:2px dashed rgba(112,177,210,.32)}.lesson-card.empty:after{display:none}.tag-mini{padding:5px 12px}.video-card{border-radius:25px;background:#fffffff0}.v-cover{height:192px;background:linear-gradient(135deg,#dff4ff,#f3e5ff)}.v-cover .play span{color:#f15f8d;border:4px solid rgba(255,255,255,.75);box-shadow:0 8px 22px #3b658940}.v-body{padding:18px 21px 22px}.sec-title{color:#397ca7!important;text-shadow:0 2px 0 #fff}.forum-layout{grid-template-columns:minmax(0,1fr) 340px}.composer,.post,.side-panel{background:#ffffffe6;border-radius:27px}.composer textarea{background:#f5fbff;border-color:#dfeef6}.composer textarea:focus,.comment-input input:focus{border-color:#76bee8;box-shadow:0 0 0 4px #5bb4e81f}.attach-btn{background:#e7f7ec;color:#3c9c55}.attach-btn.blue{background:#e5f4ff;color:#318bc3}.post .p-actions{border-color:#e8eef4}.p-act{background:#f2f8fc;color:#5d7891}.side-panel h4{color:#7650a6}.forum-side{top:165px}.ai-box{max-width:700px;padding:55px;background:linear-gradient(145deg,#fffffff5,#f7f0fff0);border-radius:34px;position:relative;overflow:hidden}.ai-box:before{content:"♫";position:absolute;right:28px;top:10px;font:700 112px/1 var(--font-fun);color:#af5de014;transform:rotate(12deg)}.ai-box .ai-icon{filter:drop-shadow(0 8px 9px rgba(126,75,169,.22))}.ai-box h3{font-size:32px;color:#8a4cbe}.ai-moods button{border-color:#eadcf4;background:#fff}.ai-moods button.on{background:linear-gradient(135deg,#c47bed,#9a50dd);border-color:transparent;color:#fff;box-shadow:0 6px 14px #8b48c33d}.btn-sun{background:linear-gradient(#ffcf62,#f7aa43);color:#76500c;box-shadow:0 5px #e79632,0 12px 22px #eba23940}.admin-shell{min-height:calc(100vh - 76px);background:linear-gradient(135deg,#eefaffe8,#fff8f5f2 52%,#f4effff5)}.sidebar{width:250px;padding:28px 18px;background:#ffffffc7;border:0;border-right:1px solid rgba(116,186,226,.25);box-shadow:7px 0 25px #477a9714;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.side-item{padding:14px 18px;border-radius:19px;color:#61778d}.side-item:hover{background:#edf8ff;color:#338bc1}.side-item.on{background:linear-gradient(135deg,#6cc8f3,#459fe4);box-shadow:0 7px 17px #3496d540}.admin-main{max-width:1220px;padding:40px 46px}.admin-title{font-size:34px;color:#397da9}.admin-sub{color:#718397}.stat-grid{gap:22px}.stat-card{border-radius:24px;background:#ffffffeb}.stat-card .s-icon,.recent-item .r-ic{border-radius:18px;box-shadow:inset 0 2px 2px #fff9}.panel{padding:30px;border-radius:29px;background:#ffffffe8}.panel h3{color:#5c7390}.field-lite input[type=text],.field-lite select,.field-lite textarea{background:#f5fbff;border-color:#dfedf5;border-radius:17px;padding:13px 15px}.field-lite input[type=text]:focus,.field-lite select:focus,.field-lite textarea:focus{border-color:#6ebde9;box-shadow:0 0 0 4px #50abe21f}.upload-drop{background:linear-gradient(135deg,#eaf9ff,#f5edff);border-color:#7cc5ed;color:#397fa8;border-radius:21px}.upload-drop:hover{background:linear-gradient(135deg,#dff5ff,#ecddff)}.data-table th{color:#66829a;border-color:#e2edf3}.data-table td{border-color:#e9f0f5}.data-table tbody tr:hover{background:#f1f9fe}.btn-primary{background:linear-gradient(#78d16d,#4eb152);box-shadow:0 5px #3b9145,0 12px 22px #3c9b493d}.modal-mask{background:#30496959;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal{border:1px solid rgba(255,255,255,.96);border-radius:31px;background:linear-gradient(145deg,#fff,#f5fbff);box-shadow:0 24px 60px #34536f40}.modal h3{color:#3a82ad}.modal .m-close{background:#ebf6fc;color:#55788e}.res-row{background:#f3f9fd;border:1px solid #e5eff5;border-radius:19px}.toast{background:linear-gradient(135deg,#4bb355f5,#319b69f5);box-shadow:0 12px 30px #2d8b5140}body:has(#view-register.active) .navbar{display:none}#view-register{min-height:100vh;padding:54px 24px;background:radial-gradient(circle at 8% 12%,rgba(255,208,224,.34),transparent 24%),radial-gradient(circle at 92% 22%,rgba(169,224,255,.36),transparent 24%),linear-gradient(145deg,#f5faee,#edf8f5)}.register-card{width:min(980px,100%);margin:0 auto;padding:54px 60px 42px;border:1px solid rgba(255,255,255,.94);border-radius:34px;background:#fffffff7;box-shadow:0 18px 54px #5b806726}.register-head{text-align:center;margin-bottom:38px}.register-head h1{margin:0;color:#314c51;font-size:33px;line-height:1.35;font-weight:900;letter-spacing:.5px}.register-head h1 .brand{color:#ee7898}.register-head h1 .material-symbols-rounded{font-size:38px;color:#ef7897;vertical-align:-7px;margin-right:8px;font-variation-settings:"FILL" 1}.register-head p{margin:13px 0 0;color:#91a19b;font-size:16px}.register-back{display:inline-flex;align-items:center;gap:5px;margin-bottom:18px;border:0;background:transparent;color:#718a83;font:700 16px/1 var(--font-body);cursor:pointer}.register-back:hover{color:#ef7898}.register-section{margin-top:28px}.register-section-title{display:inline-flex;align-items:center;gap:8px;margin:0 0 20px;padding:10px 22px;border-radius:999px;background:linear-gradient(135deg,#71c868,#54ad58);color:#fff;font-size:20px;font-weight:900;box-shadow:0 5px #3f9849}.register-section-title .material-symbols-rounded{font-size:24px}.register-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px}.register-field{display:flex;min-width:0;flex-direction:column;gap:8px}.register-field.full{grid-column:1/-1}.register-field label,.register-legend{color:#516b65;font-size:17px;font-weight:800}.required{color:#ef668d;margin-left:3px}.register-field input,.register-field select,.register-field textarea{width:100%;border:1.5px solid #dfe9da;border-radius:13px;background:#fcfdf9;color:#405550;font:500 18px/1.4 var(--font-body);outline:0;transition:.2s}.register-field input,.register-field select{height:50px;padding:0 16px}.register-field textarea{min-height:98px;padding:13px 16px;resize:vertical}.register-field input::-moz-placeholder,.register-field textarea::-moz-placeholder{color:#a0aaa6}.register-field input::placeholder,.register-field textarea::placeholder{color:#a0aaa6}.register-field input:focus,.register-field select:focus,.register-field textarea:focus{border-color:#76c96e;background:#fff;box-shadow:0 0 0 4px #5bbc5b1f}.register-field input.invalid,.register-field select.invalid{border-color:#ec668b;box-shadow:0 0 0 4px #ec668b1a}.expertise-list{display:flex;flex-wrap:wrap;gap:12px 23px;padding-top:2px}.expertise-list label{display:inline-flex;align-items:center;gap:7px;color:#536a65;font-size:17px;font-weight:700;cursor:pointer}.expertise-list input{width:17px;height:17px;accent-color:#61b95e}.register-tip{display:flex;align-items:flex-start;gap:9px;margin-top:30px;padding:16px 19px;border:1.5px dashed #e8bd4f;border-radius:14px;background:#fff8df;color:#8b6a20;font-size:16px;line-height:1.75}.register-tip .material-symbols-rounded{flex:0 0 auto;color:#e05278;font-size:23px;font-variation-settings:"FILL" 1}.register-feedback{display:none;margin:18px 0 0;padding:11px 14px;border-radius:12px;font-size:16px;text-align:center}.register-feedback.show{display:block}.register-feedback.error{background:#fff0f3;color:#bf3f63}.register-feedback.success{background:#ecf9ed;color:#398545}.register-actions{display:flex;justify-content:center;gap:18px;margin-top:28px}.register-actions button{min-width:176px;height:55px;border:0;border-radius:999px;font:900 19px/1 var(--font-body);cursor:pointer;transition:transform .18s,box-shadow .18s}.register-actions button:hover{transform:translateY(-2px)}.register-print{background:linear-gradient(#f58aa8,#ef7195);color:#fff;box-shadow:0 5px #d94d77,0 10px 22px #db4d772e}.register-reset{background:#edf2e8;color:#617268;box-shadow:0 4px #d8e0d2}.register-foot{margin-top:38px;color:#a7b5b0;font-size:15px;text-align:center}@media (max-width:680px){#view-register{padding:18px 12px}.register-card{padding:30px 20px 28px;border-radius:25px}.register-head{margin-bottom:28px}.register-head h1{font-size:25px}.register-head p{line-height:1.7}.register-grid{grid-template-columns:1fr;gap:17px}.register-field.full{grid-column:auto}.register-actions{flex-direction:column}.register-actions button{width:100%}}@media print{@page{size:A4;margin:9mm}body{background:#fff!important}body>*{display:none!important}#view-register.active{display:block!important;min-height:0;padding:0;background:#fff}#view-register .register-card{display:block!important;width:100%;padding:18px 25px;border:0;border-radius:0;box-shadow:none}.register-back,.register-actions,.register-feedback{display:none!important}.register-head{margin-bottom:20px}.register-head h1{font-size:26px}.register-section{margin-top:18px;-moz-column-break-inside:avoid;break-inside:avoid}.register-section-title{margin-bottom:12px;padding:7px 15px;box-shadow:none;font-size:17px}.register-grid{gap:12px 18px}.register-field{gap:5px}.register-field input,.register-field select{height:38px;font-size:15px}.register-field textarea{min-height:62px;font-size:15px}.register-tip{margin-top:18px;padding:10px 14px;font-size:14px}.register-foot{margin-top:18px}}@media (max-width:900px){.sidebar{width:205px}.admin-main{padding:28px 24px}.forum-layout{grid-template-columns:1fr}.forum-side{position:static;display:grid;grid-template-columns:1fr 1fr;gap:16px}}@media (max-width:680px){body:not(:has(#view-home.active)) .navbar{height:70px}body:not(:has(#view-home.active)) .navbar .wrap{height:70px;padding:0 16px}body:not(:has(#view-home.active)) .logo img{height:52px}.teacher-top{top:70px}.teacher-top .wrap{height:64px;padding:0 16px}.t-user{margin-left:8px;padding-left:10px}.t-user>div:not(.avatar){display:none}.teacher-body{padding-top:22px;background-attachment:scroll}.filter-row{padding:13px}.sidebar{position:sticky;top:70px;z-index:35;background:#fffffff0}.side-item{flex:0 0 auto}.admin-shell{background-attachment:scroll}}