:root{font-family:PingFang SC,Microsoft YaHei,sans-serif;color:#18342d;background:#f4f6f3;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}.app{max-width:720px;margin:auto;min-height:100vh;padding-bottom:92px}.hero{padding:34px 22px 62px;background:linear-gradient(145deg,#123e33,#2f6e58);color:#fff;border-radius:0 0 34px 34px}.eyebrow{font-size:12px;letter-spacing:3px;opacity:.72}.hero h1{font-family:Georgia,Songti SC,serif;font-size:31px;margin:10px 0 8px}.hero p{margin:0;opacity:.76;line-height:1.7}.panel{margin:-32px 16px 18px;padding:18px;background:#fff;border-radius:20px;box-shadow:0 12px 35px #163f341f}.section{padding:8px 16px}.section h2{font-size:20px;margin:17px 0}.course{display:flex;gap:14px;background:#fff;border-radius:18px;padding:12px;margin-bottom:12px;box-shadow:0 5px 18px #163f340f}.cover{width:112px;height:82px;border-radius:12px;object-fit:cover;background:linear-gradient(135deg,#d5e9df,#89b29f)}.course h3{font-size:16px;margin:3px 0 8px}.muted{font-size:13px;color:#70827c}.btn{border:0;border-radius:13px;padding:12px 18px;font-size:15px;cursor:pointer}.btn-primary{background:#d39c45;color:#fff}.btn-dark{background:#163f34;color:#fff}.btn-block{width:100%}.input{width:100%;height:48px;border:1px solid #dbe3df;border-radius:13px;padding:0 14px;font-size:16px;outline:none}.input:focus{border-color:#2f6e58}.nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(720px,100%);height:72px;background:#fffffff5;display:flex;justify-content:space-around;align-items:center;border-top:1px solid #edf0ee}.nav a{color:#73847e;text-decoration:none;font-size:13px}.nav a.active{color:#b57c28;font-weight:700}.notice{padding:12px 14px;border-radius:12px;background:#fff7e8;color:#90611d;font-size:13px;line-height:1.6}.qr{display:block;width:190px;height:190px;margin:18px auto;object-fit:contain}.chapter{background:#fff;border-radius:16px;margin-bottom:12px;overflow:hidden}.chapter h3{margin:0;padding:16px;border-bottom:1px solid #eef1ef}.lesson{padding:14px 16px;border-bottom:1px solid #f0f2f1;cursor:pointer}.lesson:last-child{border:0}.video{width:100%;border-radius:16px;background:#000}.article{line-height:1.9;white-space:pre-wrap}.empty{text-align:center;padding:50px 20px;color:#83918c}.topbar{padding:17px 16px;background:#163f34;color:#fff;display:flex;gap:12px;align-items:center}.back{background:none;border:0;color:#fff;font-size:20px}.progress{height:5px;background:#e6ece9;border-radius:3px;overflow:hidden;margin-top:8px}.progress i{display:block;height:100%;background:#d39c45}.toast{position:fixed;left:50%;bottom:95px;transform:translate(-50%);background:#172b25;color:#fff;padding:10px 16px;border-radius:20px;z-index:9}.hidden{display:none}.attachment-card{margin:16px 0;text-align:center}.attachment-icon{display:grid;width:72px;height:72px;margin:0 auto 14px;place-items:center;border-radius:18px;background:#edf5f1;color:#2f6e58;font-weight:700}.link-button{display:block;text-align:center;text-decoration:none}.lesson:hover{background:#f7faf8}