*{box-sizing:border-box}body{margin:0;background:#edf3e7;color:#294b40;font-family:'PingFang SC','Microsoft YaHei',sans-serif}header,main{max-width:1100px;margin:auto;padding:20px}header{display:flex;justify-content:space-between;align-items:center}a{color:#356c50;text-decoration:none}h1{font-size:36px;margin:10px 0}p{line-height:1.8;color:#6d7c67}.hero{background:linear-gradient(110deg,#fff8df,#daeacb);border-radius:24px;padding:28px}.hero small{color:#897340}.units{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.unit{background:#fffbee;border:1px solid #d5d8bd;border-radius:22px;padding:22px;min-height:185px;display:block;transition:transform .2s}.unit:hover{transform:translateY(-4px)}.number{font-size:30px;color:#82a46d}.unit h2{font-size:22px}.status{color:#7b866b;font-size:14px}button{font:inherit;cursor:pointer;border:1px solid #aec39a;background:#fff9e9;border-radius:12px;padding:12px 20px;min-height:48px;color:#315c43}.lessons{margin-top:20px;display:grid;gap:12px}.lesson{padding:20px;border:1px solid #d5d8bd;background:#fffbed;border-radius:16px;display:flex;justify-content:space-between;align-items:center;gap:18px}.lesson h2{font-size:20px;margin:0 0 8px}.lesson p{margin:0;font-size:14px}.lesson .open{background:#397951;color:white;border-radius:12px;padding:12px 18px;white-space:nowrap}.empty{padding:24px;background:#fff3d4;border-radius:18px;margin-top:20px}a:focus-visible,button:focus-visible{outline:3px solid #d69a33;outline-offset:3px}@media(max-width:700px){.units{grid-template-columns:1fr 1fr}header,main{padding:12px}.unit{padding:18px}.unit h2{font-size:18px}h1{font-size:29px}.lesson{align-items:flex-start;flex-direction:column}}@media(max-width:420px){.units{grid-template-columns:1fr}}