:root{--green:#244f43;--muted:#87908a;--line:#e9ece6;--orange:#d78956;--bg:#f6f7f3}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#293e35;font:14px 'DM Sans','Microsoft YaHei',sans-serif}button,input,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;border-radius:8px;padding:10px 16px;background:var(--green);color:white}button:hover{filter:brightness(.95)}button:disabled{opacity:.4;cursor:not-allowed}a{color:inherit;text-decoration:none}aside{width:238px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:32px 22px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px}.brand strong{font-size:25px;letter-spacing:-1px}.brand strong>span{font-weight:400}.brand small{font-size:10px;letter-spacing:2px;margin-top:5px}.mark{font:bold 52px Georgia;line-height:1;color:var(--green);position:relative}.mark>span{position:absolute;right:-5px;top:-8px;color:#e6af60;font-size:21px}small{display:block;color:var(--muted);font-weight:400;font-size:11px}.workspace{display:flex;gap:12px;align-items:center;padding:16px 11px;border:1px solid var(--line);border-radius:10px;margin:33px 0 28px}.workspace>span:first-of-type{flex:1;font-size:12px}.workspace small{margin-top:5px}.nav-label{font-size:10px;color:#9aa29c;padding:0 14px;margin-bottom:12px}nav a{display:flex;gap:15px;align-items:center;padding:13px 16px;margin:5px 0;color:#7e8881;border-radius:8px;font-size:13px}nav a.active{background:#eaf1eb;color:var(--green);font-weight:bold}nav i{font-style:normal;font-size:19px;width:20px}nav em{margin-left:auto;background:#f5e8d8;color:#a8783e;font-size:10px;font-style:normal;padding:2px 6px;border-radius:5px}.side-bottom{margin-top:auto;padding:24px 8px 22px}.seed{font-size:40px;color:#a1b5a0}.side-bottom b{font:italic 14px Georgia}.side-bottom p{font-size:10px;color:#9ca49d}.tag{font-size:9px;letter-spacing:2px;color:#a1ad9f}.teacher{display:flex;gap:10px;border-top:1px solid var(--line);padding-top:20px;align-items:center}.teacher b{font-size:12px}.teacher small{margin-top:4px}.avatar{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#f0e7d9;color:#946e44;flex-shrink:0}.small{width:30px;height:30px;font-size:11px}.icon-btn{background:transparent;color:#78847c;padding:7px;font-size:19px}.teacher .icon-btn{margin-left:auto}main{margin-left:238px}header{height:77px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:#ffffff70;font-size:12px}.breadcrumb{color:#9aa39a}.header-right{display:flex;align-items:center;gap:20px}.demo{font-size:10px;color:#8b956f;background:#eef1e5;border-radius:5px;padding:6px 9px}#content{padding:32px 38px;max-width:1600px;margin:auto}.title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}h1{font-size:26px;font-weight:600;margin:0 0 8px;letter-spacing:.5px}.subtitle{font-size:12px;color:#8b948c;margin:0}.actions{display:flex;gap:10px}.secondary{background:white;border:1px solid #dfe5dc;color:#536759}.hero{border-radius:13px;background:#eaf0e5;min-height:168px;position:relative;overflow:hidden;display:flex;justify-content:space-between;padding:28px 32px;margin-bottom:23px}.eyebrow{color:#799372;font-size:9px;letter-spacing:3px}.hero h2{font-size:24px;font-weight:500;margin:12px 0}.hero p{font-size:12px;color:#7d8e78;line-height:1.8;margin:0}.hero-art{width:280px;position:relative;align-self:stretch}.sun{position:absolute;width:60px;height:60px;border-radius:50%;background:#eccc83;right:31px;top:0}.hill{position:absolute;width:200px;height:120px;background:#d5e0c9;border-radius:100% 100% 0 0;bottom:-29px;right:-32px;transform:rotate(-10deg)}.book-art{position:absolute;bottom:0;right:82px;width:90px;height:99px;background:#c18158;transform:rotate(-13deg);border-radius:4px 10px 10px 4px;box-shadow:6px 5px 0 #fcf6e4,9px 6px 0 #b7c3a1;text-align:center;padding-top:22px;font:italic 20px Georgia;color:#fff2d5;border-left:8px solid #b1744f}.book-art span{font-size:28px;display:block}.sprout{position:absolute;right:2px;bottom:-10px;font-size:85px;color:#71896a;transform:rotate(13deg)}.star{position:absolute;color:#a8b997;font-size:28px;left:40px;top:15px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:26px}.stat{background:#fff;border:1px solid var(--line);border-radius:11px;padding:20px}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#7b867d;font-size:12px}.stat-icon{padding:7px 10px;background:#edf3ed;color:#68967c;border-radius:9px;font-size:18px}.stat:nth-child(2) .stat-icon{background:#f9efe1;color:#c5a16e}.stat:nth-child(3) .stat-icon{background:#ecf0f7;color:#8396b4}.stat:nth-child(4) .stat-icon{background:#f9eee5;color:#c19070}.stat strong{font-size:31px;font-weight:500;display:block;margin:7px 0}.stat strong small{display:inline;font-size:11px;margin-left:6px}.stat-bottom{font-size:10px;color:#9aa298}.stat-bottom b{color:#739a76;font-weight:400}.columns{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(280px,1fr);gap:22px}.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:23px;margin-bottom:22px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel h3{font-size:15px;font-weight:600;margin:0}.panel h3 small{display:inline;margin-left:8px}.text-btn{background:transparent;color:#8d978d;font-size:11px;padding:0}.tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin-bottom:10px;color:#99a198;font-size:11px}.tabs span{padding:0 0 13px}.tabs .selected{border-bottom:2px solid var(--green);color:var(--green)}.lesson{display:flex;align-items:center;padding:20px 0;border-bottom:1px solid #f0f2ed;gap:18px}.lesson:last-child{border:0;padding-bottom:0}.time{min-width:51px;font-size:15px}.time small{font-size:10px;margin-top:6px}.lesson-bar{width:3px;height:43px;background:#a6bba0;border-radius:2px}.lesson:nth-child(4) .lesson-bar{background:#e1bc89}.lesson-info{flex:1}.lesson-info b{font-weight:500;font-size:13px}.lesson-info p{font-size:10px;color:#9ba299;margin:8px 0 0}.badge{display:inline-block;border-radius:4px;padding:4px 7px;background:#eef3eb;color:#799372;font-size:10px;white-space:nowrap}.badge.orange{background:#fbefdf;color:#bc9266}.badge.red{background:#fae9e4;color:#b77967}.lesson button{font-size:11px;padding:8px 11px}.todo{display:flex;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #f1f2ee}.todo:last-child{border:0}.todo-icon{padding:10px;background:#faf0e3;border-radius:9px;color:#c99e72}.todo p{margin:0 0 6px;font-size:12px}.todo small{font-size:10px}.todo>div:nth-child(2){flex:1}.todo strong{font-size:15px;color:#b68e66}.student-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #f1f2ee}.student-row>div{flex:1}.student-row b{font-size:12px;font-weight:500}.student-row small{margin-top:5px;font-size:10px}.progress{height:5px;background:#f0f2ea;border-radius:4px;margin-top:9px;overflow:hidden}.progress span{display:block;background:#d2ab78;height:100%;border-radius:4px}.book-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.book-cover{height:157px;background:#eddec2;border-radius:5px 9px 9px 5px;border-left:5px solid #0000000b;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6c7050;text-align:center;padding:15px;box-shadow:3px 5px 0 #00000005}.book-cover i{font-size:43px;font-style:normal;margin:7px}.book-cover b{font-family:Georgia,serif;font-size:16px}.book-cover small{font-size:8px;letter-spacing:2px;color:inherit;margin-top:6px}.book:nth-child(2n) .book-cover{background:#dce6d6;color:#546d5d}.book:nth-child(3n) .book-cover{background:#dce7ed;color:#5a7284}.book:nth-child(4n) .book-cover{background:#f2ddd0;color:#a17256}.book h4{font-size:11px;margin:14px 0 6px;font-weight:500}.book p{font-size:10px;color:#9aa298;margin:0 0 10px}.book button{font-size:11px;padding:7px 10px}.book-grid.catalog{grid-template-columns:repeat(4,1fr)}.catalog .book-cover{height:210px}.catalog .book{border:1px solid var(--line);border-radius:10px;padding:18px;background:#fff}.catalog h4{font-size:14px}footer{padding:0 38px 23px;color:#a4aba0;font-size:10px;display:flex;justify-content:space-between}footer span{font-size:9px;letter-spacing:1.5px}.toolbar{display:flex;gap:12px;margin-bottom:20px}input,select{border:1px solid #dfe5dc;background:white;border-radius:7px;padding:10px 12px;color:#405649;outline:none}input:focus,select:focus{border-color:#739a76}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:#909a91;font-weight:400;background:#f8f9f5;padding:13px}td{padding:17px 13px;border-bottom:1px solid #edf0e8}td button{font-size:11px;padding:7px 10px}.empty{text-align:center;color:#98a294;padding:35px}.class-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.class-card h2{font-size:20px}.class-card p{color:#8d978c;line-height:2}.class-card .big{font-size:38px}dialog{border:0;border-radius:15px;width:450px;max-width:94vw;box-shadow:0 20px 100px #1233;padding:28px;color:#304d3e}dialog::backdrop{background:#203c3560;backdrop-filter:blur(3px)}dialog h2{margin:0 0 10px;font-size:21px}dialog p{font-size:12px;color:#8b958a;line-height:1.8}dialog label{display:block;font-size:12px;margin:18px 0 8px}dialog input,dialog select{width:100%}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#244f43;color:#fff;padding:13px 23px;border-radius:9px;display:none;z-index:10}.phone{max-width:390px;margin:auto;background:#fffaf1;border:8px solid #314e42;border-radius:36px;padding:24px;min-height:620px}.phone h2{font-family:Georgia;font-size:27px}.phone .panel{margin:20px 0;padding:18px}.phone-nav{display:flex;justify-content:space-around;margin-top:25px;font-size:12px}.phone-nav button{font-size:12px}.phone .book-grid{grid-template-columns:repeat(2,1fr)}.phone .book-cover{height:120px}.balance{font-size:42px;color:var(--green)}.check-list label{padding:10px;background:#f5f7f1;border-radius:6px;display:flex;align-items:center;gap:12px}.check-list input{width:auto}.help{padding:16px;background:#eff3ea;border-radius:8px;color:#758b70;font-size:12px;line-height:1.9;margin:18px 0}.chart{display:flex;align-items:end;height:100px;gap:12px;margin:24px 0}.chart>div{flex:1;background:#a6b99c;border-radius:4px 4px 0 0;position:relative;min-height:4px}.chart small{position:absolute;bottom:-20px;left:0;font-size:9px}.qr{margin:20px auto;width:160px}.qr img{max-width:100%}@media(min-width:1450px){#content{padding-top:38px}.hero{min-height:185px}.book-cover{height:185px}}@media(max-width:1100px){aside{width:195px;padding:25px 16px}main{margin-left:195px}#content{padding:25px}.columns{grid-template-columns:1fr}.side-bottom{display:none}.stats{gap:10px}.stat{padding:15px}.class-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){aside{position:static;width:100%;padding:15px}.brand small,.workspace,.nav-label,.teacher,.side-bottom{display:none}nav{display:flex;overflow:auto;margin-top:15px}nav a{white-space:nowrap;font-size:11px;padding:8px}nav i{display:none}main{margin:0}header{padding:0 20px;height:55px}#content{padding:20px}.title-row{align-items:start;gap:10px}.title-row .actions{flex-direction:column}h1{font-size:22px}.stats{grid-template-columns:repeat(2,1fr)}.hero{padding:22px}.hero-art{width:120px}.hero-art .book-art{right:15px}.hero-art .sun,.sprout{display:none}.hero h2{font-size:20px}.book-grid,.book-grid.catalog{grid-template-columns:repeat(2,1fr)}.class-grid{grid-template-columns:1fr}.panel{padding:17px;overflow:auto}table{min-width:650px}footer span{display:none}}