@media(max-width:900px){
 body{width:100%;zoom:1!important}section{scroll-margin-top:124px}
 .navigation{padding:10px 16px;gap:4px 16px;flex-wrap:wrap;font-size:14px}.navigation a{min-height:36px;display:flex;align-items:center}
 .board{padding:38px 20px;min-height:0}.chapter{font-size:11px;gap:12px;margin-bottom:22px}.chapter span:first-child{padding-left:10px;border-width:3px}
 .board h2{font-size:29px;letter-spacing:-.6px;line-height:1.5}.board p,.lead,.notes p,.flow p,.flow .question,.flow .out{font-size:16px;line-height:1.85}.lead{margin-top:16px}
 .cover{height:auto}.cover .chapter{margin-bottom:28px}.cover h1{font-size:42px;letter-spacing:-1px}.cover .slogan{font-size:23px;line-height:1.6;margin-top:16px}.cover .scope{font-size:12px;gap:12px;flex-wrap:wrap;margin-top:20px}
 .cover .composition{position:static;height:auto;display:block;margin-top:30px}.cover .hero{height:auto}.cover .hero img{width:100%;margin:0}.cover .side{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:10px;margin-top:10px}.cover .mini{height:auto}.cover .mini img,.cover .mini.tablet img{width:100%;margin:0}.cover .mini b{position:static;display:block;padding:8px;font-size:11px}.cover .foot{position:static;margin-top:28px}
 .foot{font-size:11px;line-height:1.8;gap:10px;flex-direction:column;margin-top:28px;padding-top:18px}
 .screen,.inventory,.batchmodal,.conflictmodal,.tabletframe{width:100%;height:auto;margin:24px 0 0;border-radius:5px}.screen img,.cut img,.topcut img,.gantt img,.shortage img,.inventory img,.batchmodal img,.conflictmodal img,.tabletframe img{width:100%;max-width:100%;margin:0}
 .notes,.flow{display:flex;flex-direction:column;gap:22px;margin-top:24px}.notes h3,.flow h3,.detail-row h3{font-size:21px;margin-bottom:8px}.flow article{padding-top:16px}.flow .question{margin-bottom:12px}
 .decision-table{display:block;font-size:15px;margin-top:24px}.decision-table thead{display:none}.decision-table tbody,.decision-table tr,.decision-table td{display:block;width:100%!important}.decision-table tr{margin-bottom:18px;padding:16px;background:#eaf0e6;border-radius:6px}.decision-table td{padding:8px 0;border:0;line-height:1.8}.decision-table td:first-child{font-size:18px;color:#214936}.decision-table td:nth-child(2)::before{content:'界面支持 · ';font-weight:600}.decision-table td:nth-child(3)::before{content:'设计取舍 · ';font-weight:600}
 .two,.detail-row,.entry-pair,.checklist{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;margin-top:24px}.crop{height:190px}.crop img{width:100%;margin:0!important}.crop .stamp{font-size:13px;padding:8px}.detail-row .crop{height:230px}
 .entry-pair .screen,.entry-pair .phone{height:auto}.entry-pair .screen img,.entry-pair .phone img{width:100%;margin:0}.entry-pair .phone{width:220px;justify-self:center}
 .checklist article{padding:20px}.checklist h3{font-size:21px}.checklist p{font-size:16px}
 .callout{font-size:15px;padding:16px;margin-top:24px;line-height:1.85}.formula{font-size:20px;padding:20px;margin-top:24px}.formula small{font-size:14px}.motion-box{margin-top:24px}.motion-caption{font-size:13px;gap:16px;line-height:1.8}.contextline{font-size:13px;flex-wrap:wrap;gap:8px;margin-top:20px}.contextline span{padding:8px 12px}.native-links{font-size:15px;flex-direction:column;gap:12px}.native-links a{padding:14px;text-align:center}
}