body[data-layout=desktop]{background:#f6f7f4;overflow:auto;min-width:0}.desktop-screen.screen{width:100%;height:auto;min-height:100dvh;overflow:visible;border-radius:0;background:#f6f7f4;display:block}.desktop-header{position:sticky;top:0;z-index:20;min-height:68px;padding:8px 32px;display:flex;align-items:center;gap:30px;background:#23221e;color:#efece2;border-bottom:1px solid #36342e}.desktop-brand{display:flex;align-items:center;gap:10px;color:inherit;font-size:17px;font-weight:750;white-space:nowrap}.desktop-brand>span{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--accent);color:white;font-size:16px}.desktop-brand small{font-size:12px;color:#a8a393;font-weight:400}.desktop-header .tabbar{position:static;flex:1;display:flex;height:auto;min-height:48px;align-items:center;border:0;background:transparent;gap:4px;overflow:auto;flex-wrap:nowrap}.desktop-header .tabbar button{flex:none;height:44px;min-width:70px;padding:8px 14px;color:#aaa694;font-size:14px;white-space:nowrap;border-radius:8px}.desktop-header .tabbar button.on{color:white;background:#3e3c32}.desktop-links{display:flex;gap:14px;font-size:12px;flex:none}.desktop-links a{color:#c0cce3;text-decoration:none;white-space:nowrap}body[data-layout=desktop] #app{display:block;max-width:1260px;margin:26px auto 0;padding:0 30px 40px;overflow:visible;height:auto;min-height:65dvh}body[data-layout=desktop] #app.pg-login{display:flex;flex-direction:row;align-items:center;justify-content:space-around;gap:60px;max-width:1100px;margin-top:60px;padding:28px 40px}body[data-layout=desktop] .login-hero{flex:1;margin:0;padding:20px 0}body[data-layout=desktop] .login-hero h1{font-size:38px;line-height:1.55}body[data-layout=desktop] .login-hero p{font-size:16px;max-width:420px}body[data-layout=desktop] .login-panel{flex:1;max-width:410px;border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:34px}body[data-layout=desktop] .pg-head{padding:5px 0 20px;border-bottom:1px solid var(--line);margin-bottom:24px}body[data-layout=desktop] .pg-head h3{font-size:24px}body[data-layout=desktop] .pg-body{padding:0;max-width:100%;overflow:visible}body[data-layout=desktop] .pg-body:not(.checkin-wrap):has(.q-stem),body[data-layout=desktop] .pg-body:has(.quiz-result){max-width:940px;margin:0 auto}body[data-layout=desktop] .q-stem{font-size:21px;line-height:1.95;margin-bottom:24px}body[data-layout=desktop] .q-opt{font-size:16px;padding:16px 20px;line-height:1.9;border-radius:12px;margin:15px 0}body[data-layout=desktop] .form{max-width:850px;margin:0 auto;padding:10px 0 28px}body[data-layout=desktop] .form label{font-size:15px;margin:20px 0}body[data-layout=desktop] .form textarea{min-height:290px}body[data-layout=desktop] .btn-primary,body[data-layout=desktop] .btn-ghost{font-size:15px;min-height:46px}body[data-layout=desktop] .panel-card{padding:22px 24px}body[data-layout=desktop] .panel-card p,body[data-layout=desktop] .muted{font-size:14px}body[data-layout=desktop] .task{margin:14px 0;padding:19px 22px}body[data-layout=desktop] .task .tt b{font-size:16px}body[data-layout=desktop] .task .tt span{font-size:13px}body[data-layout=desktop] .sec-title{font-size:19px;margin:28px 0 12px}body[data-layout=desktop] .desktop-home-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:24px;align-items:start}body[data-layout=desktop] .home-top{padding:0}body[data-layout=desktop] .home-cta{position:static;padding:10px 0 20px;background:none;border:0}body[data-layout=desktop] .gap-hero{padding:28px 30px;margin-top:20px}body[data-layout=desktop] .gap-num.text{font-size:36px;line-height:1.5}body[data-layout=desktop] .gap-hero .label,body[data-layout=desktop] .gap-hero .scale{font-size:14px}body[data-layout=desktop] .gap-hero .encourage{font-size:15px}.desktop-rail .panel-card{margin-bottom:20px}.desktop-rail h4{font-size:16px}.desktop-key{display:flex;justify-content:space-between;gap:16px;margin-top:20px;font-size:14px}.desktop-key span{color:var(--ink2)}.desktop-key b{color:var(--accent-d)}.desktop-rail .btn-ghost{display:block;width:100%;text-align:left;margin-top:12px}.desktop-note{padding:10px 18px;color:var(--ink2);font-size:14px;line-height:1.9}.desktop-note p{margin-top:10px}.desktop-footer{text-align:center;color:#9c9789;font-size:12px;padding:28px 20px 36px}body[data-layout=desktop] .catalog-tabs{gap:10px}body[data-layout=desktop] .catalog-tabs button{font-size:14px;padding:10px 20px}body[data-layout=desktop] #catalog-list,body[data-layout=desktop] #lesson-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}body[data-layout=desktop] #catalog-list .panel-card{grid-column:1/-1}body[data-layout=desktop] .checkin-wrap{max-width:600px;margin:auto}body[data-layout=desktop] .service-note{font-size:14px;line-height:1.9}body[data-layout=desktop] .reading-material p{font-size:17px}body[data-layout=desktop] .care-exit{position:fixed;bottom:18px;right:20px;z-index:30;width:auto;max-width:calc(100% - 40px);padding:12px 18px}body[data-layout=desktop] #message{max-width:1200px;margin:15px auto 0;border-radius:9px}.desktop-screen.care #app{font-size:20px}.desktop-screen.care .task .tt b,.desktop-screen.care .task .tt span,.desktop-screen.care .desktop-key,.desktop-screen.care .panel-card p{font-size:19px}
@media(max-width:1100px){.desktop-header{gap:15px;flex-wrap:wrap;padding:12px 22px}.desktop-header .tabbar{order:3;flex-basis:100%}.desktop-links{margin-left:auto}body[data-layout=desktop] .desktop-home-grid{grid-template-columns:minmax(0,1.6fr) minmax(230px,1fr)}}@media(max-width:760px){body[data-layout=desktop] #app{padding:0 18px 28px;margin-top:20px}body[data-layout=desktop] .desktop-home-grid{grid-template-columns:1fr}body[data-layout=desktop] #app.pg-login{display:block;margin-top:18px;padding:15px 24px}.desktop-header{position:static;padding:14px 18px}.desktop-brand small{display:none}body[data-layout=desktop] .login-panel{max-width:none;margin-top:24px}body[data-layout=desktop] .login-hero h1{font-size:29px}body[data-layout=desktop] #catalog-list,body[data-layout=desktop] #lesson-list{grid-template-columns:1fr}body[data-layout=desktop] .gap-num.text{font-size:27px}body[data-layout=desktop] .gap-hero{padding:22px}body[data-layout=desktop] .panel-card{padding:18px}.desktop-rail{display:grid;grid-template-columns:1fr;gap:0}.desktop-header .tabbar button{min-width:auto;font-size:13px;padding:8px 12px}}
/* PC 页面进入正常文档流，避免手机页的绝对定位将返回栏压在顶栏下面。 */
body[data-layout=desktop] #app{position:relative;inset:auto}body[data-layout=desktop] .pg-head{position:static}body[data-layout=desktop] #app.pg-login{position:relative;inset:auto}