:root{--teal:#36b8c1;--mint:#91dbe0;--bg:#f1f1f1;--blue:#36b8c1;--ink:#121820;--muted:#7e8794;--theme:#36b8c1;--theme-dark:#249fa8;--workspace:#f1f1f1;--workspace-blue:#f1f1f1}
body{background:var(--workspace);color:var(--ink)}
.shell,.home-shell{grid-template-columns:150px 1fr;background:var(--workspace)}
.sidebar,.home-shell .sidebar{background:var(--theme);padding:20px 14px;color:#fff}
.sidebar .brand,.home-shell .sidebar .brand{color:#FFFFFF;font-size:25px;margin:0 6px 22px}
.sidebar .brand-mark,.home-shell .sidebar .brand-mark{width:20px;height:25px;border:3px solid #fff;border-radius:0;transform:none;background:transparent}
.nav,.home-shell .nav{gap:3px}
.nav button,.home-shell .nav button{color:#effdff;background:transparent;font-size:16px;font-weight:400;padding:13px 12px;border-radius:5px}
.nav button:hover,.nav button.active,.home-shell .nav button:hover,.home-shell .nav button.active{background:#ffffff20;color:#fff}
.nav-icon,.nav button.active .nav-icon,.home-shell .nav-icon,.home-shell .nav button.active .nav-icon{width:20px;height:20px;margin-right:6px;background:transparent;color:#fff}
.nav button,.home-shell .nav button{display:flex;align-items:flex-start}.nav-label{min-width:0;display:flex;flex-direction:column;gap:3px;line-height:20px}.nav-label b{font-weight:400}.nav-label small{max-width:86px;color:#e4fbfd;font-size:11px;line-height:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav button.active .nav-label small{color:#fff}
.main{background:var(--workspace);padding-left:20px;padding-right:20px}
.home-shell{background:var(--workspace-blue)}.home-shell .main{background:var(--workspace-blue)}
.primary,.login-btn,.class-btn,.home-head .home-tools>button{background:var(--theme);border-color:var(--theme);color:#fff}
.primary:hover,.class-btn:hover,.home-head .home-tools>button:hover{background:var(--theme-dark);border-color:var(--theme-dark)}
.detail-btn,.hour-plus,.renew-btn{color:var(--theme);border-color:var(--theme)}
.student-search:focus-within,.search:focus{border-color:var(--theme);box-shadow:0 0 0 3px #36b8c124}
.student-form .version-options input{accent-color:var(--theme)}
.progress span{background:var(--theme)}.progress{border:1px solid var(--theme);background:#fff}
.course-stage,.original-study,.sentence-original,.binary-test{background:var(--theme-dark)}
.course-cover{background:linear-gradient(135deg,var(--theme),#82dce2)}
.course-tabs button.active,.recognition-card.learned{background:#bfe9ec}.level.done{outline-color:var(--theme)}
.link-btn,.links button,.module-head h1{color:var(--theme-dark)}
.info-card h3{border-left-color:var(--theme)}
.article-page{background:#bfe3e2}.article-actions button{background:var(--theme-dark)}

/* 精读文章学习页：复刻线上课程页（侧栏由应用外壳继续提供） */
.article-page{min-height:calc(100vh - 20px);margin:-80px -5vw -60px;padding:0 30px 18px;background:#a8d7ce;color:#101d20;display:flex;flex-direction:column;overflow:hidden}
.article-study-head{height:48px;display:flex;align-items:center;gap:8px;font-size:13px;flex:0 0 auto}
.article-study-head .article-back{align-self:stretch;width:49px;margin-left:-12px;border:0;border-radius:4px;background:#40a8e8;color:#fff;font-size:22px;cursor:pointer;box-shadow:none}
.article-study-head b{font-size:12px;font-weight:500}
.article-board{flex:1;min-height:620px;margin:0;padding:12px 22px 22px;border-radius:0 0 10px 10px;background:#d8eff1;box-shadow:none;position:relative;overflow:auto}
.article-board h1{margin:0 0 14px;text-align:center;font-size:16px;line-height:1.4;color:#071216}
.article-meta{display:flex;align-items:center;justify-content:center;gap:7px;font-size:9px;color:#182b2d}
.article-meta .article-rating{display:flex;gap:2px;padding:5px 7px;background:#72d5cb}
.article-rating i{font-style:normal;font-size:19px;line-height:1;color:#effafa}
.article-rating i.active{color:#f8bb36}
.article-meta strong{padding:4px 6px;border-radius:0;background:#7fe2d1;color:#087669;font-size:10px}
.book-count{position:absolute;right:12px;top:2px;display:grid;place-items:center;width:52px;height:58px;background:transparent;color:#4d83d2}
.book-count span{font-size:46px;line-height:1;transform:rotate(16deg)}
.book-count i{position:absolute;right:0;top:10px;min-width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:#f5a31c;color:#fff;font-size:11px;font-style:normal}
.article-body{max-width:none;margin:31px 0 0;font-size:13px;line-height:1.25;color:#061416}
.article-body p{margin:0 0 17px}
.article-actions{display:grid;grid-template-columns:repeat(4,max-content);justify-content:space-between;align-items:center;flex:0 0 42px;padding-top:10px}
.article-actions button{min-width:58px;padding:4px 10px;border:0;border-radius:3px;background:#078c7e;color:#fff;font-size:10px;line-height:1.2;cursor:pointer}
.article-actions button:hover{background:#05766b}
@media(max-width:900px){.article-page{padding-left:16px;padding-right:16px}.article-board{min-height:560px}.article-actions{grid-template-columns:repeat(2,1fr);gap:8px;height:auto;padding-bottom:10px}.article-actions button{width:100%;padding:8px}.book-count{right:4px}.article-body{font-size:14px;line-height:1.45}}

/* article.png 视觉规范 */
.main .topbar:has(+ .article-page){visibility:hidden}
.article-page{min-height:calc(100vh - 20px);margin:-80px 0 -60px;padding:22px 0 28px;background:#f1f1f1;color:#111;display:flex;overflow:hidden}
.article-study-head{height:auto;display:block;flex:0 0 auto;color:#111}
.article-study-head h1{margin:0 0 19px;font-size:20px;line-height:1.4;font-weight:700}
.article-study-head>div{display:flex;align-items:center;gap:20px}
.article-study-head .article-back{width:auto;height:32px;margin:0;padding:0 16px;border:1px solid #35b7c4;border-radius:2px;background:#35b7c4;color:#fff;font-size:14px}
.article-study-head strong{font-size:21px;font-weight:400}
.article-board{flex:1;min-height:0;margin:36px 0 0;padding:18px 30px 32px;border-radius:10px;background:#fff;box-shadow:none;overflow:auto}
.article-board h2{margin:0 0 12px;text-align:center;font-size:36px;line-height:1.35;font-weight:400}
.article-meta{display:flex;align-items:center;justify-content:center;gap:10px;font-size:16px;color:#222}
.article-meta .article-rating{display:flex;gap:3px;padding:0;background:transparent}
.article-rating i{font-size:21px;color:#e4e6e8}
.article-rating i.active{color:#32b6c3}
.article-meta strong{padding:0;background:transparent;color:#333;font-size:20px}
.article-body{max-width:none;margin:21px 0 0;font-size:25px;line-height:1.58;color:#111}
.article-body p{margin:0 0 3px}
.article-actions{display:flex;align-items:center;justify-content:space-between;flex:0 0 46px;padding-top:13px}
.article-actions>div{display:flex;gap:20px}
.article-actions button{min-width:80px;padding:7px 14px;border:1px solid #31b5c3;border-radius:3px;background:#fff;color:#21aaba;font-size:14px;line-height:1.15}
.article-actions button.active{background:#31b5c3;color:#fff}
.article-actions button:hover{background:#31b5c3;color:#fff}
.article-mode-toggle{display:inline-flex;gap:0}
.article-mode-toggle button{min-width:96px;margin:0;border-radius:0}
.article-mode-toggle button:first-child{border-radius:4px 0 0 4px}
.article-mode-toggle button:last-child{margin-left:-1px;border-radius:0 4px 4px 0}
.article-body.word-mode,.article-body.sentence-mode{line-height:1.58}
.article-body.word-mode p,.article-body.sentence-mode p{margin:0 0 3px;line-height:inherit}
@media(max-width:1000px){.article-board h2{font-size:28px}.article-body{font-size:19px}.article-actions>div{gap:8px}.article-actions button{min-width:68px;padding:6px 9px}}
@media(max-width:720px){.article-page{padding:16px 12px}.article-study-head h1{font-size:16px}.article-board{margin-top:20px;padding:16px}.article-body{font-size:16px;line-height:1.5}.article-actions{align-items:stretch;gap:8px}.article-actions>div{display:grid;grid-template-columns:1fr 1fr;flex:1}.article-actions>button{height:auto}}

.article-click-word,.article-click-sentence{position:relative;border-radius:2px;cursor:pointer;transition:background-color .15s;color:inherit}
.article-click-word:hover,.article-click-word.selected,.article-click-sentence:hover{background:#c0e8ea;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
.article-click-sentence.mastered{background:#c0e8ea}
.article-popover{position:fixed;z-index:45;left:0;top:0;width:max-content;min-width:208px;max-width:min(390px,calc(100vw - 24px));padding:15px 16px 38px;border-radius:0 0 9px 9px;background:#FFFEEB;color:#111;text-align:left;text-decoration:none!important;font-size:inherit;line-height:1.35;box-shadow:0 8px 24px #17383b22;cursor:default;visibility:hidden}
.article-popover>b,.article-popover>span:not(.article-popover-tools){display:block;font-size:inherit;font-weight:400;text-decoration:none}
.article-popover>span:not(.article-popover-tools){margin-top:6px}
.article-popover-tools{position:absolute;right:10px;bottom:8px;display:flex;align-items:center;gap:7px}
.article-popover-tools button{display:grid;place-items:center;width:22px;height:22px;padding:0;border:0;background:transparent;color:#22aeba;font-size:20px;line-height:1;cursor:pointer}
.article-popover-tools button:first-child{font-size:15px}
.article-popover-tools button.done{color:#0a887d}
.article-board,.article-body{overflow-x:hidden}
.article-popover{overflow-x:hidden;overflow-y:auto;overflow-wrap:anywhere}
.sentence-mode .article-click-sentence{display:inline}
.reading-review-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;padding:24px}
.reading-review-list article{display:grid;grid-template-columns:1fr auto;gap:6px 14px;padding:18px;border:1px solid #d8e8e9;border-radius:8px;background:#fff}
.reading-review-list article b{font-size:21px}.reading-review-list article span{grid-column:1}.reading-review-list article button{grid-column:2;grid-row:1/3;border:0;background:transparent;color:#15a5ae;cursor:pointer}
.top-search{color:var(--theme-dark)}
.modal input:focus,.modal select:focus{outline:2px solid #36b8c14a;border-color:var(--theme)}
.toast{background:#3b3b3b}
.analysis-drawer article>p{font-size:18px}
.knowledge-text{font-size:18px;line-height:calc(1.2em + 5px)}
.article-full-translation{margin-top:22px;font-size:18px;line-height:1.9;color:#27343a;word-break:break-word}
.article-panel-mask{position:fixed;z-index:39;inset:0;background:#0d29362e}
.question-drawer{width:min(550px,90vw);padding:38px 24px 80px}
.question-drawer>h2{margin:5px 0 20px;font-size:36px;font-weight:500}
.article-question-tabs{display:flex;overflow-x:auto;margin-bottom:28px}
.article-question-tabs button{flex:0 0 74px;padding:7px 10px;border:1px solid #2cb8c2;border-right:0;background:#fff;color:#1aaab6;cursor:pointer}
.article-question-tabs button:first-child{border-radius:4px 0 0 4px}.article-question-tabs button:last-child{border-right:1px solid #2cb8c2;border-radius:0 4px 4px 0}
.article-question-tabs button.active{background:#35b7c0;color:#fff}
.question-drawer .article-question-card{padding:0;border:0}
.article-question-card h3{margin:0 0 18px;font-size:25px;line-height:1.45}
.article-question-options{display:grid;gap:20px}
.article-question-options button{width:100%;padding:10px 18px;border:1px solid #26bac5;border-radius:28px;background:#fff;color:#333;text-align:left;font-size:24px;cursor:pointer}
.article-question-options button:not(.selected):not(.wrong):hover{color:#38B6BF}
.article-question-options button.selected{background:#38b6bf;color:#fff;font-weight:700}
.article-question-options button.wrong{border-color:#F75757;background:#F75757;color:#fff;font-weight:700}
.article-question-card details{margin-top:42px;font-size:18px}.article-question-card summary{cursor:pointer}.article-question-card details p{margin:18px 24px;line-height:1.55}
.article-question-nav{position:absolute;right:24px;bottom:56px;left:24px;display:flex;justify-content:space-between}
.article-question-nav button{padding:6px 16px;border:1px solid #28b4bf;background:#fff;color:#1cabb6;cursor:pointer}.article-question-nav button:disabled{opacity:.35;cursor:not-allowed}
@media(max-width:800px){.shell,.home-shell{grid-template-columns:76px 1fr}.sidebar,.home-shell .sidebar{padding:20px 9px}}

/* 课程配置 */
.config-menu-trigger{position:relative}.config-arrow{margin-left:auto;font-size:13px}.config-submenu{display:grid;background:#24959d;border-top:1px solid #ffffff22;border-bottom:1px solid #ffffff22}.config-submenu button{height:48px;padding-left:55px;border:0;background:transparent;color:#eaffff;text-align:left;font-size:15px;cursor:pointer}.config-submenu button:hover,.config-submenu button.active{background:#197b83;color:#fff}.config-shell .main{background:#f5f6f8}.config-shell .topbar{display:none}.config-page{min-height:100vh;padding:28px 30px;background:#fff}.config-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.config-head h1{margin:0;font-size:20px}.config-head>div{display:flex;gap:10px}.config-head form{display:flex}.config-head input{width:240px;height:34px;padding:0 12px;border:1px solid #d5dce5}.config-head form button,.config-head>div>button{height:34px;padding:0 16px;border:1px solid #35b7c4;border-radius:2px;background:#35b7c4;color:#fff;cursor:pointer}.config-head .outline{background:#fff;color:#24a8b5}.config-table-wrap{overflow:auto}.config-table{width:100%;border-collapse:collapse;font-size:14px}.config-table th{height:40px;background:#f0f1f2;color:#737b89;text-align:left;font-weight:500}.config-table td{height:54px;border-bottom:1px solid #e3e7ec;color:#30343b}.config-table tbody tr:nth-child(even){background:#fafbfc}.config-table th:first-child,.config-table td:first-child{width:46px;text-align:center}.config-table img,.course-image-placeholder{display:grid;place-items:center;width:50px;height:36px;border-radius:4px;object-fit:cover}.course-image-placeholder{background:linear-gradient(135deg,#35b7c4,#77d5dc);color:#fff;font-size:12px;font-weight:700}.status-switch{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;color:#888;cursor:pointer}.status-switch i{position:relative;width:39px;height:21px;border-radius:12px;background:#b8bdc5}.status-switch i:after{content:'';position:absolute;top:2px;left:2px;width:17px;height:17px;border-radius:50%;background:#fff;transition:.2s}.status-switch.on{color:#222}.status-switch.on i{background:#36b9c4}.status-switch.on i:after{left:20px}.config-ops{display:flex;gap:12px}.config-ops button{padding:0;border:0;background:transparent;color:#18a9b6;cursor:pointer}.config-footer{padding-top:16px;color:#626a76}.config-empty{height:160px!important;text-align:center;color:#9aa2ad!important}
.config-modal{width:min(650px,92vw)}.config-modal h2,.level-modal h2{margin:0 0 25px}.config-modal h2{padding-bottom:15px;border-bottom:1px solid #e5e8ed}.config-course-form{display:grid;gap:20px}.config-course-form>label{display:grid;grid-template-columns:105px 1fr;align-items:center}.config-course-form>label>span,.config-course-form legend{color:#59616d}.config-course-form em{color:#ef5350;font-style:normal}.config-course-form input[type=text],.config-course-form>label>input{height:38px;padding:0 12px;border:1px solid #d7dce3;border-radius:3px}.config-course-form fieldset{display:flex;gap:28px;margin:0;padding:0 0 0 105px;border:0}.config-course-form legend{float:left;width:105px;margin-left:-105px}.config-upload{position:relative;display:grid;place-items:center;width:112px;height:78px;border:1px dashed #b7c0ca;border-radius:4px;overflow:hidden;color:#84909e;font-size:28px}.config-upload img{width:100%;height:100%;object-fit:cover}.config-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}.config-course-form small{grid-column:2;margin-top:5px;color:#99a1ab}.level-modal{width:min(820px,94vw);max-height:88vh;display:flex;flex-direction:column}.level-modal h2 small{margin-left:10px;color:#88919c;font-size:14px;font-weight:400}.level-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.level-toolbar button{padding:7px 14px;border:1px solid #35b7c4;background:#35b7c4;color:#fff;cursor:pointer}.level-list{display:grid;gap:14px;overflow:auto;padding-right:6px}.level-editor{padding:15px 18px;border:1px solid #e0e5ea;border-radius:5px;background:#fafbfc}.level-editor header{display:flex;justify-content:space-between;margin-bottom:14px}.level-editor header button{border:0;background:transparent;color:#e05252;cursor:pointer}.level-editor>label{display:grid;grid-template-columns:86px 1fr;align-items:start;margin-top:10px;color:#626b76}.level-editor input,.level-editor textarea{padding:9px 11px;border:1px solid #d5dbe2;border-radius:3px;font:inherit;resize:vertical}.level-empty{padding:55px;text-align:center;color:#929ba7}.level-modal .modal-actions{margin-top:18px}
@media(max-width:800px){.config-page{padding:20px 14px}.config-head{align-items:flex-start;gap:14px}.config-head>div{flex-wrap:wrap;justify-content:flex-end}.config-head input{width:160px}.config-table{min-width:900px}.config-submenu button{padding-left:20px;text-align:center}.config-course-form>label{grid-template-columns:1fr}.config-course-form fieldset{padding-left:0}.config-course-form legend{float:none;width:auto;margin:0 0 10px}.config-course-form small{grid-column:1}}
.account-table{min-width:1020px}.account-table th:nth-child(2){min-width:145px}.account-table th:nth-child(7){min-width:175px}.account-table th:last-child{min-width:150px}.account-modal{width:min(620px,92vw)}.account-modal h2{margin:0 0 24px;padding-bottom:15px;border-bottom:1px solid #e5e8ed}.account-modal h2 small{margin-left:8px;color:#8c949e;font-size:14px;font-weight:400}.account-form{display:grid;gap:18px}.account-form label{display:grid;grid-template-columns:110px 1fr;align-items:center;margin:0}.account-form span,.account-config-form legend{color:#59616d}.account-form em{color:#ef5350;font-style:normal}.account-form input,.account-form select{height:40px;padding:0 12px;border:1px solid #d7dce3;border-radius:3px;background:#fff}.account-config-form fieldset{margin:0 0 24px;padding:0;border:0}.account-config-form legend{margin-bottom:12px}.account-menu-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.account-type-options{display:flex;gap:12px}.account-menu-options label,.account-type-options label{display:flex;align-items:center;gap:7px;margin:0;padding:10px 12px;border:1px solid #dce2e8;border-radius:4px;cursor:pointer}.account-menu-options input,.account-type-options input{accent-color:#35b7c4}.account-detail{margin:0}.account-detail div{display:grid;grid-template-columns:100px 1fr;padding:12px 6px;border-bottom:1px solid #edf0f3}.account-detail dt{color:#7c8590}.account-detail dd{margin:0;color:#30343b}.account-modal .modal-actions{margin-top:24px}@media(max-width:800px){.account-form label{grid-template-columns:1fr;gap:7px}.account-menu-options{grid-template-columns:1fr 1fr}}
.login-form{display:flex;flex-direction:column;align-items:flex-start}.login-options{width:330px;display:flex;align-items:center;justify-content:space-between;margin:-10px 0 24px;color:#687d84;font-size:14px}.login-options label{display:flex;align-items:center;gap:5px;cursor:pointer}.login-options input{width:16px;height:16px;margin:0;accent-color:var(--theme)}.login-options button{padding:0;border:0;background:transparent;color:#168f95;cursor:pointer}.login-options button:hover{text-decoration:underline}.center-toast{position:fixed;z-index:100;left:50%;top:50%;transform:translate(-50%,-50%);padding:15px 25px;border-radius:8px;background:#20383eeb;color:#fff;box-shadow:0 12px 40px #0003;animation:center-toast-in .18s ease-out}@keyframes center-toast-in{from{opacity:0;transform:translate(-50%,-44%)}to{opacity:1;transform:translate(-50%,-50%)}}
.word-level-count{margin-left:24px;color:#a5a6a8;font-size:20px;vertical-align:middle}.english-only-tip{flex-basis:100%;margin-top:1px;color:#a1a6ad;font-size:12px}
.config-head .sort-toggle{background:#fff;color:#24a8b5}.config-head .sort-toggle.active{background:#249fa8;color:#fff}.config-table .sort-column{width:92px;text-align:center}.config-table .sort-actions{white-space:nowrap;text-align:center}.sort-actions button{display:inline-grid;place-items:center;width:28px;height:28px;margin:0 3px;padding:0;border:1px solid #35b7c4;border-radius:4px;background:#fff;color:#21aab7;font-size:18px;line-height:1;cursor:pointer}.sort-actions button:hover:not(:disabled){background:#35b7c4;color:#fff}.sort-actions button:disabled{border-color:#d7dce3;color:#bdc3ca;cursor:not-allowed}
.nav .config-menu-trigger.open{background:#ffffff20;color:#fff}.config-menu-trigger .config-arrow{transition:transform .18s ease}.config-submenu{overflow:hidden;border-radius:4px;animation:config-submenu-in .16s ease-out}.home-shell .nav .config-submenu button{height:48px;padding:0 0 0 55px;text-align:left;justify-content:flex-start;font-size:15px}@keyframes config-submenu-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
.reading-question-drawer .question-level-select select,.reading-question-drawer .question-edit-box>label>input[type=text]{height:38px;padding:0 12px;border:1px solid #d7dce3;border-radius:4px;background:#fff;color:#30343b;font-size:14px;outline:none;transition:border-color .18s,box-shadow .18s}.reading-question-drawer .question-level-select select{width:300px;padding-right:34px;cursor:pointer}.reading-question-drawer .question-level-select select:hover,.reading-question-drawer .question-edit-box>label>input[type=text]:hover{border-color:#b8c1cc}.reading-question-drawer .question-level-select select:focus,.reading-question-drawer .question-edit-box>label>input[type=text]:focus{border-color:#35b7c4;box-shadow:0 0 0 3px #35b7c426}.reading-question-drawer .question-edit-box>label>input[type=text]::placeholder{color:#a5adb8}
.reading-question-drawer>header{flex:0 0 auto}.question-level-select{display:flex;align-items:center;gap:12px;margin:0 0 10px}.question-level-select select{width:300px;height:27px;border:1px solid #92979c;background:#fff}.question-article-preview{max-height:142px;margin-left:42px;padding:14px 10px;border-radius:10px;background:#f4f4f4;overflow:auto}.question-article-preview h3{margin:0 0 8px;text-align:center;font-size:14px;font-weight:500}.question-article-preview p{margin:0;white-space:pre-wrap;font-size:14px;line-height:1.55}.question-drawer-main{flex:1;min-height:0;margin-top:25px;overflow:auto}.question-toolbar{display:flex;align-items:center;gap:20px;margin-bottom:20px}.question-toolbar>b{font-size:15px}.question-toolbar button{padding:5px 15px;border:1px solid #32b7c2;border-radius:2px;background:#32b7c2;color:#fff;cursor:pointer}.question-toolbar span{color:#a2a4a7;font-size:16px}.question-editor-list{display:grid;gap:22px;padding:0 0 20px 42px}.question-card-heading{display:flex;align-items:center;gap:20px;margin-bottom:14px}.question-card-heading>b{font-size:14px;font-weight:500}.question-card-heading>button{padding:4px 14px;border:1px solid #2db5c1;border-radius:3px;background:#fff;color:#1aaab6;cursor:pointer}.question-edit-box{display:grid;gap:20px;min-height:250px;padding:15px 20px 24px;border-radius:10px;background:#f4f4f4}.question-edit-box>label{display:grid;grid-template-columns:77px 1fr;align-items:center}.question-edit-box>label>span,.question-options-field>strong{font-size:14px;font-weight:500}.question-edit-box input[type=text]{height:29px;padding:0 10px;border:0;border-radius:4px;background:#fff;outline:none}.question-edit-box input[type=text]:focus{box-shadow:0 0 0 2px #35b7c440}.question-options-field{display:grid;grid-template-columns:77px 1fr;align-items:start}.question-options-field>strong{padding-top:7px}.question-options-field>div{display:grid;gap:10px}.question-option-row{display:grid;grid-template-columns:25px 1fr 110px 25px;align-items:center;min-height:29px;padding:0 8px;border-radius:4px;background:#fff}.question-option-row>b{font-weight:400}.question-option-row>span{display:flex;align-items:center;color:#74787d;font-size:13px}.question-option-row input[type=radio]{accent-color:#31b7c2}.question-option-row>button{border:0;background:transparent;color:#a1a6ab;font-size:18px;cursor:pointer}.add-question-option{justify-self:start;width:35px;height:27px;border:1px solid #31b7c2;border-radius:3px;background:#fff;color:#1aabb7;font-size:20px;line-height:1;cursor:pointer}@media(max-width:800px){.question-article-preview,.question-editor-list{margin-left:0;padding-left:0}.question-level-select select{width:min(300px,70vw)}.question-edit-box>label,.question-options-field{grid-template-columns:1fr;gap:7px}.question-option-row{grid-template-columns:22px 1fr 95px 22px}}
.reading-drawer-levels{margin-top:24px}.reading-level-editor{margin-bottom:26px}.reading-edit-box{display:grid;gap:12px;padding:15px 20px 20px;border-radius:10px;background:#f4f4f4}.reading-edit-box label{display:grid;grid-template-columns:77px 1fr;align-items:start;margin:0}.reading-edit-box label>span,.reading-analysis-fields>strong{padding-top:7px;color:#24282d;font-size:14px;font-weight:500}.reading-edit-box input,.reading-edit-box textarea{width:100%;padding:7px 11px;border:0;border-radius:4px;background:#fff;color:#24282d;font:inherit;outline:none;resize:vertical}.reading-edit-box input{height:30px}.reading-edit-box textarea:focus,.reading-edit-box input:focus{box-shadow:0 0 0 2px #35b7c440}.reading-content-field textarea{min-height:130px}.reading-analysis-fields{display:grid;grid-template-columns:77px 1fr;gap:12px 0}.reading-analysis-fields>strong{grid-row:1/4}.reading-analysis-fields label{grid-column:2;grid-template-columns:48px 1fr}.reading-knowledge-field textarea{min-height:130px}.reading-level-drawer .word-drawer-levels{padding-bottom:18px}@media(max-width:800px){.reading-edit-box{padding:14px}.reading-edit-box label,.reading-analysis-fields{grid-template-columns:1fr}.reading-analysis-fields>strong{grid-row:auto}.reading-analysis-fields label{grid-column:auto;grid-template-columns:1fr}.reading-edit-box label>span,.reading-analysis-fields>strong{padding:0 0 6px}}
.word-level-mask{left:150px;background:#00000012;place-items:stretch;backdrop-filter:none}.word-level-drawer{position:relative;display:flex;flex-direction:column;width:100%;height:100vh;padding:28px 30px 0;background:#fff;box-shadow:-12px 0 34px #2a3a4418;overflow:hidden}.word-level-drawer>header{flex:0 0 auto}.word-level-drawer h2{margin:0 0 18px;color:#20252b;font-size:29px;font-weight:500}.word-level-drawer h2 small{margin-left:12px;color:#a1a5aa;font-size:15px;font-weight:400}.word-drawer-x{position:absolute;right:27px;top:25px;border:0;background:transparent;color:#74797e;font-size:33px;line-height:1;cursor:pointer}.word-add-level{padding:6px 15px;border:1px solid #33b8c3;border-radius:2px;background:#33b8c3;color:#fff;font-size:14px;cursor:pointer}.word-drawer-levels{flex:1;min-height:0;margin-top:24px;padding-right:2px;overflow:auto}.word-drawer-level{margin-bottom:22px}.word-level-heading{display:flex;align-items:center;gap:20px;margin-bottom:14px}.word-level-heading b{font-size:16px;font-weight:500}.word-level-heading button{padding:4px 15px;border:1px solid #2eb4c0;border-radius:3px;background:#fff;color:#1ba8b5;cursor:pointer}.word-chip-box{display:grid;grid-template-columns:52px 1fr;align-items:start;min-height:70px;padding:20px;border-radius:10px;background:#f4f4f4}.word-chip-box>strong{padding-top:2px;font-size:15px;font-weight:500}.word-chip-list{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.word-chip-list>span{display:inline-flex;align-items:center;gap:9px;padding:4px 10px;border-radius:5px;background:#fff;color:#25292e;font-size:17px;line-height:1.3;box-shadow:0 1px 2px #00000008}.word-chip-list>span button{padding:0;border:0;background:transparent;color:#a3a7ac;font-size:18px;line-height:1;cursor:pointer}.word-chip-input{width:170px;height:29px;padding:0 10px;border:0;border-radius:4px;background:#fff;font-size:12px;outline:none}.word-chip-input:focus{box-shadow:0 0 0 2px #35b7c440}.word-level-drawer>footer{display:flex;flex:0 0 70px;align-items:center;justify-content:flex-end;gap:20px;border-top:1px solid #f0f1f2;background:#fff}.word-level-drawer>footer button{height:28px;padding:0 16px;border-radius:3px;font-size:14px;cursor:pointer}.word-level-drawer>footer .outline{border:1px solid #2db5c1;background:#fff;color:#1aaab6}.word-level-drawer>footer .primary{border:1px solid #31b7c2;background:#31b7c2;color:#fff}@media(max-width:800px){.word-level-mask{left:76px}.word-level-drawer{padding:22px 16px 0}.word-level-drawer h2{font-size:23px}.word-chip-box{grid-template-columns:1fr;gap:10px;padding:15px}.word-drawer-x{right:15px}.word-level-drawer>footer{flex-basis:62px}}
.reading-question-drawer .question-edit-box>label>input[type=text]{height:29px;padding:0 10px;border:0!important;border-radius:4px;background:#fff;box-shadow:none;color:#30343b;font-size:13px}
.reading-question-drawer .question-edit-box>label>input[type=text]:hover,.reading-question-drawer .question-edit-box>label>input[type=text]:focus{border:0!important;outline:0;box-shadow:none!important}
.reading-question-drawer .question-drawer-main{display:flex;flex-direction:column;overflow:hidden}.reading-question-drawer .question-toolbar{flex:0 0 auto;margin-bottom:14px;padding-bottom:6px;background:#fff}.reading-question-drawer .question-editor-list{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-top:6px;padding-right:8px}
.reading-question-drawer input.question-text,.reading-question-drawer input.question-explain{display:block;width:100%;height:29px!important;padding:0 10px!important;border:0!important;border-radius:4px!important;outline:0!important;appearance:none;background:#fff!important;box-shadow:none!important;color:#30343b;font-size:13px!important;line-height:29px}.reading-question-drawer input.question-text:hover,.reading-question-drawer input.question-text:focus,.reading-question-drawer input.question-explain:hover,.reading-question-drawer input.question-explain:focus{border:0!important;outline:0!important;box-shadow:none!important}
.word-level-heading .word-sort-toggle{border-color:#35b7c4;color:#1ba8b5}.word-level-heading .word-sort-toggle.active{background:#35b7c4;color:#fff}.word-chip-list>span{position:relative;border:1px solid transparent;transition:border-color .16s ease,box-shadow .16s ease,opacity .16s ease}.word-chip-list>span:hover,.word-chip-list>span.editing{border-color:#35b7c4;box-shadow:0 0 0 2px #35b7c41f}.word-chip-list>span:not(.sortable){cursor:text}.word-chip-edit{width:clamp(160px,40vw,620px);max-width:70vw;height:25px;padding:0;border:0;background:transparent;color:#25292e;font:inherit;outline:none}.word-chip-list.sorting>span.sortable{cursor:grab;user-select:none;border-color:#9bdce2}.word-chip-list.sorting>span.sortable:active{cursor:grabbing}.word-chip-list>span.dragging{opacity:.38}.word-chip-list>span.drop-before::before,.word-chip-list>span.drop-after::after{position:absolute;top:-4px;bottom:-4px;width:3px;border-radius:2px;background:#35b7c4;content:""}.word-chip-list>span.drop-before::before{left:-6px}.word-chip-list>span.drop-after::after{right:-6px}.word-chip-list.sorting .word-chip-input{opacity:.55;cursor:not-allowed}
.config-upload{width:112px;height:112px;aspect-ratio:1/1}
.config-table img,.config-table .course-image-placeholder{width:50px;height:50px;aspect-ratio:1/1;object-fit:cover}
.config-head .config-version-filter{width:148px;height:34px;padding:0 12px;border:1px solid #d5dce5;background:#fff;color:#30343b;font-size:inherit}
.config-course-form fieldset{flex-wrap:wrap;row-gap:10px}.config-course-form fieldset label{white-space:nowrap}
.login-account-field{position:relative;width:330px}.login-account-field .field{width:100%;box-sizing:border-box}.login-account-history{position:absolute;z-index:20;top:calc(100% - 25px);left:0;right:0;max-height:184px;padding:5px 0;overflow:auto;border:1px solid #d7dce3;border-radius:4px;background:#fff;box-shadow:0 8px 18px #20383e22}.login-account-history[hidden]{display:none}.login-account-history button{display:block;width:100%;padding:9px 14px;border:0;background:#fff;color:#30343b;text-align:left;font:inherit;cursor:pointer}.login-account-history button:hover{background:#f1fafb;color:#168f95}
.login-form .field:focus{border-color:#36B8C1;outline:none}
.student-search,.catalog-search-wrap,.config-head form{width:300px!important;height:36px!important;display:flex;align-items:center;overflow:hidden;border:1px solid #E2E6EC!important;border-radius:4px;background:#fff;box-shadow:none!important}.student-search:focus-within,.catalog-search-wrap:focus-within,.config-head form:focus-within{border-color:#36B8C1!important;box-shadow:none!important}.student-search input,.catalog-search-wrap .catalog-search,.config-head form input{flex:1;min-width:0;width:auto!important;height:34px!important;margin:0!important;padding:0 12px!important;border:0!important;border-radius:0!important;background:#fff;color:#E2E6EC;font-size:14px;outline:none;box-shadow:none!important}.student-search input::placeholder,.catalog-search-wrap .catalog-search::placeholder,.config-head form input::placeholder{color:#E2E6EC;opacity:1}.student-search button,.catalog-search-wrap button,.config-head form button{position:relative;display:grid;flex:0 0 36px;place-items:center;width:36px!important;height:34px!important;margin:0!important;padding:0!important;border:0!important;border-left:0!important;background:#fff!important;color:#E2E6EC;font-size:0!important;cursor:pointer}.student-search button::before,.catalog-search-wrap button::before,.config-head form button::before{width:13px;height:13px;border:2px solid currentColor;border-radius:50%;content:''}.student-search button::after,.catalog-search-wrap button::after,.config-head form button::after{position:absolute;width:7px;height:2px;border-radius:2px;background:currentColor;transform:translate(7px,7px) rotate(45deg);content:''}.student-search button:hover,.catalog-search-wrap button:hover,.config-head form button:hover{background:#fff!important;color:#36B8C1}
.student-search button::before,.catalog-search-wrap button::before,.config-head form button::before{width:30px;height:30px;border:0;border-radius:0;background:currentColor;-webkit-mask:url('search.png') center/contain no-repeat;mask:url('search.png') center/contain no-repeat}.student-search button::after,.catalog-search-wrap button::after,.config-head form button::after{display:none}.student-search input,.catalog-search-wrap .catalog-search,.config-head form input{color:#3F3F3F}.student-search input::placeholder,.catalog-search-wrap .catalog-search::placeholder,.config-head form input::placeholder{color:#9B9B9B}
.student-search,.catalog-search-wrap,.config-head form{border-radius:5px!important}.student-search button::before,.catalog-search-wrap button::before,.config-head form button::before{transform:translateX(-5px)}.home-head .home-tools>button,.config-head>div>button{height:36px!important;border-radius:5px!important}
.student-search input,.catalog-search-wrap .catalog-search,.config-head form input{padding-left:10px!important;font-size:16px!important}
.student-search button,.catalog-search-wrap button,.config-head form button{color:#E2E6EC!important}.student-search button:hover,.catalog-search-wrap button:hover,.config-head form button:hover{color:#36B8C1!important}.config-head .config-version-filter{border-radius:5px;color:#3F3F3F}
.config-head .config-version-filter{padding-left:10px}
.config-version-filter-control{position:relative;width:148px;height:36px}.config-version-filter-trigger{position:relative;width:100%;height:36px;padding:0 30px 0 10px;border:1px solid #d5dce5;border-radius:5px;background:#fff;color:#3F3F3F;font:inherit;text-align:left;cursor:pointer}.config-version-filter-trigger i{position:absolute;top:50%;right:10px;width:7px;height:7px;border-right:1px solid #7d8792;border-bottom:1px solid #7d8792;transform:translateY(-70%) rotate(45deg)}.config-version-filter-menu{position:absolute;z-index:30;top:100%;left:0;width:100%;padding:3px 0;border:1px solid #d5dce5;border-radius:0 0 5px 5px;background:#fff;box-shadow:0 7px 16px #20383e1f;display:none}.config-version-filter-control.open .config-version-filter-trigger{border-color:#36B8C1;border-radius:5px 5px 0 0}.config-version-filter-control.open .config-version-filter-menu{display:block}.config-version-filter-menu button{display:block;width:100%;height:32px;padding:0 10px;border:0;background:#fff;color:#3F3F3F;font:inherit;text-align:left;cursor:pointer}.config-version-filter-menu button:hover,.config-version-filter-menu button.selected{background:#35B7C4;color:#fff}
.modal{position:relative;padding:30px;border-radius:6px;box-shadow:0 16px 42px #20383e24}.modal h2{margin:0 0 28px;color:#30343b;font-size:24px;font-weight:600}.modal-x{position:absolute;top:19px;right:22px;float:none;padding:0;border:0;background:transparent;color:#7d858d;font-size:30px;line-height:1;cursor:pointer}.modal-x:hover{color:#35B7C4}.config-course-form>label,.account-form label{align-items:start}.config-course-form>label>span,.account-form label>span{padding-top:10px}.config-course-form legend{padding-top:8px}.config-course-form fieldset{align-items:flex-start}.modal .modal-actions{margin-top:42px;gap:20px}.modal .modal-actions .back,.modal .modal-actions .primary{min-width:60px;height:32px;margin:0;padding:0 14px;border-radius:4px;font-size:14px;line-height:30px}.modal .modal-actions .back{border:1px solid #35B7C4;background:#fff;color:#27a9b5}.modal .modal-actions .primary{border:1px solid #35B7C4;background:#35B7C4;color:#fff}.modal .modal-actions .back:hover{background:#eefafa}.modal .modal-actions .primary:hover{border-color:#249fa8;background:#249fa8}
.config-modal h2,.account-modal h2{padding:0;border-bottom:0}
.config-modal{width:650px;min-height:574px;padding:30px;border-radius:0}.config-modal h2{margin-bottom:54px}.config-modal .config-course-form{gap:40px}.config-modal .config-course-form>label{grid-template-columns:96px 1fr}.config-modal .config-course-form>label>span{padding-top:8px}.config-modal .config-course-form fieldset{gap:28px;padding-left:96px}.config-modal .config-course-form legend{width:96px;margin-left:-96px;padding-top:5px}.config-modal .config-course-form input[type=text],.config-modal .config-course-form>label>input{height:36px;border-radius:5px}.config-modal .config-upload{width:100px;height:100px;border-radius:4px}.config-modal .config-course-form small{margin:-27px 0 0 116px;color:#b0b7c0}.config-modal .modal-actions{position:absolute;right:24px;bottom:24px;margin:0;gap:20px}.config-modal .modal-actions .back,.config-modal .modal-actions .primary{width:80px;height:36px;padding:0;border-radius:3px;line-height:34px}
.config-modal{height:auto;min-height:0}.config-modal .modal-actions{position:static;justify-content:flex-end;margin:42px 0 0}.config-modal .modal-actions .back,.config-modal .modal-actions .primary{flex:0 0 80px}
.config-modal h2{margin-bottom:43px}.config-modal .config-course-form>label{margin:0}.config-modal .config-course-form fieldset{display:block;position:relative;margin:0;padding:0 0 0 96px}.config-modal .config-course-form legend{position:absolute;top:0;left:0;margin:0}.config-modal .config-course-form fieldset label{display:inline-flex;align-items:center;margin:0 28px 26px 0;white-space:nowrap}.config-modal .config-course-form fieldset:first-of-type{margin-top:0;margin-bottom:-26px}
.config-modal .config-course-form fieldset:first-of-type label:last-child{margin-bottom:0}.config-modal .config-course-form fieldset:last-of-type{white-space:nowrap}.config-modal .config-course-form fieldset:last-of-type label{margin-bottom:0}
.modal .config-course-form,.modal .account-form{row-gap:40px}.modal .student-form{row-gap:40px}
.config-modal .config-course-form legend{display:flex;align-items:center;height:20px}.config-modal .config-course-form fieldset:first-of-type legend{top:0}.config-modal .config-course-form fieldset:last-of-type legend{top:50%;transform:translateY(-50%)}.config-modal .config-course-form>label:has(.config-upload)>span{padding-top:0}.config-modal .config-course-form small{margin-top:-17px}.modal .config-course-form em,.modal .account-form em{margin-left:4px}
.modal,.config-modal{border-radius:10px}
.config-modal .config-course-form fieldset:first-of-type legend,.config-modal .config-course-form fieldset:last-of-type legend{top:0;transform:none}
.config-modal .config-course-form input[type=radio]{accent-color:#35B7C4}.modal .modal-actions .back,.modal .modal-actions .primary{border-radius:5px}
.config-modal .config-course-form fieldset legend{transform:translateY(-2px)!important}
.config-modal .config-course-form input[type=radio]{appearance:none;width:14px;height:14px;margin:0 6px 0 0;border:1px solid #8e98a4;border-radius:50%;background:#fff;vertical-align:-2px;cursor:pointer}.config-modal .config-course-form input[type=radio]:checked{border-color:#35B7C4;background:#35B7C4;box-shadow:none}.config-modal .config-course-form input[type=radio]:checked::after{display:block;width:3px;height:3px;margin:4.5px;border-radius:50%;background:#fff;content:''}
.config-modal .config-course-form input[type=radio]{width:16px;height:16px}.config-modal .config-course-form input[type=radio]:checked{border:4px solid #35B7C4;background:#fff;box-shadow:none}.config-modal .config-course-form input[type=radio]:checked::after{display:none}
.config-modal .config-course-form input[type=radio]:checked{border:1px solid #35B7C4;background:#fff}.config-modal .config-course-form input[type=radio]:checked::after{display:block;width:10px;height:10px;margin:2px;border-radius:50%;background:#35B7C4;content:''}
.config-modal .config-course-form input[type=radio]:checked{box-shadow:none!important}
.config-modal .config-course-form input[type=radio]:focus,.config-modal .config-course-form input[type=radio]:focus-visible{outline:none!important;box-shadow:none!important}
.account-modal:has(.account-config-form){width:650px;min-height:0;padding:30px}.account-modal:has(.account-config-form) h2{margin:0 0 43px}.account-config-form{display:grid;gap:40px}.account-config-form fieldset{position:relative;margin:0;padding:0 0 0 96px;border:0}.account-config-form legend{position:absolute;top:0;left:0;display:flex;align-items:center;width:96px;height:20px;margin:0;color:#59616d}.account-menu-options{grid-template-columns:repeat(3,max-content);gap:20px 28px}.account-menu-options label,.account-type-options label{padding:0;border:0;border-radius:0;background:transparent;color:#30343b}.account-menu-options input,.account-type-options input{width:16px;height:16px;margin:0;accent-color:#35B7C4}.account-type-options{gap:28px}.account-modal:has(.account-config-form) .modal-actions{justify-content:flex-end;margin:42px 0 0;gap:20px}.account-modal:has(.account-config-form) .modal-actions .back,.account-modal:has(.account-config-form) .modal-actions .primary{width:80px;height:36px;min-width:80px;padding:0;line-height:34px}
.account-config-form input[type=radio],.account-config-form input[type=checkbox]{appearance:none;width:16px;height:16px;margin:0;border:1px solid #8e98a4;border-radius:50%;background:#fff;cursor:pointer;outline:none;box-shadow:none}.account-config-form input[type=radio]:checked{border:1px solid #35B7C4;background:#fff}.account-config-form input[type=radio]:checked::after{display:block;width:10px;height:10px;margin:2px;border-radius:50%;background:#35B7C4;content:''}.account-config-form input[type=checkbox]:checked{border:4px solid #35B7C4;background:#fff}.account-config-form input[type=checkbox]:checked::after{display:none}.account-config-form input[type=radio]:focus,.account-config-form input[type=checkbox]:focus{outline:none;box-shadow:none}
.modal .modal-actions .back,.modal .modal-actions .primary{font-size:16px}
.account-modal .modal-actions .back,.account-modal .modal-actions .primary{width:80px;height:36px;min-width:80px;padding:0;line-height:34px}
.student-modal{width:650px;min-height:0;padding:30px}.student-modal h2{margin:0 0 43px}.student-modal .student-form{grid-template-columns:1fr;gap:40px}.student-modal .student-form>label{display:grid;grid-template-columns:96px 1fr;align-items:start;margin:0;color:#59616d}.student-modal .student-form>label>input,.student-modal .student-form>label>select{width:100%;height:36px;margin:0;border-radius:5px}.student-modal .version-field{display:grid;grid-template-columns:96px 1fr;align-items:start;margin:0;padding:0;border:0}.student-modal .version-field legend{grid-column:1;grid-row:1;margin:0;padding-top:8px;color:#59616d}.student-modal .version-options{grid-column:2;grid-row:1;display:flex;flex-wrap:wrap;gap:18px 28px}.student-modal .version-options label{display:flex;align-items:center;gap:6px;margin:0;color:#30343b}.student-modal .version-options input{display:block;width:16px;height:16px;margin:0;accent-color:#35B7C4}.student-modal .modal-actions{justify-content:flex-end;margin-top:42px;gap:20px}.student-modal .modal-actions .back,.student-modal .modal-actions .primary{width:80px;height:36px;min-width:80px;padding:0;line-height:34px}
.student-modal .student-form,.student-modal .student-form input,.student-modal .student-form select,.student-modal .version-field legend{font-size:16px}.student-modal .student-form>label{align-items:center}.student-modal .version-options input{appearance:none;width:16px;height:16px;margin:0;border:1px solid #8e98a4;border-radius:50%;background:#fff;box-shadow:none;cursor:pointer}.student-modal .version-options input:checked{border:4px solid #35B7C4;background:#fff}.student-modal .version-options input:checked::after{display:none}.student-modal .version-options input:focus{outline:none;box-shadow:none}
.student-modal .student-form>label,.student-modal .version-field legend{font-size:16px}.student-modal .version-options label{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;font-size:16px}
.student-modal .student-form{row-gap:30px}
.student-modal fieldset.version-field{width:100%;min-inline-size:0;margin:0!important;padding:0!important;border:0!important;outline:0!important;box-shadow:none!important}.student-modal .version-options{display:grid;grid-template-columns:repeat(3,max-content);justify-content:start;align-content:start;width:max-content;margin:0!important;padding:0!important;border:0!important;outline:0!important;box-shadow:none!important;gap:30px}.student-modal .version-options label{justify-self:start}
.student-modal .version-field legend{padding-top:0}
.student-modal .version-field legend{transform:translateY(20px)}
.student-modal .version-options{display:grid!important;grid-template-columns:repeat(3,max-content)!important;column-gap:30px!important;row-gap:20px!important}
.config-modal .config-course-form fieldset:has(.course-version-options){display:grid;grid-template-columns:96px 1fr;padding:0;margin:0}.config-modal .config-course-form fieldset:has(.course-version-options) legend{position:static;grid-column:1;grid-row:1;width:auto;height:auto;margin:0;padding:0;transform:none!important}.config-modal .course-version-options{grid-column:2;grid-row:1;display:grid;grid-template-columns:repeat(3,max-content);justify-content:start;align-content:start;column-gap:30px;row-gap:20px}.config-modal .course-version-options label{margin:0!important}
.config-modal .config-course-form fieldset:has(.course-version-options){padding-left:0!important;gap:0!important}.config-modal .course-version-options{margin-left:0!important;padding-left:0!important;justify-self:start}
.modal input:not([type=radio]):not([type=checkbox]):not([type=file]),.modal textarea{border:1px solid #d7dce3!important;border-radius:5px!important;outline:none;transition:border-color .18s,box-shadow .18s}.modal input:not([type=radio]):not([type=checkbox]):not([type=file]):focus,.modal textarea:focus{border-color:#36B8C1!important;box-shadow:0 0 0 3px #36b8c11f!important}.modal-select-control{position:relative;width:100%;height:40px}.modal-select-control>select{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}.modal-select-trigger{position:relative;width:100%;height:40px;padding:0 32px 0 12px;border:1px solid #d7dce3;border-radius:5px;background:#fff;color:#30343b;font:inherit;text-align:left;cursor:pointer}.modal-select-trigger i{position:absolute;top:50%;right:12px;width:7px;height:7px;border-right:1px solid #87919c;border-bottom:1px solid #87919c;transform:translateY(-70%) rotate(45deg)}.modal-select-control.open .modal-select-trigger{border-color:#36B8C1;border-radius:5px 5px 0 0;box-shadow:0 0 0 3px #36b8c11f}.modal-select-menu{position:absolute;z-index:70;top:100%;left:0;width:100%;padding:3px 0;border:1px solid #36B8C1;border-radius:0 0 5px 5px;background:#fff;box-shadow:0 8px 18px #20383e20;display:none}.modal-select-control.open .modal-select-menu{display:block}.modal-select-menu button{display:block;width:100%;height:34px;padding:0 12px;border:0;background:#fff;color:#30343b;font:inherit;text-align:left;cursor:pointer}.modal-select-menu button:hover,.modal-select-menu button.selected{background:#36B8C1;color:#fff}
.modal input:not([type=radio]):not([type=checkbox]):not([type=file]):focus,.modal textarea:focus,.modal-select-control.open .modal-select-trigger,.modal-select-menu{box-shadow:none!important}
.login-history{display:flex;align-items:center;gap:10px;width:330px;margin:-7px 0 18px;color:#687d84;font-size:14px}.login-history select{flex:1;height:32px;padding:0 10px;border:1px solid #d5dce5;border-radius:3px;background:#fff;color:#39444b;font:inherit;cursor:pointer}.login-history select:focus{border-color:#35b7c4;outline:none}
.account-modal .account-form,.account-modal .account-config-form{row-gap:30px}
.account-page .config-head .outline:hover,.config-page:not(.account-page) .config-head .sort-toggle:hover,.config-page:not(.account-page) .config-head .outline:hover{background:#EEFAFA;color:#24a8b5}
.home-student{position:relative}.student-delete{position:absolute;top:8px;right:8px;width:22px;height:22px;padding:0;border:0;border-radius:50%;background:transparent;color:#8d98a7;font-size:22px;line-height:20px;cursor:pointer}.student-delete:hover{background:#eefafa;color:#35b7c4}
.student-delete-modal{width:min(616px,92vw);min-height:285px;padding:24px;border-radius:10px}.student-delete-modal h2{margin:0;color:#30343b;font-size:26px;line-height:36px}.student-delete-modal p{margin:58px 0 68px;color:#59616d;font-size:18px;line-height:28px}.student-delete-modal .modal-actions{margin:0;gap:20px}.student-delete-modal .modal-actions button{width:80px;height:36px;min-width:80px;padding:0;border-radius:5px;font-size:16px;line-height:34px}
.home-student .ended-tag{transform:translateX(-25px)}
.catalog-page>.empty{display:flex!important;flex-direction:column;align-items:center;gap:20px}.catalog-page>.empty br{display:none}.catalog-page>.empty .back{margin:0!important;border-radius:5px!important}
.list-shell .main>.empty{display:flex!important;box-sizing:border-box;min-height:calc(100vh - 120px);flex-direction:column;align-items:center;justify-content:center;gap:20px}.list-shell .main>.empty br{display:none}.list-shell .main>.empty .back{margin:0!important;border-radius:5px!important}
#app .list-shell .main>.empty .back{border-radius:5px!important}
#app .list-shell .main>.empty .primary{border-radius:5px!important}
.home-workbench:has(.home-empty){display:flex;min-height:calc(100vh - 100px);flex-direction:column}.home-workbench:has(.home-empty) .home-students{display:flex;flex:1;align-items:center;justify-content:center}.home-workbench:has(.home-empty) .home-empty{padding:0}
.nav .config-submenu button{align-items:center!important;justify-content:center!important;padding:0 16px 0 0!important;text-align:center!important}
.config-menu-trigger .config-arrow{align-self:center;width:8px;height:8px;margin-left:auto;font-size:0;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg)!important;transition:transform .18s ease}.config-menu-trigger.open .config-arrow{transform:translateY(2px) rotate(225deg)!important}
.sidebar{position:relative}.sidebar-account-entry{position:absolute;right:14px;bottom:20px;left:14px;display:flex;align-items:center;min-width:0;height:34px}.sidebar-account-name{min-width:0;overflow:hidden;border:0;background:transparent;color:#fff;font:inherit;line-height:34px;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.sidebar-account-more{width:28px;height:34px;margin-left:auto;padding:0;border:0;background:transparent;color:#fff;font-size:18px;letter-spacing:1px;cursor:pointer}.sidebar-account-popover{position:absolute;right:0;bottom:44px;left:0;padding:14px;border-radius:8px;background:#fff;box-shadow:0 8px 20px #17233c2b;color:#3f4b59;z-index:20}.sidebar-account-popover p{margin:0 0 12px;font-size:14px;white-space:nowrap}.sidebar-account-popover p b{float:right;color:#30343b;font-weight:500}.sidebar-account-popover button{width:100%;height:34px;border:0;border-radius:5px;background:#35b7c4;color:#fff;font:inherit;cursor:pointer}.sidebar-account-popover button:hover{background:#2ca8b5}
.sidebar{position:relative}.sidebar-account-entry{position:absolute;right:14px;bottom:20px;left:14px;display:flex;align-items:center;min-width:0;height:34px}.sidebar-account-name{min-width:0;overflow:hidden;border:0;background:transparent;color:#fff;font:inherit;line-height:34px;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.sidebar-account-more{width:28px;height:34px;margin-left:auto;padding:0;border:0;background:transparent;color:#fff;font-size:18px;letter-spacing:1px;cursor:pointer}.sidebar-account-popover{position:absolute;right:0;bottom:44px;left:auto;box-sizing:border-box;width:140px;height:auto;padding:18px 18px 15px;border-radius:10px;background:#fff;box-shadow:0 8px 20px #17233c2b;color:#3f4b59;z-index:20}.sidebar-account-popover p{display:flex;justify-content:center;margin:0;font-size:14px;line-height:20px;white-space:nowrap}.sidebar-account-popover p b{float:none;margin-left:5px;color:#30343b;font-weight:500}.sidebar-account-popover button{display:block;width:88px;height:26px;margin:15px auto 0;padding:0;border:0;border-radius:5px;background:#35b7c4;color:#fff;font:14px/26px inherit;cursor:pointer}.sidebar-account-popover button:hover{background:#2ca8b5}
.sidebar-account-popover p{flex-direction:column;align-items:center;gap:4px;font-size:14px}.sidebar-account-popover p b{margin-left:0;font-size:14px}.sidebar-account-popover button{font-size:14px;line-height:26px}.config-menu-trigger .config-arrow{position:absolute;right:5px;margin:0;transform:translateY(-2px) rotate(45deg)!important}.config-menu-trigger.open .config-arrow{transform:translateY(2px) rotate(225deg)!important}
.sidebar-account-more{font-size:0}.sidebar-account-more::after{display:inline-block;width:7px;height:7px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;content:'';transform:rotate(45deg)}
.sidebar .brand{display:flex;align-items:center}.sidebar-collapse-toggle{position:absolute;z-index:30;top:18px;right:-18px;width:19px;height:25px;margin:0;padding:0;border:0;border-radius:0 5px 5px 0;background:#fff;color:#35b7c4;font-size:0;cursor:pointer}.sidebar-collapse-toggle::before{position:absolute;top:8px;left:7px;width:8px;height:8px;border-bottom:1px solid currentColor;border-left:1px solid currentColor;content:'';transform:rotate(45deg)}.shell.sidebar-collapsed,.home-shell.sidebar-collapsed{grid-template-columns:64px 1fr}.sidebar-collapsed .sidebar{padding-right:9px;padding-left:9px}.sidebar-collapsed .sidebar .brand span,.sidebar-collapsed .nav-label,.sidebar-collapsed .config-arrow,.sidebar-collapsed .config-submenu,.sidebar-collapsed .sidebar-account-entry{display:none}.sidebar-collapsed .sidebar-collapse-toggle{transform:none}.sidebar-collapsed .sidebar-collapse-toggle::before{left:4px;transform:rotate(225deg)}.sidebar-collapsed .nav button{justify-content:center;padding-right:0;padding-left:0}.sidebar-collapsed .nav-icon{margin-right:0}
.sidebar .brand{display:flex;align-items:center}.sidebar-collapse-toggle{position:absolute;z-index:30;top:18px;right:-18px;width:19px;height:25px;margin:0;padding:0;border:0;border-radius:0 5px 5px 0;background:#fff;color:#35b7c4;font-size:0;cursor:pointer}.sidebar-collapse-toggle::before,.sidebar-collapse-toggle::after{position:absolute;top:8px;width:7px;height:7px;border-bottom:1px solid currentColor;border-left:1px solid currentColor;content:'';transform:rotate(45deg)}.sidebar-collapse-toggle::before{left:3px}.sidebar-collapse-toggle::after{left:7px}.shell.sidebar-collapsed,.home-shell.sidebar-collapsed{grid-template-columns:64px 1fr}.sidebar-collapsed .sidebar{padding-right:9px;padding-left:9px}.sidebar-collapsed .sidebar .brand span,.sidebar-collapsed .nav-label,.sidebar-collapsed .config-arrow,.sidebar-collapsed .config-submenu,.sidebar-collapsed .sidebar-account-entry{display:none}.sidebar-collapsed .sidebar-collapse-toggle{transform:none}.sidebar-collapsed .sidebar-collapse-toggle::before,.sidebar-collapsed .sidebar-collapse-toggle::after{transform:rotate(225deg)}.sidebar-collapsed .sidebar-collapse-toggle::before{left:5px}.sidebar-collapsed .sidebar-collapse-toggle::after{left:9px}.sidebar-collapsed .nav button{justify-content:center;padding-right:0;padding-left:0}.sidebar-collapsed .nav-icon{margin-right:0}
.sidebar .brand{display:flex;align-items:center}.sidebar-collapse-toggle{position:absolute;z-index:30;top:18px;right:-18px;width:19px;height:25px;margin:0;padding:0;border:0;border-radius:0 5px 5px 0;background:#fff;color:#35b7c4;font-size:0;cursor:pointer}.sidebar-collapse-toggle::before,.sidebar-collapse-toggle::after{position:absolute;top:8px;width:7px;height:7px;border-bottom:1px solid currentColor;border-left:1px solid currentColor;content:'';transform:rotate(45deg)}.sidebar-collapse-toggle::before{left:3px}.sidebar-collapse-toggle::after{left:7px}.shell.sidebar-collapsed,.home-shell.sidebar-collapsed{grid-template-columns:0 1fr}.sidebar-collapsed .sidebar{width:0;padding:0;background:transparent;overflow:visible}.sidebar-collapsed .sidebar .brand-mark,.sidebar-collapsed .sidebar .brand span,.sidebar-collapsed .sidebar .nav,.sidebar-collapsed .sidebar-account-entry{display:none}.sidebar-collapsed .sidebar .brand{display:block}.sidebar-collapsed .sidebar-collapse-toggle{display:block;transform:none}.sidebar-collapsed .sidebar-collapse-toggle::before,.sidebar-collapsed .sidebar-collapse-toggle::after{transform:rotate(225deg)}.sidebar-collapsed .sidebar-collapse-toggle::before{left:5px}.sidebar-collapsed .sidebar-collapse-toggle::after{left:9px}
.sidebar-collapse-toggle{top:0}
.sidebar-collapse-toggle::before,.sidebar-collapse-toggle::after{top:9px}.sidebar-collapse-toggle::before{left:4px}.sidebar-collapse-toggle::after{left:8px}.sidebar-collapsed .sidebar-collapse-toggle::before{left:4px}.sidebar-collapsed .sidebar-collapse-toggle::after{left:8px}
.config-shell.sidebar-collapsed{grid-template-columns:0 minmax(0,1fr);background:#fff}.config-shell.sidebar-collapsed .main{min-width:0;background:#fff}
.config-shell .main{min-width:0;padding-right:0;padding-left:0;background:#fff}
.config-shell.list-shell .main{padding:0!important;background:#fff!important}

/* 课程配置长列表固定表头，仅滚动表格数据区域。 */
.config-shell:has(.config-page:not(.account-page)){height:100dvh;min-height:0;overflow:hidden}
.config-shell:has(.config-page:not(.account-page))>.sidebar{height:100dvh;min-height:0}
.config-shell:has(.config-page:not(.account-page))>.main{height:100dvh;min-height:0;overflow:hidden}
.config-shell .config-page:not(.account-page){display:flex;flex-direction:column;height:100%;min-height:0;padding-bottom:0}
.config-shell .config-page:not(.account-page) .config-head{flex:0 0 auto}
.config-shell .config-page:not(.account-page) .config-table-wrap{flex:1 1 auto;min-height:0;max-width:100%;overflow:auto;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#b8c4ca transparent}
.config-shell .config-page:not(.account-page) .config-table-wrap::-webkit-scrollbar{width:8px;height:8px}
.config-shell .config-page:not(.account-page) .config-table-wrap::-webkit-scrollbar-track{background:transparent}
.config-shell .config-page:not(.account-page) .config-table-wrap::-webkit-scrollbar-thumb{border:2px solid #fff;border-radius:999px;background:#b8c4ca}
.config-shell .config-page:not(.account-page) .config-table-wrap::-webkit-scrollbar-thumb:hover{background:#8e9ba2}
.config-shell .config-page:not(.account-page) .config-table thead th{position:sticky;z-index:3;top:0;box-shadow:inset 0 -1px #dfe4e8}
.config-shell .config-page:not(.account-page) .config-footer{flex:0 0 48px;padding:15px 0;background:#fff}
.sidebar-collapse-toggle{border:1px solid #36B8C1!important}
.sidebar-collapsed .sidebar-collapse-toggle::before{left:50%;transform:translateX(-9px) rotate(225deg)}.sidebar-collapsed .sidebar-collapse-toggle::after{left:50%;transform:translateX(-5px) rotate(225deg)}
.sidebar-collapse-toggle::before,.sidebar-collapse-toggle::after{top:7px}
.main:has(.word-study-page,.sentence-study-page,.article-page,.original-study) .top-search,.main:has(.word-study-page,.sentence-study-page,.article-page,.original-study) .streak{display:none!important}
.home-shell .home-head{box-sizing:border-box;height:65px;margin:0 -20px;padding:0 20px;background:#fff}.list-shell:not(.config-shell) .catalog-head{box-sizing:border-box;height:65px;margin:0 -20px;padding:0 20px;background:#fff}
.home-shell .home-students{margin-top:20px}.list-shell:not(.config-shell) .catalog-grid{margin-top:20px!important}
.article-page{box-sizing:border-box;flex-direction:column;padding:0 20px 28px}.article-study-head{box-sizing:border-box;width:calc(100% + 40px);height:65px;margin:0 -20px;padding:0 20px;background:#fff;display:flex;align-items:center;justify-content:space-between}.article-study-head h1{margin:0}.article-study-head>div{margin:0}.article-study-head .article-back{height:32px;border:0;border-radius:5px;background:#34b7bf}.article-study-head .article-back:hover{background:#249FA8}.article-board{width:100%;margin:20px 0 0}.article-study-head .breadcrumb-parent,.article-study-head .breadcrumb-current{font-size:18px;font-weight:700}.article-study-head .breadcrumb-parent{color:#B5BDBE!important}.article-study-head .breadcrumb-current{color:#3C4043!important}
@media(max-width:720px){.article-page{padding:0 12px 20px}.article-study-head{width:calc(100% + 24px);margin:0 -12px;padding:0 12px}}
.article-page{position:fixed;z-index:20;inset:0;left:150px;min-height:0!important;margin:0!important;padding:0 20px 28px!important;background:#f1f1f1;overflow:auto}.article-study-head{flex:0 0 65px}.article-board{flex:1 0 auto;min-height:0}.shell.sidebar-collapsed .article-page{left:0}@media(max-width:800px){.article-page{left:76px;padding:0 12px 20px!important}.article-study-head{width:calc(100% + 24px);margin:0 -12px;padding:0 12px}}
.shell.sidebar-collapsed .word-study-page,.shell.sidebar-collapsed .sentence-study-page{left:0!important}.shell.sidebar-collapsed .original-study{width:100%;max-width:100vw}

/* 登录页：轻量卡通学习场景，全部使用 CSS 绘制，避免新增图片与依赖。 */
.login-art.study-illustration{position:relative;isolation:isolate;display:block;overflow:hidden;background:#e8f2ec;color:#24443c;font-family:"Microsoft YaHei",Arial,sans-serif;letter-spacing:0}.study-illustration::before{position:absolute;z-index:-2;inset:0;background:radial-gradient(circle at 82% 15%,#fff8d9 0 7%,transparent 22%),linear-gradient(140deg,#c8e8dd 0%,#eef5e8 54%,#f8edd8 100%);content:""}.study-illustration::after{position:absolute;z-index:-1;right:-16%;bottom:-28%;width:78%;aspect-ratio:1;border-radius:50%;background:#9cccb8;content:""}.study-sun{position:absolute;top:9%;right:12%;width:72px;aspect-ratio:1;border-radius:50%;background:#f7c76b;box-shadow:0 0 0 14px #f7c76b35;animation:study-breathe 4s ease-in-out infinite}.study-cloud{position:absolute;width:100px;height:28px;border-radius:30px;background:#fffdf5;opacity:.72;filter:drop-shadow(0 5px 2px #5e90751a)}.study-cloud::before,.study-cloud::after{position:absolute;bottom:0;border-radius:50%;background:inherit;content:""}.study-cloud::before{left:18px;width:42px;height:42px}.study-cloud::after{right:15px;width:34px;height:34px}.cloud-one{top:13%;left:9%;animation:study-drift 12s ease-in-out infinite}.cloud-two{top:38%;right:4%;transform:scale(.58);animation:study-drift 10s -3s ease-in-out infinite reverse}.study-copy{position:absolute;top:17%;left:12%;z-index:2}.study-copy span{display:inline-block;padding:6px 11px;border:1px solid #5a8e7d66;border-radius:999px;background:#f8f4e5aa;color:#4c7d6e;font-size:13px;font-weight:700}.study-copy strong{display:block;margin-top:15px;font-size:clamp(35px,4vw,62px);line-height:1.08;letter-spacing:-.08em}.study-copy p{margin:13px 0 0;color:#527567;font-size:15px}.word-card{position:absolute;z-index:3;display:grid;gap:4px;padding:12px 16px;border:1px solid #fff9;border-radius:15px;background:#fffdf2e8;box-shadow:0 12px 24px #4669551a;transform:rotate(-8deg);animation:study-float 4.5s ease-in-out infinite}.word-card b{font-family:Arial,sans-serif;font-size:18px;color:#397565}.word-card small{color:#83998c;font-size:12px}.word-card-one{top:41%;left:10%;animation-delay:-1.8s}.word-card-two{top:25%;right:9%;transform:rotate(8deg);animation-delay:-.5s}.study-desk{position:absolute;z-index:2;right:8%;bottom:13%;width:min(61%,420px);height:135px}.desk-top{position:absolute;top:0;right:0;left:0;height:45px;border-radius:17px 18px 11px 11px;background:#8a5b3b;box-shadow:inset 0 -9px #70462f}.desk-leg{position:absolute;top:38px;width:18px;height:100px;border-radius:0 0 8px 8px;background:#75472f}.desk-leg-left{left:8%}.desk-leg-right{right:8%}.book{position:absolute;bottom:33px;width:81px;height:21px;border-radius:4px 7px 6px 4px;transform:rotate(-10deg);box-shadow:inset 0 -5px #00000012}.book-coral{left:25%;background:#e78067}.book-cream{left:39%;bottom:50px;background:#f3d68b;transform:rotate(8deg)}.pencil{position:absolute;right:27%;bottom:49px;width:92px;height:7px;border-radius:8px;background:#e3a858;transform:rotate(-23deg)}.pencil::after{position:absolute;right:-8px;border-top:3.5px solid transparent;border-bottom:3.5px solid transparent;border-left:9px solid #f4e2c8;content:""}.cup{position:absolute;right:10%;bottom:43px;width:24px;height:26px;border-radius:3px 3px 8px 8px;background:#c9e4d8}.cup::after{position:absolute;top:5px;right:-10px;width:9px;height:11px;border:3px solid #c9e4d8;border-left:0;border-radius:0 9px 9px 0;content:""}.study-character{position:absolute;z-index:3;right:24%;bottom:20%;width:125px;height:184px;animation:character-bob 4.6s ease-in-out infinite}.character-head{position:absolute;top:24px;left:27px;width:75px;height:72px;border-radius:45% 45% 47% 47%;background:#f5c5a6}.character-hair{position:absolute;z-index:2;top:12px;left:25px;width:78px;height:49px;border-radius:48% 48% 34% 34%;background:#4d3d36}.character-hair::after{position:absolute;right:-8px;bottom:-14px;width:35px;height:43px;border-radius:0 50% 50% 50%;background:#4d3d36;content:""}.character-eye{position:absolute;top:37px;width:5px;height:7px;border-radius:50%;background:#374139}.eye-left{left:22px}.eye-right{right:22px}.character-smile{position:absolute;bottom:16px;left:30px;width:16px;height:7px;border-bottom:2px solid #c56f61;border-radius:0 0 15px 15px}.character-body{position:absolute;bottom:0;left:17px;width:94px;height:100px;border-radius:48px 48px 16px 16px;background:#447d6c}.character-body::after{position:absolute;top:22px;left:26px;width:42px;height:41px;border-radius:50%;background:#f0dfb2;content:""}.character-arm{position:absolute;z-index:-1;top:103px;width:63px;height:17px;border-radius:20px;background:#f5c5a6}.arm-left{left:-7px;transform:rotate(18deg)}.arm-right{right:-7px;transform:rotate(-18deg)}.progress-note{position:absolute;z-index:4;right:6%;bottom:8%;display:grid;grid-template-columns:auto auto;gap:7px 20px;padding:12px 15px;border:1px solid #fff9;border-radius:14px;background:#fbfaf0df;box-shadow:0 12px 25px #46695516;animation:study-float 5s -2s ease-in-out infinite}.progress-note span{color:#728b7c;font-size:12px}.progress-note b{color:#3f7768;font-size:13px}.progress-note i{grid-column:1/-1;width:142px;height:7px;border-radius:9px;background:#dce9df;overflow:hidden}.progress-note em{display:block;width:60%;height:100%;border-radius:inherit;background:#d99858;animation:study-progress 3s ease-in-out infinite}.study-spark{position:absolute;z-index:2;width:15px;height:15px;border-radius:50% 0 50% 50%;background:#e3a858;transform:rotate(45deg);animation:study-twinkle 3.4s ease-in-out infinite}.spark-one{top:58%;left:27%}.spark-two{top:21%;left:51%;transform:rotate(45deg) scale(.65);animation-delay:-1.7s}@keyframes study-float{50%{transform:translateY(-12px) rotate(-5deg)}}@keyframes character-bob{50%{transform:translateY(-8px) rotate(1deg)}}@keyframes study-drift{50%{transform:translateX(24px)}}@keyframes study-breathe{50%{transform:scale(1.08)}}@keyframes study-twinkle{50%{transform:rotate(45deg) scale(.45);opacity:.35}}@keyframes study-progress{50%{width:82%}}@media(max-width:800px){.login-art.study-illustration{display:none}}@media(prefers-reduced-motion:reduce){.study-illustration *{animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* 全屏登录：学习场景铺满视口，登录表单浮于右侧。 */
.login{position:relative;display:block;min-height:100dvh;overflow:hidden;background:#dcece3}.login-art.study-illustration{position:absolute;inset:0;min-height:100dvh}.login-left{position:relative;z-index:8;display:flex;justify-content:center;box-sizing:border-box;width:min(450px,calc(100% - 64px));min-height:100dvh;margin-left:auto;padding:clamp(34px,6vw,78px) clamp(30px,5vw,64px);background:#fffdf2d9;border-left:1px solid #fff9;box-shadow:-16px 0 42px #31554817;backdrop-filter:blur(14px)}.login-left .brand{align-self:flex-start;color:#34584c}.login-left .login-form{width:100%;margin:auto 0}.login-left .login-form h1{margin:0 0 38px;color:#315f52;font-size:38px;letter-spacing:-.05em}.login-left .field,.login-left .login-account-field,.login-left .login-options,.login-left .login-btn{width:100%}.login-left .field{margin-bottom:20px;border-radius:12px;background:#ffffffbd}.login-left .login-btn{margin-top:4px;background:#397565;box-shadow:0 8px 18px #39756528;transition:transform .25s ease,background .25s ease}.login-left .login-btn:hover{background:#2e6658;transform:translateY(-2px)}.login-left .login-btn:active{transform:translateY(1px) scale(.985)}.login-left .login-options{margin:-4px 0 25px}.login-left .brand-mark{width:39px;height:39px}@media(max-width:800px){.login{background:#e8f2ec}.login-art.study-illustration{display:block;opacity:.44}.login-left{width:100%;padding:28px max(24px,7vw);background:#fffdf2e5;border-left:0;box-shadow:none;backdrop-filter:blur(10px)}.login-left .login-form{max-width:380px;margin:auto}.login-left .brand{width:min(380px,100%);margin:0 auto}.study-copy{left:8%;top:12%}.study-copy strong{font-size:36px}.study-desk,.study-character,.progress-note,.word-card-two{display:none}}@media(max-width:440px){.study-copy,.word-card-one,.study-sun{display:none}.login-left .login-form h1{margin-bottom:30px;font-size:34px}}

/* 排版校准：让视觉内容避开右侧面板，并将表单收束为清晰的单列阅读节奏。 */
.login-left{width:min(480px,calc(100% - 56px));padding:clamp(34px,5.4vw,72px) clamp(34px,5vw,68px)}.login-left .brand{gap:12px;font-size:20px}.login-left .brand span{letter-spacing:.03em}.login-left .login-form{max-width:344px;margin:auto 0 7vh}.login-left .login-form h1{display:flex;flex-direction:column;gap:10px;margin-bottom:34px;font-size:40px;line-height:1.05}.login-left .login-form h1::after{color:#80978a;font-size:14px;font-weight:400;letter-spacing:0;line-height:1.5;content:'从今天的一个小目标开始'} .login-left .field{height:54px;margin-bottom:18px;padding:0 16px;border-color:#cbdcd2;color:#315246;box-shadow:inset 0 1px 0 #fff}.login-left .field::placeholder{color:#9aaba1}.login-left .login-options{margin:1px 0 28px;font-size:13px}.login-left .login-btn{height:52px;padding:0;border-radius:13px;font-size:17px;font-weight:700;letter-spacing:.12em}.study-copy{top:18%;left:10%;max-width:320px}.study-copy strong{font-size:clamp(38px,4.2vw,66px)}.study-copy p{margin-top:15px}.study-sun{right:clamp(300px,31vw,480px)}.cloud-two{right:clamp(260px,27vw,420px)}.word-card-two{right:clamp(250px,25vw,380px)}.study-desk{right:clamp(280px,31vw,480px);bottom:12%}.study-character{right:clamp(400px,42vw,620px);bottom:19%}.progress-note{right:clamp(250px,25vw,390px);bottom:9%}.spark-two{left:43%}@media(max-width:1100px) and (min-width:801px){.login-left{width:430px;padding-right:48px;padding-left:48px}.study-copy{left:7%;top:14%}.study-copy strong{font-size:42px}.study-desk{right:34%;transform:scale(.84);transform-origin:right bottom}.study-character{right:45%;transform:scale(.86);transform-origin:center bottom}.progress-note{right:31%;transform:scale(.9);transform-origin:right bottom}.word-card-two{right:31%}}@media(max-width:800px){.login-left .login-form{margin:auto;max-width:360px}.login-left .login-form h1{font-size:36px}.login-left .brand{width:min(360px,100%)}.study-copy{top:12%}} 

/* 统一为平台的青绿色系，并重组全屏登录的视觉重心。 */
.login{background:#eaf5f7}.login-art.study-illustration{background:#eaf5f7;color:#205f69}.study-illustration::before{background:radial-gradient(circle at 72% 14%,#f9f2c9 0 6%,transparent 19%),linear-gradient(138deg,#d5f0f3 0%,#edf8f9 54%,#d8eff0 100%)}.study-illustration::after{right:auto;left:-17%;bottom:-34%;width:73%;background:#a9dfd7}.study-copy{top:17%;right:clamp(300px,29vw,465px);left:auto;max-width:310px;text-align:right}.study-copy span{border-color:#35b7c466;background:#f4ffffb8;color:#16838d}.study-copy strong{color:#267680}.study-copy p{color:#55858b}.study-sun{right:auto;left:43%;background:#f3ca73;box-shadow:0 0 0 14px #f3ca7335}.cloud-one{left:38%}.cloud-two{right:clamp(280px,28vw,450px)}.word-card-one{top:38%;left:8%}.word-card-two{right:clamp(285px,28vw,450px)}.word-card b{color:#21818b}.study-desk{right:auto;left:9%;bottom:11%;transform:none}.study-character{right:auto;left:25%;bottom:18%;transform:none}.character-body{background:#35aeb9}.progress-note{right:auto;left:33%;bottom:8%;transform:none}.progress-note b{color:#21818b}.progress-note em{background:#35b7c4}.login-left{justify-content:center;gap:18px;width:min(470px,calc(100% - 54px));padding:42px 46px;background:transparent;border:0;box-shadow:none;backdrop-filter:none}.login-left .brand{align-self:center;width:344px;margin:0;color:#236b75}.login-left .login-form{box-sizing:border-box;width:100%;max-width:408px;margin:0;padding:40px 32px 34px;border:1px solid #ffffffcc;border-radius:24px;background:#fffffff0;box-shadow:0 20px 50px #28727a20;backdrop-filter:blur(12px)}.login-left .login-form h1{margin-bottom:30px;color:#236b75;font-size:38px}.login-left .login-form h1::after{color:#7c989b;content:'继续你的学习旅程'} .login-left .field{height:52px;border-color:#c9e4e6;background:#fbffff}.login-left .field:focus{border-color:#35b7c4;box-shadow:0 0 0 3px #35b7c41f}.login-left .login-options input{accent-color:#35b7c4}.login-left .login-options button{color:#268d98}.login-left .login-btn{background:#35b7c4;box-shadow:0 9px 20px #35b7c438}.login-left .login-btn:hover{background:#249fa8}@media(max-width:1100px) and (min-width:801px){.study-copy{right:34%}.study-desk{right:auto;left:3%;transform:scale(.8);transform-origin:left bottom}.study-character{right:auto;left:20%;transform:scale(.82);transform-origin:center bottom}.progress-note{right:auto;left:28%;transform:scale(.86);transform-origin:left bottom}.word-card-two{right:33%}}@media(max-width:800px){.login-left{gap:16px;width:100%;padding:30px 24px;background:#f8ffffdd}.login-left .brand{width:min(360px,100%)}.login-left .login-form{max-width:390px;margin:0;padding:36px 28px}.study-copy{right:8%;left:auto;text-align:right}.study-desk,.study-character,.progress-note{display:none}}@media(max-width:440px){.login-left .login-form{padding:30px 22px;border-radius:20px}.login-left .login-form h1{font-size:34px}}

/* 背景信息层：不影响右侧登录卡，仅丰富学习场景与视线引导。 */
.study-copy{top:13%;right:clamp(310px,31vw,500px);max-width:300px}.study-copy span{font-size:12px;letter-spacing:.08em}.study-copy strong{margin-top:13px;font-size:clamp(36px,3.8vw,58px);line-height:1.13}.study-copy p{font-size:14px}.study-plan{position:absolute;z-index:4;top:50%;right:clamp(315px,31vw,500px);width:270px;padding:17px 18px 13px;border:1px solid #ffffffb8;border-radius:17px;background:#faffffb8;box-shadow:0 13px 32px #28727a12;backdrop-filter:blur(9px);animation:study-float 5.8s -1.2s ease-in-out infinite}.study-plan-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:11px;border-bottom:1px solid #b9dcdd}.study-plan-head span{color:#37757a;font-size:13px;font-weight:700}.study-plan-head b{padding:3px 7px;border-radius:999px;background:#d7f0ee;color:#26828b;font:700 11px Arial,sans-serif}.study-plan ol{display:grid;gap:10px;margin:12px 0 0;padding:0;list-style:none}.study-plan li{display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:8px;color:#41777c;font-size:13px}.study-plan li i{display:grid;place-items:center;width:23px;height:23px;border-radius:8px;background:#d9efed;color:#278b94;font:700 10px Arial,sans-serif}.study-plan li span{font-weight:700}.study-plan li em{color:#90a9aa;font-size:11px;font-style:normal}.study-quote{position:absolute;z-index:3;top:28%;right:clamp(315px,30vw,485px);display:flex;align-items:flex-start;gap:10px;color:#438187;font-size:13px;line-height:1.65;text-align:left}.study-quote i{display:block;width:3px;height:35px;border-radius:3px;background:#35b7c4}.study-desk{left:7%;bottom:10%}.study-character{left:22%;bottom:17%}.progress-note{left:30%;bottom:8%}.word-card-one{top:34%;left:7%}.word-card-two{top:24%;right:clamp(340px,34vw,540px)}.cloud-one{top:10%;left:6%}.study-sun{top:12%;left:40%}@media(max-width:1100px) and (min-width:801px){.study-copy{top:11%;right:37%;max-width:250px}.study-copy strong{font-size:39px}.study-plan{right:35%;width:240px;transform:scale(.9);transform-origin:right top}.study-quote{right:35%}.study-desk{left:1%}.study-character{left:17%}.progress-note{left:24%}}@media(max-width:800px){.study-plan,.study-quote{display:none}}

/* 学习场景重构：以“标题—计划—插画”形成从右上向左下的阅读动线；登录卡不参与本组样式。 */
.login-art.study-illustration{background:#edf8f9}.study-illustration::before{background:radial-gradient(circle at 54% 14%,#fff8d5 0 4.8%,transparent 5%),radial-gradient(circle at 26% 65%,#bfe8e5 0 15%,transparent 15.3%),linear-gradient(116deg,#d5f1f1 0%,#eaf8f8 48%,#f4fbfb 100%)}.study-illustration::after{left:-13%;bottom:-42%;width:67%;background:#a9dfd7;box-shadow:inset 0 18px 0 #ffffff24}.study-copy{top:15%;right:clamp(315px,31vw,505px);max-width:292px}.study-copy span{padding:6px 10px;background:#effbfb;color:#27848d}.study-copy strong{font-size:clamp(34px,3.55vw,54px);letter-spacing:-.07em}.study-copy p{margin-top:13px}.study-copy::after{display:block;width:68px;height:2px;margin:17px 0 0 auto;border-radius:2px;background:#35b7c4;content:""}.study-quote{top:39%;right:clamp(315px,31vw,505px);max-width:240px;color:#5a888d}.study-quote i{height:40px;background:#71c9cf}.study-plan{top:55%;right:clamp(315px,31vw,505px);width:276px;border-radius:19px;background:#faffffcf;box-shadow:0 17px 38px #27727b14}.study-plan-head{padding-bottom:12px}.study-plan li{min-height:25px}.study-plan li i{border-radius:50%;background:#e0f4f3}.study-desk{left:8%;bottom:11%}.study-character{left:24%;bottom:18%}.progress-note{left:31%;bottom:9%;border-radius:16px}.word-card-one{top:32%;left:9%;transform:rotate(-7deg)}.word-card-two{top:22%;right:clamp(350px,34vw,550px);transform:rotate(7deg)}.cloud-one{top:12%;left:8%;transform:scale(.75)}.cloud-two{top:27%;right:clamp(350px,34vw,550px);opacity:.55}.study-sun{top:10%;left:43%;width:63px}.spark-one{top:51%;left:16%}.spark-two{top:18%;left:37%}@media(max-width:1100px) and (min-width:801px){.study-copy{right:37%;top:13%}.study-quote{right:37%;top:37%}.study-plan{right:37%;top:53%;transform:scale(.85);transform-origin:right top}.study-desk{left:2%}.study-character{left:18%}.progress-note{left:25%}}@media(max-width:800px){.study-copy{top:12%;right:8%}.word-card-one,.word-card-two,.study-sun{opacity:.65}}

/* 学习岛方案：登录区域保持原样，背景改为更干净的单一插画重心。 */
.login-art.study-illustration{background:#f1fafb}.study-illustration::before{background:radial-gradient(circle at 12% 14%,#fff7cf 0 4.6%,transparent 4.9%),radial-gradient(circle at 53% 76%,#c8eeeb 0 10%,transparent 10.3%),linear-gradient(122deg,#dff4f4 0%,#f2fafb 54%,#f8fcfc 100%)}.study-illustration::after{left:-16%;bottom:-36%;width:64%;background:#a9dfd7;box-shadow:inset 0 15px 0 #ffffff38}.study-copy{top:16%;right:auto;left:8%;max-width:330px;text-align:left}.study-copy span{border-color:#62bec433;background:#f9ffffbb;color:#227e87}.study-copy strong{font-size:clamp(36px,3.8vw,57px);color:#236f78}.study-copy p{color:#669196}.study-copy::after{margin-left:0;margin-right:0;width:48px;background:#35b7c4}.study-quote{display:none}.study-plan{top:20%;right:clamp(320px,30vw,490px);width:250px;padding:16px 17px 12px;border:1px solid #cde9e8;border-radius:20px;background:#ffffffd9;box-shadow:0 18px 42px #307a8012}.study-plan-head{border-bottom-color:#d5e9e8}.study-plan ol{gap:9px;margin-top:11px}.study-plan li{grid-template-columns:24px 1fr auto}.study-plan li i{background:#d7f1ef;color:#24959e}.study-desk{left:10%;bottom:13%;transform:scale(1.06);transform-origin:left bottom}.study-character{left:28%;bottom:20%;transform:scale(1.04);transform-origin:center bottom}.progress-note{left:37%;bottom:12%;background:#ffffffdf;box-shadow:0 15px 30px #28727a12}.word-card-one{top:47%;left:7%;transform:rotate(-10deg)}.word-card-two{top:45%;right:clamp(345px,33vw,535px);transform:rotate(9deg)}.cloud-one{top:10%;left:43%;opacity:.68;transform:scale(.68)}.cloud-two{top:16%;right:clamp(325px,31vw,500px);opacity:.5}.study-sun{top:11%;left:39%;width:58px}.spark-one{top:38%;left:38%}.spark-two{top:60%;left:48%}@media(max-width:1100px) and (min-width:801px){.study-copy{left:6%;max-width:250px}.study-copy strong{font-size:40px}.study-plan{right:35%;width:225px;transform:scale(.9);transform-origin:right top}.study-desk{left:1%;transform:scale(.82);transform-origin:left bottom}.study-character{left:21%;transform:scale(.84);transform-origin:center bottom}.progress-note{left:28%;transform:scale(.87);transform-origin:left bottom}.word-card-two{right:33%}}@media(max-width:800px){.study-copy{top:12%;left:auto;right:8%;text-align:right}.study-copy::after{margin-left:auto}.study-plan{display:none}.word-card-one,.word-card-two,.study-sun{opacity:.55}}

/* 图片标注定位：只移动学习场景元素，右侧登录区不参与本组样式。 */
.study-copy{top:41%;left:25.5%;right:auto;max-width:300px;text-align:left}.study-copy span{position:absolute;top:-64px;left:calc(-21.5vw);white-space:nowrap}.study-copy::after{display:none}.study-plan{top:44%;right:30%;transform:rotate(-3deg);transform-origin:center}.study-desk{left:10%;bottom:13%;transform:scale(1.06);transform-origin:left bottom}.study-desk .book-coral{left:31%}.study-desk .book-cream{left:45%}.study-character{left:28%;bottom:20%}.progress-note{left:37%;bottom:12%}.word-card-one{top:45%;left:7%;transform:rotate(-8deg)}.word-card-two{top:44%;right:clamp(345px,33vw,535px);transform:rotate(8deg)}@media(max-width:1100px) and (min-width:801px){.study-copy{top:38%;left:25%}.study-copy span{top:-52px;left:calc(-19vw)}.study-plan{top:43%;right:32%;transform:rotate(-3deg) scale(.88);transform-origin:right top}.study-desk{left:1%;transform:scale(.82);transform-origin:left bottom}.study-character{left:21%;transform:scale(.84);transform-origin:center bottom}.progress-note{left:28%;transform:scale(.87);transform-origin:left bottom}}@media(max-width:800px){.study-copy{top:14%;left:auto;right:8%;text-align:right}.study-copy span{position:static;display:inline-block}.study-plan{display:none}}

/* 晨光学习站：全新背景构图；右侧登录卡与其内部控件保持原样。 */
.login-art.study-illustration{background:#eef9fa}.study-illustration::before{background:radial-gradient(circle at 13% 13%,#ffe9a9 0 3.7%,transparent 4%),radial-gradient(ellipse at 36% 90%,#b9e9e2 0 18%,transparent 18.3%),linear-gradient(145deg,#d7f2f2 0%,#effafa 50%,#fbfefd 100%)}.study-illustration::after{left:-9%;bottom:-47%;width:61%;background:#91d6cc;box-shadow:inset 0 16px 0 #dff7f3}.study-copy{top:14%;left:8%;right:auto;max-width:340px;text-align:left}.study-copy span{position:static;display:inline-flex;align-items:center;padding:7px 11px;border:1px solid #76c9ca55;border-radius:999px;background:#f9ffffb8;color:#287d84;font-size:12px;font-weight:700;letter-spacing:.08em;white-space:normal}.study-copy strong{margin-top:16px;font-size:clamp(38px,4vw,62px);line-height:1.08;letter-spacing:-.08em;color:#205f69}.study-copy p{margin-top:14px;color:#618c91;font-size:15px}.study-copy::after{display:block;width:52px;height:3px;margin-top:18px;border-radius:3px;background:#35b7c4;content:""}.study-plan{top:25%;right:clamp(315px,29vw,475px);width:258px;padding:18px 18px 14px;border:1px solid #ffffffdd;border-radius:18px;background:#ffffffd5;box-shadow:0 20px 42px #28707816;transform:rotate(2deg);transform-origin:center;backdrop-filter:blur(11px)}.study-plan-head{padding-bottom:12px;border-bottom-color:#cfe7e6}.study-plan-head b{background:#d7f2ef;color:#24848c}.study-plan ol{gap:10px;margin-top:13px}.study-plan li{min-height:26px}.study-plan li i{border-radius:9px;background:#dff3f1;color:#278b94}.study-quote{display:flex;top:51%;right:clamp(320px,30vw,490px);max-width:238px;color:#4f858a}.study-quote i{height:42px;background:#35b7c4}.study-desk{left:9%;bottom:12%;transform:scale(1.03);transform-origin:left bottom}.study-desk .book-coral{left:25%}.study-desk .book-cream{left:39%}.study-character{left:26%;bottom:19%;transform:scale(1.02);transform-origin:center bottom}.progress-note{left:35%;bottom:9%;background:#ffffffdf;box-shadow:0 15px 32px #23717918}.word-card-one{top:38%;left:7%;transform:rotate(-9deg)}.word-card-two{top:18%;right:clamp(330px,31vw,510px);transform:rotate(8deg)}.cloud-one{top:12%;left:45%;opacity:.72;transform:scale(.78)}.cloud-two{top:42%;right:clamp(350px,33vw,530px);opacity:.62}.study-sun{top:9%;left:39%;width:64px}.spark-one{top:58%;left:15%}.spark-two{top:20%;left:49%}@media(max-width:1100px) and (min-width:801px){.study-copy{left:6%;max-width:260px}.study-copy strong{font-size:42px}.study-plan{right:34%;width:230px;transform:rotate(2deg) scale(.88);transform-origin:right top}.study-quote{right:34%;top:50%}.study-desk{left:1%;transform:scale(.82);transform-origin:left bottom}.study-character{left:19%;transform:scale(.84);transform-origin:center bottom}.progress-note{left:26%;transform:scale(.86);transform-origin:left bottom}.word-card-two{right:33%}}@media(max-width:800px){.study-copy{top:12%;left:auto;right:8%;text-align:right}.study-copy::after{margin-left:auto}.study-plan,.study-quote{display:none}.word-card-one,.word-card-two,.study-sun{opacity:.55}}

/* 极简学习空间：去除信息堆叠，以留白、插画和单一进度提示建立层次。 */
.login-art.study-illustration{background:#eff9fa}.study-illustration::before{background:radial-gradient(circle at 14% 15%,#f9d878 0 3.5%,transparent 3.8%),linear-gradient(130deg,#d7f0ef 0%,#edf9f9 48%,#f8fdfd 100%)}.study-illustration::after{left:-18%;bottom:-49%;width:66%;background:#a9dfd7;box-shadow:inset 0 14px 0 #def5f1}.study-copy{top:16%;left:9%;right:auto;max-width:390px;text-align:left}.study-copy span{padding:0;border:0;border-radius:0;background:transparent;color:#37949a;font-size:13px;letter-spacing:.12em}.study-copy strong{margin-top:12px;font-size:clamp(40px,4.3vw,68px);line-height:1.05;color:#216b73}.study-copy p{margin-top:16px;color:#6e9296;font-size:15px}.study-copy::after{display:none}.study-plan,.study-quote{display:none}.study-desk{left:11%;bottom:14%;transform:scale(1.12);transform-origin:left bottom}.study-desk .book-coral{left:27%}.study-desk .book-cream{left:42%}.study-character{left:31%;bottom:21%;transform:scale(1.1);transform-origin:center bottom}.progress-note{left:42%;bottom:14%;padding:13px 16px;border:1px solid #ffffffd5;border-radius:15px;background:#ffffffea;box-shadow:0 15px 32px #2d74771c;transform:rotate(-3deg)}.word-card-one{top:47%;left:9%;padding:11px 14px;transform:rotate(-7deg)}.word-card-two{display:none}.cloud-one{top:12%;left:48%;opacity:.68;transform:scale(.72)}.cloud-two{display:none}.study-sun{top:11%;left:40%;width:56px}.spark-one{top:60%;left:19%}.spark-two{top:34%;left:47%}@media(max-width:1100px) and (min-width:801px){.study-copy{left:7%;max-width:290px}.study-copy strong{font-size:47px}.study-desk{left:3%;transform:scale(.88);transform-origin:left bottom}.study-character{left:23%;transform:scale(.88);transform-origin:center bottom}.progress-note{left:32%;transform:rotate(-3deg) scale(.86);transform-origin:left bottom}}@media(max-width:800px){.study-copy{top:14%;left:auto;right:8%;text-align:right}.study-desk,.study-character,.progress-note,.word-card-one{display:none}.study-sun{opacity:.6}}

/* 恢复：全屏学习背景 + 右侧登录栏。 */
.login{position:relative;display:block;min-height:100dvh;overflow:hidden;background:#dcece3}.login-art.study-illustration{position:absolute;inset:0;display:block;min-height:100dvh;overflow:hidden;background:#e8f2ec;color:#24443c;font-family:"Microsoft YaHei",Arial,sans-serif;letter-spacing:0}.study-illustration::before{position:absolute;z-index:-2;inset:0;background:radial-gradient(circle at 82% 15%,#fff8d9 0 7%,transparent 22%),linear-gradient(140deg,#c8e8dd 0%,#eef5e8 54%,#f8edd8 100%);content:""}.study-illustration::after{position:absolute;z-index:-1;right:-16%;left:auto;bottom:-28%;width:78%;aspect-ratio:1;border-radius:50%;background:#9cccb8;box-shadow:none;content:""}.login-left{position:relative;z-index:8;display:flex;justify-content:center;box-sizing:border-box;width:min(450px,calc(100% - 64px));min-height:100dvh;margin-left:auto;padding:clamp(34px,6vw,78px) clamp(30px,5vw,64px);background:#fffdf2d9;border-left:1px solid #fff9;box-shadow:-16px 0 42px #31554817;backdrop-filter:blur(14px)}.login-left .brand{align-self:flex-start;width:auto;margin:0;color:#34584c;font-size:22px}.login-left .brand-mark{width:39px;height:39px}.login-left .login-form{box-sizing:content-box;width:100%;max-width:none;margin:auto 0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}.login-left .login-form h1{display:block;margin:0 0 38px;color:#315f52;font-size:38px;line-height:normal;letter-spacing:-.05em}.login-left .login-form h1::after{display:none}.login-left .field,.login-left .login-account-field,.login-left .login-options,.login-left .login-btn{width:100%}.login-left .field{height:auto;margin-bottom:20px;padding:15px 16px;border-color:#d9e1e8;border-radius:12px;background:#ffffffbd;color:#315246;box-shadow:none}.login-left .login-options{margin:-4px 0 25px}.login-left .login-btn{height:auto;margin-top:4px;padding:14px;border-radius:13px;background:#397565;box-shadow:0 8px 18px #39756528;font-size:17px;font-weight:400;letter-spacing:.12em;transition:transform .25s ease,background .25s ease}.login-left .login-btn:hover{background:#2e6658;transform:translateY(-2px)}.study-sun{top:9%;right:12%;left:auto;width:72px;aspect-ratio:1;background:#f7c76b;box-shadow:0 0 0 14px #f7c76b35}.cloud-one{top:13%;left:9%;opacity:.72;transform:none}.cloud-two{display:block;top:38%;right:4%;left:auto;opacity:.72;transform:scale(.58)}.study-copy{top:17%;right:auto;left:12%;max-width:none;text-align:left}.study-copy span{position:static;display:inline-block;padding:6px 11px;border:1px solid #5a8e7d66;border-radius:999px;background:#f8f4e5aa;color:#4c7d6e;font-size:13px;font-weight:700;letter-spacing:0;white-space:normal}.study-copy strong{display:block;margin-top:15px;font-size:clamp(35px,4vw,62px);line-height:1.08;letter-spacing:-.08em;color:inherit}.study-copy p{margin:13px 0 0;color:#527567;font-size:15px}.study-copy::after{display:none}.word-card{padding:12px 16px;border:1px solid #fff9;border-radius:15px;background:#fffdf2e8;box-shadow:0 12px 24px #4669551a}.word-card-one{display:grid;top:41%;left:10%;transform:rotate(-8deg)}.word-card-two{display:grid;top:25%;right:9%;left:auto;transform:rotate(8deg)}.study-desk{right:8%;left:auto;bottom:13%;width:min(61%,420px);height:135px;transform:none}.study-desk .book-coral{left:25%}.study-desk .book-cream{left:39%}.study-character{right:24%;left:auto;bottom:20%;transform:none}.progress-note{right:6%;left:auto;bottom:8%;padding:12px 15px;border:1px solid #fff9;border-radius:14px;background:#fbfaf0df;box-shadow:0 12px 25px #46695516;transform:none}.study-spark{display:block}.spark-one{top:58%;left:27%}.spark-two{top:21%;left:51%;transform:rotate(45deg) scale(.65)}@media(max-width:800px){.login{background:#e8f2ec}.login-art.study-illustration{display:none}.login-left{width:100%;padding:28px max(24px,7vw);background:#fffdf2e5;border-left:0;box-shadow:none;backdrop-filter:blur(10px)}.login-left .login-form{max-width:380px;margin:auto}.login-left .brand{width:min(380px,100%);margin:0 auto}.login-left .login-form h1{font-size:36px}}

/* 撤销上一步恢复：回到极简学习空间，登录区域不受影响。 */
.login-art.study-illustration{background:#eff9fa}.study-illustration::before{background:radial-gradient(circle at 14% 15%,#f9d878 0 3.5%,transparent 3.8%),linear-gradient(130deg,#d7f0ef 0%,#edf9f9 48%,#f8fdfd 100%)}.study-illustration::after{left:-18%;right:auto;bottom:-49%;width:66%;background:#a9dfd7;box-shadow:inset 0 14px 0 #def5f1}.study-copy{top:16%;left:9%;right:auto;max-width:390px;text-align:left}.study-copy span{padding:0;border:0;border-radius:0;background:transparent;color:#37949a;font-size:13px;letter-spacing:.12em}.study-copy strong{margin-top:12px;font-size:clamp(40px,4.3vw,68px);line-height:1.05;color:#216b73}.study-copy p{margin-top:16px;color:#6e9296;font-size:15px}.study-copy::after{display:none}.study-plan,.study-quote{display:none}.study-desk{left:11%;right:auto;bottom:14%;transform:scale(1.12);transform-origin:left bottom}.study-desk .book-coral{left:27%}.study-desk .book-cream{left:42%}.study-character{left:31%;right:auto;bottom:21%;transform:scale(1.1);transform-origin:center bottom}.progress-note{left:42%;right:auto;bottom:14%;padding:13px 16px;border:1px solid #ffffffd5;border-radius:15px;background:#ffffffea;box-shadow:0 15px 32px #2d74771c;transform:rotate(-3deg)}.word-card-one{top:47%;left:9%;padding:11px 14px;transform:rotate(-7deg)}.word-card-two{display:none}.cloud-one{top:12%;left:48%;opacity:.68;transform:scale(.72)}.cloud-two{display:none}.study-sun{top:11%;left:40%;right:auto;width:56px}.spark-one{top:60%;left:19%}.spark-two{top:34%;left:47%}@media(max-width:1100px) and (min-width:801px){.study-copy{left:7%;max-width:290px}.study-copy strong{font-size:47px}.study-desk{left:3%;transform:scale(.88);transform-origin:left bottom}.study-character{left:23%;transform:scale(.88);transform-origin:center bottom}.progress-note{left:32%;transform:rotate(-3deg) scale(.86);transform-origin:left bottom}}@media(max-width:800px){.study-copy{top:14%;left:auto;right:8%;text-align:right}.study-desk,.study-character,.progress-note,.word-card-one{display:none}.study-sun{opacity:.6}}
.login-left .login-form h1{flex-direction:column}

/* 登录区同步升级：与极简学习背景共享青绿色、留白和轻透卡片语言。 */
.login-left{justify-content:center;gap:18px;width:min(470px,calc(100% - 54px));padding:42px 46px;background:transparent;border:0;box-shadow:none;backdrop-filter:none}.login-left .brand{align-self:center;width:344px;margin:0;color:#236b75;font-size:20px}.login-left .brand-mark{width:39px;height:39px}.login-left .login-form{box-sizing:border-box;width:100%;max-width:408px;margin:0;padding:40px 32px 34px;border:1px solid #ffffffcc;border-radius:24px;background:#fffffff0;box-shadow:0 20px 50px #28727a20;backdrop-filter:blur(12px)}.login-left .login-form h1{display:flex;margin:0 0 30px;color:#236b75;font-size:38px;line-height:1.05}.login-left .login-form h1::after{display:block;margin-top:10px;color:#7c989b;font-size:14px;font-weight:400;letter-spacing:0;line-height:1.5;content:'继续你的学习旅程'}.login-left .field{height:52px;margin-bottom:18px;padding:0 16px;border-color:#c9e4e6;border-radius:12px;background:#fbffff;color:#315246;box-shadow:none}.login-left .field::placeholder{color:#9aaba1}.login-left .field:focus{border-color:#35b7c4;box-shadow:0 0 0 3px #35b7c41f}.login-left .login-options{margin:1px 0 28px;font-size:13px}.login-left .login-options input{accent-color:#35b7c4}.login-left .login-options button{color:#268d98}.login-left .login-btn{height:52px;margin-top:0;padding:0;border-radius:13px;background:#35b7c4;box-shadow:0 9px 20px #35b7c438;font-size:17px;font-weight:700;letter-spacing:.12em}.login-left .login-btn:hover{background:#249fa8;transform:translateY(-2px)}.login-left .login-btn:active{transform:translateY(1px) scale(.985)}@media(max-width:800px){.login-left{gap:16px;width:100%;padding:30px 24px;background:#f8ffffdd}.login-left .brand{width:min(360px,100%)}.login-left .login-form{max-width:390px;margin:0;padding:36px 28px}.login-left .login-form h1{font-size:36px}}@media(max-width:440px){.login-left .login-form{padding:30px 22px;border-radius:20px}.login-left .login-form h1{font-size:34px}}

/* 统一声音播放图标 */
.audio-icon{display:block;width:22px;height:18px;object-fit:contain;margin:auto}

/* 登录页：右上角词汇漂浮岛。 */
@media(min-width:801px){.login-left{transform:translateX(-450px)}}
.login-corner-orbit{position:absolute;z-index:1;top:-142px;right:-148px;width:326px;height:326px;border:1px solid #def5f1;border-radius:50%;background:radial-gradient(circle at 32% 68%,#dff7f3 0 15%,#b9e9e2 16% 48%,#a9dfd7 49% 100%);box-shadow:inset 22px -17px 0 #7fc8c51c,0 16px 38px #2d747714;animation:login-orbit-breathe 7s ease-in-out infinite}
.login-corner-orbit::after{position:absolute;right:54px;bottom:54px;width:14px;height:14px;border:4px solid #f8ffff;border-radius:50%;content:"";opacity:.86}
.corner-word-cards{position:absolute;z-index:4;top:58px;right:44px;width:274px;height:244px;pointer-events:none}
.corner-word-card{position:absolute;display:grid;width:max-content;min-width:0;gap:4px;padding:11px 14px;border:1px solid #ffffffd5;border-radius:15px;background:#fffdf2e8;box-shadow:0 12px 24px #4669551a;color:#216b73;backdrop-filter:blur(5px);animation:login-card-float 5s ease-in-out infinite}
.corner-word-card b{font-family:"Microsoft YaHei",sans-serif;color:#21818b;font-size:17px;line-height:1;font-weight:700}.corner-word-card span{color:#6e9296;font-size:12px}.corner-word-card i{color:#37949a;font-size:10px;font-style:normal;letter-spacing:.08em;text-transform:uppercase}
.card-explore{top:20px;right:64px;transform:rotate(7deg);animation-delay:-1.4s}.card-curious{top:127px;left:-52px;transform:rotate(-8deg);animation-delay:-3.2s}.card-progress{top:360px;right:20px;transform:rotate(4deg);animation-delay:-.4s}
@keyframes login-card-float{0%,100%{translate:0 0}50%{translate:0 -13px}}@keyframes login-orbit-breathe{50%{transform:scale(1.035)}}
@media(max-width:800px){.login-left{transform:none}.login-corner-orbit,.corner-word-cards{display:none}}@media(prefers-reduced-motion:reduce){.login-corner-orbit,.corner-word-card{animation:none}}

/* “英拓”标识：展开书页形成向上生长的轮廓。 */
.brand{gap:11px}.brand span{font-weight:800;letter-spacing:.12em}.brand-mark{position:relative;display:inline-block;flex:none;width:39px!important;height:39px!important;border:0!important;border-radius:13px!important;background:linear-gradient(145deg,#48c7c8 0%,#31b5c3 62%,#259cae 100%)!important;box-shadow:0 7px 14px #249fa82b;transform:none!important;overflow:hidden}.brand-mark::before,.brand-mark::after{position:absolute;top:11px;width:12px;height:17px;background:#f8ffff;content:""}.brand-mark::before{left:8px;border-radius:8px 2px 3px 7px;transform:rotate(-20deg)}.brand-mark::after{right:8px;border-radius:2px 8px 7px 3px;transform:rotate(20deg)}.brand-mark:hover{transform:translateY(-1px)!important;box-shadow:0 10px 18px #249fa83b}.login-left .brand{color:#216b73}.sidebar .brand{color:#FFFFFF}.sidebar .brand span{letter-spacing:.1em}

/* “英拓”抽象猫头鹰：全白剪影，代表专注、智慧与陪伴式学习。 */
.brand{gap:12px}.brand-mark{border-radius:13px!important;background:#31b5c3!important;clip-path:none!important;box-shadow:0 8px 16px #249fa82a!important}.brand-mark::before{top:4px;left:3px;width:33px;height:31px;border:0;border-radius:0;background:#fff;clip-path:polygon(0 0,28% 16%,50% 2%,72% 16%,100% 0,88% 75%,68% 96%,32% 96%,12% 75%);transform:none}.brand-mark::after{top:15px;right:auto;left:10px;width:5px;height:5px;border:0;border-radius:50%;background:#31b5c3;box-shadow:14px 0 #31b5c3;clip-path:none;transform:none}.brand-mark:hover{transform:translateY(-1px)!important;box-shadow:0 11px 20px #249fa837!important}.login-left .brand{position:relative;padding-bottom:22px}.login-left .brand::after{position:absolute;top:45px;left:51px;color:#6e9296;font-size:11px;font-weight:500;letter-spacing:.04em;line-height:1.4;white-space:nowrap;content:'专做线上英语培训学习平台'}.sidebar .brand::after{display:none}

/* “英拓”抽象飞鸟：舒展双翼，表达学习的跃升与探索。 */
.brand-mark::before{top:11px;left:2px;width:35px;height:22px;background:#fff;clip-path:polygon(0 50%,19% 4%,41% 37%,57% 16%,80% 0,67% 50%,100% 65%,61% 76%,46% 100%,35% 72%,10% 74%)}.brand-mark::after{top:7px;left:22px;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:none}.brand-mark:hover{transform:translateY(-1px)!important}

/* 参考图徽记：圆环与交错的竖向结构构成简洁的黑色几何标志。 */
.brand-mark{border-radius:0!important;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M8 29a17 17 0 1 1 32 0' fill='none' stroke='%230b0b0b' stroke-width='6' stroke-linecap='round'/%3E%3Cpath d='M10 32h9v8h5V24l-6-6 6-6 6 6-6 6v17h6l8-9v7L27 48 10 40Z' fill='%230b0b0b'/%3E%3C/svg%3E")!important;box-shadow:none!important}.brand-mark::before,.brand-mark::after{display:none!important}.brand-mark:hover{transform:none!important;box-shadow:none!important}.login-left .brand,.sidebar .brand{color:#111}.login-left .brand::after{color:#6d7474}

/* 菜单栏使用压缩后的本地白色 Logo。 */
.sidebar .brand .sidebar-logo-image{display:block;flex:none;width:100px;height:auto;object-fit:contain}.sidebar-collapsed .sidebar .sidebar-logo-image{display:none}

/* Figma 15:32：完整品牌标识，保持原始比例与颜色。 */
.login-left .brand .brand-logo-image{display:block;width:129px;height:auto;object-fit:contain}
.login-left .brand{padding-bottom:0}
.login-left .brand::after{display:none}


/* Course image: bottom delete action, 60% transparent black background. */
.config-modal .config-upload .config-image-delete{position:absolute;z-index:2;left:0;right:0;bottom:0;display:block;width:100%;height:26px;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:rgba(0,0,0,.4);color:#fff;font-family:inherit;font-size:14px;font-weight:400;line-height:26px;text-align:center;cursor:pointer}
.config-modal .config-upload .config-image-delete:focus-visible{outline:2px solid #fff;outline-offset:-2px}

.student-modal .student-required{color:#ef5350;font-style:normal;margin-right:4px}

.account-table .account-status-switch{padding:0;font-size:14px;white-space:nowrap;gap:7px}.account-table .account-status-switch:disabled{opacity:1;cursor:not-allowed}.account-table .account-status-switch:focus-visible{outline:2px solid #35b7c4;outline-offset:4px}

/* 登录页主文案在桌面端向右偏移。 */
@media(min-width:801px){.study-copy{margin-top:-50px;margin-left:-60px}}

/* 登录页左侧词汇卡在桌面端重新定位。 */
@media(min-width:801px){.word-card-one{margin-top:-70px;margin-left:300px}}

/* 仅调整“每日积累”标签的位置。 */
@media(min-width:801px){.study-copy>span{transform:translateY(50px)}}

/* 卡通人物在桌面端向左偏移，保留原有浮动动画。 */
@media(min-width:801px){.study-character{bottom:calc(21% + 35px)!important;margin-left:-80px}}

/* 书桌上的铅笔向左偏移。 */
@media(min-width:801px){.pencil{right:calc(27% + 20px)}}

/* 人物置于桌子后方，保留桌面与书本的前景层级。 */
@media(min-width:801px){.study-character{z-index:1}.study-desk{z-index:2}}

/* Account expiration selector */
.account-expiry-row{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:start}
.account-expiry-row>span{padding-top:10px}
.account-expiry{min-width:0}
.account-expiry summary{height:40px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #d7dce3;border-radius:5px;cursor:pointer;list-style:none;background:#fff;font-size:16px}
.account-expiry summary::-webkit-details-marker{display:none}
.account-expiry summary i{width:7px;height:7px;margin-right:1px;border-right:1px solid #929ca9;border-bottom:1px solid #929ca9;transform:rotate(45deg) translateY(-2px)}
.account-expiry.is-empty .account-expiry-value{color:#a0a7b1}
.account-expiry[open] summary{border-radius:5px 5px 0 0}
.account-expiry-options{padding:20px 21px 26px;border:1px solid #08bdd4;background:#fff}
.account-expiry-group+ .account-expiry-group{margin-top:30px}
.account-expiry-group p{margin:0 0 20px;color:#59616d;font-size:16px;line-height:20px}
.account-expiry-group>div{display:flex;gap:30px;flex-wrap:wrap}
.account-expiry-group button{height:26px;min-width:60px;padding:0 15px;border:1px solid #08bdd4;border-radius:3px;background:#fff;color:#08b6cc;font-size:14px;line-height:24px;cursor:pointer}
.account-expiry-group button:hover{background:#ecfbfd}
.account-expiry summary:focus-visible,.account-expiry-group button:focus-visible{outline:2px solid #08bdd4;outline-offset:2px}
@media(max-width:800px){.account-expiry-row{grid-template-columns:1fr;gap:7px}.account-expiry-row>span{padding-top:0}.account-expiry-group>div{gap:15px}}