:root{--brand-50: #EEF3FF;--brand-100: #DCE6FF;--brand-200: #BBCCFF;--brand-300: #8FAAFF;--brand-400: #5E82FB;--brand-500: #2F5CF6;--brand-600: #1F45DB;--brand-700: #1836AE;--brand-800: #142B86;--teal-50: #E6FAF6;--teal-100: #C3F3EA;--teal-500: #10B79E;--teal-600: #0B9280;--kid-orange: #FF8A3D;--kid-orange-l:#FFF0E4;--kid-yellow: #FFC53D;--kid-yellow-l:#FFF7E0;--kid-pink: #FF6B9D;--kid-pink-l: #FFE9F1;--kid-purple: #7C5CFF;--kid-purple-l:#F0EBFF;--kid-green: #35C88A;--kid-green-l:#E4F9EF;--kid-blue: #48A9FF;--kid-blue-l: #E6F3FF;--success: #17A96B;--success-l: #E3F7ED;--warning: #E08700;--warning-l: #FFF5E0;--danger: #E0393E;--danger-l: #FDECEC;--info: #2F5CF6;--info-l: #EEF3FF;--ink-900: #0D1426;--ink-800: #17203A;--ink-700: #2B3554;--ink-600: #4A5573;--ink-500: #6B7694;--ink-400: #939DB8;--ink-300: #BFC7DA;--ink-200: #DDE3EF;--ink-100: #EDF0F7;--ink-50: #F4F6FB;--white: #FFFFFF;--dark-900: #0A1226;--dark-800: #101B36;--dark-700: #18254A;--dark-600: #22325E;--dark-500: #2E4176;--dark-text:#E8EDFA;--dark-sub: #9BA9CC;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s7: 32px;--s8: 40px;--s9: 48px;--r-xs: 6px;--r-sm: 8px;--r-md: 12px;--r-lg: 14px;--r-xl: 18px;--r-2xl: 24px;--r-full: 999px;--sh-xs: 0 1px 2px rgba(13,20,38,.04);--sh-sm: 0 1px 3px rgba(13,20,38,.06);--sh-md: 0 2px 8px rgba(13,20,38,.08);--sh-lg: 0 4px 16px rgba(13,20,38,.1);--sh-brand: 0 2px 8px rgba(47,92,246,.25);--sh-kid: 0 4px 12px rgba(255,138,61,.25);--font-cn: "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", "Source Han Sans SC", sans-serif;--font-en: "Inter", "SF Pro Display", "Segoe UI", Roboto, sans-serif;--font: var(--font-en), var(--font-cn);--font-num: "SF Mono", "DIN Alternate", "Segoe UI", Consolas, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-en),var(--font-cn);color:var(--ink-800);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{font-family:inherit;border:none;background:none;cursor:pointer}img{display:block;max-width:100%}.t-hero{font-size:28px;font-weight:800;letter-spacing:-.4px;line-height:1.25}.t-h1{font-size:22px;font-weight:800;letter-spacing:-.3px;line-height:1.3}.t-h2{font-size:18px;font-weight:700;letter-spacing:-.2px;line-height:1.35}.t-h3{font-size:16px;font-weight:700;line-height:1.4}.t-h4{font-size:14px;font-weight:700;line-height:1.45}.t-body{font-size:13px;font-weight:500;line-height:1.6}.t-sm{font-size:12px;font-weight:500;line-height:1.55}.t-xs{font-size:11px;font-weight:500;line-height:1.5}.t-cap{font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}.t-num{font-family:var(--font-num);font-weight:800;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.c-900{color:var(--ink-900)}.c-800{color:var(--ink-800)}.c-700{color:var(--ink-700)}.c-600{color:var(--ink-600)}.c-500{color:var(--ink-500)}.c-400{color:var(--ink-400)}.c-300{color:var(--ink-300)}.c-white{color:var(--white)}.c-brand{color:var(--brand-500)}.c-brand-600{color:var(--brand-600)}.c-teal{color:var(--teal-500)}.c-success{color:var(--success)}.c-warning{color:var(--warning)}.c-danger{color:var(--danger)}.c-orange{color:var(--kid-orange)}.c-purple{color:var(--kid-purple)}.tl{text-align:left}.tc{text-align:center}.tr{text-align:right}.ellip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.row{display:flex;align-items:center}.row-t{display:flex;align-items:flex-start}.row-b{display:flex;align-items:flex-end}.col{display:flex;flex-direction:column}.btw{justify-content:space-between}.ctr{justify-content:center}.end{justify-content:flex-end}.wrap{flex-wrap:wrap}.f1{flex:1;min-width:0}.f0{flex:0 0 auto}.g1{gap:4px}.g2{gap:8px}.g3{gap:12px}.g4{gap:16px}.g5{gap:20px}.g6{gap:24px}.g7{gap:32px}.grid{display:grid}.gc2{grid-template-columns:repeat(2,1fr)}.gc3{grid-template-columns:repeat(3,1fr)}.gc4{grid-template-columns:repeat(4,1fr)}.gc5{grid-template-columns:repeat(5,1fr)}.mt1{margin-top:4px}.mt2{margin-top:8px}.mt3{margin-top:12px}.mt4{margin-top:16px}.mt5{margin-top:20px}.mt6{margin-top:24px}.mt7{margin-top:32px}.mb1{margin-bottom:4px}.mb2{margin-bottom:8px}.mb3{margin-bottom:12px}.mb4{margin-bottom:16px}.mb5{margin-bottom:20px}.mb6{margin-bottom:24px}.rel{position:relative}.ico{display:inline-block;width:20px;height:20px;flex:0 0 auto;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.ico-14{width:14px;height:14px}.ico-16{width:16px;height:16px}.ico-18{width:18px;height:18px}.ico-20{width:20px;height:20px}.ico-22{width:22px;height:22px}.ico-24{width:24px;height:24px}.ico-28{width:28px;height:28px}.ico-32{width:32px;height:32px}.i-home{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5 12 3l9 7.5'/%3E%3Cpath d='M5.5 9.5V20h13V9.5'/%3E%3Cpath d='M9.8 20v-5.4h4.4V20'/%3E%3C/svg%3E")}.i-cal{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.2' y='5' width='17.6' height='16' rx='3'/%3E%3Cpath d='M3.2 10h17.6M8 3v4M16 3v4'/%3E%3C/svg%3E")}.i-user{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4.5 20.5c1.4-3.6 4.1-5.5 7.5-5.5s6.1 1.9 7.5 5.5'/%3E%3C/svg%3E")}.i-users{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.4'/%3E%3Cpath d='M2.8 20c1.2-3.2 3.5-4.9 6.2-4.9s5 1.7 6.2 4.9'/%3E%3Cpath d='M16.5 5.2a3.4 3.4 0 0 1 0 6.5'/%3E%3Cpath d='M18 15.4c1.6.6 2.8 2 3.4 4'/%3E%3C/svg%3E")}.i-msg{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.5 12.5c0 4-3.8 7.2-8.5 7.2-1 0-2-.2-2.9-.4L4.5 21l1-3.6A6.8 6.8 0 0 1 3.5 12.5c0-4 3.8-7.2 8.5-7.2s8.5 3.2 8.5 7.2Z'/%3E%3C/svg%3E")}.i-book{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 6.5C10.3 5.2 8 4.5 4.5 4.5v13C8 17.5 10.3 18.2 12 19.5c1.7-1.3 4-2 7.5-2v-13c-3.5 0-5.8.7-7.5 2Z'/%3E%3Cpath d='M12 6.5v13'/%3E%3C/svg%3E")}.i-ai{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.2 13.7 8l4.8 1.7-4.8 1.7L12 16.2l-1.7-4.8L5.5 9.7 10.3 8 12 3.2Z'/%3E%3Cpath d='M18.5 15.5l.8 2.2 2.2.8-2.2.8-.8 2.2-.8-2.2-2.2-.8 2.2-.8.8-2.2Z'/%3E%3C/svg%3E")}.i-video{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.6' y='6' width='13' height='12' rx='3'/%3E%3Cpath d='M15.6 11l5.8-3.4v8.8L15.6 13'/%3E%3C/svg%3E")}.i-cam{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8.6A2.6 2.6 0 0 1 5.6 6h2l1.3-2h6.2L16.4 6h2A2.6 2.6 0 0 1 21 8.6v8.8A2.6 2.6 0 0 1 18.4 20H5.6A2.6 2.6 0 0 1 3 17.4Z'/%3E%3Ccircle cx='12' cy='13' r='3.4'/%3E%3C/svg%3E")}.i-mic{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='2.8' width='6' height='11' rx='3'/%3E%3Cpath d='M5.5 11.5a6.5 6.5 0 0 0 13 0M12 18v3.2M8.8 21.2h6.4'/%3E%3C/svg%3E")}.i-sound{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9.5h3l4.5-3.8v12.6L7 14.5H4Z'/%3E%3Cpath d='M15.5 9.2a4 4 0 0 1 0 5.6M18.2 6.6a7.8 7.8 0 0 1 0 10.8'/%3E%3C/svg%3E")}.i-wifi{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 8.8a14 14 0 0 1 19 0M5.8 12.4a9.4 9.4 0 0 1 12.4 0M9 16a4.8 4.8 0 0 1 6 0'/%3E%3Ccircle cx='12' cy='19.4' r='1.2' fill='%23000' stroke='none'/%3E%3C/svg%3E")}.i-shield{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.8 4.5 5.6v6c0 4.4 3.1 8.1 7.5 9.6 4.4-1.5 7.5-5.2 7.5-9.6v-6L12 2.8Z'/%3E%3Cpath d='m8.8 12 2.3 2.3 4.1-4.4'/%3E%3C/svg%3E")}.i-chart{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20V4M4 20h16'/%3E%3Cpath d='M8 20v-6M12.7 20V8.5M17.4 20v-9'/%3E%3C/svg%3E")}.i-doc{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3.2h7.4L19 8.8V20.8H6Z'/%3E%3Cpath d='M13.2 3.4v5.6H19M9 13h6M9 16.4h4.4'/%3E%3C/svg%3E")}.i-edit{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h4L20 8l-4-4L4 16Z'/%3E%3Cpath d='m14.5 5.5 4 4'/%3E%3C/svg%3E")}.i-pen{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 20.5c3-.4 4.6-1.2 6-3M6 17.6 17.4 6.2a2.4 2.4 0 1 1 3.4 3.4L9.4 21'/%3E%3C/svg%3E")}.i-text{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 5.5h14M12 5.5V19M9 19h6'/%3E%3C/svg%3E")}.i-light{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2.6v2.6M12 18.8v2.6M2.6 12h2.6M18.8 12h2.6M5.4 5.4 7.2 7.2M16.8 16.8l1.8 1.8M18.6 5.4 16.8 7.2M7.2 16.8 5.4 18.6'/%3E%3C/svg%3E")}.i-mask{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4.5' width='18' height='15' rx='2.6'/%3E%3Cpath d='M3 12h18' stroke-dasharray='2.5 2.5'/%3E%3Cpath d='M3 4.5h18v7.5H3Z' fill='%23000' stroke='none' opacity='.35'/%3E%3C/svg%3E")}.i-timer{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='13.2' r='7.8'/%3E%3Cpath d='M12 9.4v3.8l2.6 2M9.2 2.8h5.6'/%3E%3C/svg%3E")}.i-quiz{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3.4' width='16' height='17.2' rx='2.8'/%3E%3Cpath d='M8 8.4h8M8 12.4h8M8 16.4h4.6'/%3E%3C/svg%3E")}.i-gift{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.2' y='8.6' width='17.6' height='12' rx='2.4'/%3E%3Cpath d='M3.2 13h17.6M12 8.6v12'/%3E%3Cpath d='M12 8.6C10.6 5.4 9.4 4 7.9 4a2.2 2.2 0 0 0 0 4.6M12 8.6c1.4-3.2 2.6-4.6 4.1-4.6a2.2 2.2 0 0 1 0 4.6'/%3E%3C/svg%3E")}.i-star{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3.2 2.8 5.7 6.3.9-4.6 4.4 1.1 6.3L12 17.6l-5.6 2.9 1.1-6.3L2.9 9.8l6.3-.9L12 3.2Z'/%3E%3C/svg%3E")}.i-star-f{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='m12 3.2 2.8 5.7 6.3.9-4.6 4.4 1.1 6.3L12 17.6l-5.6 2.9 1.1-6.3L2.9 9.8l6.3-.9L12 3.2Z'/%3E%3C/svg%3E")}.i-medal{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='14.6' r='6'/%3E%3Cpath d='M8.6 9 6 2.8h12L15.4 9M12 12.2l.9 1.9 2 .3-1.5 1.4.4 2-1.8-1-1.8 1 .4-2-1.5-1.4 2-.3.9-1.9Z'/%3E%3C/svg%3E")}.i-play{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='M7.4 4.6 19.2 12 7.4 19.4Z'/%3E%3C/svg%3E")}.i-pause{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Crect x='6.4' y='4.6' width='3.8' height='14.8' rx='1.3'/%3E%3Crect x='13.8' y='4.6' width='3.8' height='14.8' rx='1.3'/%3E%3C/svg%3E")}.i-chev-r{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9.5 5 7 7-7 7'/%3E%3C/svg%3E")}.i-chev-l{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m14.5 5-7 7 7 7'/%3E%3C/svg%3E")}.i-chev-d{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 9.5 7 7 7-7'/%3E%3C/svg%3E")}.i-plus{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E")}.i-check{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4.8 12.6 4.6 4.6L19.2 7.4'/%3E%3C/svg%3E")}.i-close{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E")}.i-warn{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.6 21.4 20H2.6Z'/%3E%3Cpath d='M12 9.6v4.8'/%3E%3Ccircle cx='12' cy='17.2' r='1.1' fill='%23000' stroke='none'/%3E%3C/svg%3E")}.i-info{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5.4'/%3E%3Ccircle cx='12' cy='7.8' r='1.1' fill='%23000' stroke='none'/%3E%3C/svg%3E")}.i-bell{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18.4 16.6H5.6c1-1.2 1.5-2.6 1.5-4.2v-2.3a4.9 4.9 0 0 1 9.8 0v2.3c0 1.6.5 3 1.5 4.2Z'/%3E%3Cpath d='M10 19.4a2.2 2.2 0 0 0 4 0'/%3E%3C/svg%3E")}.i-search{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.6'/%3E%3Cpath d='m16 16 4.4 4.4'/%3E%3C/svg%3E")}.i-filter{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M3.6 6h16.8M6.6 12h10.8M10 18h4'/%3E%3C/svg%3E")}.i-grid{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linejoin='round'%3E%3Crect x='3.4' y='3.4' width='7.2' height='7.2' rx='2'/%3E%3Crect x='13.4' y='3.4' width='7.2' height='7.2' rx='2'/%3E%3Crect x='3.4' y='13.4' width='7.2' height='7.2' rx='2'/%3E%3Crect x='13.4' y='13.4' width='7.2' height='7.2' rx='2'/%3E%3C/svg%3E")}.i-set{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 14.6a1.6 1.6 0 0 0 .3 1.8l.1.1a1.9 1.9 0 1 1-2.7 2.7l-.1-.1a1.6 1.6 0 0 0-2.7 1.1v.3a1.9 1.9 0 0 1-3.8 0v-.2a1.6 1.6 0 0 0-2.8-1.1 1.9 1.9 0 1 1-2.7-2.7 1.6 1.6 0 0 0-1.1-2.8H3.6a1.9 1.9 0 0 1 0-3.8h.2a1.6 1.6 0 0 0 1.1-2.8 1.9 1.9 0 1 1 2.7-2.7 1.6 1.6 0 0 0 1.8.3h.1a1.6 1.6 0 0 0 1-1.5V3.6a1.9 1.9 0 0 1 3.8 0v.2a1.6 1.6 0 0 0 2.7 1.1 1.9 1.9 0 1 1 2.7 2.7 1.6 1.6 0 0 0 .3 1.8v.1a1.6 1.6 0 0 0 1.5 1h.3a1.9 1.9 0 0 1 0 3.8h-.2a1.6 1.6 0 0 0-1.5 1Z'/%3E%3C/svg%3E")}.i-upload{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 16V4.6M7.6 9 12 4.6 16.4 9'/%3E%3Cpath d='M4 15.6v2.8A2.6 2.6 0 0 0 6.6 21h10.8a2.6 2.6 0 0 0 2.6-2.6v-2.8'/%3E%3C/svg%3E")}.i-share{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5.4' r='2.6'/%3E%3Ccircle cx='6' cy='12' r='2.6'/%3E%3Ccircle cx='18' cy='18.6' r='2.6'/%3E%3Cpath d='m8.3 10.7 7.4-4M8.3 13.3l7.4 4'/%3E%3C/svg%3E")}.i-lock{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4.4' y='10.4' width='15.2' height='10.4' rx='2.6'/%3E%3Cpath d='M8 10.4V7.6a4 4 0 0 1 8 0v2.8'/%3E%3C/svg%3E")}.i-eye{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.2 12S5.6 5.8 12 5.8 21.8 12 21.8 12 18.4 18.2 12 18.2 2.2 12 2.2 12Z'/%3E%3Ccircle cx='12' cy='12' r='3.2'/%3E%3C/svg%3E")}.i-eye-off{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.4 17.4A9.8 9.8 0 0 1 12 18.2C5.6 18.2 2.2 12 2.2 12a17 17 0 0 1 4.2-4.4m3-1.6a9.4 9.4 0 0 1 2.6-.4c6.4 0 9.8 6.2 9.8 6.2a17 17 0 0 1-2.6 3.2'/%3E%3Cpath d='M9.8 9.8a3.2 3.2 0 0 0 4.4 4.4'/%3E%3Cpath d='m3 3 18 18'/%3E%3C/svg%3E")}.i-trash{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.4 7h15.2M9 7V4.6h6V7M6.6 7l1 13.4h8.8L17.4 7M10.4 10.6v6.4M13.6 10.6v6.4'/%3E%3C/svg%3E")}.i-money{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8.4 7.6 12 12.4l3.6-4.8M12 12.4v4.4M9 13.4h6M9 15.8h6'/%3E%3C/svg%3E")}.i-build{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 21V5.4L13 3v18M13 21h7V9.4l-7-2.2'/%3E%3Cpath d='M7.2 8.2h2.6M7.2 12h2.6M7.2 15.8h2.6M16 12h1.4M16 15.8h1.4'/%3E%3C/svg%3E")}.i-layers{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 2.8 9 4.8-9 4.8-9-4.8 9-4.8Z'/%3E%3Cpath d='m3 12.4 9 4.8 9-4.8M3 16.8l9 4.8 9-4.8'/%3E%3C/svg%3E")}.i-mic-wave{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round'%3E%3Cpath d='M4 10.4v3.2M8 7.4v9.2M12 4.6v14.8M16 7.4v9.2M20 10.4v3.2'/%3E%3C/svg%3E")}.i-dice{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linejoin='round'%3E%3Crect x='3.4' y='3.4' width='17.2' height='17.2' rx='3.6'/%3E%3Ccircle cx='8.4' cy='8.4' r='1.4' fill='%23000' stroke='none'/%3E%3Ccircle cx='15.6' cy='8.4' r='1.4' fill='%23000' stroke='none'/%3E%3Ccircle cx='12' cy='12' r='1.4' fill='%23000' stroke='none'/%3E%3Ccircle cx='8.4' cy='15.6' r='1.4' fill='%23000' stroke='none'/%3E%3Ccircle cx='15.6' cy='15.6' r='1.4' fill='%23000' stroke='none'/%3E%3C/svg%3E")}.i-hand{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 11V5.2a1.6 1.6 0 0 1 3.2 0V11m0 0V3.8a1.6 1.6 0 0 1 3.2 0V11m0 0V5.6a1.6 1.6 0 0 1 3.2 0v7.8a7.6 7.6 0 0 1-7.6 7.6h-.6a6 6 0 0 1-5.4-3.4L2.8 15a1.7 1.7 0 0 1 2.9-1.7L8 16.4V11Z'/%3E%3C/svg%3E")}.i-headph{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.6 15.4v-3a8.4 8.4 0 0 1 16.8 0v3'/%3E%3Crect x='2.4' y='14.2' width='4.6' height='6.4' rx='2.2'/%3E%3Crect x='17' y='14.2' width='4.6' height='6.4' rx='2.2'/%3E%3C/svg%3E")}.i-refresh{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.4 11.4A8.4 8.4 0 0 0 6.2 6.6L3.6 9M3.6 4.2V9h4.8M3.6 12.6a8.4 8.4 0 0 0 14.2 4.8l2.6-2.4M20.4 19.8V15h-4.8'/%3E%3C/svg%3E")}.i-clock{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5.4l3.4 2.2'/%3E%3C/svg%3E")}.i-flag{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.4 21V3.6M5.4 4.4h12.2l-2 4.2 2 4.2H5.4'/%3E%3C/svg%3E")}.i-tag{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.6 2.8H21v8.4l-9.8 9.8-8.4-8.4L12.6 2.8Z'/%3E%3Ccircle cx='16.8' cy='7.2' r='1.6'/%3E%3C/svg%3E")}.i-list{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M8.4 6.4h12M8.4 12h12M8.4 17.6h12'/%3E%3Ccircle cx='4.4' cy='6.4' r='1.3' fill='%23000' stroke='none'/%3E%3Ccircle cx='4.4' cy='12' r='1.3' fill='%23000' stroke='none'/%3E%3Ccircle cx='4.4' cy='17.6' r='1.3' fill='%23000' stroke='none'/%3E%3C/svg%3E")}.i-heart{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20.4 4.6 13a4.9 4.9 0 0 1 7.4-6.4A4.9 4.9 0 0 1 19.4 13Z'/%3E%3C/svg%3E")}.i-bookmark{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3.6h12v17.2L12 16.4l-6 4.4Z'/%3E%3C/svg%3E")}.i-comment{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.6 5.4h16.8v11H9.4L4.8 20v-3.6H3.6Z'/%3E%3C/svg%3E")}.i-copy{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linejoin='round'%3E%3Crect x='8.4' y='8.4' width='12.2' height='12.2' rx='2.6'/%3E%3Cpath d='M15.6 8.4V6A2.6 2.6 0 0 0 13 3.4H6A2.6 2.6 0 0 0 3.4 6v7A2.6 2.6 0 0 0 6 15.6h2.4'/%3E%3C/svg%3E")}.i-down{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11.4M7.4 11 12 15.6 16.6 11'/%3E%3Cpath d='M4.4 20h15.2'/%3E%3C/svg%3E")}.i-target{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Ccircle cx='12' cy='12' r='1.4' fill='%23000' stroke='none'/%3E%3C/svg%3E")}.i-abc{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.6 16.4 5.4 8l2.8 8.4M3.6 13.6h3.8'/%3E%3Cpath d='M10.8 8h2.6a2.2 2.2 0 0 1 0 4.4h-2.6V8Zm0 4.4h3a2 2 0 0 1 0 4h-3v-4Z'/%3E%3Cpath d='M21.4 9.8a3.4 3.4 0 1 0 0 4.8'/%3E%3C/svg%3E")}.i-trend{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 16.6 5.4-5.4 3.6 3.6 8-8'/%3E%3Cpath d='M15.4 6.8H20v4.6'/%3E%3C/svg%3E")}.i-brain{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.6 3.6a3 3 0 0 0-3 3 2.8 2.8 0 0 0-1.8 4.6A2.9 2.9 0 0 0 6 16a3 3 0 0 0 3.6 4.2V3.6Z'/%3E%3Cpath d='M14.4 3.6a3 3 0 0 1 3 3 2.8 2.8 0 0 1 1.8 4.6A2.9 2.9 0 0 1 18 16a3 3 0 0 1-3.6 4.2V3.6Z'/%3E%3C/svg%3E")}.i-ppt{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='12.4' rx='2.4'/%3E%3Cpath d='M12 16.4V20M8.4 20h7.2'/%3E%3C/svg%3E")}.i-mobile{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linejoin='round'%3E%3Crect x='6.4' y='2.6' width='11.2' height='18.8' rx='2.8'/%3E%3Cpath d='M10.4 18.6h3.2' stroke-linecap='round'/%3E%3C/svg%3E")}.i-log{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5.4A2 2 0 0 1 6 3.4h12a2 2 0 0 1 2 2v13.2a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2Z'/%3E%3Cpath d='M7.6 8h8.8M7.6 12h8.8M7.6 16h5'/%3E%3C/svg%3E")}.i-sparkle{--d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cpath d='m12 2.6 1.9 5.3 5.3 1.9-5.3 1.9L12 17l-1.9-5.3L4.8 9.8l5.3-1.9L12 2.6Z'/%3E%3Cpath d='m18.8 15.2.9 2.5 2.5.9-2.5.9-.9 2.5-.9-2.5-2.5-.9 2.5-.9.9-2.5Z'/%3E%3C/svg%3E")}[class*=i-]{-webkit-mask-image:var(--d);mask-image:var(--d)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;padding:0 16px;border-radius:var(--r-md);font-size:13.5px;font-weight:600;white-space:nowrap;transition:background-color .15s,border-color .15s,color .15s,transform .12s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent}.btn:active:not(:disabled){transform:scale(.97)}.btn-pri{background:var(--brand-500);color:#fff}.btn-pri:hover{background:var(--brand-600)}.btn-pri:active:not(:disabled){background:var(--brand-700)}.btn-sec{background:var(--white);color:var(--ink-700);border:1px solid var(--ink-200)}.btn-sec:hover{border-color:var(--brand-400);color:var(--brand-600);background:var(--brand-50)}.btn-sec:active:not(:disabled){background:var(--ink-100)}.btn-ghost{background:var(--brand-50);color:var(--brand-600)}.btn-ghost:active:not(:disabled){background:var(--brand-100)}.btn-quiet{background:transparent;color:var(--ink-500)}.btn-quiet:active:not(:disabled){background:var(--ink-100)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:active:not(:disabled){background:#c02a2f}.btn-danger-o{background:var(--danger-l);color:var(--danger)}.btn-dark{background:#ffffff1f;color:var(--dark-text);border:1px solid rgba(255,255,255,.16)}.btn-kid{background:linear-gradient(135deg,#ffa24d,#ff7a2f);color:#fff;border-radius:var(--r-full)}.btn-kid:active:not(:disabled){filter:brightness(.92)}.btn-kid-p{background:linear-gradient(135deg,#8f72ff,#6c46ff);color:#fff;border-radius:var(--r-full)}.btn-kid-p:active:not(:disabled){filter:brightness(.92)}.btn-lg{height:48px;padding:0 24px;font-size:15px;border-radius:var(--r-lg)}.btn-sm{height:32px;padding:0 12px;font-size:12.5px;border-radius:var(--r-sm);gap:4px}.btn-xs{height:26px;padding:0 10px;font-size:11.5px;border-radius:var(--r-xs);gap:3px}.btn-block{width:100%}.btn-icon{width:36px;padding:0}.btn:disabled,.btn.is-disabled{background:var(--ink-100);color:var(--ink-400);box-shadow:none;border-color:transparent;transform:none}.card{background:var(--white);border-radius:var(--r-lg);border:1px solid var(--ink-200);box-shadow:var(--sh-xs);transition:box-shadow .18s ease,border-color .18s ease,transform .18s ease}.card.hover:hover{box-shadow:var(--sh-sm);border-color:var(--brand-300)}.card-p{padding:16px}.card-p20{padding:20px}.card-hd{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--ink-100)}.card-bd{padding:16px}.tile{border-radius:var(--r-md);padding:12px;background:var(--ink-50)}.tag{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:var(--r-xs);font-size:11.5px;font-weight:700;white-space:nowrap}.tag-sm{height:18px;padding:0 6px;font-size:10.5px;border-radius:5px}.tag-lg{height:26px;padding:0 10px;font-size:12.5px}.tag-brand{background:var(--brand-50);color:var(--brand-600)}.tag-teal{background:var(--teal-50);color:var(--teal-600)}.tag-succ{background:var(--success-l);color:var(--success)}.tag-warn{background:var(--warning-l);color:var(--warning)}.tag-dang{background:var(--danger-l);color:var(--danger)}.tag-gray{background:var(--ink-100);color:var(--ink-600)}.tag-purple{background:var(--kid-purple-l);color:var(--kid-purple)}.tag-orange{background:var(--kid-orange-l);color:#d9660f}.tag-dark{background:#ffffff21;color:var(--dark-text)}.tag-dot:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.tag-ai{background:linear-gradient(120deg,#eef1ff,#f6edff);color:#5b43c9}.badge{min-width:17px;height:17px;padding:0 5px;border-radius:var(--r-full);background:var(--danger);color:#fff;font-size:10.5px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.dot{width:7px;height:7px;border-radius:50%;flex:0 0 auto}.dot-succ{background:var(--success)}.dot-warn{background:var(--warning)}.dot-dang{background:var(--danger)}.dot-gray{background:var(--ink-300)}.dot-brand{background:var(--brand-500)}.av{width:40px;height:40px;border-radius:var(--r-full);flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;color:#fff;letter-spacing:.3px;background:linear-gradient(135deg,var(--brand-400),var(--brand-600))}.av-24{width:24px;height:24px;font-size:10px}.av-28{width:28px;height:28px;font-size:11px}.av-32{width:32px;height:32px;font-size:12px}.av-36{width:36px;height:36px;font-size:13px}.av-44{width:44px;height:44px;font-size:15px}.av-48{width:48px;height:48px;font-size:16px}.av-56{width:56px;height:56px;font-size:19px}.av-64{width:64px;height:64px;font-size:22px}.av-sq{border-radius:var(--r-md)}.av-a{background:linear-gradient(135deg,#ffb05c,#ff8330)}.av-b{background:linear-gradient(135deg,#6fd0ff,#3e8bff)}.av-c{background:linear-gradient(135deg,#9fe8b9,#35c88a)}.av-d{background:linear-gradient(135deg,#ff9dc0,#ff5f92)}.av-e{background:linear-gradient(135deg,#b49cff,#7c5cff)}.av-f{background:linear-gradient(135deg,#7be0d0,#10b79e)}.av-g{background:linear-gradient(135deg,#ffd976,#f5b518)}.av-ring{box-shadow:0 0 0 2.5px #fff,0 0 0 4.5px var(--brand-200)}.pbar{height:6px;border-radius:var(--r-full);background:var(--ink-100);overflow:hidden}.pbar-4{height:4px}.pbar-8{height:8px}.pbar-10{height:10px}.pbar>i{display:block;height:100%;border-radius:var(--r-full);background:var(--brand-500)}.pbar>i.teal{background:var(--teal-500)}.pbar>i.kid{background:linear-gradient(90deg,#ffc53d,#ff8a3d)}.pbar>i.succ{background:var(--success)}.pbar>i.warn{background:var(--warning)}.pbar>i.dang{background:var(--danger)}.pbar-dark{background:#ffffff24}.pring{position:relative;width:56px;height:56px;flex:0 0 auto}.pring svg{transform:rotate(-90deg)}.pring .val{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;font-family:var(--font-num)}.fld{display:flex;flex-direction:column;gap:6px}.fld>label{font-size:12px;font-weight:700;color:var(--ink-600)}.inp{height:38px;padding:0 12px;border-radius:var(--r-sm);border:1px solid var(--ink-200);background:var(--white);font-size:13px;font-weight:500;color:var(--ink-800);display:flex;align-items:center;gap:8px}.inp.ph{color:var(--ink-400)}.inp:focus-within,.inp.is-focus{border-color:var(--brand-500);box-shadow:0 0 0 3px var(--brand-50)}.inp-lg{height:44px}.txa{min-height:84px;padding:10px 12px;align-items:flex-start;line-height:1.65;display:block}.sel:after{content:"";width:14px;height:14px;margin-left:auto;background:var(--ink-400);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='m5 9 7 7 7-7'/%3E%3C/svg%3E") no-repeat center/contain;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='m5 9 7 7 7-7'/%3E%3C/svg%3E") no-repeat center/contain}.search-inp{background:var(--ink-50);border-color:transparent}.sw{width:42px;height:24px;border-radius:var(--r-full);background:var(--ink-200);position:relative;flex:0 0 auto;transition:.18s}.sw:after{content:"";position:absolute;top:2.5px;left:2.5px;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:.18s}.sw.on{background:var(--success)}.sw.on:after{left:20.5px}.sw.on-brand{background:var(--brand-500)}.sw.on-brand:after{left:20.5px}.sw-sm{width:34px;height:20px}.sw-sm:after{width:15px;height:15px}.sw-sm.on:after,.sw-sm.on-brand:after{left:16.5px}.cbx{width:17px;height:17px;border-radius:4px;border:1.6px solid var(--ink-300);flex:0 0 auto;background:#fff}.cbx.on{background:var(--brand-500);border-color:var(--brand-500);position:relative}.cbx.on:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.6 4.6 4.6L19 7.4'/%3E%3C/svg%3E") no-repeat center/12px;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.6 4.6 4.6L19 7.4'/%3E%3C/svg%3E") no-repeat center/12px}.radio{width:17px;height:17px;border-radius:50%;border:1.6px solid var(--ink-300);flex:0 0 auto;background:#fff}.radio.on{border:5px solid var(--brand-500)}.tabs{display:flex;gap:20px;border-bottom:1px solid var(--ink-200)}.tabs>a,.tabs>div{padding:10px 0 11px;font-size:13.5px;font-weight:600;color:var(--ink-500);position:relative}.tabs .on{color:var(--brand-600);font-weight:700}.tabs .on:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2.5px;border-radius:2px;background:var(--brand-500)}.seg{display:inline-flex;padding:3px;background:var(--ink-100);border-radius:var(--r-md);gap:2px}.seg>div{padding:6px 14px;border-radius:9px;font-size:12.5px;font-weight:700;color:var(--ink-500)}.seg .on{background:#fff;color:var(--ink-900);box-shadow:var(--sh-xs)}.seg-kid{background:#fff;border-radius:var(--r-full);box-shadow:var(--sh-sm);padding:4px}.seg-kid>div{border-radius:var(--r-full);padding:7px 16px}.seg-kid .on{background:linear-gradient(135deg,#ffa24d,#ff7a2f);color:#fff;box-shadow:none}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{height:28px;padding:0 12px;border-radius:var(--r-full);background:var(--ink-50);border:1px solid var(--ink-200);font-size:12px;font-weight:600;color:var(--ink-600);display:inline-flex;align-items:center;gap:4px}.chip.on{background:var(--brand-500);border-color:var(--brand-500);color:#fff}.chip-kid.on{background:var(--kid-orange);border-color:var(--kid-orange)}.lst>*+*{border-top:1px solid var(--ink-100)}.lst-i{display:flex;align-items:center;gap:12px;padding:12px 16px}.lst-i:hover{background:var(--ink-50)}.tbl{width:100%;border-collapse:separate;border-spacing:0;font-size:12.5px}.tbl th{text-align:left;padding:9px 12px;font-size:11.5px;font-weight:700;color:var(--ink-500);background:var(--ink-50);white-space:nowrap;border-bottom:1px solid var(--ink-200)}.tbl th:first-child{border-top-left-radius:var(--r-sm)}.tbl th:last-child{border-top-right-radius:var(--r-sm)}.tbl td{padding:11px 12px;border-bottom:1px solid var(--ink-100);color:var(--ink-700);font-weight:500;vertical-align:middle}.tbl tbody tr:hover td{background:#fafbfe}.tbl .num{font-family:var(--font-num);font-weight:700;font-variant-numeric:tabular-nums}.tbl-c td,.tbl-c th{padding:8px 10px}.kpi{background:var(--white);border:1px solid var(--ink-200);border-radius:var(--r-md);padding:14px 16px}.kpi .lab{font-size:12px;font-weight:600;color:var(--ink-500);display:flex;align-items:center;gap:5px}.kpi .val{font-family:var(--font-num);font-size:26px;font-weight:800;letter-spacing:-.5px;margin-top:6px;line-height:1;color:var(--ink-900)}.kpi .sub{font-size:11px;font-weight:600;color:var(--ink-400);margin-top:6px;display:flex;align-items:center;gap:6px}.kpi .delta{font-size:11px;font-weight:700}.kpi .delta.up{color:var(--success)}.kpi .delta.down{color:var(--danger)}.bars{display:flex;align-items:flex-end;gap:8px;height:100%}.bars>i{flex:1;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,var(--brand-400),var(--brand-500));display:block}.bars>i.t{background:linear-gradient(180deg,#3FD3B9,var(--teal-500))}.bars>i.g{background:var(--ink-200)}.bars>i.o{background:linear-gradient(180deg,#FFB05C,var(--kid-orange))}.barsx{display:flex;gap:8px;font-size:10px;font-weight:600;color:var(--ink-400)}.barsx>span{flex:1;text-align:center}.hbar{display:flex;align-items:center;gap:10px}.hbar .nm{width:66px;font-size:12px;font-weight:600;color:var(--ink-600)}.hbar .tr{flex:1;height:8px;border-radius:var(--r-full);background:var(--ink-100);overflow:hidden}.hbar .tr>i{display:block;height:100%;border-radius:var(--r-full)}.hbar .vv{width:38px;text-align:right;font-family:var(--font-num);font-size:12px;font-weight:800}.spark{display:block;width:100%}.legend{display:flex;gap:14px;flex-wrap:wrap}.legend>span{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:var(--ink-500)}.legend i{width:9px;height:9px;border-radius:3px;display:block}.alert{display:flex;gap:10px;padding:11px 13px;border-radius:var(--r-md);font-size:12.5px;font-weight:500;line-height:1.55}.alert .ico{margin-top:1px}.alert-info{background:var(--info-l);color:var(--brand-700)}.alert-warn{background:var(--warning-l);color:#8a5300}.alert-dang{background:var(--danger-l);color:#a5262a}.alert-succ{background:var(--success-l);color:#0b6b44}.alert-ai{background:linear-gradient(110deg,#f3f1ff,#eff4ff);color:#4a3ba8;border:1px solid #E2DEFF}.alert-dark{background:#ffffff14;color:var(--dark-text);border:1px solid rgba(255,255,255,.12)}.empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:28px 16px;text-align:center}.empty .ico{color:var(--ink-300)}.skel{background:linear-gradient(90deg,var(--ink-100) 25%,var(--ink-50) 50%,var(--ink-100) 75%);border-radius:6px}.ai-chip{display:inline-flex;align-items:center;gap:5px;height:21px;padding:0 8px;border-radius:var(--r-full);font-size:10.5px;font-weight:800;background:linear-gradient(120deg,#edf0ff,#f7ecff);color:#5b43c9;border:1px solid #E4E0FF}.ai-block{border:1px solid #E4E0FF;background:linear-gradient(180deg,#fcfbff,#fff);border-radius:var(--r-md)}.ai-bar{height:3px;border-radius:2px;background:linear-gradient(90deg,#7c5cff,#2f5cf6,#10b79e)}.div{height:1px;background:var(--ink-100)}.div-v{width:1px;align-self:stretch;background:var(--ink-100)}.sq{border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;flex:0 0 auto}.sq-32{width:32px;height:32px}.sq-36{width:36px;height:36px}.sq-40{width:40px;height:40px}.sq-44{width:44px;height:44px}.sq-48{width:48px;height:48px}.sq-56{width:56px;height:56px}.bg-brand-50{background:var(--brand-50)}.bg-teal-50{background:var(--teal-50)}.bg-succ-l{background:var(--success-l)}.bg-warn-l{background:var(--warning-l)}.bg-dang-l{background:var(--danger-l)}.bg-ink-50{background:var(--ink-50)}.bg-ink-100{background:var(--ink-100)}.bg-o-l{background:var(--kid-orange-l)}.bg-p-l{background:var(--kid-purple-l)}.bg-y-l{background:var(--kid-yellow-l)}.bg-g-l{background:var(--kid-green-l)}.bg-b-l{background:var(--kid-blue-l)}.bg-pk-l{background:var(--kid-pink-l)}.bg-white{background:#fff}.shadow-sm{box-shadow:var(--sh-sm)}.shadow-md{box-shadow:var(--sh-md)}.r-md{border-radius:var(--r-md)}.r-lg{border-radius:var(--r-lg)}.r-xl{border-radius:var(--r-xl)}.r-full{border-radius:var(--r-full)}.ovh{overflow:hidden}.art{border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-size:28px;position:relative;overflow:hidden;flex:0 0 auto}.art:before{content:"";position:absolute;width:130%;height:60%;left:-15%;bottom:-22%;background:#ffffff38;border-radius:50%}.art-1{background:linear-gradient(140deg,#7fc7ff,#3e7bff)}.art-2{background:linear-gradient(140deg,#ffc978,#ff8a3d)}.art-3{background:linear-gradient(140deg,#a9f0c8,#35c88a)}.art-4{background:linear-gradient(140deg,#c3b0ff,#7c5cff)}.art-5{background:linear-gradient(140deg,#ffb3cc,#ff6b9d)}.art-6{background:linear-gradient(140deg,#8fe6dc,#10b79e)}.art-7{background:linear-gradient(140deg,#ffe08a,#ffc53d)}.art-8{background:linear-gradient(140deg,#9fb6ff,#5e82fb)}html,body,#root{height:100%}body{background:var(--ink-50)}code{font-family:var(--font-num);font-size:11.5px;background:var(--ink-100);padding:1px 5px;border-radius:5px;word-break:break-all}.break-all{word-break:break-all}.app-shell{min-height:100%;display:flex;flex-direction:column}.app-main{flex:1;min-height:0;padding-bottom:68px}.page{max-width:1100px;margin:0 auto}.page-bd{padding:16px;display:flex;flex-direction:column}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;background:var(--white);border-top:1px solid var(--ink-200);box-shadow:0 -2px 10px #0d14260f;padding:6px 0 max(8px,env(safe-area-inset-bottom))}.tabbar-i{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;font-weight:700;color:var(--ink-400);padding:4px 0;transition:color .18s ease,transform .12s ease;-webkit-tap-highlight-color:transparent}.tabbar-i:active{transform:scale(.9)}.tabbar-i.on{color:var(--brand-600)}.tabbar-i.on .ico{filter:drop-shadow(0 2px 4px rgba(47,92,246,.25))}.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#3c68f8,#2f5cf6,#1f45db);padding:max(14px,env(safe-area-inset-top)) 16px 22px}.hero-blob{position:absolute;right:-46px;top:-34px;width:190px;height:190px;border-radius:50%;background:#ffffff14}.hero-inner{position:relative;display:flex;align-items:flex-start;gap:12px}.hero-sub{font-size:11.5px;font-weight:600;color:#ffffffb8}.hero-title{font-size:22px;font-weight:800;color:#fff;letter-spacing:-.3px;margin-top:2px}.hero-tag{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:var(--r-full);font-size:11.5px;font-weight:700;background:#ffffff2e;color:#fff}.hero-icon-btn{width:32px;height:32px;border-radius:var(--r-full);background:#ffffff29;color:#fff;display:flex;align-items:center;justify-content:center}.pagebar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:10px;padding:10px 16px;padding-top:max(10px,env(safe-area-inset-top));background:#ffffffeb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--ink-100);box-shadow:0 1px 4px #0d14260a}.pagebar-back{width:30px;height:30px;border-radius:var(--r-full);background:var(--ink-100);color:var(--ink-700);display:flex;align-items:center;justify-content:center;flex:0 0 auto;transition:background .15s,transform .12s;-webkit-tap-highlight-color:transparent}.pagebar-back:active{background:var(--ink-200);transform:scale(.9)}.login-page{position:relative;min-height:100%;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:max(24px,env(safe-area-inset-top)) 20px max(32px,env(safe-area-inset-bottom));overflow:hidden;background:radial-gradient(ellipse at 15% 10%,rgba(94,130,251,.25),transparent 50%),radial-gradient(ellipse at 85% 85%,rgba(47,92,246,.18),transparent 55%),linear-gradient(165deg,#eaf0ff,#f2f5fc,#f8f9fd)}.login-page:before,.login-page:after{content:"";position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;pointer-events:none;animation:float-slow 16s ease-in-out infinite}.login-page:before{width:320px;height:320px;background:radial-gradient(circle,var(--brand-300),transparent 70%);top:-80px;left:-60px}.login-page:after{width:380px;height:380px;background:radial-gradient(circle,var(--brand-200),transparent 70%);bottom:-100px;right:-80px;animation-delay:-8s}@keyframes float-slow{0%,to{transform:translate(0)}50%{transform:translate(20px,-25px)}}.login-card{position:relative;width:100%;max-width:420px;padding:36px 30px 30px;background:#ffffffeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--r-2xl);border:1px solid rgba(255,255,255,.8);box-shadow:0 0 0 1px #2f5cf60f,0 24px 48px -12px #0d142624,0 8px 24px -4px #0d142614,var(--sh-brand);animation:login-fade-up .55s cubic-bezier(.22,1,.36,1);z-index:1}@keyframes login-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.login-brand{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;margin-bottom:8px}.login-brand .login-logo{background:#fff;border-radius:18px;box-shadow:0 6px 16px -2px #2f5cf633,0 2px 6px #0d14261a;overflow:hidden;animation:logo-breathe 4s ease-in-out infinite}.login-brand .login-logo .brand-logo-img{width:100%;height:100%;object-fit:contain;padding:4px}@keyframes logo-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.login-brand .t-h1{font-size:22px;font-weight:800;letter-spacing:-.3px;background:linear-gradient(135deg,var(--brand-700),var(--brand-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-brand .t-sm{font-size:12.5px;font-weight:600;letter-spacing:.2px}.login-welcome{text-align:center;margin:4px 0 20px}.login-welcome .t-h2{font-size:18px;font-weight:700;color:var(--ink-900)}.login-welcome .welcome-sub{font-size:12px;font-weight:500;color:var(--ink-400);margin-top:4px}.login-card .fld>span{font-size:12px;font-weight:700;color:var(--ink-600);letter-spacing:.2px}.login-card .inp{height:44px;border-radius:var(--r-md);border:1.5px solid var(--ink-200);background:#ffffffd9;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.login-card .inp:hover{border-color:var(--brand-300)}.login-card .inp:focus,.login-card .inp.is-focus{border-color:var(--brand-500);box-shadow:0 0 0 4px var(--brand-50);background:#fff}.fld{position:relative}.fld-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--ink-400);pointer-events:none;z-index:1}.login-card .inp.has-icon{padding-left:36px}.fld-pwd{position:relative}.fld-pwd .inp{padding-right:40px}.fld-pwd-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--ink-400);border-radius:8px;cursor:pointer;transition:color .15s,background .15s}.fld-pwd-toggle:hover{color:var(--brand-500);background:var(--brand-50)}.fld-pwd-toggle:focus-visible{outline:2px solid var(--brand-500);outline-offset:1px}.chk{display:inline-flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none}.chk input{width:15px;height:15px;accent-color:var(--brand-500);cursor:pointer}.login-card .btn.btn-pri.btn-lg.btn-block{margin-top:24px;height:48px;border-radius:var(--r-md);background:linear-gradient(135deg,var(--brand-500) 0%,var(--brand-600) 100%);border:none;box-shadow:0 4px 12px -2px #2f5cf666,0 2px 4px #2f5cf633;font-size:15px;font-weight:700;letter-spacing:1px;color:#fff;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.login-card .btn.btn-pri.btn-lg.btn-block:hover:not(:disabled){background:linear-gradient(135deg,var(--brand-400) 0%,var(--brand-600) 100%);filter:brightness(1.08);box-shadow:0 6px 16px -2px #2f5cf68c,0 2px 6px #2f5cf64d}.login-card .btn.btn-pri.btn-lg.btn-block:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px 6px -1px #2f5cf666,0 1px 2px #2f5cf633}.login-card .btn.btn-pri.btn-lg.btn-block:disabled{background:var(--ink-100);color:var(--ink-400);box-shadow:none;cursor:not-allowed}@media (prefers-reduced-motion: reduce){.login-page:before,.login-page:after{animation:none}.login-card{animation:none;opacity:1;transform:none}.login-brand .login-logo{animation:none}.btn:active,.tabbar-i:active,.pagebar-back:active{transform:none!important}.card,.tabbar-i,.pagebar-back{transition-duration:.01ms!important}}.kv-list{display:flex;flex-direction:column;gap:8px}.kv-row{display:flex;gap:12px;align-items:baseline}.kv-k{width:88px;flex:0 0 auto;font-size:12px;font-weight:700;color:var(--ink-400)}.kv-v{flex:1;min-width:0;font-size:13px;font-weight:600;color:var(--ink-700);line-height:1.55}.not-collected{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.metric-tile{border:1px solid var(--ink-200);border-radius:var(--r-md);padding:8px 10px;background:#fff}.metric-tile.is-missing{background:var(--ink-50);border-style:dashed}.metric-reason{margin-top:2px;line-height:1.4}.lesson-list{display:flex;flex-direction:column}.lesson-row{display:flex;align-items:flex-start;gap:12px;padding:11px 0;border-top:1px solid var(--ink-100)}.lesson-row:first-child{border-top:none;padding-top:0}.lesson-time{flex:0 0 auto;min-width:44px;font-size:14px;font-weight:700;padding-top:1px}.lesson-main{flex:1;min-width:0}.todo-row{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-top:1px solid var(--ink-100)}.todo-row:first-child{border-top:none;padding-top:0}.todo-bar{flex:0 0 auto;width:3px;align-self:stretch;border-radius:2px;background:var(--ink-200)}.todo-bar.sev-critical{background:var(--danger)}.todo-bar.sev-high{background:var(--warning)}.todo-bar.sev-medium{background:var(--brand-400, var(--brand-500))}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick-entry{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--ink-700);background:none}.quick-entry:disabled{opacity:.45}.quick-ico{border-radius:14px;box-shadow:var(--sh-xs)}.class-selector{padding:14px 18px}.class-chips{display:flex;flex-wrap:wrap;gap:8px}.class-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid var(--border);border-radius:999px;background:var(--bg-1);color:var(--c-500);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.class-chip:hover{border-color:var(--brand);color:var(--brand)}.class-chip.active{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 2px 8px #2e7dde40}.class-chip.active .class-chip-count{background:#ffffff4d;color:#fff}.class-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--bg-3);color:var(--c-500);font-size:11px;font-weight:600;line-height:1}.class-progress-strip{background:linear-gradient(135deg,#e8f1ff,#f0f7ff);border:1px solid #c7dfff;padding:16px 20px}.class-progress-strip .t-h3{font-size:17px}.cp-cell{display:flex;flex-direction:column;align-items:center;padding:0 12px}.cp-cell .t-num{font-size:22px;font-weight:700;color:var(--c-900)}.cp-cell .t-xs{margin-top:2px}.notice-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:10px;background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;transition:background .15s}.notice-bell:hover{background:#ffffff59}.notice-badge{position:absolute;top:2px;right:2px;display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;line-height:1;box-shadow:0 1px 3px #0003}.notice-panel{position:fixed;top:72px;right:16px;width:360px;max-height:calc(100vh - 100px);overflow-y:auto;z-index:1001;padding:16px;border-radius:16px;background:#fff;box-shadow:0 12px 40px #0000002e}.notice-list{display:flex;flex-direction:column;gap:10px}.notice-item{padding:12px 14px;border-radius:10px;background:var(--bg-2);border:1px solid var(--border)}.notice-item .tag{margin-right:4px}.prep-layout{display:grid;grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:16px;align-items:start}.prep-col{min-width:0}.stage-dot{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--ink-100);color:var(--ink-500);font-size:12px;font-weight:700;flex:none}.stage-dot.on{background:var(--brand-100);color:var(--brand-700)}.stage-dot.cur{outline:2px solid var(--brand-300);outline-offset:1px}.stage-sep{width:18px;height:1px;background:var(--ink-200);margin:0 2px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.task-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.task-status-cell{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:7px 9px;border-radius:var(--r-sm);background:var(--ink-50)}.result-tabs{display:flex;gap:6px;overflow-x:auto;padding:10px 16px 0;border-bottom:1px solid var(--ink-100)}.result-tab{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:7px 11px;border-radius:var(--r-sm) var(--r-sm) 0 0;font-size:12.5px;font-weight:700;color:var(--ink-500)}.result-tab.on{background:var(--brand-50);color:var(--brand-600)}.out-block+.out-block,.out-block{margin-top:0}.out-ul{display:flex;flex-direction:column;gap:4px;font-size:12.5px;font-weight:500;color:var(--ink-700);line-height:1.6}.out-ul>li{position:relative;padding-left:14px}.out-ul>li:before{content:"";position:absolute;left:3px;top:8px;width:5px;height:5px;border-radius:50%;background:var(--ink-300)}.flow-row{display:flex;gap:12px;padding:10px 12px;border-radius:var(--r-md);background:var(--ink-50)}.flow-time{width:72px;flex:0 0 auto;font-size:12.5px;color:var(--brand-600)}.seg>div{cursor:pointer}.chat-list{display:flex;flex-direction:column;gap:8px}.chat-bubble{max-width:82%;padding:8px 12px;border-radius:var(--r-md);font-size:13.5px;line-height:1.55;white-space:pre-wrap}.chat-ai{align-self:flex-start;background:var(--brand-50);color:var(--ink-900)}.chat-stu{align-self:flex-end;background:var(--ink-100);color:var(--ink-900)}.ex-opt{border:1px solid var(--ink-200);border-radius:var(--r-md);padding:12px 14px}.ex-item{padding:10px 0;border-top:1px solid var(--ink-100)}.ex-item:first-child{border-top:none}.ex-stage{font-size:18px;font-weight:700;color:var(--ink-900);line-height:1.5}.chip.is-right{background:var(--success-l);border-color:var(--success);color:#0b6b44}.chip.is-wrong{background:var(--danger-l);border-color:var(--danger);color:#a5262a}.flow{display:flex;align-items:flex-start;background:#fff;border-radius:var(--r-lg);padding:12px 8px;box-shadow:var(--sh-sm)}.flow-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px}.flow-dot{width:18px;height:18px;border-radius:50%;background:var(--ink-200);color:#fff;display:flex;align-items:center;justify-content:center}.flow-step.done .flow-dot{background:var(--success)}.flow-step.cur .flow-dot{background:var(--brand-500);box-shadow:0 0 0 3px var(--brand-50)}.flow-label{font-size:10.5px;font-weight:700;color:var(--ink-400);text-align:center}.flow-step.cur .flow-label{color:var(--brand-600);font-weight:800}.flow-step.done .flow-label{color:var(--ink-600)}.consent-list{display:flex;flex-direction:column}.consent-row{display:flex;gap:12px;align-items:flex-start;padding:14px 0}.consent-row+.consent-row{border-top:1px solid var(--ink-100)}.consent-switch{flex:0 0 auto;padding:2px;background:none}.consent-switch:disabled{opacity:.5}.consent-switch .sw{display:block}.sw.is-busy{opacity:.6}.history-list{display:flex;flex-direction:column}.history-row{padding:10px 0}.history-row+.history-row{border-top:1px solid var(--ink-100)}.rp-sec{background:#fff;border:1px solid var(--ink-200);border-radius:var(--r-lg);padding:14px 16px}.rp-sec-hd{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rp-sec-aside{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}.rp-no{width:18px;height:18px;border-radius:6px;background:var(--brand-50);color:var(--brand-600);font-size:11px;font-weight:800;font-family:var(--font-num);display:flex;align-items:center;justify-content:center;flex:0 0 auto}.rp-sec-bd{margin-top:8px}.signal-row{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;font-weight:500;color:var(--ink-700);line-height:1.6}.signal-dot{width:6px;height:6px;border-radius:50%;background:var(--brand-500);margin-top:7px;flex:0 0 auto}.passcode{font-family:var(--font-num);font-size:26px;font-weight:800;letter-spacing:6px;color:var(--ink-900);background:#fff;border-radius:var(--r-md);padding:8px 12px;text-align:center}.report-entry{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--ink-200);border-radius:var(--r-md)}.report-entry .t-h4,.report-entry .t-xs{display:block}.notice-list{display:flex;flex-direction:column}.notice-row{display:flex;align-items:flex-start;gap:10px;padding:11px 0;border-top:1px solid var(--ink-100)}.notice-row:first-child{border-top:none;padding-top:0}.notice-dot{flex:0 0 auto;width:7px;height:7px;margin-top:6px;border-radius:50%;background:transparent;border:1px solid var(--ink-200)}.notice-dot.on{background:var(--brand-500);border-color:var(--brand-500)}.svc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}@media (max-width: 420px){.svc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0d142673;display:flex;align-items:center;justify-content:center;padding:16px}.modal{width:100%;max-width:420px;max-height:86vh;overflow:auto;background:var(--white);border-radius:var(--r-lg);box-shadow:var(--sh-lg)}.modal-hd{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 18px;border-bottom:1px solid var(--ink-100)}.modal-bd{padding:16px 18px}.modal-ft{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid var(--ink-100)}.modal-mask>.modal-bd{width:100%;max-height:86vh;overflow:auto;background:var(--white);border-radius:var(--r-lg);box-shadow:var(--sh-lg)}.spin{animation:spin 1.1s linear infinite}@media (prefers-reduced-motion: reduce){.spin{animation:none}}@media (max-width: 900px){.prep-layout{grid-template-columns:minmax(0,1fr)}}@media (max-width: 560px){.page-bd{padding:12px}.form-grid{grid-template-columns:minmax(0,1fr)}.metric-grid,.task-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kv-k{width:72px}.hero-title{font-size:19px}.rp-sec{padding:12px 13px}.flow-label{font-size:9.5px}.passcode{font-size:22px;letter-spacing:4px}}@media (max-width: 390px){.quick-grid{grid-template-columns:repeat(3,1fr)}}.dlg-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 16px 0}.dlg-hw-card{display:block;text-decoration:none}.dlg-scene-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.dlg-scene{display:flex;flex-direction:column;gap:3px;align-items:flex-start;text-align:left;padding:12px;border:1.5px solid var(--ink-100);border-radius:var(--r-lg);background:#fff;cursor:pointer;transition:border-color .15s,box-shadow .15s}.dlg-scene.on{border-color:var(--brand-500);box-shadow:0 0 0 3px var(--brand-50)}.dlg-scene-emoji{font-size:26px;line-height:1.2}.dlg-scene-preview{background:var(--brand-50, #f3f7ff);border-radius:var(--r-lg);padding:12px}.dlg-student-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.dlg-pick{display:flex;align-items:center;gap:8px;padding:9px 11px;border:1.5px solid var(--ink-100);border-radius:var(--r-md, 12px);background:#fff;cursor:pointer}.dlg-pick.on{border-color:var(--brand-500);background:var(--brand-50, #f3f7ff)}.dlg-pick-check{width:18px;height:18px;flex:0 0 auto;border-radius:6px;border:1.5px solid var(--ink-200);display:grid;place-items:center;color:#fff}.dlg-pick.on .dlg-pick-check{background:var(--brand-500);border-color:var(--brand-500)}.dlg-step{min-width:34px;font-size:16px}.dlg-step-val{min-width:64px;text-align:center;font-size:17px;font-weight:700}.sticky-bar{position:sticky;bottom:0;background:linear-gradient(180deg,#fff0,#fff 40%);padding:12px 0 4px}.dlg-row{border-top:1px solid var(--ink-100);padding-top:10px}.dlg-row:first-of-type{border-top:none;padding-top:0}.dlg-row-main{width:100%;background:none;border:none;padding:4px 0;cursor:pointer;text-align:left}.dlg-row-main:disabled{cursor:default}.dlg-score-chip{display:inline-grid;place-items:center;min-width:30px;height:24px;padding:0 7px;border-radius:var(--r-full);background:var(--brand-50, #f3f7ff);color:var(--brand-500);font-weight:700;font-size:13px}.dlg-score-chip.great{background:#e9f9ef;color:#1a9e55}.dlg-score-chip.ok{background:#fff5e6;color:#d97a13}.dlg-score-chip.low{background:#fdecec;color:#d54941}.dlg-rot{transform:rotate(90deg)}.dlg-report{margin-top:8px;padding:12px;background:var(--ink-50, #f7f8fa);border-radius:var(--r-lg)}.dlg-chat{display:flex;flex-direction:column;gap:10px;margin-top:10px}.dlg-bubble-wrap{display:flex;width:100%}.dlg-bubble-wrap.left{justify-content:flex-start}.dlg-bubble-wrap.right{justify-content:flex-end}.dlg-bubble{max-width:82%;padding:9px 12px;border-radius:14px;font-size:13.5px;line-height:1.5;display:flex;align-items:flex-end;gap:6px}.dlg-bubble-ai{background:#fff;border:1px solid var(--ink-100);border-bottom-left-radius:4px}.dlg-bubble-student{background:var(--brand-500);color:#fff;border-bottom-right-radius:4px}.dlg-play{flex:0 0 auto;width:22px;height:22px;border-radius:50%;border:none;display:grid;place-items:center;background:#0000000f;cursor:pointer}.dlg-bubble-student .dlg-play{background:#ffffff40}.dlg-feedback{color:var(--ink-500);margin:4px 4px 0;text-align:right}.dlg-bubble-wrap.left~.dlg-feedback{text-align:left}.dlg-summary{margin-top:10px;padding:10px 12px;background:#fff;border-radius:var(--r-md, 12px);color:var(--ink-700)}.dlg-scores{display:flex;flex-direction:column;gap:14px;background:#fff;border-radius:var(--r-lg);padding:16px}.dlg-overall{position:relative;width:104px;height:104px;margin:0 auto}.dlg-ring{width:104px;height:104px;transform:rotate(-90deg)}.dlg-ring .ring-bg{fill:none;stroke:var(--ink-100);stroke-width:8}.dlg-ring .ring-fg{fill:none;stroke:url(#none);stroke:var(--brand-500);stroke-width:8;stroke-linecap:round;transition:stroke-dasharray .5s ease}.dlg-overall-txt{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.dlg-overall-txt strong{font-size:26px;color:var(--ink-900)}.dlg-overall-txt span{font-size:11px;color:var(--ink-400)}.dlg-dims{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}.dlg-used-words{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.dlg-suggest{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px}.dlg-guard-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--ink-100)}.dlg-guard-item:first-child{border-top:none;padding-top:0}.dlg-guard-emoji{font-size:22px}.dlg-intro-page{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:16px}.dlg-intro{max-width:460px;width:100%;margin:0 auto}.dlg-intro-emoji{font-size:44px;text-align:center}.dlg-intro-tips .t-sm{display:flex;gap:8px;align-items:center}.dlg-back{border:none;background:none;padding:6px 8px 6px 0;cursor:pointer;color:var(--ink-700)}.dlg-chat-page{height:100vh;height:100dvh;display:flex;flex-direction:column;background:var(--ink-50, #f7f8fa)}.dlg-chat-top{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fff;border-bottom:1px solid var(--ink-100)}.dlg-chat-scroll{flex:1;overflow-y:auto;padding:14px 14px 8px}.dlg-chat-brief{text-align:center;color:var(--ink-400);margin-bottom:10px}.dlg-chat-scroll .dlg-chat{max-width:520px;margin:0 auto}.dlg-listening{text-align:center;color:var(--brand-500);font-weight:700;padding:8px}.dlg-notice{display:flex;align-items:center;gap:8px;margin:0 14px 8px;padding:8px 12px;border-radius:var(--r-md, 12px)}.dlg-mic-bar{background:#fff;border-top:1px solid var(--ink-100);padding:14px 16px calc(18px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:8px}.dlg-mic-btn{width:64px;height:64px;border-radius:50%;border:none;display:grid;place-items:center;background:linear-gradient(135deg,#ffb13d,#ff7a3d);color:#fff;cursor:pointer;box-shadow:0 6px 18px #ff7a3d59;transition:transform .1s}.dlg-mic-btn:active{transform:scale(.94)}.dlg-mic-btn:disabled{filter:grayscale(.6);box-shadow:none;cursor:not-allowed}.dlg-mic-btn.rec{background:linear-gradient(135deg,#ff6b5e,#e03535);box-shadow:0 6px 18px #e0353559;animation:dlg-pulse 1.4s ease-in-out infinite}.dlg-mic-btn.uploading{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--ink-100);color:var(--ink-500)}.dlg-mic-stop{width:20px;height:20px;border-radius:5px;background:#fff}@keyframes dlg-pulse{0%,to{box-shadow:0 6px 18px #e0353559}50%{box-shadow:0 6px 26px #e0353599}}.dlg-result{max-width:460px;width:100%;margin:24px auto}.dlg-result-emoji{font-size:48px;text-align:center}.dlg-reward{display:flex;align-items:center;justify-content:center;gap:8px}.vocab-pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}.vocab-pick{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:10px;border:1.5px solid var(--c-border);background:var(--c-bg);text-align:left;transition:border-color .15s,background .15s;cursor:pointer}.vocab-pick:hover{border-color:var(--c-brand-soft)}.vocab-pick.on{border-color:var(--c-brand);background:var(--c-brand-soft)}.vocab-pick-check{flex-shrink:0;width:18px;height:18px;border-radius:5px;border:1.5px solid var(--c-border-strong);display:flex;align-items:center;justify-content:center;margin-top:2px;background:var(--c-bg);color:var(--c-bg);font-size:10px;pointer-events:none;transition:background .15s,border-color .15s,color .15s}.vocab-pick.on .vocab-pick-check{background:var(--c-brand);border-color:var(--c-brand);color:var(--c-bg)}.vocab-pick:hover .vocab-pick-check{border-color:var(--c-brand-soft)}.vocab-pick-word{font-weight:700;font-size:14px;color:var(--c-900)}.vocab-pick-pos{font-size:11px;color:var(--c-500)}.vocab-pick-ph{font-size:11px;color:var(--c-400)}.vocab-pick-zh{font-size:12px;color:var(--c-600);margin-top:2px}.vocab-pick-phrase{font-size:11px;color:var(--c-brand);margin-top:3px}.record-card{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border:1px solid var(--c-border);border-radius:10px;background:var(--c-bg);text-align:left;transition:border-color .15s,background .15s,transform .15s}.record-card.clickable{cursor:pointer}.record-card.clickable:hover{border-color:var(--c-brand);background:var(--c-brand-soft)}.record-card.col{flex-direction:column}.progress-bar{width:100%;height:4px;border-radius:2px;background:var(--c-border);overflow:hidden;margin:2px 0}.progress-fill{height:100%;border-radius:2px;background:var(--c-brand);transition:width .3s ease}.vocab-rich-card{width:100%;padding:10px 14px;border-radius:10px;border-left:3px solid var(--c-brand);background:var(--c-brand-soft);display:flex;flex-direction:column;gap:2px}.vocab-rich-card:first-of-type{border-left-color:var(--c-brand)}.vocab-rich-card:nth-of-type(2){border-left-color:var(--c-teal);background:var(--teal-50, #E6FAF6)}.vocab-rich-card:nth-of-type(3){border-left-color:var(--kid-orange);background:var(--kid-orange-l, #FFF0E4)}.vocab-hint{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;background:var(--c-bg);border:1px dashed var(--c-border)}.dc{display:flex;flex-direction:column}.dc-runall{align-self:flex-start}.dc-card{border:1px solid var(--ink-200);border-radius:var(--r-lg, 12px);padding:12px;background:var(--white);box-shadow:var(--sh-xs);transition:box-shadow .18s ease,border-color .18s ease,transform .12s ease}.dc-card:active{transform:scale(.995)}.dc-video-wrap{position:relative;aspect-ratio:16 / 9;background:#1f2430;border-radius:10px;overflow:hidden}.classroom-video{aspect-ratio:4 / 3}.dc-video{width:100%;height:100%;object-fit:cover;display:block}.dc-video-mask{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px;color:#ffffffd1;background:#1418208c}.classroom-live{position:absolute;top:8px;left:8px;display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:999px;background:#00000080;color:#fff;font-size:11px}.classroom-live>i{width:7px;height:7px;border-radius:50%;background:#ff5a5f;animation:dc-pulse 1.4s infinite}@keyframes dc-pulse{0%,to{opacity:1}50%{opacity:.35}}.inp-sm{height:32px;padding:0 10px;font-size:12.5px;width:100%}.dc-meter{display:flex;align-items:center;gap:3px;height:18px}.dc-meter>i{flex:1;height:14px;border-radius:3px;background:var(--ink-100);transition:background .08s linear}.dc-meter>i.on{background:linear-gradient(180deg,#ffc53d,var(--kid-orange))}.dc-meter>i.hot{background:linear-gradient(180deg,var(--kid-orange),#f43f5e)}.dc-consent{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--ink-200);border-radius:10px;transition:border-color .15s ease,background .15s ease,transform .1s ease}.dc-consent:active{transform:scale(.99)}.dc-consent.on{border-color:#ffc99f;background:var(--kid-orange-l)}.dc-consent input[type=checkbox]{width:16px;height:16px;accent-color:var(--kid-orange)}.dc-dot{width:16px;height:16px;border-radius:50%;background:var(--ink-200);flex:none}.dc-dot.on{background:var(--success);box-shadow:inset 0 0 0 3px #ffffffa6}.precheck-page{min-height:100vh;background:var(--ink-50, #f6f7fb)}.student-shell .tabbar-i.on{color:var(--kid-orange)}.student-page{display:flex;flex-direction:column}.student-hero{position:relative;overflow:hidden;background:linear-gradient(155deg,#ffab5e 0%,var(--kid-orange) 52%,#f4711d 100%);padding:20px 16px 18px;color:#fff}.student-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.student-hero-bg:before,.student-hero-bg:after{content:"";position:absolute;border-radius:50%;background:#ffffff1f}.student-hero-bg:before{width:168px;height:168px;top:-70px;right:-40px}.student-hero-bg:after{width:110px;height:110px;bottom:-60px;left:-30px;background:#ffffff14}.student-hero-inner{position:relative}.student-avatar{width:48px;height:48px;border-radius:16px;background:#ffffff38;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;flex:none}.student-hero-name{font-size:19px;font-weight:800;color:#fff;line-height:1.3}.student-hero-en{font-size:13px;font-weight:600;opacity:.88}.student-hero-tag{display:inline-flex;align-items:center;padding:2px 9px;border-radius:999px;background:#ffffff2e;font-size:11px;font-weight:600;color:#fff}.student-hero .hero-icon-btn{background:#fff3;color:#fff}.student-kpi{position:relative;margin-top:16px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.student-kpi-i{display:flex;flex-direction:column;align-items:center;gap:2px;padding:9px 4px;border-radius:12px;background:#ffffff29}.student-kpi-i strong{font-size:18px;font-weight:800;color:#fff;line-height:1.2}.student-kpi-i span{font-size:10.5px;color:#ffffffd9}.student-bd{display:flex;flex-direction:column;padding:12px 12px 16px}.student-subhead{padding:16px 16px 8px;background:var(--white)}.student-lesson{border-left:3px solid var(--kid-orange)}.student-task-stars{display:inline-flex;align-items:center;gap:3px;color:var(--kid-orange);font-weight:800;font-size:13px}.student-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;background:var(--kid-orange-l);color:#d9660f;font-size:11.5px;font-weight:700}.student-dot{position:static;display:inline-block;min-width:15px;height:15px;margin-left:3px;padding:0 4px;border-radius:999px;background:var(--kid-orange);color:#fff;font-size:10px;font-style:normal;line-height:15px;text-align:center}.student-course-cover{width:56px;height:56px;border-radius:14px;flex:none;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;color:#fff;background:linear-gradient(150deg,#ffb36b,var(--kid-orange));box-shadow:var(--sh-xs)}.wb-stat-row{display:flex}.wb-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px}.wb-stat+.wb-stat{border-left:1px solid var(--ink-100)}.wb-stat strong{font-size:22px;font-weight:800;color:var(--ink-900);line-height:1.2}.learn-header .btn{flex:0 0 auto}.learn-unit-seq{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:22px;padding:0 6px;border-radius:7px;background:var(--kid-orange-l);color:#d9660f;font-size:11.5px;font-weight:800}.learn-mode-chip{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 10px;border-radius:999px;border:1px solid var(--ink-200);background:var(--white);color:var(--ink-700)}.learn-mode-chip:hover{border-color:var(--kid-orange);color:#d9660f}.learn-mode-chip.done{background:var(--success-l);border-color:transparent;color:var(--success)}.learn-act-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.learn-act{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 6px;border-radius:var(--r-md);border:1px solid var(--ink-200);background:var(--white)}.learn-act:hover:not(:disabled){border-color:var(--kid-orange)}.learn-act:disabled{background:var(--ink-50);opacity:.75}.learn-act-emoji{font-size:20px;line-height:1}.learn-book-row{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px 12px;border-radius:var(--r-md);border:1px solid var(--ink-200);background:var(--white)}.learn-book-row:hover:not(:disabled){border-color:var(--kid-orange)}.learn-submask{z-index:101;padding:24px}.learn-opt{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:11px 13px;border-radius:var(--r-md);border:1.5px solid var(--ink-200);background:var(--white);color:var(--ink-800);font-size:13px;font-weight:600}.learn-opt:hover:not(:disabled){border-color:var(--kid-orange)}.learn-opt.on{border-color:var(--kid-orange);background:#fff7ef}.learn-opt.right{border-color:var(--success);background:var(--success-l);color:var(--success)}.learn-opt.wrong{border-color:var(--danger);background:var(--danger-l);color:var(--danger)}.learn-quiz-q{padding:16px;border-radius:var(--r-lg);background:linear-gradient(150deg,#fff6ec,#fff);border:1px solid #ffe2c4;text-align:center}.learn-quiz-prompt{display:inline-flex;align-items:center;gap:8px;background:transparent;border:none;color:var(--ink-900)}.learn-result-ring{width:92px;height:92px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#fff0e4}.learn-result-ring strong{font-size:24px}.learn-result-ring em{font-style:normal;font-size:11px;color:var(--ink-500);margin-left:1px}.learn-stage-rail{display:flex;gap:4px;overflow-x:auto}.learn-stage-dot{flex:1 0 64px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;border-radius:var(--r-md);background:var(--ink-50);color:var(--ink-400)}.learn-stage-dot span{font-size:18px;filter:grayscale(1)}.learn-stage-dot em{font-style:normal;font-size:10.5px;font-weight:700}.learn-stage-dot.current{background:var(--kid-orange-l);color:#d9660f}.learn-stage-dot.current span{filter:none}.learn-stage-dot.passed{background:var(--success-l);color:var(--success)}.learn-stage-dot.passed span{filter:none}.learn-stage-dot.locked{opacity:.55}.learn-flash{padding:18px 14px;border-radius:var(--r-lg);background:linear-gradient(155deg,#fff8f0,#fff);border:1px solid #ffe7cf;display:flex;flex-direction:column;align-items:center;gap:4px}.learn-mastery{display:flex;align-items:center;gap:8px;width:100%;max-width:220px;font-size:11px;font-weight:700;color:var(--ink-500)}.learn-alldone{font-size:44px}.learn-listen-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px;border-radius:var(--r-lg);border:1.5px dashed var(--kid-orange);background:#fff8f0;color:#d9660f;align-self:center}.learn-input{height:46px;border-radius:var(--r-md);border:1.5px solid var(--ink-200);padding:0 14px;font-size:16px;text-align:center;letter-spacing:1px}.learn-input:focus{outline:none;border-color:var(--kid-orange)}.learn-feedback{padding:11px 13px;border-radius:var(--r-md)}.learn-feedback.ok{background:var(--success-l)}.learn-feedback.bad{background:var(--danger-l)}.learn-zone-emoji{font-size:22px;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;background:var(--kid-orange-l);border-radius:10px;flex:none}.read-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px 12px;border-radius:var(--r-md);background:var(--ink-50);border:1px solid transparent}.read-item:hover{border-color:var(--kid-orange)}.reader-paper{background:#fffdf8}.reader-sentences{display:flex;flex-direction:column;gap:6px}.reader-sentence{display:flex;gap:10px;align-items:flex-start;text-align:left;padding:9px 11px;border-radius:var(--r-md);border:1px solid transparent;font-size:15px;line-height:1.7;color:var(--ink-700)}.reader-sentence:hover{background:var(--ink-50)}.reader-sentence.on{background:#fff0dc;border-color:#ffd8a8}.reader-sentence.read .reader-seq{background:var(--success);color:#fff}.reader-seq{flex:0 0 22px;height:22px;border-radius:999px;background:var(--ink-200);color:var(--ink-600);font-size:10.5px;display:inline-flex;align-items:center;justify-content:center;margin-top:4px}.rewards-hero{background:linear-gradient(150deg,#ffab5e,#f4711d);padding:22px 16px;color:#fff}.rewards-badges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.reward-badge{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px;border-radius:var(--r-md);border:1px solid var(--ink-200)}.reward-badge-emoji{font-size:26px}.reward-badge:not(.owned){opacity:.55;filter:grayscale(.8)}.learn-toast-wrap{position:fixed;left:50%;bottom:84px;transform:translate(-50%);z-index:120;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.learn-toast{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:999px;background:#141c2ee6;color:#fff;font-size:12.5px;font-weight:600;box-shadow:var(--sh-sm)}.learn-toast.warn{background:#8a5300}.learn-toast.err{background:var(--danger)}.learn-toast.ok .ico{color:#7ee2b8}@media (max-width: 420px){.learn-act-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.rewards-badges{grid-template-columns:minmax(0,1fr)}}.cr-page{min-height:100vh;background:#f5f7fc;display:flex;flex-direction:column}.cr-main{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:12px;padding:12px 16px 16px;align-items:start}.cr-stage-col{display:flex;flex-direction:column;gap:10px;min-width:0}.cr-rail{display:flex;flex-direction:column;gap:10px;position:sticky;top:12px}.cr-stage{position:relative;padding:0;overflow:hidden}.deck-wrap{position:relative;width:100%}.deck-stage{position:absolute;top:0;left:0;transform-origin:0 0;background:linear-gradient(160deg,#fff,#f7f9ff)}.deck-stage>*{position:absolute}.deck-text{display:flex;align-items:center;line-height:1.5;white-space:pre-wrap;word-break:break-word}.deck-img,.deck-video{object-fit:contain;border-radius:10px}.deck-video{background:#000}.deck-media-ph{display:flex;align-items:center;justify-content:center;background:#f0f3fa;border-radius:10px}.deck-audio{display:flex;flex-direction:column;gap:6px;align-items:flex-start;background:#f2f5ff;border:1px solid #e2e8ff;border-radius:10px;padding:8px 10px}.deck-audio audio{height:32px}.deck-embed{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;text-align:center;background:#f7f8fc;border:1px dashed #d4dbef;border-radius:10px;padding:12px}.deck-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.deck-overlay{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:6px}.wb-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.wb-canvas{width:100%;height:100%;touch-action:none;cursor:default}.wb-canvas.drawable{cursor:crosshair}.wb-clear{position:absolute;right:10px;top:10px;z-index:2}.wb-tools{position:absolute;left:10px;top:10px;z-index:2;display:flex;gap:6px}.wb-canvas.wb-cursor-erase{cursor:cell}.wb-canvas.wb-cursor-text{cursor:text}.wb-text-input{position:absolute;z-index:3;min-width:160px;max-width:60%;padding:4px 8px;border:1px solid rgba(255,255,255,.65);border-radius:6px;background:#141821eb;color:#fff;font-size:16px;outline:none}.cr-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172af5}.cr-spotlight{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle 220px at 50% 45%,#0000,#0f172aeb 70%);pointer-events:none}.cr-video-area{position:relative;aspect-ratio:16 / 9;border-radius:14px;overflow:hidden;background:#111827}.cr-video-remote{width:100%;height:100%;object-fit:cover;background:#111827}.cr-video-ph{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;color:#cbd5e1}.cr-peer-label{position:absolute;left:10px;bottom:10px;display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;background:#0f172a8c;color:#fff;font-size:12px}.live-dot{width:7px;height:7px;border-radius:50%;background:#94a3b8;display:inline-block}.live-dot.on{background:#34d399;box-shadow:0 0 0 3px #34d39940}.cr-conn-warn{position:absolute;top:10px;left:50%;transform:translate(-50%);margin:0;padding:4px 12px;font-size:12px;white-space:nowrap}.cr-video-self{position:absolute;right:10px;top:10px;width:116px;aspect-ratio:4 / 3;border-radius:10px;overflow:hidden;border:2px solid rgba(255,255,255,.85);background:#1f2937;display:flex;align-items:center;justify-content:center}.cr-video-self video{width:100%;height:100%;object-fit:cover}.cr-self-label{position:absolute;bottom:2px;left:0;right:0;text-align:center;font-size:11px;color:#fff;background:#0f172a73;padding:1px 4px}.cr-avctrls{padding:10px 12px}.cr-switch{cursor:pointer;font-size:13px}.cr-switch input{width:16px;height:16px;accent-color:#2f5cf6}.cr-pagebar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cr-page-sep{width:1px;align-self:stretch;background:#e6eaf5;margin:0 2px}.cr-timer-anchor{position:relative;display:inline-flex;align-items:center;gap:8px}.cr-pop{position:absolute;top:calc(100% + 8px);left:0;z-index:30;display:flex;flex-direction:column;gap:2px;min-width:120px;box-shadow:0 12px 30px #1f295a2e}.cr-timer{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#2f5cf6}.cr-timer>span{width:32px;height:32px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center}.cr-timer.ring>span{color:#ef4444}.cr-quiz-float{position:absolute;right:16px;bottom:16px;width:320px;z-index:5;box-shadow:0 18px 40px #1f295a38}.cr-quiz{display:flex;flex-direction:column;gap:10px}.cr-quiz-q{font-weight:700;font-size:15px;margin:0}.cr-quiz-opt{justify-content:flex-start;gap:10px;text-align:left;border-style:solid}.cr-quiz-opt.correct{border-color:#34d399;background:#ecfdf5;color:#047857}.cr-quiz-opt.wrong{border-color:#f87171;background:#fef2f2;color:#b91c1c}.opt-key{width:22px;height:22px;border-radius:6px;background:#eef2ff;color:#2f5cf6;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex:none}.cr-quiz-ft{align-items:center}.cr-dice-mask{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0f172a59;z-index:6}.cr-dice{width:120px;height:120px;background:#fff;border-radius:22px;display:grid;grid-template-columns:repeat(3,1fr);padding:20px;gap:8px;box-shadow:0 24px 50px #0000004d;animation:dice-pop .5s ease}.cr-dice .pip{border-radius:50%;background:transparent}.cr-dice .pip.on{background:#ff8a3d}@keyframes dice-pop{0%{transform:rotate(0) scale(.4)}60%{transform:rotate(220deg) scale(1.12)}to{transform:rotate(360deg) scale(1)}}.cr-prompts{display:flex;flex-direction:column;gap:8px;max-height:340px;overflow-y:auto}.cr-prompt{border:1px solid #e6eaf5;border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:6px;background:#fbfcff}.cr-prompt p{margin:0}.ico.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.cr-subtitle{background:#0f172ac7;color:#fff;border-radius:12px;padding:10px 14px;display:flex;flex-direction:column;gap:4px}.cr-subtitle p{margin:0;font-size:15px;line-height:1.5}.cr-subtitle-dot{width:8px;height:8px;border-radius:50%;background:#34d399;animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.3}}.cr-burst{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none}.burst-star{position:absolute;left:50%;top:45%;color:#ffb020;font-size:30px;text-shadow:0 4px 12px rgba(255,138,61,.5);animation:star-fly 1.5s ease-out forwards}.burst-star:nth-child(1){--dx: -180px;--dy: -120px}.burst-star:nth-child(2){--dx: -120px;--dy: -180px}.burst-star:nth-child(3){--dx: 0px;--dy: -210px}.burst-star:nth-child(4){--dx: 120px;--dy: -180px}.burst-star:nth-child(5){--dx: 180px;--dy: -120px}.burst-star:nth-child(6){--dx: -200px;--dy: 20px}.burst-star:nth-child(7){--dx: 200px;--dy: 20px}.burst-star:nth-child(8){--dx: -90px;--dy: 150px}.burst-star:nth-child(9){--dx: 90px;--dy: 150px}@keyframes star-fly{0%{transform:translate(0) scale(.4);opacity:0}20%{opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(1.2) rotate(180deg);opacity:0}}.burst-main{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);font-size:64px;font-weight:900;color:#ff8a3d;animation:burst-pop 1.5s ease forwards}@keyframes burst-pop{0%{transform:translate(-50%,-50%) scale(.3);opacity:0}30%{transform:translate(-50%,-50%) scale(1.2);opacity:1}to{transform:translate(-50%,-90%) scale(1);opacity:0}}@media (max-width: 1080px){.cr-main{grid-template-columns:1fr}.cr-rail{position:static;order:-1}.cr-quiz-float{width:calc(100% - 32px)}}