:root{--ink:#10274a;--muted:#7e8ba4;--teal:#08a99a;--teal-dark:#047e76;--teal-soft:#e8f8f5;--blue:#1682e8;--yellow:#ffc92f;--line:#dfe8ee;--hand:"Kaiti SC", "STKaiti", "KaiTi", "FangSong", serif}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#fff;margin:0;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}.app-shell{grid-template-columns:clamp(230px,17.8vw,285px) minmax(650px,1fr) clamp(365px,28.2vw,450px);min-height:100vh;display:grid;overflow:hidden}.sidebar{z-index:5;background:#fff;border-right:1px solid #e4edf0;flex-direction:column;height:100vh;padding:44px 16px 30px;display:flex;position:relative}.brand{padding:0 20px 48px;position:relative}.brand strong{color:#064e4a;font-family:var(--hand);letter-spacing:-.06em;white-space:nowrap;font-size:clamp(24px,2vw,32px);font-weight:900;line-height:1.15;display:block}.brand strong:after{content:"";background:var(--yellow);border-radius:50%;width:55px;height:5px;position:absolute;top:38px;right:9px;transform:rotate(-8deg)}.brand span{color:#69768e;font-family:var(--hand);letter-spacing:.05em;margin-top:13px;font-size:18px;display:block}.brand i{background:#8ce0d3;border-radius:50%;width:152px;height:4px;position:absolute;bottom:31px;left:39px;transform:rotate(-2deg)}.sidebar nav{gap:18px;display:grid}.nav-item{color:#233d64;cursor:pointer;background:0 0;border:0;border-radius:20px;align-items:center;gap:22px;height:74px;padding:0 29px;font-size:19px;font-weight:650;transition:background .18s,transform .18s;display:flex;position:relative}.nav-item:hover{background:#f1faf9;transform:translate(2px)}.nav-item svg{width:31px;height:31px}.nav-item.active{color:#008b83;background:linear-gradient(100deg,#eefbf9,#dff6f2)}.nav-item.active:before{content:"";background:#0bb4a5;border-radius:4px;width:5px;height:44px;position:absolute;top:15px;left:-2px}.scope-note{color:#919cb0;white-space:nowrap;margin:auto 32px 0;font-size:15px}.workspace{background-color:#fff;background-image:linear-gradient(#17aa9c0b 1px,#0000 1px),linear-gradient(90deg,#17aa9c0b 1px,#0000 1px);background-size:24px 24px;flex-direction:column;min-width:0;height:100vh;padding:24px 38px;display:flex;position:relative}.workspace-header{flex:none;position:relative}.workspace-header h1{color:#071f40;font-family:var(--hand);letter-spacing:-.07em;white-space:nowrap;margin:56px 0 0;font-size:clamp(43px,3.25vw,55px);font-weight:900;line-height:1.08}.workspace-header h1:after{content:"";background:var(--yellow);border-radius:50%;width:96px;height:9px;margin-bottom:-16px;margin-left:-110px;display:inline-block;transform:rotate(-2deg)}.compact-break{display:none}.workspace-header p{color:#40506f;letter-spacing:.03em;margin:15px 0 0;font-size:clamp(17px,1.35vw,21px)}.new-thread{color:#fff;cursor:pointer;background:linear-gradient(135deg,#08ae9f,#028d85);border:0;border-radius:13px;align-items:center;gap:9px;height:46px;padding:0 18px;font-size:16px;display:flex;position:absolute;top:0;right:0;box-shadow:0 8px 20px #05978b29}.new-thread:hover{transform:translateY(-1px);box-shadow:0 10px 24px #05978b3d}.new-thread svg{width:21px}.subject-grid{flex:none;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px;display:grid}.subject-card{color:#0b3157;cursor:pointer;text-align:left;border:0;border-radius:19px;align-items:center;gap:20px;height:106px;padding:0 25px;transition:transform .18s,box-shadow .18s;display:flex}.subject-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px #15375517}.subject-card.selected{transform:translateY(-2px);box-shadow:0 12px 24px #0c43521a}.subject-card.math{color:#049f8f;background:linear-gradient(135deg,#eefaf8,#dff5f1)}.subject-card.physics{color:#147de0;background:linear-gradient(135deg,#edf7ff,#dceeff)}.subject-card.chemistry{color:#e99a00;background:linear-gradient(135deg,#fff9e8,#fff1c8)}.subject-card strong{color:#0c2c52;font-size:18px}.subject-icon{place-items:center;width:58px;height:58px;display:grid}.subject-icon svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:54px;height:54px}.subject-arrow{color:#153d67;margin-left:auto;font-size:28px;font-weight:300}.conversation{scrollbar-width:thin;scrollbar-color:#c5d7dc transparent;flex:auto;min-height:0;margin:36px 0 14px;padding:0 4px;overflow-y:auto}.message{align-items:flex-start;gap:18px;margin-bottom:24px;display:flex}.user-message{flex-direction:row-reverse;align-items:center}.user-avatar{color:#49627f;background:#f1d1aa;border:5px solid #cfe9ff;border-radius:50%;flex:none;place-items:center;width:54px;height:54px;font-size:12px;font-weight:800;display:grid}.user-message p{color:#173963;background:linear-gradient(105deg,#e4f5ff,#d4edff);border-radius:22px;max-width:78%;margin:0;padding:16px 26px;font-size:16px;line-height:1.65}.assistant-avatar{object-fit:cover;object-position:top;background:#ccece6;border-radius:50%;flex:none;box-shadow:0 0 0 4px #c5f3eb}.assistant-body{min-width:0;max-width:calc(100% - 76px)}.assistant-body header{color:#253d61;margin:0 0 10px;font-size:15px;font-weight:750}.assistant-body header time{color:#a3adbd;margin-left:12px;font-weight:500}.assistant-copy{color:#183861;white-space:pre-wrap;background:#ffffffe6;border:1px solid #dce6eb;border-radius:19px 19px 10px;padding:18px 22px;font-size:16px;line-height:1.72;box-shadow:0 5px 13px #16384b09}.typing-cursor{background:var(--teal);vertical-align:-.15em;width:2px;height:1em;margin-left:3px;animation:1s infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.assistant-body:has(.evidence-row) .assistant-copy{padding-bottom:68px}.evidence-row{color:#5e6d85;background:linear-gradient(90deg,#f7f9fb,#f1f3f4);border:0;border-radius:12px;grid-template-columns:21px minmax(0,1fr) auto auto;align-items:center;gap:9px;min-height:42px;margin:-54px 12px 10px;padding:9px 13px;font-size:12px;text-decoration:none;display:grid;position:relative}.evidence-row:hover{background:#eef8f7}.evidence-row svg{color:#3e587a;width:20px}.evidence-row b{color:#487084;background:#deedf2;border-radius:7px;padding:3px 7px}.evidence-row em{color:#0b8be7;font-style:normal}.demo-conversation{padding-top:2px}.demo-user{margin-left:14%}.demo-assistant{margin-right:1%}.demo-assistant .assistant-copy{padding-bottom:68px}.demo-evidence{grid-template-columns:21px minmax(0,1fr) auto}.demo-followup{color:#15385e;background:linear-gradient(90deg,#f0fbfa,#e2f7f4);border-left:6px solid #12b7a7;border-radius:5px 17px 17px 5px;width:fit-content;max-width:82%;margin:16px 0 0 112px;padding:13px 22px;font-size:15px;font-weight:650}.stream-status{color:#77879d;font-size:13px}.app-error{color:#c74343;flex:none;margin:0 0 7px;font-size:13px}.composer{background:#fffffff5;border:1px solid #dce7eb;border-radius:23px;flex:none;align-items:center;gap:10px;min-height:76px;padding:9px 10px 9px 15px;display:flex;box-shadow:0 10px 28px #14354a12}.composer:focus-within{border-color:#78cfc5;box-shadow:0 12px 30px #089b8e1f}.attach-mark{color:#18395f;background:#f3f6f8;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;display:grid}.attach-mark svg{width:24px;height:24px}.composer input{min-width:0;height:45px;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:15px}.composer input::placeholder{color:#a7afbd}.icon-action{cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;display:grid}.icon-action svg{width:23px;height:23px}.mic-action{color:#17375d;background:#f2f5f7}.send-action{color:#fff;background:linear-gradient(135deg,#0bb8a8,#008e86);box-shadow:0 7px 14px #00918633}.send-action:disabled{opacity:.45;cursor:default}.voice-card{isolation:isolate;color:#fff;background:radial-gradient(circle at 80% 15%,#36ebd485,#0000 31%),linear-gradient(155deg,#08bdad 0%,#00ae9e 55%,#009f92 100%);border-radius:30px 0 0 30px;flex-direction:column;height:100vh;min-height:700px;padding:63px 42px 32px;display:flex;position:relative;overflow:hidden}.voice-card:before,.voice-card:after{content:"";z-index:-1;border:14px solid #49d7ca3b;border-left:0;border-right:0;border-radius:50%;width:240px;height:22px;position:absolute;transform:rotate(-42deg)}.voice-card:before{top:92px;right:-55px}.voice-card:after{top:405px;left:-55px;transform:rotate(-38deg)}.voice-copy{z-index:3;position:relative}.voice-copy h2{font-family:var(--hand);letter-spacing:-.04em;margin:0;font-size:clamp(38px,3.25vw,53px);font-weight:900;line-height:1.12;position:relative}.voice-copy h2:after{content:"";background:#ffd440;border-radius:50%;width:210px;height:7px;position:absolute;bottom:-9px;left:0;transform:rotate(-4deg)}.voice-copy p{margin:29px 0 0;font-size:18px;line-height:1.65}.portrait-wrap{z-index:1;height:48%;position:absolute;top:31%;left:1%;right:-5%}.portrait-wrap img{object-fit:contain;object-position:bottom center;filter:drop-shadow(0 18px 24px #00473f33)}.call-button{z-index:4;color:#039b8e;cursor:pointer;background:#fff;border:0;border-radius:50px;justify-content:center;align-items:center;gap:17px;width:100%;min-height:86px;margin-top:auto;margin-bottom:103px;font-size:20px;font-weight:800;display:flex;position:relative;box-shadow:0 18px 36px #004e4624}.call-button:hover{transform:translateY(-2px);box-shadow:0 21px 40px #004e4633}.call-button svg{fill:currentColor;width:31px;height:31px}.voice-features{z-index:4;color:#fff;text-align:center;grid-template-columns:repeat(3,1fr);align-items:center;font-size:13px;display:grid;position:absolute;bottom:90px;left:27px;right:27px}.voice-features span{border-right:1px solid #ffffff6b;min-height:44px;padding:25px 8px 0}.voice-features span:last-child{border-right:0}.voice-features span:before{content:"○";margin:-24px auto 4px;font-size:22px;display:block}.voice-card small{z-index:4;color:#ffffff94;text-align:center;font-size:11px;position:absolute;bottom:27px;left:15px;right:15px}.history-panel{z-index:15;background:#fffffffa;padding:48px 42px;position:absolute;inset:0}.history-panel header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:22px;display:flex}.history-panel header div{align-items:center;gap:11px;display:flex}.history-panel header svg{width:24px}.history-panel h2{font-family:var(--hand);margin:0;font-size:29px}.history-panel header button,.call-close{cursor:pointer;background:0 0;border:0}.history-list{gap:10px;margin-top:20px;display:grid}.history-list>button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:13px;justify-content:space-between;padding:17px 18px;display:flex}.history-list>button:hover,.history-list>button.active{background:#effaf8;border-color:#78cfc5}.history-list span{color:#9097a5;font-size:12px}.call-overlay{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#051c299e;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.call-modal{text-align:center;background:linear-gradient(160deg,#e7faf6,#fff);border-radius:30px;width:min(460px,100%);min-height:610px;padding:45px 38px 35px;position:relative;box-shadow:0 30px 100px #07132347}.call-close{background:#fff;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:22px;right:22px}.call-portrait{object-fit:cover;object-position:top;background:#0eaa9c;border-radius:50%;box-shadow:0 15px 40px #1a473e2e}.call-modal h2{font-family:var(--hand);margin:20px 0 7px;font-size:31px}.call-boundary{color:#7a8592;margin:0;font-size:13px}.live-caption{color:#4c5969;text-align:left;background:#ffffffc7;border-radius:16px;min-height:145px;margin:26px 0 22px;padding:17px;line-height:1.7;overflow-y:auto}.live-caption p{margin:0 0 10px}.live-caption span{color:#9aa2ad}.call-error{color:#c74343;font-size:13px}.round-call{color:#fff;cursor:pointer;border:0;border-radius:50%;align-content:center;place-items:center;gap:3px;width:82px;height:82px;margin:0 auto;display:grid}.round-call svg{width:25px;height:25px}.round-call span{font-size:11px}.round-call.start{background:#079c8e}.round-call.stop{background:#e45757}@media (max-width:1280px){.app-shell{grid-template-columns:210px minmax(580px,1fr) 350px}.sidebar{padding-inline:13px}.brand{padding-inline:12px}.brand strong{font-size:22px}.brand span{font-size:15px}.nav-item{gap:15px;padding-inline:22px}.workspace{padding-inline:28px}.workspace-header h1{font-size:43px}.subject-card{gap:10px;padding-inline:16px}.subject-icon{width:46px}.voice-card{padding-inline:28px}.voice-copy h2{font-size:40px}}@media (min-width:1041px) and (max-height:800px){.sidebar{padding-top:35px}.brand{padding-bottom:38px}.brand strong:after{top:30px}.brand span{margin-top:9px;font-size:13px}.brand i{bottom:24px}.nav-item{height:66px}.workspace{padding-top:18px;padding-bottom:17px}.workspace-header h1{margin-top:35px;font-size:39px}.workspace-header h1:after{height:6px;margin-bottom:-10px}.workspace-header p{margin-top:9px;font-size:15px}.new-thread{height:42px}.subject-grid{margin-top:18px}.subject-card{height:82px}.subject-icon svg{width:43px;height:43px}.conversation{margin-top:20px;margin-bottom:8px}.message{margin-bottom:16px}.user-avatar{width:48px;height:48px}.user-message p{padding:12px 20px;font-size:14px}.assistant-avatar{width:50px;height:50px}.assistant-body header{margin-bottom:7px;font-size:13px}.assistant-copy{padding:12px 17px;font-size:13px;line-height:1.55}.assistant-body:has(.evidence-row) .assistant-copy{padding-bottom:58px}.evidence-row{min-height:36px;margin-top:-46px;padding-block:6px}.demo-followup{margin-top:9px;padding:9px 17px;font-size:13px}.composer{min-height:64px}.attach-mark,.icon-action{width:44px;height:44px}.voice-card{min-height:0;padding-top:40px}.voice-copy h2{font-size:36px}.voice-copy p{margin-top:22px;font-size:14px}.portrait-wrap{height:49%;top:29%}.call-button{min-height:68px;margin-bottom:92px;font-size:17px}.voice-features{font-size:11px;bottom:73px}.voice-card small{bottom:18px}}@media (max-width:1040px){.app-shell{padding-bottom:74px;display:block;overflow:visible}.sidebar{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff2;border:1px solid #e4e8ef;flex-direction:row;align-items:center;width:100%;height:74px;padding:8px 18px;position:fixed;inset:auto 0 0}.brand,.scope-note{display:none}.sidebar nav{grid-template-columns:1fr 1fr;gap:8px;width:100%}.nav-item{border-radius:15px;justify-content:center;height:56px}.nav-item.active:before{display:none}.workspace{height:auto;min-height:calc(100vh - 74px);padding:28px 24px 25px}.workspace-header h1{margin-top:53px}.conversation{min-height:420px;overflow:visible}.voice-card{border-radius:26px;width:calc(100% - 48px);height:390px;min-height:0;margin:0 24px 24px;padding:35px}.voice-copy h2{font-size:38px}.voice-copy p{font-size:15px}.portrait-wrap{width:43%;height:96%;top:4%;left:auto;right:2%}.call-button{width:50%;min-height:65px;margin:auto 0 63px}.voice-features{width:52%;bottom:54px;right:auto}.voice-card small{width:52%;bottom:18px;right:auto}}@media (max-width:650px){.workspace{background-size:20px 20px;padding:22px 16px 20px}.workspace-header h1{white-space:normal;margin-top:48px;font-size:36px}.compact-break{display:initial}.workspace-header h1:after{width:70px;height:6px;margin-left:-78px}.workspace-header p{font-size:14px}.new-thread{justify-content:center;width:42px;padding:0;font-size:0}.subject-grid{gap:8px;margin-top:22px}.subject-card{border-radius:14px;gap:7px;height:77px;padding:0 9px}.subject-icon{width:34px;height:38px}.subject-icon svg{width:31px;height:31px}.subject-card strong{font-size:14px}.subject-arrow{display:none}.conversation{min-height:410px;margin-top:24px}.demo-user{margin-left:0}.user-message p{max-width:85%;padding:12px 15px;font-size:13px}.user-avatar{border-width:3px;width:42px;height:42px}.message{gap:11px}.assistant-avatar{width:45px;height:45px}.assistant-body{max-width:calc(100% - 56px)}.assistant-copy{padding:14px;font-size:14px}.demo-assistant .assistant-copy{padding-bottom:66px}.evidence-row{grid-template-columns:18px 1fr auto;font-size:10px}.evidence-row b,.evidence-row em{display:none}.demo-followup{max-width:calc(100% - 55px);margin-left:55px;font-size:13px}.composer{gap:6px;min-height:65px;padding-left:9px}.attach-mark,.icon-action{width:43px;height:43px}.composer input{font-size:13px}.voice-card{width:calc(100% - 32px);height:350px;margin:0 16px 18px;padding:26px}.voice-copy h2{font-size:30px}.voice-copy p{font-size:12px}.portrait-wrap{width:58%;right:-7%}.call-button{gap:8px;width:58%;min-height:55px;margin-bottom:50px;font-size:12px}.call-button svg{width:20px}.voice-features{display:none}.voice-card small{width:58%}.history-panel{padding:30px 18px}.call-modal{min-height:560px;padding-inline:22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}