:root{font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#243b36;background:#f7f8f4;font-synthesis:none;--green: #0c7067;--muted: #778780;--line: #e2e8e0}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:#fff;color:inherit;border-radius:10px;padding:11px 18px}button:disabled{opacity:.55;cursor:wait}button:hover:not(:disabled){border-color:var(--green)}button.primary,.primary{background:var(--green);color:#fff;border:0}input,textarea,select{padding:13px;border:1px solid #dce4dc;border-radius:9px;width:100%;background:#fff;color:#243b36}input:focus,textarea:focus{outline:2px solid #9dcfc1;outline-offset:1px}label{display:block;font-size:14px;margin:22px 0}label input{display:block;margin-top:9px}h1,h2,h3,p{margin-top:0}.muted{color:var(--muted);line-height:1.8}.eyebrow{color:var(--green);font-size:12px;font-weight:700;letter-spacing:2px}.brand{font-size:26px;font-weight:800;display:flex;align-items:center;gap:14px}.brand span{font-size:10px;letter-spacing:2px;border-left:1px solid #94b5a7;padding-left:14px;font-weight:500}.login-layout{display:grid;grid-template-columns:1.1fr 1fr;min-height:100vh}.login-story{padding:55px 9%;background:#e7eee3;display:flex;flex-direction:column;justify-content:space-between;gap:65px}.login-story h1{font-size:43px;line-height:1.5;font-weight:650;letter-spacing:-1px}.login-story>div>p:not(.eyebrow){color:#6c7c6e;font-size:14px}.login-story>small{color:#71816f;font-size:12px;letter-spacing:2px}.word-art{margin-top:40px;background:#fffdf6;transform:rotate(-4deg);padding:30px 34px;border-radius:18px;box-shadow:0 18px 40px #52644412;max-width:370px}.word-art>span{font-family:Georgia,serif;font-size:34px}.word-art small{font-size:15px;color:#8c9589}.word-art p{margin:12px 0 22px;font-size:14px}.word-art>div{border-top:1px solid #e3e6d8;padding-top:18px;font-family:Georgia,serif;font-style:italic;color:#819079;font-size:14px}.login-form{padding:65px;display:flex;align-items:center;justify-content:center}.login-form>div{max-width:360px;width:100%}.login-form h2{font-size:30px;margin-bottom:10px}.login-form .primary{width:100%;margin-top:10px;padding:15px}.footnote{font-size:12px;color:#809085;text-align:center;margin-top:25px}.dev-note{color:#939f98;font-size:11px;text-align:center;margin-top:44px}.error{color:#b14e37;font-size:14px;background:#fff0eb;padding:12px;border-radius:8px}.workspace{max-width:1200px;margin:auto;padding:40px}.workspace h1{margin-top:50px}@media(max-width:720px){.login-layout{display:block}.login-story{padding:28px;gap:30px}.login-story h1{font-size:29px}.login-story>small,.word-art{display:none}.login-form{padding:38px 26px}.brand{font-size:22px}.login-story>div>p:not(.eyebrow){margin-bottom:0}.workspace{padding:22px}}.button{display:flex;align-items:center;justify-content:space-between;border-radius:9px;padding:13px 17px;font-size:14px;font-weight:600}.app-shell{display:flex;min-height:100vh}.sidebar{width:235px;background:#fff;border-right:1px solid var(--line);padding:35px 23px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column}.sidebar .brand{font-size:25px}.sidebar .brand span{font-size:8px;letter-spacing:1px;padding-left:10px}.nav-caption{color:#9aaba0;font-size:11px;letter-spacing:2px;margin:50px 16px 16px}.sidebar nav{display:flex;flex-direction:column;gap:9px}.sidebar nav a{padding:14px 15px;border-radius:9px;color:#687a70;font-size:14px}.sidebar nav a.router-link-exact-active{background:#e8f2ea;color:var(--green);font-weight:600}.sidebar-bottom{margin-top:auto;display:flex;gap:10px;align-items:center;padding-top:25px;border-top:1px solid var(--line);font-size:12px}.sidebar-bottom small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.user-avatar{background:#e7ede4;color:#66836a;width:34px;height:34px;display:grid;place-items:center;border-radius:50%}.text-button{padding:4px;border:0;background:none;font-size:12px;color:var(--muted);margin-left:auto}.main-panel{margin-left:235px;flex:1;min-width:0}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;color:#8a988e;font-size:12px}.local-badge{border:1px solid #dbe4d7;border-radius:20px;padding:5px 10px;font-size:10px;color:#7e8d7f}.content{padding:38px 42px;max-width:1450px;margin:auto;min-height:calc(100vh - 130px)}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:27px}.page-heading h1{font-size:29px;font-weight:650;letter-spacing:-.7px;margin-bottom:9px}.page-heading p{font-size:13px;margin-bottom:0}.date-chip{font-size:12px;background:#fff;border:1px solid var(--line);padding:10px 14px;border-radius:8px;color:#6f7c72}.welcome-banner{display:flex;justify-content:space-between;background:#e8eee0;border:1px solid #e0e8d6;border-radius:16px;padding:30px 35px;margin-bottom:38px;overflow:hidden}.small-pill{font-size:11px;color:#5f7a58;background:#f6f8ef;border-radius:20px;padding:5px 12px;display:inline-block}.welcome-banner h2{font-size:27px;font-weight:500;margin:17px 0 12px}.welcome-banner p{color:#7b8a71;font-size:13px;line-height:1.9;margin-bottom:0}.banner-word{display:flex;flex-direction:column;justify-content:center;padding:0 30px;font:italic 55px Georgia,serif;color:#7b9870;transform:rotate(-7deg)}.banner-word span{font:13px sans-serif;margin-top:10px}.banner-word small{font-size:15px;margin-top:20px;color:#92a485}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:10px 0 22px}.section-heading h2{font-size:18px;margin:0}.section-heading h2 small{font-size:11px;color:#879481;background:#e8eee3;border-radius:20px;padding:3px 8px;margin-left:10px}.section-heading>span{font-size:12px}.task-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.task-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:23px;box-shadow:0 3px 8px #28401c02}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.book-icon{font:22px Georgia,serif;background:#f0f2e8;color:#8c9c76;padding:10px;border-radius:11px}.badge{font-size:10px;padding:5px 10px;border-radius:20px;color:#7c887c;background:#f1f3ee}.badge.completed{background:#e8f5ee;color:#37846c}.badge.needs_correction{background:#fff4df;color:#b38b37}.badge.in_progress{background:#e8f3f3;color:#448581}.task-card h3{font-size:17px;font-weight:600;margin-bottom:10px}.task-card>.muted{font-size:12px}.task-line{display:flex;justify-content:space-between;color:#91a08f;font-size:10px;border-top:1px solid #eef0e9;padding:19px 0}.task-card .button{font-size:12px}.empty-state{grid-column:1/-1;text-align:center;padding:65px;background:#fff;border:1px dashed #d7e0d3;border-radius:12px;color:#8b998d}.error-text{color:#b16a4a}footer{padding:18px 42px;color:#a3afa1;font-size:10px;border-top:1px solid var(--line);display:flex;justify-content:space-between;letter-spacing:1px}.back-link{font-size:12px;color:#7e9084;display:block;margin-bottom:25px}.study-wrap{max-width:640px;margin:35px auto}.study-meta{display:flex;justify-content:space-between;color:#8b998c;font-size:12px;margin-bottom:16px}.flash-card{border-radius:20px;border:1px solid var(--line);background:#fff;padding:40px;text-align:center;min-height:350px;box-shadow:0 12px 40px #35402d06}.flash-card h2{font:600 44px Georgia,serif;margin:30px 0 12px;overflow-wrap:anywhere}.flash-card h3{font-size:22px;font-weight:500;margin:20px 0}.phonetic{font-family:Georgia,serif;font-size:18px;color:#8b998c}.sound-button{border-radius:50%;background:#edf5ed;color:var(--green);border:0;width:45px;height:45px;padding:0;font-size:24px}.example{background:#f7f8f3;border-radius:9px;padding:18px;margin-top:25px;font:italic 16px Georgia,serif;text-align:left;color:#6d7e69}.example p{margin-bottom:9px}.example small{font:12px sans-serif;color:#97a28f}.reveal{display:block;margin:30px auto;background:#f5f8ef;border:0;color:var(--green)}.tiny{font-size:11px;margin:20px 0 0}.study-actions{display:flex;gap:15px;margin-top:20px}.study-actions button{flex:1;padding:15px}.result-card{text-align:center;background:#fff;padding:60px 30px;border-radius:20px;border:1px solid var(--line)}.result-card h2{font-size:24px}.result-card .primary{display:inline-block;margin-top:16px}.result-symbol{width:65px;height:65px;border-radius:50%;background:#e9f4e9;color:var(--green);font-size:35px;display:grid;place-items:center;margin:0 auto 25px}.result-symbol.amber{background:#fcf1d8;color:#b29749}.practice-card input{margin-top:25px;text-align:center;font-size:22px}.practice-card .sentence{font:500 25px/1.7 sans-serif}.options{display:grid;gap:10px;margin-top:26px;text-align:left}.options button{text-align:left}.options .selected{background:#e8f4ed;border-color:#0c7067}.submit-button{width:100%;margin-top:20px;padding:16px}.answer-feedback{display:flex;justify-content:space-between;align-items:center;padding:18px;margin-top:20px;border-radius:10px;background:transparent}.options button.answer-correct,input.answer-correct{background:#e5f5e9;border:2px solid #21823b;color:#155b29;opacity:1;-webkit-text-fill-color:#155b29}.options button.answer-wrong,input.answer-wrong{background:#ffebee;border:2px solid #c62828;color:#a51d25;opacity:1;-webkit-text-fill-color:#a51d25}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.big{width:70px;height:70px;font-size:35px}@media(max-width:1100px){.task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:200px;padding:30px 17px}.main-panel{margin-left:200px}.content{padding:30px}.topbar{padding:0 30px}}@media(max-width:720px){.sidebar{width:auto;position:static;padding:18px;border:0;border-bottom:1px solid var(--line)}.app-shell{display:block}.sidebar .brand{font-size:23px}.sidebar .nav-caption,.sidebar-bottom{display:none}.sidebar nav{flex-direction:row;gap:4px;margin-top:15px;overflow:auto}.sidebar nav a{white-space:nowrap;padding:9px;font-size:11px}.main-panel{margin-left:0}.topbar{height:40px;padding:0 20px;font-size:10px}.content{padding:26px 20px}.page-heading h1{font-size:24px}.date-chip{display:none}.welcome-banner{padding:24px;margin-bottom:30px}.banner-word{font-size:35px;padding:0 5px}.banner-word small{display:none}.welcome-banner h2{font-size:23px}.welcome-banner p{font-size:11px}.task-grid{grid-template-columns:1fr}.task-card{padding:20px}.flash-card{padding:26px 20px;min-height:330px}.flash-card h2{font-size:37px}.study-wrap{margin-top:20px}footer{padding:20px;font-size:9px}footer span{display:none}.result-card{padding:40px 20px}}.panel{padding:25px;background:#fff;border:1px solid var(--line);border-radius:13px;margin-bottom:23px;min-width:0}.panel>h2{font-size:18px}.panel>.muted{font-size:12px}.filter-bar{display:flex;gap:17px;align-items:center;margin-bottom:25px}.filter-bar label{display:flex;align-items:center;gap:12px;font-size:12px;margin:0;color:#768975}.filter-bar select{width:220px;padding:10px;font-size:12px}.export-button{margin-left:auto;border:1px solid var(--line);background:#fff;font-size:12px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:27px}.stat-box{background:#fff;padding:25px;border:1px solid var(--line);border-radius:12px}.stat-box>span{font-size:12px;color:#7f8b80}.stat-box strong{display:block;font:600 38px Georgia,serif;color:#344d3c;margin:20px 0 16px}.stat-box strong small{font:11px sans-serif;margin-left:8px;color:#8a9889}.stat-box>p{font-size:10px;color:#9aaa96;margin-bottom:0}.stat-box.warm{background:#fcfaf1;border-color:#ece7d3}.stat-box.warm strong{color:#ad9251}.dimension{font-size:10px;display:inline-block;margin:3px 9px 3px 0;color:#7d8e7c}.el-table{--el-table-header-bg-color: #f7f9f3;--el-table-border-color: #eef1ea;--el-table-header-text-color: #8a9883;--el-table-text-color: #50634f;font-size:12px}.el-table th.el-table__cell{font-weight:500}.el-table .cell{padding-top:8px;padding-bottom:8px}.two-panels{display:grid;grid-template-columns:1fr 1fr;gap:23px}.class-row{padding:16px 0;display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--line);font-size:13px}.class-row>span{color:#8c9b85;margin-left:auto}.class-row button{font-size:11px;padding:5px 10px}.spaced{margin-top:18px}.notice{background:#e8f4e9;color:#387753;padding:14px;border-radius:8px;font-size:13px}.upload-box{display:flex;flex-direction:column;align-items:center;gap:15px;padding:30px;border:1px dashed #bacbb4;border-radius:10px;background:#fbfcf7;color:#71846a}.upload-box input{max-width:300px;font-size:11px;background:none;border:0}details{font-size:12px;color:#7b8d74}summary{cursor:pointer;margin-bottom:16px}.preview{margin-top:25px;padding-top:25px;border-top:1px solid var(--line)}.inline-check{display:inline-flex;align-items:center;gap:8px;margin:18px 20px 18px 0;font-size:12px}.inline-check input{width:auto;accent-color:#0c7067}.compact-select{width:260px;font-size:12px;padding:9px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.checkbox-row{display:flex;flex-wrap:wrap}@media(max-width:1100px){.filter-bar{flex-wrap:wrap}.stats-grid{grid-template-columns:repeat(2,1fr)}.filter-bar select{width:190px}}@media(max-width:720px){.two-panels,.form-grid{grid-template-columns:1fr}.stats-grid{gap:10px}.stat-box{padding:18px}.stat-box strong{font-size:30px}.stat-box>p{font-size:9px}.panel{padding:18px}.filter-bar label{width:100%}.filter-bar select{flex:1}.filter-bar .export-button{margin-left:0}.compact-select{width:170px}.section-heading{gap:10px}}.mode-picker{border:0;padding:10px 0;margin:18px 0;text-align:left}.mode-picker legend{font-size:15px;font-weight:600;margin-bottom:10px}.mode-option{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:10px;padding:15px;margin:10px 0;cursor:pointer}.mode-option.chosen{background:#eef6ed;border-color:var(--green)}.mode-option input{width:auto;accent-color:var(--green)}.mode-option b{display:block;font-size:15px}.mode-option small{display:block;margin-top:7px;color:var(--muted);font-size:12px}.header-account{display:flex;align-items:center;gap:12px}.logout-button{min-height:36px;white-space:nowrap}.task-progress-panel{border:1px solid var(--line);background:#fff;border-radius:12px;padding:16px;margin:16px 0 24px}.task-progress-panel h3{margin:0 0 10px}.task-progress-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;font-size:13px}.task-progress-grid progress{display:block;width:100%;height:8px;margin-top:8px;accent-color:#0c7067}@media(max-width:480px){.task-progress-grid{grid-template-columns:1fr;gap:10px}}.wrong-attempt-word{color:#c62828;font-weight:600}.site-footer{text-align:center}.site-footer a{display:inline-block;margin-top:8px;font-size:12px;color:inherit;text-decoration:none}.login-layout>.site-footer{grid-column:1 / -1;padding:20px}