@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=Nunito:wght@500;600;700;800&display=swap";:root{--peach: #ff9bb3;--sky: #86d5ff;--yellow: #ffe370;--mint: #98e8c3;--lavender: #c9b6ff;--cream: #fffaf0;--white: #ffffff;--ink: #345070;--ink-strong: #284261;--muted: #6c84a3;--line: rgba(102, 149, 196, .28);--shadow-soft: 0 18px 40px rgba(140, 170, 205, .24);--shadow-float: 0 10px 24px rgba(130, 162, 198, .22);--radius-xl: 28px;--radius-lg: 22px;--radius-md: 18px;--radius-sm: 14px;font-family:Nunito,"Baloo 2",PingFang SC,Microsoft YaHei,sans-serif;color:var(--ink);background:#fffdf8}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{background:radial-gradient(circle at top left,rgba(255,155,179,.22),transparent 22rem),radial-gradient(circle at top right,rgba(134,213,255,.18),transparent 24rem),linear-gradient(180deg,#fffefb,#fff7ef)}body{margin:0;min-width:320px;overflow-x:hidden;background:transparent;-webkit-font-smoothing:antialiased;text-size-adjust:100%}body:before,body:after{content:"";position:fixed;z-index:-1;border-radius:50%;pointer-events:none;filter:blur(2px)}body:before{width:22rem;height:22rem;top:-8rem;left:-5rem;background:radial-gradient(circle,#ffe37080,#ffe37000 68%)}body:after{width:26rem;height:26rem;right:-8rem;bottom:-8rem;background:radial-gradient(circle,#98e8c36b,#98e8c300 65%)}button,a,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}.app-shell{min-height:100dvh;display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px;padding:20px;background:radial-gradient(circle at 14% 10%,rgba(255,155,179,.18),transparent 18rem),radial-gradient(circle at 88% 12%,rgba(134,213,255,.22),transparent 20rem),radial-gradient(circle at 50% 100%,rgba(152,232,195,.24),transparent 24rem),linear-gradient(180deg,#fffdf9,#fff8f0)}.sidebar{position:sticky;top:20px;align-self:start;min-height:calc(100dvh - 40px);padding:24px 18px;border-radius:32px;background:radial-gradient(circle at 18% 16%,rgba(255,255,255,.8),transparent 5rem),linear-gradient(180deg,#ffd5dd,#b9ebff 46%,#fff2b8);border:2px solid rgba(255,255,255,.8);box-shadow:var(--shadow-soft);overflow:hidden}.sidebar:before,.sidebar:after{content:"";position:absolute;border-radius:999px;opacity:.5;pointer-events:none}.sidebar:before{width:92px;height:22px;right:24px;top:30px;background:#ffffff80;box-shadow:-24px 10px #ffffff61}.sidebar:after{width:130px;height:130px;left:-48px;bottom:-56px;background:radial-gradient(circle,#ffffff8c,#fff0 72%)}.brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.brand-mark{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;position:relative;color:#ff7d9c;background:linear-gradient(145deg,#fff7ba,#fff 55%,#dff6ff);border:2px solid rgba(255,255,255,.9);box-shadow:0 12px 20px #ff9bb333}.brand-mark span{position:absolute;width:30px;height:10px;bottom:8px;border-radius:999px;background:#86d5ff66}.brand strong,.brand small{display:block}.brand strong{font-family:"Baloo 2",Nunito,sans-serif;font-size:24px;line-height:1;color:var(--ink-strong)}.brand small{margin-top:4px;color:var(--muted);font-size:13px;letter-spacing:.02em}.sidebar nav{display:grid;gap:10px}.sidebar a{position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:18px;text-decoration:none;color:var(--ink-strong);background:#ffffff70;border:1px solid rgba(255,255,255,.72);box-shadow:0 8px 18px #ffffff2e inset;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.sidebar a svg{flex:0 0 auto;padding:7px;width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,#ffffffe0,#ffeba0e6);box-shadow:0 6px 14px #ffafc12e}.sidebar a:hover,.sidebar a.selected{transform:translateY(-2px);background:linear-gradient(135deg,#ffffffeb,#fff7cbeb);box-shadow:var(--shadow-float)}.sidebar a.selected:after{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid rgba(255,155,179,.38)}.sidebar-card{margin-top:22px;padding:18px;border-radius:24px;background:linear-gradient(145deg,#ffffffd1,#fff0f6eb);border:2px dashed rgba(255,155,179,.28);box-shadow:var(--shadow-float)}.sidebar-card strong,.sidebar-card small{display:block}.sidebar-card strong{margin:10px 0 6px;color:var(--ink-strong)}.sidebar-card small{color:var(--muted);line-height:1.6}.workspace{display:grid;gap:22px;align-content:start;padding-bottom:24px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;border-radius:28px;background:linear-gradient(135deg,#fff4f8f2,#effafff2),linear-gradient(180deg,#fffc,#fffc);border:2px solid rgba(255,255,255,.86);box-shadow:var(--shadow-soft)}.topbar span{display:block;font-size:13px;color:var(--muted)}.topbar h2{display:flex;align-items:center;gap:10px;margin:4px 0 0;color:var(--ink-strong);font-family:"Baloo 2",Nunito,sans-serif;font-size:clamp(28px,4vw,38px);line-height:1}.role-tabs{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.role-tabs button,.hero-actions button,.quick-form button,.panel-title button,.row-action{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:11px 18px;border:0;border-radius:999px;color:var(--ink-strong);background:linear-gradient(135deg,#fff3ad,#ffb9cb);box-shadow:0 10px 18px #ffb9cb3d;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;font-weight:800}.role-tabs button:hover,.hero-actions button:hover,.quick-form button:hover,.panel-title button:hover,.row-action:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 14px 24px #97c6e847;filter:saturate(1.05)}.role-tabs button:nth-child(2),.quick-form button:nth-child(2),.wall-upload-actions .row-action:nth-child(2){background:linear-gradient(135deg,#bdeeff,#a8f1d1)}.role-tabs button:nth-child(3),.quick-form button:nth-child(3){background:linear-gradient(135deg,#ffd6a8,#ffe88e)}.role-tabs button:nth-child(4),.quick-form button:nth-child(4){background:linear-gradient(135deg,#d7c7ff,#ffcbde)}.role-tabs button.active{color:var(--ink-strong);background:linear-gradient(135deg,#fff1ac,#8fdfff);box-shadow:0 12px 24px #86d5ff52}button.ghost,.hero-actions .ghost,.quick-form .ghost{color:var(--ink);background:linear-gradient(135deg,#ffffffeb,#f6fcfff5);border:2px solid rgba(255,255,255,.9);box-shadow:0 8px 18px #b2cfe838}.role-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.85fr);gap:18px}.hero-panel,.panel,.metric,.price-card,.agent-card{position:relative;overflow:hidden;background:#ffffffb8;border:2px solid rgba(255,255,255,.82);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft)}.hero-panel:before,.panel:before,.metric:before,.price-card:before,.agent-card:before,.culture-card:before{content:"";position:absolute;right:-10px;top:-10px;width:76px;height:76px;border-radius:24px 18px 28px;background:#ffffff4d;transform:rotate(18deg);pointer-events:none}.hero-panel{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1.1fr) 320px;gap:28px;align-items:center;min-height:320px;padding:34px;background:radial-gradient(circle at 85% 16%,#ffffff8c,#fff0 22%),linear-gradient(135deg,#9adfff,#ffd1dc 45%,#fff0a6);color:var(--ink-strong)}.hero-panel:after{content:"";position:absolute;inset:auto 32px 30px auto;width:120px;height:44px;border-radius:999px;background:#ffffff6b;box-shadow:-38px -10px #ffffff4d,-8px 12px #ffffff4d}.hero-panel h1,.landing-copy h2{margin:0;font-family:"Baloo 2",Nunito,sans-serif;font-size:clamp(34px,5vw,56px);line-height:.98;letter-spacing:.01em;color:var(--ink-strong)}.hero-panel p,.landing-copy p{margin:18px 0 0;max-width:760px;font-size:18px;line-height:1.8;color:#345070e6}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.orbit-card{position:relative;min-height:230px;display:grid;align-content:center;gap:8px;padding:24px;border-radius:26px;background:linear-gradient(145deg,#ffffffb8,#fff1b6eb);border:2px solid rgba(255,255,255,.8);box-shadow:0 14px 28px #ffe98d47}.orbit-card svg{color:#ff9bb3}.orbit-card strong{font-family:"Baloo 2",Nunito,sans-serif;font-size:30px;color:var(--ink-strong)}.orbit-card span{font-size:18px}.orbit-card small{color:var(--muted)}.metrics{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric{padding:20px}.metrics .metric:nth-child(4n+1){background:linear-gradient(145deg,#ffdee6eb,#fff7d0f0)}.metrics .metric:nth-child(4n+2){background:linear-gradient(145deg,#fff2b3f0,#ffddc2eb)}.metrics .metric:nth-child(4n+3){background:linear-gradient(145deg,#c4f2fff0,#e6fff5f0)}.metrics .metric:nth-child(4n+4){background:linear-gradient(145deg,#dcd3ffe6,#ffe0eff2)}.metric-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;color:var(--ink-strong);background:#ffffff9e;box-shadow:inset 0 0 0 1px #ffffffb3}.metric span,.metric small,.metric strong{display:block}.metric span{margin-top:14px;color:var(--muted);font-size:14px}.metric strong{margin:4px 0;font-family:"Baloo 2",Nunito,sans-serif;font-size:34px;line-height:1;color:var(--ink-strong)}.metric small{color:#345070e0;line-height:1.6}.panel{min-width:0;padding:22px}.role-grid>.panel:nth-of-type(4n+1){background:linear-gradient(145deg,#ffe9efeb,#fff8d8f0)}.role-grid>.panel:nth-of-type(4n+2){background:linear-gradient(145deg,#c6f3ffeb,#edfff6f5)}.role-grid>.panel:nth-of-type(4n+3){background:linear-gradient(145deg,#fff3b6eb,#ffe1c6f0)}.role-grid>.panel:nth-of-type(4n+4){background:linear-gradient(145deg,#e0d9ffeb,#ffebf4f2)}.panel.wide,.culture-wall{grid-column:1 / -1}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.panel-title>div:first-child{display:inline-flex;align-items:center;gap:10px}.panel-title strong{font-size:20px;color:var(--ink-strong)}.panel-title svg{color:#ff8fa8}.audit-toolbar{display:inline-flex;align-items:center;gap:8px}.panel-title button{min-height:40px;padding:9px 14px}.audit-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:12px}.audit-filters select,.audit-filters input{min-height:42px;padding:8px 12px;border:1px solid rgba(255,255,255,.82);border-radius:14px;color:var(--ink);background:#ffffffd1;box-shadow:inset 0 6px 12px #ffffff80}.audit-filters select:focus,.audit-filters input:focus{outline:none;border-color:#ff9bb373;box-shadow:0 0 0 3px #ff9bb32e}.audit-filters select:disabled,.audit-filters input:disabled{opacity:.6;cursor:not-allowed;background:#ffffff94}.alert-list,.org-table{display:grid;gap:12px}.alert-row,.org-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px;border-radius:20px;border:1px solid rgba(255,255,255,.7);box-shadow:inset 0 0 0 1px #ffffff52}.alert-row:nth-child(4n+1),.lesson-card:nth-child(4n+1),.task-node:nth-child(4n+1),.agent-card:nth-child(4n+1),.culture-card:nth-child(4n+1),.price-card:nth-child(4n+1),.org-row:nth-child(4n+1){background:linear-gradient(145deg,#ffdde7e6,#fff8d8f5)}.alert-row:nth-child(4n+2),.lesson-card:nth-child(4n+2),.task-node:nth-child(4n+2),.agent-card:nth-child(4n+2),.culture-card:nth-child(4n+2),.price-card:nth-child(4n+2),.org-row:nth-child(4n+2){background:linear-gradient(145deg,#c4f2fff5,#e9fff5f0)}.alert-row:nth-child(4n+3),.lesson-card:nth-child(4n+3),.task-node:nth-child(4n+3),.agent-card:nth-child(4n+3),.culture-card:nth-child(4n+3),.price-card:nth-child(4n+3),.org-row:nth-child(4n+3){background:linear-gradient(145deg,#fff2b3f0,#ffdcbef0)}.alert-row:nth-child(4n+4),.lesson-card:nth-child(4n+4),.task-node:nth-child(4n+4),.agent-card:nth-child(4n+4),.culture-card:nth-child(4n+4),.price-card:nth-child(4n+4),.org-row:nth-child(4n+4){background:linear-gradient(145deg,#ddd4ffeb,#ffe7f5f0)}.alert-row strong,.alert-row small,.org-row strong,.org-row small,.lesson-card span,.lesson-card strong,.lesson-card small{display:block}.alert-row strong,.org-row strong,.lesson-card strong{color:var(--ink-strong)}.alert-row small,.org-row small,.lesson-card span,.lesson-card small{color:var(--muted);line-height:1.6}.audit-table{display:grid;gap:12px}.audit-row{grid-template-columns:1.2fr 1fr 1fr 1fr 1fr 1fr 1.4fr}.audit-row .audit-payload{grid-column:1 / -1;white-space:normal;word-break:break-word;overflow:hidden;text-overflow:ellipsis}.audit-note{margin-bottom:10px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.org-actions{display:flex;justify-self:end;flex-wrap:wrap;gap:8px;grid-column:1 / -1}.status-dot{width:12px;height:12px;border-radius:50%;background:#79c8ff;box-shadow:0 0 0 6px #79c8ff2e}.status-dot.yellow{background:#ffc857;box-shadow:0 0 0 6px #ffc85733}.status-dot.red{background:#ff8ba6;box-shadow:0 0 0 6px #ff8ba62e}.status-dot.blue{background:#86d5ff}.pipeline-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin:14px 0}.pipeline-row span,.pipeline-row strong{color:var(--ink-strong)}.pipeline-row em{grid-column:1 / -1;height:12px;border-radius:999px;background:linear-gradient(90deg,#86d5ff,#98e8c3,#ffe370);box-shadow:inset 0 0 0 1px #ffffffb3}.lesson-board,.task-map,.agent-grid,.pricing-grid{display:grid;gap:14px}.lesson-board{grid-template-columns:repeat(3,minmax(0,1fr))}.lesson-card{text-align:left;padding:18px;border-radius:22px;border:1px solid rgba(255,255,255,.84);box-shadow:var(--shadow-float);transition:transform .18s ease,box-shadow .18s ease}.lesson-card:hover{transform:translateY(-3px)}.lesson-card.active{transform:translateY(-2px) rotate(-.4deg);box-shadow:0 16px 26px #86d5ff3d;border-color:#fffffff5}.lesson-card strong{margin:8px 0 4px;font-family:"Baloo 2",Nunito,sans-serif;font-size:24px;line-height:1}.privacy-box{min-height:220px;padding:22px;border-radius:26px;background:linear-gradient(145deg,#dff6ff,#ebfff4 55%,#fff0c1);border:2px dashed rgba(255,255,255,.92)}.privacy-box svg{color:#ff8fa8}.privacy-box strong{display:block;margin:12px 0 10px;color:var(--ink-strong);font-size:22px}.privacy-box p{margin:0 0 14px;color:#345070eb;line-height:1.8}.ai-output{padding:20px;border-radius:22px;background:linear-gradient(145deg,#ffffffd1,#f0fbfff0);border:2px dashed rgba(152,232,195,.45);line-height:1.9;color:var(--ink);box-shadow:inset 0 0 0 1px #ffffffb3}.quick-form{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.quick-form .ghost{color:var(--ink-strong)}.parent-panel{background:linear-gradient(135deg,#ffe3ea,#bfeeff 48%,#fff0ae)}.student-panel{background:linear-gradient(135deg,#c6edff,#ffd6e4 45%,#bff0d4)}.growth-ring{width:190px;height:190px;display:grid;place-items:center;justify-self:center;border-radius:50%;background:radial-gradient(circle at center,#fff9e8 0 49%,transparent 50%),conic-gradient(#ff9bb3 0 32%,#86d5ff 32% 66%,#98e8c3 66% 86%,#ffe370 86% 100%);box-shadow:inset 0 0 0 12px #ffffffb8}.growth-ring strong,.growth-ring span{grid-area:1 / 1}.growth-ring strong{font-family:"Baloo 2",Nunito,sans-serif;font-size:44px;color:var(--ink-strong)}.growth-ring span{transform:translateY(40px);color:var(--muted)}.large-text{margin:0 0 14px;font-size:18px;line-height:1.9;color:#345070f0}.badge-stack{display:grid;gap:12px}.badge-stack span{display:block;padding:16px 18px;border-radius:18px;color:var(--ink-strong);background:#ffffff94;border:2px solid rgba(255,255,255,.84);box-shadow:var(--shadow-float)}.task-map{grid-template-columns:repeat(4,minmax(0,1fr))}.task-node{min-height:156px;display:grid;align-content:start;gap:10px;padding:18px;border-radius:24px;border:1px solid rgba(255,255,255,.82);box-shadow:var(--shadow-float)}.task-node.done{border-style:solid;outline:2px dashed rgba(152,232,195,.52);outline-offset:-8px}.task-node span{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;color:var(--ink-strong);background:#ffffffd1;font-weight:800;box-shadow:0 6px 12px #ffffff38}.task-node small{color:var(--muted)}.pill{justify-self:end;padding:8px 12px;border-radius:999px;color:var(--ink-strong);font-weight:800;background:#ffffffd1;white-space:nowrap}.pill.trial{background:#fff0b7eb}.pill.danger{background:#ffcfdeeb}.check-list{display:grid;gap:12px;padding:0;margin:0;list-style:none}.check-list li{display:flex;align-items:center;gap:10px;color:#345070eb;line-height:1.7}.check-list svg{color:#ff8fa8}.agent-grid,.pricing-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.agent-card,.price-card{padding:20px}.agent-card strong,.agent-card span,.agent-card p{display:block}.agent-card strong{margin-top:12px;font-family:"Baloo 2",Nunito,sans-serif;font-size:24px;color:var(--ink-strong)}.agent-card span{margin:6px 0 8px;color:#f57ea3;font-weight:800}.agent-card p{margin:0;color:#345070e6;line-height:1.7}.agent-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;color:var(--ink-strong);background:#ffffffc7;box-shadow:inset 0 0 0 1px #ffffffd6}.culture-wall .panel-title{margin-bottom:14px}.culture-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.culture-card{position:relative;overflow:hidden;padding:18px;border-radius:24px;border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow-float)}.culture-card>.panel-title{margin-bottom:12px}.media-grid{display:grid;gap:10px}.media-grid.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-item,.profile-card,.feedback-item{background:#ffffffbd;border:1px solid rgba(255,255,255,.82);box-shadow:var(--shadow-float)}.media-item{overflow:hidden;border-radius:18px}.media-cover{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#ffffff80}.media-cover:after{content:"";position:absolute;inset:auto auto 10px 10px;width:50px;height:18px;border-radius:999px;background:#ffffff4d}.media-cover img{width:100%;height:100%;display:block;object-fit:cover}.media-badge{position:absolute;left:10px;bottom:10px;display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:999px;font-size:12px;color:var(--ink-strong);background:#ffffffdb}.media-cover.photo-cover img{aspect-ratio:1 / 1}.media-body{display:grid;gap:8px;padding:14px}.media-body strong{color:var(--ink-strong);font-size:17px}.media-body small{color:var(--muted);line-height:1.6}.media-body p{margin:0;color:#345070e6;line-height:1.7}.media-body video{width:100%;max-height:220px;margin-top:8px;border-radius:14px;border:1px solid rgba(255,255,255,.86);background:#fff}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.profile-card{display:grid;grid-template-columns:58px 1fr;gap:12px;padding:12px;border-radius:18px}.profile-avatar{width:58px;height:58px;border-radius:16px;object-fit:cover}.feedback-stack{display:grid;gap:10px}.feedback-item{padding:14px;border-radius:18px}.feedback-item span{color:#f57ea3;font-size:12px;font-weight:800}.feedback-item strong{display:block;margin:5px 0;color:var(--ink-strong)}.feedback-item p{margin:0;line-height:1.8;color:#345070eb}.wall-upload-actions{display:flex;flex-wrap:wrap;gap:8px}.uploader-input{display:none}.product-page{display:grid;gap:20px}.learning-product-hero{min-height:340px}.hero-kid-tag{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#ffffffad;color:#ff7f9f;font-weight:800;margin-bottom:14px}.hero-chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.hero-mascot-board{position:relative;min-height:240px;display:grid;align-content:center;justify-items:start;gap:10px;padding:24px;border-radius:28px;background:linear-gradient(145deg,#ffffffc7,#fff4baf0);box-shadow:0 18px 28px #ffdd8e3d}.hero-mascot-board strong{font-family:"Baloo 2",Nunito,sans-serif;font-size:50px;line-height:1;color:var(--ink-strong)}.hero-mascot-board span{font-size:20px;color:var(--ink-strong)}.hero-mascot-board small{line-height:1.8;color:var(--muted)}.mascot-cloud{position:absolute;right:18px;bottom:18px;width:90px;height:34px;border-radius:999px;background:#ffffff80;box-shadow:-26px 10px #ffffff5c,-12px -8px #ffffff5c}.mascot-badge{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;color:var(--ink-strong);background:#fffc;font-size:12px;font-weight:800}.section-headline{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.section-headline span{display:block;color:#ff7f9f;font-size:13px;font-weight:800;margin-bottom:6px}.section-headline h3{margin:0;font-family:"Baloo 2",Nunito,sans-serif;font-size:30px;line-height:1;color:var(--ink-strong)}.section-headline p{margin:10px 0 0;color:var(--muted);line-height:1.7}.home-section{padding:24px}.home-course-grid,.practice-module-grid,.highlight-wall-grid,.achievement-grid,.course-library-grid,.profile-support-grid{display:grid;gap:14px}.home-course-grid,.practice-module-grid,.highlight-wall-grid,.achievement-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.learning-card,.practice-module-card,.highlight-media-card,.achievement-card,.course-library-card,.mission-item,.detail-bubble,.child-profile-card,.child-progress-card{position:relative;overflow:hidden;border-radius:24px;border:1px solid rgba(255,255,255,.82);box-shadow:var(--shadow-float)}.learning-card,.course-library-card{padding:18px}.learning-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.learning-card-time{color:var(--muted);font-size:13px}.learning-card strong,.practice-module-card strong,.achievement-card strong,.course-library-card strong,.child-profile-card h3,.child-progress-card strong{display:block;font-family:"Baloo 2",Nunito,sans-serif;color:var(--ink-strong)}.learning-card strong,.course-library-card strong{font-size:28px;line-height:1;margin:12px 0 8px}.learning-card p,.practice-module-card p,.highlight-media-card p,.course-library-card p,.child-profile-card p,.child-progress-card p{margin:0;line-height:1.7;color:#345070e6}.learning-card small,.course-library-card small{color:var(--muted);line-height:1.6}.learning-progress-bar{height:10px;margin:14px 0 10px;border-radius:999px;background:#ffffff8f;overflow:hidden}.learning-progress-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#86d5ff,#98e8c3,#ffe370)}.feature-split{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:18px}.practice-zone-panel,.encouragement-panel,.course-library-panel,.course-detail-panel,.mission-panel{padding:24px}.practice-module-card{padding:18px}.practice-module-card strong{margin:14px 0 8px;font-size:24px;line-height:1}.practice-module-card small{display:block;margin-top:10px;color:var(--muted)}.practice-module-card .row-action{margin-top:14px}.practice-module-icon,.achievement-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:16px;background:#ffffffd1;color:var(--ink-strong)}.encouragement-body{display:grid;grid-template-columns:180px 1fr;gap:18px;align-items:center}.growth-ring.compact{width:150px;height:150px}.encouragement-copy strong{display:block;margin-bottom:10px;font-family:"Baloo 2",Nunito,sans-serif;font-size:28px;color:var(--ink-strong)}.encouragement-copy p{margin:0 0 14px;color:#345070eb;line-height:1.8}.highlight-media-card{display:grid;gap:12px;padding:12px}.highlight-media-card img{width:100%;aspect-ratio:16 / 10;object-fit:cover;border-radius:18px}.highlight-media-card strong{display:block;margin:8px 0 6px;font-size:20px;color:var(--ink-strong)}.achievement-card{padding:18px}.achievement-card strong{margin-top:12px;font-size:22px}.achievement-card small{display:block;margin-top:6px;color:var(--muted);line-height:1.6}.page-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px}.page-banner span{display:block;margin-bottom:6px;color:#ff7f9f;font-size:13px;font-weight:800}.page-banner h3{margin:0;font-family:"Baloo 2",Nunito,sans-serif;font-size:34px;line-height:1;color:var(--ink-strong)}.page-banner p{margin:12px 0 0;color:var(--muted);line-height:1.8}.course-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.course-library-card{text-align:left;background:transparent}.course-library-card.active{transform:translateY(-2px);box-shadow:0 16px 26px #86d5ff42}.course-detail-stack{display:grid;gap:12px;margin-top:10px}.detail-bubble{padding:16px}.detail-bubble strong{display:block;margin-bottom:8px;color:var(--ink-strong)}.detail-bubble p{margin:0;color:#345070eb;line-height:1.8}.mission-list{display:grid;gap:12px}.mission-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px}.mission-item strong{display:block;color:var(--ink-strong)}.mission-item small{color:var(--muted)}.mission-item.done{outline:2px dashed rgba(152,232,195,.55);outline-offset:-8px}.profile-hero-layout{grid-template-columns:minmax(280px,.7fr) minmax(0,1fr)}.child-profile-card,.child-progress-card{display:grid;align-items:center;gap:18px;padding:22px}.child-profile-card{grid-template-columns:88px 1fr}.child-avatar{width:88px;height:88px;display:grid;place-items:center;border-radius:28px;font-family:"Baloo 2",Nunito,sans-serif;font-size:38px;color:var(--ink-strong);background:#ffffffd1;box-shadow:0 12px 22px #ffffff3d}.child-profile-card span,.child-progress-card span{color:#ff7f9f;font-size:13px;font-weight:800}.child-profile-card h3{margin:6px 0 4px;font-size:34px;line-height:1}.child-progress-card{grid-template-columns:170px 1fr}.child-progress-card strong{font-size:28px;margin-bottom:8px}.profile-support-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-switch-card{display:grid;gap:10px}.demo-role-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.demo-role-tabs button{min-height:34px;padding:7px 10px;border:0;border-radius:999px;color:var(--ink-strong);background:#ffffffbf;font-size:12px;font-weight:800}.demo-role-tabs button.active{background:linear-gradient(135deg,#fff0ab,#ffbdd0)}.top-stage-tabs{max-width:760px}.course-world-banner,.practice-world-banner{background:radial-gradient(circle at 90% 18%,rgba(255,255,255,.55),transparent 10rem),linear-gradient(135deg,#c4f2fff2,#ffdde7f0,#fff1b3f0)}.course-summary-token,.practice-streak-card{min-width:150px;padding:18px;border-radius:24px;background:#ffffffb8;border:1px solid rgba(255,255,255,.86);box-shadow:var(--shadow-float)}.course-summary-token strong,.practice-streak-card strong{display:block;font-family:"Baloo 2",Nunito,sans-serif;font-size:36px;line-height:1;color:var(--ink-strong)}.course-summary-token small,.practice-streak-card small{color:var(--muted)}.practice-streak-card{display:grid;gap:6px;justify-items:start}.practice-streak-card svg{color:#ff8fa8}.course-map-panel{padding:24px}.course-path-lane{position:relative;display:grid;gap:14px}.course-path-lane:before{content:"";position:absolute;left:27px;top:30px;bottom:30px;width:8px;border-radius:999px;background:linear-gradient(180deg,#86d5ff,#98e8c3,#ffe370,#ff9bb3);opacity:.55}.path-step{position:relative;display:grid;grid-template-columns:58px 1fr auto;gap:14px;align-items:center;min-height:92px;padding:16px;text-align:left;border:1px solid rgba(255,255,255,.82);border-radius:24px;background:#ffffffb8;box-shadow:var(--shadow-float);color:var(--ink)}.path-step.selected{transform:translateY(-2px);outline:3px solid rgba(255,155,179,.26)}.path-step.done{background:linear-gradient(145deg,#e4fff4f5,#fff9d7f0)}.path-step.active{background:linear-gradient(145deg,#ffdee7f0,#cbf3fff5)}.path-step.locked{opacity:.72}.path-step-index{position:relative;z-index:1;width:54px;height:54px;display:grid;place-items:center;border-radius:18px;background:#ffffffe0;color:var(--ink-strong);font-weight:900}.path-step strong,.path-step small,.path-step em{display:block}.path-step strong{font-size:20px;color:var(--ink-strong)}.path-step small{color:var(--muted);line-height:1.6}.path-step em{justify-self:end;padding:7px 10px;border-radius:999px;color:#ff7f9f;background:#ffffffb8;font-style:normal;font-weight:800;white-space:nowrap}.course-focus-card{display:grid;gap:12px;padding:18px;border-radius:24px;background:linear-gradient(145deg,#ffffffc2,#fff1b3cc);box-shadow:var(--shadow-float)}.course-focus-card strong{font-family:"Baloo 2",Nunito,sans-serif;font-size:28px;color:var(--ink-strong)}.course-focus-card p{margin:0;color:#345070e6;line-height:1.8}.course-focus-card small{color:var(--muted)}.course-library-grid.expanded{grid-template-columns:repeat(3,minmax(0,1fr))}.skill-goal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.skill-goal-card{padding:18px;border-radius:24px;background:#ffffffb8;box-shadow:var(--shadow-float)}.skill-goal-card strong,.skill-goal-card small{display:block}.skill-goal-card strong{margin-top:12px;font-family:"Baloo 2",Nunito,sans-serif;font-size:24px;color:var(--ink-strong)}.skill-goal-card small{color:var(--muted)}.mission-check{width:34px;height:34px;display:inline-grid;place-items:center;margin-right:10px;border-radius:12px;color:var(--ink-strong);background:#ffffffc7;vertical-align:middle}.practice-arena-list{display:grid;gap:12px}.practice-arena-card{display:grid;grid-template-columns:52px 1fr;gap:12px;align-items:center;text-align:left;padding:16px;border:1px solid rgba(255,255,255,.82);border-radius:22px;background:#ffffffb8;color:var(--ink);box-shadow:var(--shadow-float)}.practice-arena-card.active{background:linear-gradient(145deg,#ffdee7eb,#c4f2fff0);outline:3px solid rgba(134,213,255,.25)}.practice-arena-card strong,.practice-arena-card p,.practice-arena-card small{display:block}.practice-arena-card strong{color:var(--ink-strong);font-size:20px}.practice-arena-card p{margin:3px 0;color:#345070e6}.practice-arena-card small{color:var(--muted)}.practice-play-layout{grid-template-columns:minmax(0,1fr) 360px}.practice-play-panel,.practice-feedback-panel{padding:24px}.game-preview-board{display:grid;gap:16px;padding:18px;border-radius:28px;background:radial-gradient(circle at 85% 18%,rgba(255,255,255,.55),transparent 8rem),linear-gradient(135deg,#c4f2ffdb,#ffdee7d1)}.game-prompt-card{min-height:180px;display:grid;place-items:center;text-align:center;gap:8px;padding:22px;border-radius:24px;background:#ffffffbd}.game-prompt-card svg{color:#ff7f9f}.game-prompt-card strong{font-family:"Baloo 2",Nunito,sans-serif;font-size:34px;color:var(--ink-strong)}.game-prompt-card small{color:var(--muted)}.game-choice-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.game-choice{min-height:70px;padding:12px;border:0;border-radius:20px;color:var(--ink-strong);background:#ffffffc7;font-weight:800;box-shadow:var(--shadow-float)}.game-choice span{display:inline-grid;place-items:center;width:26px;height:26px;margin-right:6px;border-radius:50%;background:#ffe370}.energy-meter{height:12px;overflow:hidden;border-radius:999px;background:#fff9}.energy-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff9bb3,#ffe370,#98e8c3)}.feedback-mini-stack{display:grid;gap:12px}.profile-cover-card{background:radial-gradient(circle at 88% 20%,rgba(255,255,255,.55),transparent 8rem),linear-gradient(135deg,#ffdee7eb,#c4f2ffe6)}.profile-summary-card{background:linear-gradient(135deg,#e4fff4eb,#fff3b5e6)}.profile-stat-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.profile-stat-strip span{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:999px;color:var(--ink-strong);background:#ffffffb8;font-weight:800}.profile-radar-grid{display:grid;gap:14px}.radar-row{display:grid;gap:8px}.radar-row>div:first-child{display:flex;justify-content:space-between;gap:12px}.radar-row strong{color:var(--ink-strong)}.radar-row small{color:var(--muted)}.radar-track{height:14px;overflow:hidden;border-radius:999px;background:#ffffffad}.radar-track span{display:block;height:100%;border-radius:inherit}.weekly-streak-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-bottom:16px}.weekly-streak-row span{height:44px;display:grid;place-items:center;border-radius:16px;color:var(--ink-strong);background:#ffffffb8;font-weight:900}.weekly-streak-row span.done{background:linear-gradient(135deg,#ffe370,#98e8c3)}.profile-achievement-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.trophy-card.locked{opacity:.72}.profile-report-card,.parent-message-card{padding:24px}.landing{display:grid;gap:16px;padding:26px;border-radius:32px;background:radial-gradient(circle at 92% 8%,#ffffff85,#fff0 18%),linear-gradient(135deg,#ffedc2d1,#ffd7e5d6,#c2f2ffc7);border:2px solid rgba(255,255,255,.82);box-shadow:var(--shadow-soft)}.landing-copy{max-width:840px}.pricing-grid .price-card{min-height:250px}.price-card{display:grid;gap:10px}.price-card span{color:#ff7f9f;font-weight:800}.price-card strong{font-family:"Baloo 2",Nunito,sans-serif;font-size:28px;line-height:1.1;color:var(--ink-strong)}.price-card small{color:#345070eb}.price-card ul{margin:8px 0 0;padding-left:18px;line-height:1.9;color:var(--ink)}.price-card.featured{background:linear-gradient(145deg,#ffe9aaf0,#c3f1fff2,#ffd0dff2)}.small-note{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border-radius:999px;color:var(--ink);background:#ffffffc2;border:1px solid rgba(255,255,255,.84);font-size:12px;line-height:1.4}@keyframes float-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.metric,.agent-card,.price-card,.lesson-card,.task-node{animation:float-bob 8s ease-in-out infinite}.metric:nth-child(2),.agent-card:nth-child(2),.price-card:nth-child(2),.lesson-card:nth-child(2),.task-node:nth-child(2){animation-delay:.8s}.metric:nth-child(3),.agent-card:nth-child(3),.price-card:nth-child(3),.lesson-card:nth-child(3),.task-node:nth-child(3){animation-delay:1.6s}@media(prefers-reduced-motion:reduce){.metric,.agent-card,.price-card,.lesson-card,.task-node{animation:none}.role-tabs button,.hero-actions button,.quick-form button,.panel-title button,.row-action,.lesson-card,.sidebar a{transition:none}}@media(max-width:1180px){.app-shell{grid-template-columns:1fr;padding:14px}.sidebar{position:static;min-height:auto}.hero-panel,.role-grid{grid-template-columns:1fr}.metrics,.agent-grid,.pricing-grid,.task-map,.culture-grid,.home-course-grid,.practice-module-grid,.highlight-wall-grid,.achievement-grid,.lesson-board{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-split,.profile-hero-layout,.child-progress-card,.encouragement-body{grid-template-columns:1fr}}@media(max-width:720px){.app-shell{gap:14px;padding:10px}.sidebar{padding:12px;border-radius:24px}.sidebar:before,.sidebar:after{display:none}.brand{margin-bottom:10px}.brand strong{font-size:20px}.sidebar nav{display:flex;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}.sidebar a{flex:0 0 auto;padding:10px 12px;white-space:nowrap}.sidebar-card{display:none}.workspace{gap:16px}.topbar{flex-direction:column;align-items:flex-start;padding:18px}.role-tabs,.wall-upload-actions{width:100%;justify-content:flex-start}.metrics,.agent-grid,.pricing-grid,.lesson-board,.task-map,.culture-grid,.media-grid.photo-grid,.gallery-grid,.home-course-grid,.practice-module-grid,.highlight-wall-grid,.achievement-grid,.course-library-grid,.profile-support-grid,.audit-filters,.org-row{grid-template-columns:1fr}.hero-panel{min-height:auto;padding:24px 22px;gap:20px}.hero-panel h1,.landing-copy h2{font-size:36px}.growth-ring{width:156px;height:156px}.alert-row,.org-row,.audit-row,.profile-card{grid-template-columns:1fr}.mission-item,.page-banner,.child-profile-card{grid-template-columns:1fr;flex-direction:column;align-items:flex-start}.page-banner{padding:20px}.page-banner .row-action,.mission-item .row-action{width:100%}.org-actions{justify-self:start}.top-stage-tabs{max-width:none}}.course-world-banner,.practice-world-banner,.profile-cover-card{position:relative;overflow:hidden;border-radius:34px;padding:30px;border:2px solid rgba(255,255,255,.8);box-shadow:0 24px 54px #548eb42e;isolation:isolate}.course-world-banner:before,.practice-world-banner:before,.profile-cover-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 20%,rgba(255,255,255,.88) 0 16px,transparent 17px),radial-gradient(circle at 78% 16%,rgba(255,227,112,.52) 0 18px,transparent 19px),radial-gradient(circle at 88% 82%,rgba(255,255,255,.78) 0 28px,transparent 29px);opacity:.9;pointer-events:none;z-index:-1}.course-world-banner{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:24px;align-items:center;background:linear-gradient(135deg,#86d5fff0,#98e8c3db 56%,#ffe370b8)}.course-world-banner h2,.practice-world-banner h2,.profile-cover-card h2{margin:8px 0 10px;max-width:680px;font-family:"Baloo 2",Nunito,PingFang SC,sans-serif;font-size:clamp(2.2rem,5vw,4.6rem);line-height:.96;letter-spacing:-.055em;color:#19315f}.course-world-banner h2 span,.practice-world-banner h2 span,.profile-cover-card h2 span{color:#ff4f86;text-shadow:0 4px 0 rgba(255,255,255,.6)}.course-world-banner p,.practice-world-banner p,.profile-cover-card p{max-width:620px;margin:0;color:#19315fc2;font-size:1.04rem;line-height:1.8;font-weight:800}.course-summary-token{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px;border-radius:28px;background:#ffffff9e;border:1px solid rgba(255,255,255,.82);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.course-summary-token div{min-height:104px;padding:16px;border-radius:22px;background:linear-gradient(180deg,#ffffffd6,#ffffff85);box-shadow:inset 0 -8px 18px #86d5ff24}.course-summary-token strong,.profile-stat-strip strong,.practice-streak-card strong{display:block;font-size:1.65rem;line-height:1;color:#1b3566}.course-summary-token span,.profile-stat-strip span,.practice-streak-card span{display:block;margin-top:8px;color:#19315fa3;font-size:.84rem;font-weight:900}.course-map-panel,.practice-play-panel,.practice-feedback-panel,.profile-radar-panel,.weekly-card,.profile-report-card,.parent-message-card{position:relative;overflow:hidden;padding:24px;border-radius:30px;background:#ffffffc7;border:1px solid rgba(255,255,255,.84);box-shadow:0 22px 48px #5f90b124}.course-map-panel:after,.practice-play-panel:after,.profile-radar-panel:after,.weekly-card:after{content:"";position:absolute;right:-36px;top:-36px;width:130px;height:130px;border-radius:999px;background:#ffe37047;pointer-events:none}.course-path-lane{position:relative;display:grid;grid-template-columns:repeat(5,minmax(108px,1fr));gap:16px;margin:20px 0 22px}.course-path-lane:before{content:"";position:absolute;left:8%;right:8%;top:42px;height:12px;border-radius:999px;background:repeating-linear-gradient(90deg,#86d5ff70 0 34px,#ffe37080 34px 68px);z-index:0}.path-step{position:relative;z-index:1;display:grid;justify-items:center;gap:8px;padding:10px;border:0;background:transparent;color:#1b3566;cursor:pointer;font:inherit;text-align:center}.path-step[disabled]{cursor:not-allowed}.path-step-index{display:grid;place-items:center;width:76px;height:76px;border-radius:28px;color:#fff;font-family:"Baloo 2",Nunito,sans-serif;font-size:1.35rem;font-weight:1000;background:linear-gradient(145deg,#86d5ff,#4daaf7);box-shadow:0 14px #3080ca33,0 20px 34px #4397d93d;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.path-step.done .path-step-index{background:linear-gradient(145deg,#98e8c3,#39c98f);box-shadow:0 14px #2da47033,0 20px 34px #45c9913d}.path-step.active .path-step-index,.path-step.selected .path-step-index{transform:translateY(-8px) scale(1.06);background:linear-gradient(145deg,#ff9bb3,#ff5d8f);box-shadow:0 16px #da477a38,0 24px 40px #ff5d8f47}.path-step.locked .path-step-index{filter:grayscale(.16);background:linear-gradient(145deg,#d8deea,#aeb8cc);box-shadow:0 12px #75829a2e,0 18px 30px #75829a2e}.path-step em{font-style:normal;color:#19315f8f;font-size:.76rem;font-weight:900}.path-step strong{font-size:.92rem;line-height:1.2}.course-focus-card{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:20px;border-radius:28px;background:linear-gradient(135deg,#ffe37073,#ffffffe0);border:1px solid rgba(255,227,112,.76)}.course-focus-card .mini-mascot{width:70px;height:70px;border-radius:26px;display:grid;place-items:center;font-size:2.25rem;background:#ffffffc2;box-shadow:inset 0 -8px 16px #ff9bb329}.course-focus-card h3,.practice-play-panel h3,.profile-radar-panel h3,.weekly-card h3,.profile-report-card h3,.parent-message-card h3{margin:0 0 6px;color:#18305f;font-size:1.16rem;font-weight:1000}.course-focus-card p,.practice-play-panel p,.profile-radar-panel p,.weekly-card p,.profile-report-card p,.parent-message-card p{margin:0;color:#19315fa3;line-height:1.7;font-weight:800}.course-library-grid.expanded{grid-template-columns:repeat(4,minmax(190px,1fr))}.skill-goal-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:16px}.skill-goal-card{position:relative;overflow:hidden;min-height:154px;padding:20px;border-radius:28px;border:1px solid rgba(255,255,255,.82);background:linear-gradient(135deg,#ff9bb338,#fffc);box-shadow:0 18px 34px #5f90b121}.skill-goal-card:nth-child(2){background:linear-gradient(135deg,#86d5ff57,#ffffffd1)}.skill-goal-card:nth-child(3){background:linear-gradient(135deg,#ffe37061,#ffffffd1)}.skill-goal-card:nth-child(4){background:linear-gradient(135deg,#98e8c36b,#ffffffd1)}.skill-goal-card:after{content:"✦";position:absolute;right:18px;bottom:10px;color:#ff9bb385;font-size:2.4rem}.skill-goal-card svg{padding:12px;width:52px;height:52px;border-radius:18px;background:#ffffffb3;color:#2077c9}.skill-goal-card h3{margin:14px 0 8px;color:#173061;font-size:1.04rem}.skill-goal-card p{margin:0;color:#19315fa3;line-height:1.65;font-weight:800}.practice-world-banner{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.42fr);gap:20px;align-items:center;background:linear-gradient(135deg,#ff9bb3db,#ffe370b8 52%,#86d5ffc7)}.practice-streak-card{display:grid;gap:12px;padding:20px;border-radius:28px;background:#ffffffa8;border:1px solid rgba(255,255,255,.82)}.practice-streak-card div{display:flex;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid rgba(25,49,95,.1)}.practice-streak-card div:last-child{padding-bottom:0;border-bottom:0}.mission-check{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:16px;color:#fff;background:linear-gradient(145deg,#98e8c3,#2bc98c);box-shadow:0 10px 18px #2bc98c33}.practice-arena-list{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px}.practice-arena-card{position:relative;min-height:150px;padding:18px;border:1px solid rgba(255,255,255,.82);border-radius:28px;background:#ffffffb3;color:#18305f;cursor:pointer;text-align:left;font:inherit;box-shadow:0 18px 32px #5f90b11f;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.practice-arena-card:after{content:"";position:absolute;right:18px;bottom:18px;width:42px;height:28px;border-radius:50%;background:#ffffffa8;box-shadow:-22px -8px #ffffff8a,18px -6px #ffffff8a}.practice-arena-card:hover,.practice-arena-card.active{transform:translateY(-6px) scale(1.02);border-color:#ff9bb3b3;box-shadow:0 24px 42px #ff9bb32e}.practice-arena-card svg{display:block;padding:11px;width:52px;height:52px;margin-bottom:14px;border-radius:18px;color:#1d74c4;background:#ffffffc2}.practice-arena-card strong{display:block;font-size:1rem;font-weight:1000}.practice-arena-card span{display:block;margin-top:6px;color:#19315f94;font-size:.82rem;font-weight:900}.practice-play-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:20px}.game-preview-board{display:grid;gap:16px;margin-top:18px;padding:18px;border-radius:26px;background:linear-gradient(180deg,#86d5ff33,#ffffffb8),repeating-linear-gradient(90deg,rgba(255,255,255,.32) 0 18px,transparent 18px 36px);border:1px solid rgba(134,213,255,.34)}.game-prompt-card{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;padding:16px;border-radius:24px;background:#ffffffc7}.game-prompt-card svg{padding:12px;width:54px;height:54px;border-radius:20px;color:#ff5d8f;background:#ff9bb32e}.game-prompt-card strong{display:block;color:#19315f;font-size:1.08rem}.game-prompt-card span{display:block;margin-top:4px;color:#19315f94;font-weight:800}.game-choice-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.game-choice{min-height:74px;border:0;border-radius:22px;background:#fff;color:#19315f;font-family:"Baloo 2",Nunito,PingFang SC,sans-serif;font-size:1.15rem;font-weight:1000;box-shadow:0 9px #19315f14,0 16px 26px #5f90b11f;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.game-choice:hover{transform:translateY(-4px);box-shadow:0 12px #19315f14,0 22px 32px #5f90b129}.energy-meter{display:flex;align-items:center;gap:12px;color:#19315f9e;font-size:.84rem;font-weight:900}.energy-meter span:first-child{height:14px;flex:1;overflow:hidden;border-radius:999px;background:#19315f17}.energy-meter span:first-child:before{content:"";display:block;width:78%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#98e8c3,#ffe370,#ff9bb3)}.feedback-mini-stack{display:grid;gap:12px;margin-top:18px}.feedback-mini-stack div{padding:16px;border-radius:22px;background:linear-gradient(135deg,#ffe37047,#ffffffc7);border:1px solid rgba(255,227,112,.36)}.feedback-mini-stack strong{display:block;color:#19315f}.feedback-mini-stack span{display:block;margin-top:4px;color:#19315f94;font-size:.84rem;font-weight:800}.profile-cover-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);gap:24px;align-items:center;background:linear-gradient(135deg,#ffe2ecf2,#ffe37094 48%,#98e8c3bd)}.profile-summary-card{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;padding:18px;border-radius:28px;background:#ffffffad;border:1px solid rgba(255,255,255,.84)}.profile-summary-card .avatar-xl{width:86px;height:86px;border-radius:32px;display:grid;place-items:center;font-size:2.6rem;background:linear-gradient(145deg,#fff,#ff9bb34d);box-shadow:inset 0 -10px 18px #ff9bb32e}.profile-summary-card h3{margin:0 0 6px;color:#19315f;font-size:1.35rem}.profile-summary-card p{margin:0;color:#19315f9e;font-weight:800}.profile-stat-strip{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.profile-stat-strip div{padding:14px;border-radius:20px;background:#ffffffb8;text-align:center}.profile-radar-grid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:14px;margin-top:18px}.radar-row{padding:16px;border-radius:22px;background:linear-gradient(135deg,#86d5ff38,#ffffffc7)}.radar-row strong{display:flex;justify-content:space-between;gap:10px;color:#19315f;font-size:.92rem}.radar-track{display:block;height:13px;margin-top:12px;overflow:hidden;border-radius:999px;background:#19315f14}.radar-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#86d5ff,#98e8c3,#ffe370)}.weekly-streak-row{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-top:18px}.weekly-streak-row div{display:grid;gap:8px;justify-items:center;padding:12px 8px;border-radius:20px;background:#ffffff9e;color:#19315f8f;font-size:.78rem;font-weight:1000}.weekly-streak-row .done{color:#126f55;background:#98e8c375;box-shadow:inset 0 -6px 12px #2dc98c21}.weekly-streak-row svg{color:#ffb51f;fill:#ffe3706b}.profile-achievement-grid{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:16px}.trophy-card{position:relative;min-height:176px;padding:20px;overflow:hidden;border-radius:30px;background:linear-gradient(135deg,#ffe3707a,#ffffffd1);border:1px solid rgba(255,227,112,.56);box-shadow:0 18px 36px #5f90b11f}.trophy-card:nth-child(2){background:linear-gradient(135deg,#86d5ff5c,#ffffffd1);border-color:#86d5ff85}.trophy-card:nth-child(3){background:linear-gradient(135deg,#ff9bb357,#ffffffd1);border-color:#ff9bb380}.trophy-card:nth-child(4){background:linear-gradient(135deg,#98e8c366,#ffffffd1);border-color:#98e8c394}.trophy-card svg{padding:14px;width:58px;height:58px;border-radius:22px;color:#ff9b1f;background:#ffffffb8}.trophy-card strong{display:block;margin-top:14px;color:#19315f;font-size:1rem}.trophy-card p{margin:6px 0 0;color:#19315f9e;line-height:1.6;font-weight:800}.trophy-card.locked{filter:grayscale(.18);opacity:.78}.trophy-card.locked svg{color:#8d99ad}.profile-report-card,.parent-message-card{background:linear-gradient(135deg,#ffffffd1,#ff9bb32e)}.parent-message-card{background:linear-gradient(135deg,#ffffffd1,#98e8c342)}@media(max-width:1180px){.course-world-banner,.practice-world-banner,.profile-cover-card,.practice-play-layout{grid-template-columns:1fr}.course-library-grid.expanded,.skill-goal-grid,.practice-arena-list,.profile-achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.course-path-lane{grid-template-columns:repeat(5,minmax(92px,1fr));gap:10px}}@media(max-width:720px){.course-world-banner,.practice-world-banner,.profile-cover-card,.course-map-panel,.practice-play-panel,.practice-feedback-panel,.profile-radar-panel,.weekly-card,.profile-report-card,.parent-message-card{border-radius:24px;padding:18px}.course-summary-token,.profile-stat-strip,.course-focus-card,.profile-summary-card{grid-template-columns:1fr}.course-path-lane{grid-template-columns:1fr;margin-left:0}.course-path-lane:before{inset:22px auto 22px 46px;width:10px;height:auto;background:repeating-linear-gradient(180deg,#86d5ff70 0 34px,#ffe37080 34px 68px)}.path-step{grid-template-columns:76px 1fr;justify-items:start;text-align:left}.course-focus-card,.game-prompt-card{align-items:start}.course-library-grid.expanded,.skill-goal-grid,.practice-arena-list,.practice-play-layout,.profile-radar-grid,.profile-achievement-grid,.weekly-streak-row,.game-choice-row{grid-template-columns:1fr}.weekly-streak-row{grid-template-columns:repeat(4,minmax(0,1fr))}}.course-world-banner h3,.practice-world-banner h3,.profile-cover-card h3{margin:8px 0 10px;max-width:680px;font-family:"Baloo 2",Nunito,PingFang SC,sans-serif;font-size:clamp(2.05rem,4.8vw,4.25rem);line-height:.98;letter-spacing:-.055em;color:#19315f}.course-world-banner>div:first-child>span,.practice-world-banner>div:first-child>span,.profile-cover-card>div:first-child>span{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#ffffffad;color:#18518c;font-size:.82rem;font-weight:1000;box-shadow:inset 0 -4px 10px #86d5ff29}.practice-module-icon{display:inline-grid;place-items:center}.energy-meter:before{content:"能量值";color:#19315f9e;font-size:.84rem;font-weight:900}.energy-meter span{height:14px;max-width:100%;border-radius:999px;background:linear-gradient(90deg,#98e8c3,#ffe370,#ff9bb3);box-shadow:0 8px 16px #ff9bb32e}.course-map-panel .course-path-lane{grid-template-columns:1fr;gap:12px;margin:20px 0 22px}.course-map-panel .course-path-lane:before{inset:24px auto 24px 48px;width:10px;height:auto;background:repeating-linear-gradient(180deg,#86d5ff70 0 34px,#ffe37080 34px 68px)}.course-map-panel .path-step{grid-template-columns:76px minmax(0,1fr);grid-template-rows:auto auto;justify-items:start;align-items:center;text-align:left;padding:12px 16px;border-radius:26px;background:linear-gradient(135deg,#ffffffa3,#ffffff47);border:1px solid rgba(255,255,255,.58)}.course-map-panel .path-step-index{grid-row:1 / span 2;width:64px;height:64px;border-radius:22px}.course-map-panel .path-step strong,.course-map-panel .path-step em,.practice-arena-card strong,.practice-arena-card p,.practice-arena-card small{white-space:normal;word-break:keep-all;overflow-wrap:normal}.course-map-panel .path-step strong{font-size:1rem}.course-map-panel .path-step em{margin-top:-4px;line-height:1.45}.practice-zone-panel .practice-arena-list{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-arena-card{min-height:176px}.practice-arena-card p{margin:8px 0 0;font-size:.86rem;line-height:1.45}.practice-arena-card small{position:relative;z-index:1;line-height:1.45}@media(max-width:720px){.practice-zone-panel .practice-arena-list{grid-template-columns:1fr}}.course-detail-panel .course-focus-card{grid-template-columns:auto minmax(0,1fr);align-items:center}.course-detail-panel .course-focus-card .row-action{grid-column:1 / -1;justify-self:end}.course-detail-panel .course-focus-card strong,.course-detail-panel .course-focus-card p,.course-detail-panel .course-focus-card small{white-space:normal;word-break:keep-all;overflow-wrap:normal}.course-detail-panel .course-focus-card strong{display:block;font-size:clamp(1.2rem,2.2vw,1.6rem);line-height:1.2}.practice-zone-panel .practice-arena-list{grid-template-columns:1fr}.practice-zone-panel .practice-arena-card{display:grid;grid-template-columns:58px minmax(0,1fr);grid-template-rows:auto auto auto;align-items:center;min-height:112px;padding:16px 18px;gap:2px 14px}.practice-zone-panel .practice-module-icon{grid-row:1 / span 3;align-self:center}.practice-zone-panel .practice-arena-card svg{width:50px;height:50px;margin:0}.practice-zone-panel .practice-arena-card strong,.practice-zone-panel .practice-arena-card p,.practice-zone-panel .practice-arena-card small{grid-column:2;min-width:0}.practice-zone-panel .practice-arena-card p{margin:0}.practice-zone-panel .practice-arena-card:after{right:14px;bottom:14px;opacity:.62}
