body.student-mode{background:linear-gradient(180deg,#f6f9ff 0,#dceefa 48%,#f4f8fa 100%);background-attachment:fixed}
body.student-mode #view{width:min(100% - 24px,760px);padding:18px 0 118px}
.student-v2{min-height:calc(100vh - 90px)}
.student-welcome{display:flex;align-items:center;justify-content:space-between;margin:2px 4px 18px}.student-welcome>div{display:flex;align-items:center;gap:11px}.student-avatar{width:48px;height:48px;padding:5px;border-radius:17px;background:#fff;box-shadow:0 8px 24px #3868811a;object-fit:contain}.student-welcome small{display:block;color:#24718b;font-size:10px;font-weight:900;letter-spacing:.1em}.student-welcome h1{margin:3px 0 0;font-size:19px}.student-switch{border:0;background:#ffffffb8;color:#58717e;border-radius:99px;padding:9px 12px;font-size:10px;font-weight:800}
.student-ask-card{position:relative;overflow:hidden;padding:28px 25px 23px;border-radius:30px;background:linear-gradient(145deg,#0d4e71 0%,#0f758b 63%,#25549b 100%);box-shadow:0 22px 50px rgba(18,89,116,.22);color:#fff}.student-ask-card:after{content:"";position:absolute;width:230px;height:230px;right:-130px;top:-110px;border-radius:50%;background:#ffffff0d}.student-ask-card>small{font-size:11px;font-weight:900;letter-spacing:.14em;opacity:.65}.student-ask-card h2{font-size:30px;line-height:1.18;margin:10px 0 8px}.student-ask-card>p{margin:0 0 19px;font-size:12px;line-height:1.75;opacity:.78}.student-ask-card textarea{position:relative;z-index:1;width:100%;min-height:142px;resize:vertical;border:0;border-radius:22px;background:#fff;color:#17324a;padding:17px 18px;font-size:15px;line-height:1.65;outline:none;box-shadow:inset 0 0 0 1px #d8e7ec}.student-ask-card textarea:focus{box-shadow:0 0 0 4px #b6cae94a}.student-ask-foot{position:relative;z-index:1;display:flex;align-items:center;gap:10px;margin-top:13px}.student-ask-foot span{flex:1;font-size:9px;opacity:.65}.student-ask-foot button{border:0;border-radius:14px;background:#fff;color:#17627e;padding:12px 17px;font-weight:900;white-space:nowrap}
.student-section-head{display:flex;align-items:end;justify-content:space-between;margin:26px 5px 12px}.student-section-head small{display:block;color:#247b92;font-size:10px;font-weight:900;letter-spacing:.12em}.student-section-head h2{font-size:20px;margin:4px 0 0}.student-section-head button{border:0;background:transparent;color:#21708c;font-weight:900;font-size:11px}
.student-scenes{display:flex;gap:11px;overflow:auto;margin:0 -12px;padding:0 12px 6px;scroll-snap-type:x mandatory;scrollbar-width:none}.student-scenes::-webkit-scrollbar{display:none}.student-scene{flex:0 0 188px;min-height:150px;padding:17px;border:1px solid #d4e4ec;border-radius:23px;background:#ffffffd9;color:#17324a;text-align:left;scroll-snap-align:start;box-shadow:0 9px 25px #36677d0e}.student-scene span{display:inline-block;padding:5px 8px;border-radius:8px;background:#e8eef6;color:#19748b;font-size:9px;font-weight:900}.student-scene b{display:block;margin:20px 0 7px;font-size:15px}.student-scene small{color:#748590;font-size:10px;line-height:1.5}
.continue-card{display:flex;align-items:center;gap:14px;padding:18px 19px;border:1px solid #d6e5eb;border-radius:23px;background:#ffffffde;box-shadow:0 10px 26px #335d720d}.continue-card>div{min-width:0;flex:1}.continue-card small{color:#288093;font-size:9px;font-weight:900}.continue-card b{display:block;margin:5px 0;font-size:15px}.continue-card p{margin:0;color:#7a8b95;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.continue-card button{border:0;border-radius:13px;background:#e6ecf5;color:#176783;padding:11px 13px;font-size:10px;font-weight:900}
.student-promise{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;padding:22px;border-radius:24px;background:#fff;border:1px solid #d9e6eb}.student-promise small{color:#258096;font-size:9px;font-weight:900}.student-promise h2{font-size:20px;line-height:1.35;margin:5px 0}.student-promise p{margin:0;color:#71848f;font-size:10px}.student-promise i{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border-radius:17px;background:#e4f2f5;color:#176884;font-style:normal;font-size:23px}
.student-bottom{position:fixed;z-index:30;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translateX(-50%);display:grid;grid-template-columns:repeat(4,1fr);width:min(calc(100% - 34px),720px);padding:8px;border:1px solid #dbe6eb;border-radius:24px;background:#ffffffee;box-shadow:0 18px 45px #173c5030;backdrop-filter:blur(18px)}.student-bottom button{display:grid;place-items:center;gap:3px;border:0;border-radius:17px;background:transparent;color:#5f737e;padding:7px 3px;font-size:9px;font-weight:800}.student-bottom button i{font-size:20px;font-style:normal;line-height:1}.student-bottom button.on{background:#e8f3f6;color:#135e7c}
.student-page-head{padding:23px 22px;margin-bottom:13px;border-radius:26px;background:linear-gradient(145deg,#103e60,#17458b);color:#fff}.student-page-head small{opacity:.65;font-size:10px;font-weight:900;letter-spacing:.1em}.student-page-head h1{margin:7px 0 5px;font-size:25px}.student-page-head p{margin:0;opacity:.72;font-size:11px;line-height:1.6}.student-class-list{display:grid;gap:11px}.student-class-task{padding:19px;border:1px solid #d6e4ea;border-radius:22px;background:#fff}.student-class-task>span{color:#275191;font-size:9px;font-weight:900}.student-class-task h2{font-size:17px;margin:8px 0}.student-class-task p{font-size:11px;color:#72838d;line-height:1.65}.student-class-task button{width:100%;border:0;border-radius:13px;background:#e5f2f5;color:#176581;padding:12px;font-weight:900}.student-class-task.done button{background:#e7f4ee;color:#26715f}
.student-v2 .report-summary{border-radius:27px;padding:27px}.student-v2 .panel{border-radius:22px;background:#ffffffdf}.student-v2 .resource-intro{border-radius:27px;padding:26px}.student-v2 .resource-grid a{border-radius:19px;padding:19px}.student-v2 #selfResult>.agent-loading{background:#ffffffed}.student-v2 .coach-result{border-radius:24px;margin-top:16px;box-shadow:0 14px 30px #1c5a7312}.student-v2 .coach-result .self-result-grid{margin-top:10px}
@media(max-width:520px){body.student-mode .cm-header{background:#f8fbfce8}.student-ask-card{padding:24px 20px 20px;border-radius:27px}.student-ask-card h2{font-size:27px}.student-ask-card textarea{min-height:134px}.student-welcome{margin-top:0}.student-bottom{width:calc(100% - 28px)}.student-promise{padding:19px}.student-page-head{padding:22px 20px}}