@media (max-width:650px){
  body.query-screen-open{overflow:hidden;background:#f4f7fb}
  dialog.query-inline:not([hidden]){
    position:fixed;inset:0;z-index:2200;display:flex;flex-direction:column;
    width:100%;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;
    box-sizing:border-box;border:0;border-radius:0;background:#f4f7fb;overflow:hidden;
  }
  dialog.query-inline .dialog-head{
    flex:none;display:grid;grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;gap:8px;
    min-height:60px;margin:0;padding:max(10px,env(safe-area-inset-top)) 12px 10px;
    border-bottom:1px solid rgba(223,230,239,.9);background:rgba(255,255,255,.97);backdrop-filter:blur(16px);
  }
  dialog.query-inline .dialog-head>div{grid-column:2;min-width:0;text-align:center}
  dialog.query-inline .dialog-head h2{display:block!important;margin:0!important;font-size:17px!important;line-height:1.2;color:#172033;font-weight:720;letter-spacing:-.01em}
  dialog.query-inline #query-summary.query-title-summary{display:block!important;margin-top:3px!important;color:#8995a5!important;font-size:9.5px!important;line-height:1.3!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  dialog.query-inline [data-close="query-dialog"]{
    grid-column:1;grid-row:1;display:grid;place-items:center;width:36px;height:36px;min-height:36px;padding:0;
    border:0;border-radius:11px;background:transparent;color:#425268;font-size:0;line-height:1;
  }
  dialog.query-inline [data-close="query-dialog"]::before{content:'←';font-size:22px;line-height:1}
  dialog.query-inline [data-close="query-dialog"]:active{background:#eef2f6}
  dialog.query-inline .course-surface-tabs{
    flex:none;order:0;margin:10px 12px 9px!important;padding:4px!important;border-radius:13px!important;background:#e9eef4!important;
  }
  dialog.query-inline .course-surface-tab{min-height:36px!important;border-radius:10px!important;font-size:12px!important;color:#6a788b!important}
  dialog.query-inline .course-surface-tab[aria-selected="true"]{background:#fff!important;color:#172033!important;font-weight:680!important;box-shadow:0 2px 8px rgba(31,48,76,.07)!important}
  dialog.query-inline .course-query-panel{display:flex;flex:1 1 auto;min-height:0;flex-direction:column;padding:0 12px}
  dialog.query-inline #query-form{
    position:relative;flex:none;display:flex;flex-direction:column;margin:0 0 10px;padding:0;border:0;border-radius:0;background:transparent;
  }
  dialog.query-inline .query-search-row{order:0;display:grid!important;grid-template-columns:minmax(0,1fr) 54px!important;gap:7px!important;margin:0!important;padding:0!important;border:0!important}
  dialog.query-inline .query-unlimited-toggle{display:none!important}
  dialog.query-inline .query-search-row>div{grid-column:1!important;min-width:0}
  dialog.query-inline .query-search-row label{display:none!important}
  dialog.query-inline .query-search-row input{
    height:42px;min-height:42px;border:1px solid #dce4ec;border-radius:13px;background:#fff;padding:0 12px;font-size:14px;box-shadow:0 2px 8px rgba(31,48,76,.035);outline:none;
  }
  dialog.query-inline .query-search-row input:focus{border-color:#b8c5d3;box-shadow:0 0 0 3px rgba(87,110,138,.08)}
  dialog.query-inline .query-search-row button[type="submit"]{grid-column:2!important;width:54px!important;min-width:54px!important;height:42px;min-height:42px!important;border-radius:13px!important;background:#253348!important;border-color:#253348!important;color:#fff!important;font-size:12px!important;font-weight:650!important}
  dialog.query-inline .query-filter-toggle{
    order:1;align-self:flex-start;min-height:30px;margin:8px 0 0;padding:0 9px;border:0;border-radius:999px;background:#eaf0f5;color:#617086;font-size:10.5px;font-weight:600;
  }
  dialog.query-inline .query-filter-toggle::before{content:'筛选'}
  dialog.query-inline .query-filter-toggle[aria-expanded="false"]::after{content:'  ›'}
  dialog.query-inline .query-filter-toggle[aria-expanded="true"]::after{content:'  ⌄'}
  dialog.query-inline .query-controls{order:2}
  dialog.query-inline .query-scope-row{order:3}
  dialog.query-inline.query-filters-expanded .query-controls{grid-template-columns:1fr 1fr!important;gap:7px!important;margin-top:8px;padding:10px;border:1px solid #e3e9ef;border-radius:13px;background:#fff}
  dialog.query-inline .query-controls label{display:block!important;margin-bottom:4px;color:#8a96a6;font-size:9px!important}
  dialog.query-inline .query-controls select,dialog.query-inline .query-controls input{height:36px;border-radius:9px;border-color:#dfe6ee;background:#fff;font-size:10.5px}
  dialog.query-inline #query-now{height:34px;min-height:34px;border-radius:9px;font-size:10.5px}
  dialog.query-inline .query-scope-row{grid-template-columns:1fr!important;gap:7px!important;margin-top:7px}
  dialog.query-inline .campus-filter{margin:0!important;padding:8px 9px!important;border:1px solid #edf1f5!important;border-radius:11px!important;background:#fbfcfe!important}
  dialog.query-inline .campus-filter legend{display:block!important;margin-bottom:6px;color:#8a96a6;font-size:9px!important}
  dialog.query-inline .campus-options{display:flex!important;gap:6px!important;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap!important}
  dialog.query-inline .campus-options::-webkit-scrollbar{display:none}
  dialog.query-inline .campus-options label{display:inline-flex!important;align-items:center;gap:4px;flex:0 0 auto;margin:0;padding:5px 8px!important;border:1px solid #e1e7ee;border-radius:999px;background:#fff;font-size:10px!important;color:#607086}
  dialog.query-inline #query-error,dialog.query-inline #query-clock-note,dialog.query-inline #query-more,dialog.query-inline #query-breaks,dialog.query-inline .query-data-note{flex:none;margin-left:2px;margin-right:2px}
  dialog.query-inline #query-clock-note,dialog.query-inline .query-data-note{font-size:9.5px!important;color:#98a3b1!important}
  dialog.query-inline .query-results{
    flex:1 1 auto;min-height:0;max-height:none!important;overflow-y:auto;overscroll-behavior-y:contain;
    padding:0 0 max(18px,env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr;align-content:start;gap:8px;scrollbar-width:none;
  }
  dialog.query-inline .query-results::-webkit-scrollbar{display:none}
  dialog.query-inline .query-course{
    margin:0!important;padding:12px!important;border:1px solid #dfe6ee!important;border-radius:15px!important;background:#fff!important;
    box-shadow:0 5px 14px rgba(31,48,76,.04);transition:transform .12s ease,box-shadow .12s ease;
  }
  dialog.query-inline .query-course:active{transform:scale(.994);box-shadow:0 2px 7px rgba(31,48,76,.04)}
  dialog.query-inline .query-course-head{gap:9px!important;align-items:flex-start!important}
  dialog.query-inline .query-course-name{font-size:13px!important;line-height:1.35!important;color:#172033!important;font-weight:700!important;letter-spacing:-.005em}
  dialog.query-inline .query-meta,dialog.query-inline .query-location,dialog.query-inline .query-remark{font-size:10.5px!important;line-height:1.5!important;color:#7d8999!important}
  dialog.query-inline .query-location{margin-top:3px!important;color:#59677a!important}
  dialog.query-inline .query-remark{margin-top:3px!important;color:#909aa8!important}
  dialog.query-inline .query-add{min-width:34px!important;width:auto;min-height:34px!important;padding:0 9px!important;border-radius:11px!important;border:1px solid #dfe6ee!important;background:#fff!important;color:#425268!important;font-size:10.5px!important;font-weight:650!important}
  dialog.query-inline .query-add:not(:disabled){background:#253348!important;border-color:#253348!important;color:#fff!important}
  dialog.query-inline .query-add:disabled{opacity:.55}
  dialog.query-inline .query-skeleton{min-height:92px;padding:12px;border:1px solid #dfe6ee;border-radius:15px;background:#fff}
  dialog.query-inline .query-suggestion-note{margin:0!important;padding:10px 11px!important;border:1px solid #dce4ec!important;border-radius:13px!important;background:#eef4f9!important;color:#596b7f!important;font-size:10.5px!important}
}