.learning-center{padding:0 13px 100px;background:white;min-height:100dvh}.learning-title{display:flex;align-items:center;justify-content:space-between;padding:15px 0 18px}.learning-title h1{font-size:19px;font-weight:600;margin:0}.learning-title>span{font-size:12px;color:#999;background:#f9f9f9;padding:3px 6px;border-radius:4px}.learning-search{display:flex;align-items:center;gap:7px;height:38px;border-radius:22px;background:#f5f5f5;padding:0 14px;margin-bottom:17px}.learning-search>span{font-size:24px;color:#aaa;line-height:1}.learning-search input{border:0;background:transparent;flex:1;min-width:0;width:0;font-size:14px;color:#333}.learning-search input::placeholder{color:#aaa}.learning-search button{font-size:14px;color:#888;padding:7px}.lesson-tabs{display:flex;gap:13px;margin-bottom:18px}.lesson-tabs button{padding:7px 12px;border-radius:6px;font-size:14px;color:#777;background:#fafafa}.lesson-tabs button.active{background:#ff842a;color:white}.lesson-card{display:block;text-align:left;padding:0;width:100%;overflow:hidden;border-radius:10px;background:#f7f7f7;margin-bottom:17px}.lesson-cover{width:100%;aspect-ratio:208/116;overflow:hidden;position:relative;background:#f0f0f0}.lesson-cover img{position:absolute;width:106.73077%;left:-3.36538%;height:auto;max-width:none}.lesson-copy{padding:9px 11px 11px}.lesson-copy h2{font-size:15px;line-height:1.4;font-weight:500;margin:0 0 3px}.lesson-copy p{font-size:12px;line-height:1.5;color:#999;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lesson-empty{text-align:center;padding:70px 10px;color:#999;font-size:15px}.lesson-empty button{color:#e47d2c;border:1px solid #f0d4bf;border-radius:20px;padding:9px 18px;margin-top:10px}.lesson-dialog{max-height:90dvh;overflow:auto}.lesson-dialog .lesson-cover{border-radius:9px}.lesson-dialog h3{font-size:19px;margin:18px 0 8px}.lesson-dialog>p{font-size:15px;line-height:1.8}.lesson-dialog>p.hint{font-size:13px}.bottom .tutorial-icon{width:27px;height:27px}