.bao-course-intro{display:flex;align-items:center;justify-content:center;gap:16px;max-width:600px;padding:20px;border:1px solid #f0dbad;border-radius:22px;background:#fff4d7;margin:20px auto 30px}.bao-course-intro img{width:70px;height:78px;object-fit:contain}.bao-course-intro strong{font-size:16px}.bao-course-intro p{font-size:12px;color:#937653;margin:5px 0}.bao-course-map{list-style:none;margin:0 auto;padding:0;max-width:600px;display:flex;flex-direction:column;align-items:center}.bao-course-node{display:flex;flex-direction:column;align-items:center;position:relative;width:100%}.bao-course-marker{font-size:10px;font-weight:700;letter-spacing:1px;color:#a88d70;height:30px;display:grid;place-items:center}.is-current .bao-course-marker{color:#d9861c}.bao-course-square{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:190px;height:190px;max-width:none;border:2px solid #eadfcf;border-radius:26px;background:#fffaf0;color:#805e42;box-shadow:0 7px 0 #e7d7bc;padding:20px;transition:transform .15s}.bao-course-square:hover:enabled{transform:translateY(-3px)}.bao-course-square strong{font-size:28px;line-height:1.2}.bao-course-symbol{font-size:27px;line-height:1.2}.bao-course-count{font-size:13px;white-space:nowrap}.bao-course-square small{font-size:11px;font-weight:600}.bao-course-progress{display:block;width:110px;height:5px;border-radius:8px;background:#eadfc9;overflow:hidden;margin-top:4px}.bao-course-progress i{display:block;height:100%;background:#f5ac31;border-radius:8px}.is-current .bao-course-square{background:linear-gradient(145deg,#fff0bd,#ffdc79);border-color:#f1b33c;box-shadow:0 8px 0 #e6ab3b;outline:5px solid #fff5d8;color:#744a20}.is-done .bao-course-square{background:#eaf5dc;border-color:#badb9a;box-shadow:0 7px 0 #b5ce98}.is-done .bao-course-progress i{background:#8fc35e}.is-locked .bao-course-square{opacity:1;background:#f1ede5;color:#a19380;box-shadow:0 6px 0 #ded5c9;border-color:#e5ded3}.is-locked .bao-course-progress{background:#e0d9cd}.bao-map-mascot{position:absolute;right:-33px;top:-15px;width:70px;height:80px;object-fit:contain;filter:drop-shadow(0 4px 3px #96704225)}.bao-course-connector{display:flex;flex-direction:column;align-items:center;padding-top:10px;height:72px;color:#dbb77e}.bao-course-connector i{height:45px;border-left:3px dashed #dfc18f}.bao-course-connector span{font-size:27px;line-height:20px;font-weight:800}.bao-course-note{max-width:650px;margin:35px auto}.tower-layout.bao-level-detail{display:block;max-width:800px;margin:0 auto}.bao-level-detail .tower-lessons{width:100%}@media(max-width:550px){.bao-course-intro{padding:14px;gap:12px}.bao-course-intro img{width:52px;height:60px}.bao-course-intro strong{font-size:13px}.bao-course-intro p{font-size:11px}.bao-course-square{width:174px;height:174px;border-radius:24px;gap:6px}.bao-course-square strong{font-size:26px}.bao-map-mascot{width:61px;height:70px;right:-25px}.bao-course-connector{height:65px}.bao-course-marker{font-size:9px}.bao-course-count{font-size:12px}}@media(prefers-reduced-motion:reduce){.bao-course-square{transition:none}}
.bao-course-map{margin-top:20px}body[data-study-route=lessons] #cloud-sync{padding:8px 12px;margin-bottom:8px}body[data-study-route=lessons] #cloud-sync p{display:none}body[data-study-route=lessons] #cloud-sync .actions{margin-top:0}body[data-study-route=lessons] #cloud-sync a{min-height:30px;padding:6px 12px}body[data-study-route=lessons] h1{margin:8px 0 10px}
