/* 正式校网在手机录屏的浏览器内显示，由外层负责切换应用和标签。 */
html[data-phone-school] {
  min-width: 0;
  scrollbar-gutter: auto;
}

html[data-phone-school] body.has-web-shell:has(#browser-address-bar) {
  --browser-chrome-height: 0px;
  min-width: 0;
  margin: 0;
  padding: 0;
}

html[data-phone-school] :is(#game-taskbar, #browser-address-bar, #chat-web-header, #volume-flyout) {
  display: none !important;
}

html[data-phone-school] body.has-web-shell:has(#browser-address-bar) #app {
  min-height: 100svh;
}

html[data-phone-school] .school-site {
  width: 100%;
  margin: 0;
  border-inline: 0;
  box-shadow: none;
}

html[data-phone-school] :is(#school-login-account, #school-login-password, #school-keyword) {
  font-size: 16px;
}

html[data-phone-school] .school-login-dialog,
html[data-phone-school] .correction-dialog,
html[data-phone-school] #review-completion-dialog {
  max-width: calc(100% - 18px);
  max-height: calc(100dvh - 20px);
  overflow: auto;
}

html[data-phone-school] .school-site { font-family:SimSun,"宋体","Songti SC",serif; }
html[data-phone-school] .school-site .school-nav { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:auto; }
html[data-phone-school] .school-site .school-nav a { min-width:0;height:36px;font-size:13px;line-height:36px;white-space:nowrap; }
html[data-phone-school] .school-site .school-nav a:last-child { grid-column:auto; }
html[data-phone-school] .school-site .article-body { font-size:16px;line-height:1.85; }
html[data-phone-school] .school-site .article-body.large-text { font-size:20px; }
html[data-phone-school] .school-site .article-meta { align-items:center;font-size:12px; }
html[data-phone-school] .school-site .article-meta>span:has([data-font]) { display:inline-flex;align-items:center;gap:5px; }
html[data-phone-school] .school-site .article-meta [data-font] { min-width:36px;min-height:36px;padding:2px 7px;border:1px solid #9eb3c5;background:#f2f6fa;color:#164f89;text-decoration:none;font:16px/1.5 SimSun,"宋体",serif; }
html[data-phone-school] .school-mobile-section,html[data-phone-school] .school-mobile-history { border:1px solid #a0b7ce;background:#f4f7fa; }
html[data-phone-school] :is(.school-mobile-section,.school-mobile-history)>summary { display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px;padding:8px 10px;color:#164f89;list-style:none;cursor:pointer;font:14px/1.6 SimSun,"宋体",serif; }
html[data-phone-school] :is(.school-mobile-section,.school-mobile-history)>summary::-webkit-details-marker { display:none; }
html[data-phone-school] :is(.school-mobile-section,.school-mobile-history)>summary::after { content:'展开 ＋';flex:none;font-size:12px; }
html[data-phone-school] :is(.school-mobile-section,.school-mobile-history)[open]>summary::after { content:'收起 −'; }
html[data-phone-school] .school-mobile-section>nav { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #b8cbdd; }
html[data-phone-school] .school-mobile-section>nav>a { padding:8px 9px;border-bottom:1px dotted #b5c9d9;color:#234c70;font-size:14px; }
html[data-phone-school] .school-mobile-section>nav>a.active { background:#dfebf5;font-weight:bold; }
html[data-phone-school] .school-mobile-section>nav>a .icon { width:12px;height:12px;vertical-align:middle; }
html[data-phone-school] .school-site .notice-history { padding:0;border:0;background:none;margin-bottom:14px; }
html[data-phone-school] .school-mobile-history>summary { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 8px; }
html[data-phone-school] .school-mobile-history>summary>span { grid-column:1;font-size:12px;color:#555; }
html[data-phone-school] .school-mobile-history>summary::after { grid-column:2;grid-row:1/3; }
html[data-phone-school] .school-site .school-mobile-history .notice-history-tabs { padding:8px;border-top:1px solid #b8cbdd;grid-template-columns:minmax(0,1fr);gap:6px; }
html[data-phone-school] .school-site .school-mobile-history .notice-history-tabs>button { min-height:72px;padding:7px 9px;gap:2px;border-bottom-width:1px; }
html[data-phone-school] .school-site .school-mobile-history .notice-history-tabs>button>small { margin-top:0; }
html[data-phone-school] .school-site .roster-heading { flex-wrap:wrap;gap:3px; }
html[data-phone-school] .school-site .roster-row .roster-half-label { margin:0 0 5px;color:#555;font-size:12px;line-height:1.7;text-indent:0; }
html[data-phone-school] .school-site .roster-row li strong { font-size:14px; }
html[data-phone-school] :is(.correction-dialog,.school-login-dialog,.review-completion-dialog) .dialog-actions { gap:8px;flex-wrap:nowrap;padding-top:14px;padding-bottom:env(safe-area-inset-bottom,0px); }
html[data-phone-school] :is(.correction-dialog,.school-login-dialog,.review-completion-dialog) .dialog-actions>button { flex:0 1 auto;min-width:0;min-height:40px;padding:7px 10px;white-space:nowrap;border-radius:0; }
html[data-phone-school] .correction-dialog #correction-form { padding:14px 12px; }
html[data-phone-school] .correction-dialog .dialog-actions>.plain-button { flex:none; }
html[data-phone-school] .review-completion-content { padding:16px 12px; }
