.mobile-career-shell{display:none}
@media(max-width:760px){
.career-desktop{display:none}
.mobile-career-shell{display:block;background:#d4dec3;position:relative;overflow:hidden}
.mobile-career *{box-sizing:border-box}
.mobile-career{margin:0;background:#d4dec3;color:#26382f;font:14px/1.85 "Noto Sans CJK SC","PingFang SC",sans-serif}
.mobile-career{width:390px;max-width:100%;margin:auto;position:relative;overflow:hidden;min-height:1320px;background:#d4dec3}
.mobile-career:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.43' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.mobile-career header{padding:34px 25px 0}
.mobile-career .label{font-size:10px;letter-spacing:.13em;display:flex;align-items:center;gap:12px}
.mobile-career .label:before{content:"";width:24px;border-top:1px solid #7b896d}
.mobile-career h1{font:32px/1.4 "Noto Serif CJK SC","Songti SC",serif;margin:15px 0 17px;letter-spacing:.03em}
.mobile-career header p{font-size:12px;line-height:2;margin:0;max-width:320px;color:#506146}
.mobile-career .map{position:relative;margin-top:30px;height:1080px}
.mobile-career .route{position:absolute;inset:0;width:100%;height:1080px;overflow:visible}
.mobile-career .school{position:absolute;top:0;left:86px;width:263px;display:flex;align-items:center;gap:13px;padding:17px 13px;background:#315b39;color:#f4f0db;border:5px solid #f4f0df;border-radius:15px;box-shadow:3px 6px 8px #48562f33;transform:rotate(-2deg)}
.mobile-career .school:before{content:"";position:absolute;top:-15px;left:33%;width:30%;height:20px;background:#cdb789aa;transform:rotate(-4deg);clip-path:polygon(2% 6%,97% 0,94% 93%,0 100%)}
.mobile-career .school img{height:54px;width:54px;border-radius:50%}
.mobile-career .school h2{font:20px/1.5 "Noto Serif CJK SC",serif;margin:0 0 4px}
.mobile-career .school p{font-size:10px;white-space:nowrap;margin:0}
.mobile-career .card{position:absolute;width:270px;padding:25px 21px 20px;border:1px solid #f8f3df;border-radius:21px 23px 18px 20px;background:#f3eedf;box-shadow:4px 7px 10px #4653282e;isolation:isolate}
.mobile-career .card:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(165deg,transparent 88%,#b3bf9d 88.4%,#b9c3a7 92%,#b3bf9d 93%,#a8b68e);opacity:.6}
.mobile-career .one{top:183px;left:83px;transform:rotate(1deg)}
.mobile-career .two{top:432px;left:69px;transform:rotate(-1.5deg)}
.mobile-career .three{top:682px;left:84px;transform:rotate(1deg)}
.mobile-career .four{top:908px;left:72px;transform:rotate(-1deg)}
.mobile-career .num{position:absolute;left:16px;top:-17px;width:32px;height:32px;border-radius:50%;background:#345738;border:1px solid #f3f0df;color:#f5efda;display:grid;place-content:center;font:italic 17px/1 Georgia,serif}
.mobile-career .year{font:italic 19px/1.4 Georgia,serif}
.mobile-career .card h2{font:21px/1.6 "Noto Serif CJK SC","Songti SC",serif;margin:1px 0 9px;letter-spacing:-.04em}
.mobile-career .card p{font-size:12px;line-height:1.95;margin:0}
.mobile-career .tag{display:inline-block;border:1px solid #8b9e66;border-radius:4px;padding:0 7px;font-size:10px;line-height:1.9;margin-top:12px;color:#3d5837;transform:rotate(-2deg)}
.mobile-career .land{position:absolute;bottom:0;left:0;width:100%;height:145px;pointer-events:none}
.mobile-career .walker{position:absolute;width:68px;bottom:31px;right:56px;z-index:3}
@media(max-width:380px){.mobile-career .school{left:78px}
.mobile-career .card{width:263px}
.mobile-career .one,.mobile-career .three{left:78px}
.mobile-career .two,.mobile-career .four{left:65px}}
.mobile-career .school{width:176px;height:176px;left:30px;display:flex;flex-direction:column;justify-content:center;gap:9px;padding:15px 8px;text-align:center;transform:rotate(-3deg)}
.mobile-career .school img{width:54px;height:54px}
.mobile-career .school h2{font-size:21px;margin-bottom:3px}
.mobile-career .school p{font-size:9px}
.mobile-career .card{width:228px;height:228px;padding:27px 19px 19px}
.mobile-career .card h2{font-size:20px;letter-spacing:-.05em}
.mobile-career .card p{font-size:12px;line-height:1.95}
.mobile-career .tag{position:absolute;bottom:22px;left:19px}
.mobile-career .one{top:235px;left:133px;transform:rotate(2deg)}
.mobile-career .two{top:520px;left:26px;transform:rotate(-2deg)}
.mobile-career .three{top:804px;left:126px;transform:rotate(1.7deg)}
.mobile-career .four{top:1092px;left:32px;transform:rotate(-2.3deg)}
.mobile-career .walker{left:9px;right:auto;bottom:20px}
.mobile-career .route{z-index:0}
.mobile-career .card,.mobile-career .school{z-index:1}
@media(max-width:380px){.mobile-career .school{left:26px}
.mobile-career .card{width:222px}
.mobile-career .one{left:126px}
.mobile-career .two{left:24px}
.mobile-career .three{left:120px}
.mobile-career .four{left:30px}}
.mobile-career .school{width:258px;height:104px;left:23px;flex-direction:row;gap:12px;padding:15px 12px;text-align:left;transform:rotate(-2deg)}
.mobile-career .school h2{font-size:20px}
.mobile-career .school p{font-size:10px}
.mobile-career .card{width:278px;height:auto;min-height:175px;padding:23px 20px 20px}
.mobile-career .card h2{font-size:20px}
.mobile-career .tag{position:static;margin-top:13px}
.mobile-career .one{top:226px;left:83px;transform:rotate(1.5deg)}
.mobile-career .two{top:498px;left:23px;transform:rotate(-1.5deg)}
.mobile-career .three{top:780px;left:82px;transform:rotate(1.5deg)}
.mobile-career .four{top:1056px;left:27px;transform:rotate(-1.5deg)}
@media(max-width:380px){.mobile-career .school{left:23px}
.mobile-career .card{width:268px}
.mobile-career .one,.mobile-career .three{left:80px}
.mobile-career .two{left:23px}
.mobile-career .four{left:26px}}
.mobile-career .school{left:24px;top:0;width:258px;height:104px}
.mobile-career .card{width:310px;height:auto;min-height:0;padding:37px 20px 20px}
.mobile-career .tag{position:absolute;top:11px;right:13px;left:auto;bottom:auto;margin:0;font-size:9px;line-height:1.8}
.mobile-career .one{top:158px;left:54px;transform:rotate(1deg)}
.mobile-career .two{top:381px;left:25px;transform:rotate(-1deg)}
.mobile-career .three{top:584px;left:54px;transform:rotate(1deg)}
.mobile-career .four{top:786px;left:26px;transform:rotate(-1deg)}
.mobile-career .walker{left:300px;top:257px;bottom:auto;width:59px}
.mobile-career .land{height:100px}
.mobile-career .walker{transform:scaleX(-1)}
.mobile-career .walker{transform:none;width:65px;left:298px;top:253px}
.mobile-career{width:390px;max-width:none;transform-origin:top center}.mobile-career header p{max-width:none}.mobile-career h2{letter-spacing:inherit}
}
/* Each mobile career board enters once; route and footprints stay unchanged. */
@media(max-width:760px){
 .motion-active .mobile-career .career-fade-pending{opacity:0;transition:opacity .85s ease var(--career-reveal-delay,0ms)}
 .motion-active .mobile-career .career-fade-revealed{opacity:1}
}
@media(prefers-reduced-motion:reduce){
 .mobile-career .career-fade-pending{opacity:1!important;transition:none!important}
}