:root{font-family:Noto Sans SC,Microsoft YaHei,system-ui,sans-serif;color:#31271f;background:#f6f2ea;font-synthesis:none;text-rendering:optimizeLegibility;--parent-bg: #fafaf8;--parent-card: #ffffff;--parent-text: #1f2933;--parent-muted: #667085;--brand: #38d3ff;--brand-dark: #0499c7;--mint: #19c8b9;--cream: #f8f4ed;--student-text: #794f27;--amber: #d4a054;--line: #e7dfd2;--danger: #e05a5a;--success: #6fba2c;--shadow-soft: 0 18px 45px rgba(83, 67, 45, .12);--shadow-lift: 0 24px 70px rgba(16, 42, 52, .16)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}button{border:0;cursor:pointer}.shell{min-height:100vh;padding:clamp(16px,4vw,34px)}.parent-shell{background:radial-gradient(circle at 20% 0%,rgba(56,211,255,.16),transparent 28%),linear-gradient(180deg,#ffffff 0%,var(--parent-bg) 48%,#f2eee7 100%)}.student-shell{background:radial-gradient(circle at 18% 8%,rgba(212,160,84,.18),transparent 24%),linear-gradient(180deg,rgba(25,200,185,.18),transparent 30%),var(--cream);color:var(--student-text)}.student-screen{width:min(100%,390px)}.screen{width:min(100%,430px);min-height:calc(100vh - clamp(32px,8vw,68px));margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;background:#102a34;color:#fff;font-weight:800;box-shadow:0 8px #102a3424}.brand-lockup{display:inline-flex;align-items:center;gap:12px;min-width:0}.brand-logo{width:50px;height:50px;flex:0 0 auto;filter:drop-shadow(0 12px 18px rgba(16,42,52,.18));animation:logoFloat 5s ease-in-out infinite}.brand-lockup strong,.brand-lockup span{display:block}.logo-stage{position:relative;display:grid;justify-items:center;gap:16px;border-radius:30px;padding:clamp(24px,8vw,42px) 22px;background:radial-gradient(circle at 48% 18%,rgba(56,211,255,.24),transparent 32%),linear-gradient(145deg,#fffffff5,#f5fffbe0);border:1px solid rgba(216,241,235,.9);box-shadow:var(--shadow-lift);overflow:hidden}.logo-stage:before{content:"";position:absolute;inset:16px;border-radius:24px;border:1px solid rgba(16,42,52,.06);pointer-events:none}.logo-stage .brand-logo{width:clamp(72px,22vw,110px);height:clamp(72px,22vw,110px)}.logo-stage h2{position:relative;margin:0;color:#102a34;font-size:clamp(24px,8vw,38px)}.logo-stage p{position:relative;max-width:340px;margin:0;color:#5d6a70;line-height:1.7;text-align:center}.brand-lockup strong{color:#102a34;font-size:18px;letter-spacing:0}.brand-lockup span{margin-top:2px;color:#79818a;font-size:11px}.eyebrow{margin:0 0 8px;color:var(--brand-dark);font-size:13px;font-weight:700}.title{margin:0;font-size:clamp(25px,8vw,34px);line-height:1.18;letter-spacing:0}.subtitle{margin:12px 0 0;color:var(--parent-muted);line-height:1.7}.card{background:var(--parent-card);border:1px solid rgba(231,223,210,.86);border-radius:18px;padding:20px;box-shadow:var(--shadow-soft);animation:riseIn .48s ease both}.stack{display:grid;gap:14px}.section-title{margin:0 0 12px;font-size:18px}.field{display:grid;gap:8px}.field label{color:#514538;font-size:14px;font-weight:700}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);border-radius:12px;padding:13px 14px;background:#fffdf9;color:#2b221a;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--brand);box-shadow:0 0 0 4px #38d3ff24}.field textarea{min-height:132px;resize:vertical;line-height:1.6}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid #d7ecf3;border-radius:999px;padding:8px 12px;background:#f2fbfd;color:#17687c;font-size:13px;font-weight:700}.chip.active{background:#dff8ff;border-color:var(--brand)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:clamp(48px,12vw,54px);border-radius:14px;padding:0 18px;background:#102a34;color:#fff;font-weight:800;text-decoration:none;box-shadow:0 5px #102a343d}.btn:active{transform:translateY(2px);box-shadow:0 3px #102a3433}.btn.secondary{background:#fff;color:#263238;border:1px solid var(--line);box-shadow:0 4px #53432d1a}.btn.student{background:var(--mint);color:#fff;border-radius:999px;box-shadow:0 6px #13998d}.island-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border-radius:999px;padding:0 16px;background:var(--mint);color:#fff;font-weight:900;box-shadow:0 4px #13998d}.island-button.secondary{background:#fff8df;color:var(--student-text);border:2px solid #e5d5bd;box-shadow:0 4px #dec9a5}.island-button:active{transform:translateY(2px);box-shadow:0 2px #13998d}.btn.full{width:100%}.icon-button{display:inline-grid;place-items:center;width:44px;min-width:44px;height:44px;border-radius:14px;background:#eef9f7;color:#116d63;border:1px solid #d4eeea}.icon-button.compact{width:40px;min-width:40px;height:40px;border-radius:12px}.mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:5px;border-radius:16px;background:#f4efe7}.mode-switch button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:12px;background:transparent;color:#756450;font-weight:800}.mode-switch button.active{background:#fff;color:#102a34;box-shadow:0 6px 16px #53432d1a}.hero-card{display:grid;gap:22px;padding-top:clamp(20px,8vh,58px)}.premium-hero{min-height:calc(100vh - clamp(32px,8vw,68px));align-content:center}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.metric{border-radius:16px;padding:14px;background:#fffaf0;border:1px solid #efe0c5}.metric strong{display:block;font-size:24px}.qr-card{position:relative;display:grid;place-items:center;aspect-ratio:1;border-radius:24px;background:linear-gradient(90deg,#102a34 12px,transparent 1%) 0 0 / 28px 28px,linear-gradient(#102a34 12px,transparent 1%) 0 0 / 28px 28px,#fff;border:10px solid #ffffff;box-shadow:inset 0 0 0 1px #d8e7ec,var(--shadow-lift);overflow:hidden;width:min(100%,240px);max-width:100%;justify-self:center}.qr-card:before,.qr-card:after{content:"";position:absolute;width:46px;height:46px;border:8px solid var(--mint);border-radius:10px;background:#fff}.qr-card:before{left:18px;top:18px}.qr-card:after{right:18px;bottom:18px}.qr-center{z-index:1;display:grid;place-items:center;width:78px;height:78px;border-radius:22px;background:#102a34;color:#fff;font-weight:900;box-shadow:0 10px 24px #102a343d}.wechat-panel{display:grid;gap:16px;padding:18px;border-radius:22px;background:linear-gradient(180deg,#fff,#f5fffb);border:1px solid #d8f1eb}.invite-grid{display:grid;gap:18px;align-items:center;min-width:0}.breakable{max-width:100%;overflow-wrap:anywhere;word-break:break-word}.scan-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.scan-step{border-radius:12px;padding:10px 8px;background:#f2fbf8;color:#427166;font-size:12px;font-weight:800;text-align:center}.scan-step.active{background:#dff8f1;color:#0f8d78}.metric span{color:var(--parent-muted);font-size:13px}.task-card{display:grid;gap:8px;border-radius:18px;padding:16px;background:#fffdf7;border:1px solid #eadfcf}.student-task{border:2px solid #dfcfb8;border-radius:20px;background:#fff9e9;box-shadow:0 4px #dec9a5}.task-card.done{background:#edf8ef;border-color:#b7ddb9}.task-meta{display:flex;gap:8px;flex-wrap:wrap;color:#7f705e;font-size:13px;font-weight:700}.progress{height:12px;border-radius:999px;overflow:hidden;background:#eadfcd}.progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--mint),#8ed66f)}.notice{border-radius:16px;padding:14px;background:#eaf9fc;color:#17687c;line-height:1.65}.warm-panel{border:2px solid #e5d5bd;border-radius:28px;padding:20px;background:#fff8df;box-shadow:0 8px #e2c997}.island-panel{position:relative;border:2px solid #e5d5bd;border-radius:24px;padding:18px;background:#fff8df;box-shadow:0 5px #e2c997;overflow:hidden}.island-panel:after{content:"";position:absolute;right:-18px;top:-18px;width:78px;height:78px;border-radius:999px;background:#19c8b924}.student-title{margin:0;color:var(--student-text);font-size:clamp(22px,7vw,29px);line-height:1.22}.student-subtitle{color:#8b7355;line-height:1.65}.student-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.student-actions .island-button{flex:0 1 auto}.task-card.student-task{padding:14px}.link-row{display:flex;gap:10px;align-items:center;justify-content:space-between}.mini{color:var(--parent-muted);font-size:13px}.form-grid{display:grid;gap:12px}.two-col{display:grid;grid-template-columns:1fr;gap:10px}.voice-panel{display:grid;gap:18px;place-items:center;min-height:310px;border-radius:24px;padding:24px;background:linear-gradient(180deg,#102a34,#163f46);color:#f8f4ed;overflow:hidden}.spectrum{display:flex;align-items:center;justify-content:center;gap:6px;height:112px;width:100%}.spectrum span{display:block;width:7px;height:22px;border-radius:999px;background:linear-gradient(180deg,#38d3ff,#19c8b9);animation:spectrum 1.1s ease-in-out infinite;animation-delay:calc(var(--i) * .07s)}.voice-control{display:inline-flex;align-items:center;gap:10px;min-height:46px;border-radius:999px;padding:0 18px;background:#f8f4ed;color:#102a34;font-weight:900}.editor-panel{display:grid;gap:12px;border:1px solid #e1d6c6;border-radius:18px;padding:14px;background:#fffaf1}.inline-actions{display:flex;flex-wrap:wrap;gap:8px}.ghost-button{min-height:38px;border-radius:12px;padding:0 12px;background:#f5eee3;color:#5d4b38;font-weight:800}.ghost-button.selected{background:#dff8f1;color:#0f8d78;box-shadow:inset 0 0 0 1px #9ce4d7}.danger-button{background:#fff0ef;color:var(--danger)}.feedback-box{display:grid;gap:10px;border-radius:16px;padding:12px;background:#f7fbfc;border:1px solid #dcecef}.vote-wrap{position:relative;display:inline-flex;align-items:center;gap:7px;flex:0 0 auto}.vote-button{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#eef9f4;color:#357257;border:1px solid #d8eee4}.vote-button.down{background:#fff4f2;color:#b94a3f;border-color:#f0d8d4}.vote-button.active{box-shadow:inset 0 0 0 2px currentColor}.feedback-popover{position:absolute;right:0;top:46px;z-index:4;display:grid;gap:8px;width:min(300px,calc(100vw - 42px));border-radius:16px;padding:12px;background:#fff;border:1px solid #eadfcf;box-shadow:var(--shadow-lift)}.feedback-popover textarea{width:100%;min-height:84px;border:1px solid #e1d6c6;border-radius:12px;padding:10px;resize:vertical}.feedback-box textarea{width:100%;min-height:74px;border:1px solid #d7e7ea;border-radius:12px;padding:10px;resize:vertical}.score-row{display:flex;gap:8px}.score-dot{width:34px;height:34px;border-radius:999px;background:#e9eff0;color:#52666c;font-weight:900}.score-dot.active{background:var(--mint);color:#fff}.chart-grid{display:grid;gap:16px}.radar-wrap{display:grid;place-items:center;padding:12px}.radar-chart{width:min(100%,300px);aspect-ratio:1}.bar-list{display:grid;gap:10px}.bar-row{display:grid;grid-template-columns:86px 1fr 38px;align-items:center;gap:10px;font-size:13px;color:#5d4b38;font-weight:800}.bar-track{height:10px;border-radius:999px;background:#eadfcd;overflow:hidden}.bar-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--mint),var(--brand))}.dimension-grid{display:grid;gap:12px}.dimension-card{display:grid;gap:8px;border-radius:18px;padding:14px;background:#fffdf7;border:1px solid #eadfcf}.dimension-card header{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.dimension-card strong{color:#102a34}.insight-band{display:grid;gap:12px;border-radius:20px;padding:14px;background:linear-gradient(180deg,#fffdf8,#f5fbfa);border:1px solid #e4ddd1}.insight-band p{margin:8px 0 0;color:#5d4b38;line-height:1.75}.insight-label{display:inline-flex;align-items:center;min-height:26px;border-radius:999px;padding:0 10px;font-size:12px;font-weight:900}.insight-label.good{background:#e9f8ef;color:#317d4d}.insight-label.risk{background:#fff3df;color:#9a620e}.risk-flags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.risk-flag{border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900}.risk-flag.severe{background:#ffe8e6;color:#bb3328}.risk-flag.moderate{background:#fff3cf;color:#8a6400}.confirm-loop{border-radius:18px;padding:16px;background:linear-gradient(180deg,#f7fbfc,#fffaf1);border:1px solid #dcecef}.confirm-question{display:grid;gap:10px;border-radius:16px;padding:14px;background:#fffdf7;border:1px solid #eadfcf}.confirm-question textarea{width:100%;min-height:76px;border:1px solid #e1d6c6;border-radius:12px;padding:10px;background:#fffaf1;resize:vertical}.evidence-footnote{display:grid;gap:6px;padding:6px 2px 20px;color:#8a8178;font-size:11px;line-height:1.55}.evidence-footnote p{margin:0}.evidence-footnote a{display:inline-flex;align-items:center;gap:2px;margin-right:8px;color:#6f7f84;text-decoration:underline;text-underline-offset:2px}.portal-stats{display:flex;flex-wrap:wrap;gap:8px;color:#6d6256;font-size:12px;font-weight:800}.portal-stats span{border-radius:999px;padding:5px 8px;background:#f5eee3}.child-card{display:grid;grid-template-columns:54px 1fr;gap:14px;cursor:pointer}.child-avatar{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:linear-gradient(145deg,var(--mint),var(--brand));color:#fff;font-size:24px;font-weight:900;box-shadow:0 6px #13998d3d}.child-main{display:grid;gap:9px;min-width:0}.family-card-grid{display:grid;gap:14px}.family-child-card{display:grid;gap:12px;padding:14px}.family-card-top{display:grid;grid-template-columns:108px 1fr;gap:12px;align-items:center;min-width:0}.kid-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(86px,104px);gap:10px;overflow-x:auto;padding:2px 2px 8px}.kid-tab{display:grid;justify-items:center;gap:6px;min-height:104px;border-radius:20px;padding:10px;background:#fffdf7;border:1px solid #eadfcf;color:#5d4b38;box-shadow:0 4px #dec9a58c}.kid-tab.active{border-color:var(--mint);box-shadow:0 5px #13998d59;background:#f0fffb}.kid-face{display:grid;place-items:center;width:44px;height:44px;border-radius:16px;background:linear-gradient(145deg,var(--mint),var(--brand));color:#fff;font-size:21px;font-weight:900}.kid-tab small{color:#8b7355;font-weight:900}.family-stage{display:grid;gap:16px}.kid-scene{position:relative;display:grid;place-items:center;min-height:210px;border-radius:26px;background:radial-gradient(circle at 50% 88%,rgba(212,160,84,.28),transparent 28%),linear-gradient(180deg,#e9fbf7,#fff8df);border:2px solid #e5d5bd;overflow:hidden}.kid-scene:before{content:"";position:absolute;left:18px;right:18px;bottom:24px;height:22px;border-radius:999px;background:#8b735529}.kid-scene.compact{min-height:122px;border-radius:20px}.kid-scene.compact:before{left:12px;right:12px;bottom:15px;height:14px}.kid-scene.compact .kid-character{transform:scale(.66)}.kid-character{position:relative;width:140px;height:162px;z-index:1}.kid-character span{position:absolute;display:block}.kid-character .head{left:43px;top:8px;width:54px;height:54px;border-radius:20px 20px 24px 24px;background:#ffd9b0;border:3px solid #794f27}.kid-character .head:before,.kid-character .head:after{content:"";position:absolute;top:24px;width:5px;height:5px;border-radius:999px;background:#794f27}.kid-character .head:before{left:16px}.kid-character .head:after{right:16px}.kid-character .body{left:42px;top:64px;width:56px;height:60px;border-radius:22px;background:var(--mint);border:3px solid #0f8d78}.kid-character .arm{top:75px;width:16px;height:48px;border-radius:999px;background:#ffd9b0;border:3px solid #794f27;transform-origin:top center}.kid-character .arm.left{left:30px;transform:rotate(22deg)}.kid-character .arm.right{right:30px;transform:rotate(-22deg)}.kid-character .leg{top:120px;width:18px;height:40px;border-radius:999px;background:#6fa9d7;border:3px solid #315d7a}.kid-character .leg.left{left:48px}.kid-character .leg.right{right:48px}.kid-character .prop{opacity:0}.kid-character .book{left:28px;top:106px;width:84px;height:32px;border-radius:8px;background:#fff;border:3px solid #d4a054;transform:rotate(-3deg)}.kid-character .ball{right:4px;bottom:2px;width:38px;height:38px;border-radius:999px;background:radial-gradient(circle at 30% 30%,#fff,#38d3ff);border:3px solid #126d73}.kid-character .spark{right:18px;top:12px;width:22px;height:22px;background:#d4a054;clip-path:polygon(50% 0,62% 35%,100% 50%,62% 65%,50% 100%,38% 65%,0 50%,38% 35%)}.pose-study .kid-character .book,.pose-done .kid-character .spark,.pose-sport .kid-character .ball{opacity:1}.pose-study .kid-character .arm.left{transform:rotate(52deg)}.pose-study .kid-character .arm.right{transform:rotate(-52deg)}.pose-sport .kid-character{animation:bounceKid 1.8s ease-in-out infinite}.pose-sport .kid-character .arm.left{transform:rotate(-36deg)}.pose-sport .kid-character .arm.right{transform:rotate(-62deg)}.pose-done .kid-character .arm.left{transform:rotate(-116deg)}.pose-done .kid-character .arm.right{transform:rotate(116deg)}.recent-line{margin:0;color:#102a34;font-weight:900;line-height:1.45}@keyframes bounceKid{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media(min-width:760px){.family-stage{grid-template-columns:260px 1fr;align-items:start}.family-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1040px){.family-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:420px){.family-card-top{grid-template-columns:92px 1fr}.kid-scene.compact{min-height:108px}.kid-scene.compact .kid-character{transform:scale(.58)}}.assistant-card{display:grid;gap:8px;border-radius:16px;padding:12px;background:linear-gradient(180deg,#f4fbfc,#fffaf1);border:1px solid #dbecef}.assistant-card p{margin:0;color:#5d4b38;line-height:1.6;font-size:13px}.assistant-head{display:flex;align-items:center;gap:7px;color:#126d73}.message-strip{display:grid;gap:4px;border-radius:12px;padding:10px;background:#fff;border:1px solid #e5eee9}.message-strip span{color:#819096;font-size:11px;font-weight:900}.message-strip strong{color:#102a34;line-height:1.5}.assistant-card .risk-note{color:#9a620e;font-size:12px}@media(min-width:760px){.chart-grid{grid-template-columns:300px 1fr;align-items:center}}@keyframes riseIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes logoFloat{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-3px) rotate(1deg)}}@keyframes spectrum{0%,to{height:22px}50%{height:92px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media(min-width:760px){.screen{width:min(100%,720px);min-height:calc(100vh - 60px)}.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.invite-grid{grid-template-columns:minmax(220px,280px) 1fr}.hero-card{max-width:560px}}