/* ============ 学员端 · 布局专用 ============ */
.lr-shell{display:flex;min-height:calc(100vh - 52px)}
.lr-side{width:224px;background:var(--grad-navy);color:#cdd9ec;flex-shrink:0;display:flex;flex-direction:column;position:relative}
.lr-side::after{content:"";position:absolute;inset:0;background:radial-gradient(80% 40% at 0 100%,rgba(242,193,78,.12),transparent 60%)}
.lr-logo{position:relative;z-index:2;padding:20px 22px;color:#fff;font-size:15px;font-weight:800;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:10px}
.lr-logo .lg{width:30px;height:30px;border-radius:8px;background:var(--grad-gold);color:#5a4200;display:flex;align-items:center;justify-content:center;font-size:14px}
.lr-nav{position:relative;z-index:2;padding:14px 14px;flex:1;overflow-y:auto}
.lr-nav .grp{font-size:10.5px;color:rgba(255,255,255,.4);letter-spacing:1.5px;padding:14px 12px 6px;text-transform:uppercase}
.lr-nav a{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:10px;font-size:13.5px;color:#cdd9ec;margin-bottom:3px;transition:.16s;text-decoration:none}
.lr-nav a:hover{background:rgba(255,255,255,.07);color:#fff}
.lr-nav a.on{background:var(--grad-gold);color:#5a4200;font-weight:700;box-shadow:0 6px 16px rgba(217,161,47,.3)}
.lr-nav a .ic{width:20px;text-align:center;font-size:15px}
.lr-nav a .cnt{margin-left:auto;font-size:11px;background:rgba(255,255,255,.14);border-radius:10px;padding:1px 8px}
.lr-nav a.on .cnt{background:rgba(90,66,0,.14)}
.lr-user{position:relative;z-index:2;padding:16px 20px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:10px;font-size:12.5px}
.lr-main{flex:1;padding:22px 28px;overflow-y:auto;background:var(--bg)}
.lr-topbar{display:flex;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.lr-topbar h1{font-size:20px;font-weight:800}
.lr-topbar .right{margin-left:auto;display:flex;align-items:center;gap:12px}
.lr-userinfo{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--ink-2)}