/* Small-screen presentation only. No device fingerprinting, app fork or extra runtime. */
@media(max-width:1100px){
 .mass-scroll-control{top:22px;right:80px;bottom:auto;border-radius:12px;box-shadow:none;background:#fffdf8;z-index:110}
 .mass-scroll-control>summary{width:44px;min-height:44px;height:44px;padding:0;justify-content:center;gap:0}
 .mass-scroll-control>summary>[data-mode-label]{font-size:0}
 .mass-scroll-control>summary>[data-mode-label]::after{content:'浏览';font-size:12px}
 .mass-scroll-control>summary>span:last-child{display:none}
 .mass-scroll-panel{position:absolute;top:52px;right:-58px;padding-top:16px;background:#fffdf8;border:1px solid #dfd0d0;border-radius:14px;box-shadow:0 8px 28px #35132020;width:286px;max-width:calc(100vw - 32px)}
 .mass-paging-managed .float-tools{display:none!important}
 .mass-page-mode .mass-page-rail{right:4px;z-index:85;padding-block:4px;background:#fffdf8d9;max-height:none}
 .mass-page-mode .mass-page-dot{width:40px;height:clamp(24px,calc((100svh - 240px)/var(--mass-stop-count,6)),44px);min-height:24px}
 .mass-dot-label{right:44px;max-width:calc(100vw - 100px)}
 .mass-free-mode #main>.page-hero{padding-block:122px 48px!important}
 .mass-free-mode #main>.page-hero .container{min-width:0}
 .mass-free-mode #main>.page-hero h1{font-size:clamp(30px,5.3vw,46px);line-height:1.4}
 .mass-free-mode #main>.page-hero p{line-height:1.8}
 #main .actions{flex-wrap:wrap}
 #main .actions>a{white-space:normal;text-align:center}
 #main img{max-width:100%}
 .footer{padding-bottom:calc(100px + env(safe-area-inset-bottom))}
}
@media(max-width:760px){
 .mass-paging-managed #main>#welcome{display:block!important}
 .mass-paging-managed #main>#welcome>.container{width:calc(100% - 36px);max-width:none;margin-inline:auto}
 .mass-page-mode #main>[data-page-screen]>.container{max-width:calc(100% - 76px);margin-inline:18px}
 .mass-page-mode #main>.page-hero:not(#welcome){padding-top:112px!important;padding-bottom:90px!important}
 .mass-page-mode #main>.page-hero .page-photo{max-width:none}
 .mass-page-mode #main>.page-hero h1{font-size:clamp(30px,8vw,40px)}
 .mass-page-mode .mass-page-dot{width:36px}
 .mass-free-mode #main>#welcome{padding-top:118px!important;padding-bottom:32px!important}
 #welcome .hero-bottom{position:relative!important;inset:auto!important;transform:none!important;justify-content:center;flex-wrap:wrap;gap:14px;margin:26px 18px 0}
 #welcome .scroll-cue{display:none}
 #main .heading h2{overflow-wrap:break-word}
 #main .human-other-paths>a{min-height:44px;box-sizing:border-box;align-content:center}
 .catalog-planner select,.catalog-filters select,.catalog-planner input{font-size:16px}
 .catalog-detail-page,.catalog-course,.catalog-card{min-width:0;overflow-wrap:break-word}
}