:root{
  color-scheme:light;
  --bg:#f6f7fb;
  --side:#263455;
  --side2:#1f2b49;
  --panel:#ffffff;
  --panel2:#f7f9fd;
  --text:#1d2433;
  --muted:#6a7283;
  --border:#dfe4ee;
  --accent:#4776e6;
  --accent2:#20b486;
  --pink:#f27eaa;
  --danger:#d94c4c;
  --dangerBg:#fff0f0;
  --shadow:0 18px 42px rgba(31,43,73,.10);
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:Inter,"Microsoft YaHei UI","Microsoft YaHei",system-ui,-apple-system,Segoe UI,sans-serif;
  background:linear-gradient(135deg,#f6f7fb,#edf4ff);
  color:var(--text);
}
body.weimail-public{
  background:radial-gradient(circle at 8% 8%,rgba(71,118,230,.16),transparent 260px),linear-gradient(135deg,#f4f8ff,#e9f2ff 54%,#f8fbff);
}
body.weimail-private{
  --side:#ffb6c7;
  --side2:#f69bb4;
  --accent:#ff8fad;
  --accent2:#ffd1dd;
  --pink:#ffb6c7;
  --border:#f6c8d5;
  background:radial-gradient(circle at 12% 10%,rgba(255,182,199,.30),transparent 280px),radial-gradient(circle at 92% 14%,rgba(255,207,219,.34),transparent 260px),linear-gradient(135deg,#fff7fa,#ffe8f0 55%,#fffafb);
}
body.weimail-private:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 24%,rgba(242,126,170,.18) 0 9px,transparent 10px),
    radial-gradient(circle at 72% 18%,rgba(255,158,197,.18) 0 7px,transparent 8px),
    radial-gradient(circle at 86% 72%,rgba(242,126,170,.14) 0 10px,transparent 11px);
  background-size:260px 220px,230px 210px,300px 260px;
}
button,input,textarea,select{font:inherit}
button{
  border:0;
  min-height:36px;
  border-radius:8px;
  padding:0 13px;
  color:#fff;
  background:linear-gradient(135deg,var(--accent),#6b8cf2);
  cursor:pointer;
  white-space:nowrap;
  font-weight:700;
  box-shadow:0 8px 18px rgba(71,118,230,.18);
}
button:hover{filter:brightness(1.04)}
button:active{transform:translateY(1px)}
button:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}
button.ghost{
  color:var(--text);
  background:#fff;
  border:1px solid var(--border);
  box-shadow:none;
}
button.ghost.active{
  color:var(--accent);
  background:#eef6ff;
  border-color:rgba(71,118,230,.35);
  font-weight:850;
}
body.weimail-private button.ghost.active{
  color:#c3457e;
  background:#fff0f7;
  border-color:#f4adc8;
}
button.dangerLite{
  color:var(--danger);
  background:var(--dangerBg);
  border:1px solid #f2c4c4;
  box-shadow:none;
}
input,textarea,select{
  width:100%;
  border:1px solid var(--border);
  border-radius:8px;
  background:#fff;
  color:var(--text);
  outline:none;
}
input,select{height:38px;padding:0 10px}
textarea{min-height:150px;padding:10px;line-height:1.5;resize:vertical;font-family:ui-monospace,SFMono-Regular,Consolas,"Microsoft YaHei UI",monospace}
input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(71,118,230,.14)}
.wmApp{
  display:grid;
  grid-template-columns:300px minmax(860px,1fr);
  min-width:1120px;
  height:100vh;
  overflow:hidden;
}
.wmSide{
  background:linear-gradient(180deg,var(--side),var(--side2));
  color:#fff;
  padding:18px;
  display:flex;
  flex-direction:column;
  gap:14px;
  overflow:auto;
}
body.weimail-public .wmSide{
  background:linear-gradient(180deg,#263455,#1d2b55 55%,#17325f);
}
body.weimail-private .wmSide{
  background:linear-gradient(180deg,#ffd6e0,#ffb6c7 52%,#f69bb4);
  color:#7a2f49;
}
body.weimail-private .wmSide:before{
  content:"私用后台";
  display:block;
  position:sticky;
  top:-18px;
  z-index:3;
  margin:-18px -18px 4px;
  padding:9px 18px;
  background:rgba(255,255,255,.34);
  color:#8f3b58;
  font-size:12px;
  font-weight:900;
  letter-spacing:.18em;
  text-align:center;
  backdrop-filter:blur(8px);
}
.wmBrand{display:flex;gap:12px;align-items:center;padding:4px 0 10px}
.wmLogo{
  width:44px;
  height:44px;
  border-radius:12px;
  display:grid;
  place-items:center;
  font-size:22px;
  font-weight:900;
  background:linear-gradient(135deg,#6b8cf2,#8ed0ff);
  box-shadow:0 12px 28px rgba(0,0,0,.18);
}
.wmLogo.private{background:linear-gradient(135deg,var(--pink),#fff0f4)}
body.weimail-public .wmLogo{background:linear-gradient(135deg,#4776e6,#79c4ff)}
body.weimail-private .wmLogo{background:linear-gradient(135deg,#ffb6c7,#fff0f4);color:#7a2f49}
.wmBrand h1{font-size:20px;margin:0 0 4px}
.wmBrand p{font-size:12px;line-height:1.4;margin:0;color:rgba(255,255,255,.72)}
body.weimail-private .wmBrand h1{color:#7a2f49}
body.weimail-private .wmBrand p{color:#8d4660}
.wmSide .wmCard{
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.13);
  box-shadow:none;
  color:#fff;
}
body.weimail-private .wmSide .wmCard{
  background:rgba(255,255,255,.28);
  border-color:rgba(255,255,255,.48);
  color:#7a2f49;
}
.wmSide input,.wmSide textarea,.wmSide select{background:rgba(255,255,255,.94);color:var(--text)}
.wmCard{
  background:var(--panel);
  border:1px solid var(--border);
  border-radius:10px;
  box-shadow:var(--shadow);
  padding:14px;
}
.wmCardTitle{
  font-size:14px;
  font-weight:850;
  margin-bottom:10px;
  letter-spacing:.02em;
}
.wmNotice{
  border:1px solid rgba(142,208,255,.38);
  background:rgba(142,208,255,.13);
  border-radius:8px;
  padding:10px;
  line-height:1.55;
  font-size:13px;
  color:rgba(255,255,255,.84);
}
.wmNotice.private{border-color:rgba(255,192,216,.42);background:rgba(242,126,170,.13)}
body.weimail-private .wmNotice{
  border-color:rgba(255,255,255,.56);
  background:rgba(255,255,255,.34);
  color:#7a2f49;
}
.wmStats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.wmStats div{
  min-width:0;
  border-radius:8px;
  background:rgba(255,255,255,.11);
  border:1px solid rgba(255,255,255,.12);
  padding:9px;
}
.wmStats span{display:block;font-size:12px;color:rgba(255,255,255,.68)}
.wmStats b{font-size:22px;line-height:1.1}
body.weimail-private .wmStats div{
  background:rgba(255,255,255,.32);
  border-color:rgba(255,255,255,.48);
}
body.weimail-private .wmStats span{color:#96516a}
body.weimail-private .wmStats b{color:#7a2f49}
.wmToolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}
.wmToolbar.compact{gap:6px}
.wmToolbar.compact button{min-height:32px;padding:0 10px;font-size:12.5px}
.wmMain{
  min-width:0;
  min-height:0;
  padding:18px;
  display:grid;
  grid-template-rows:auto minmax(590px,1fr) minmax(270px,28vh);
  gap:12px;
  overflow:auto;
}
.wmTop{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
  background:var(--panel);
  border:1px solid var(--border);
  border-radius:12px;
  box-shadow:var(--shadow);
  padding:14px;
}
body.weimail-public .wmTop{border-top:4px solid #4776e6}
body.weimail-private .wmTop{
  border-top:4px solid #ffb6c7;
  background:linear-gradient(90deg,#fff,#fff6fa);
}
body.weimail-private .wmCard{
  box-shadow:0 18px 42px rgba(157,53,103,.12);
}
.wmTop h2{margin:0 0 4px;font-size:22px}
.wmTop p{margin:0;color:var(--muted);font-size:13px}
.topActions{justify-content:flex-end;margin-top:0}
.wmBadge{
  display:inline-flex;
  align-items:center;
  height:32px;
  border-radius:999px;
  padding:0 11px;
  font-size:12px;
  font-weight:850;
  color:#fff;
  background:var(--accent2);
}
.wmBadge.private{background:var(--pink)}
.wmBadge.public{background:var(--accent)}
body.weimail-private button:not(.ghost):not(.dangerLite){
  background:linear-gradient(135deg,#ffb6c7,#ff91ae);
  box-shadow:0 8px 18px rgba(255,145,174,.20);
}
body.weimail-private button.ghost{
  border-color:#f0c9dc;
  background:#fff9fc;
}
body.weimail-private .wmBadge.private{
  background:linear-gradient(135deg,#ffb6c7,#ff91ae);
}
.tableCard{min-width:0;min-height:590px;display:flex;flex-direction:column;padding:0;overflow:hidden}
.wmTableHead{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:9px 12px;
  border-bottom:1px solid var(--border);
}
.wmMuted{color:var(--muted);font-size:13px}
.wmTableWrap{min-height:0;overflow:auto}
.wmTable{width:100%;min-width:1160px;border-collapse:separate;border-spacing:0;table-layout:fixed}
.wmTable th,.wmTable td{
  border-bottom:1px solid var(--border);
  padding:7px 8px;
  text-align:left;
  vertical-align:middle;
  font-size:12.5px;
}
.wmTable tbody td{height:46px}
.wmTable th{
  position:sticky;
  top:0;
  z-index:2;
  background:#f2f5fb;
  color:#596273;
  font-weight:850;
}
body.weimail-private .wmTable th{
  background:#fff0f7;
  color:#8c3d65;
}
.wmTable tbody tr{background:#fff;cursor:pointer}
.wmTable tbody tr:hover{background:#f8fbff}
.wmTable tbody tr.active{background:#edf5ff}
body.weimail-private .wmTable tbody tr:hover{background:#fff8fb}
body.weimail-private .wmTable tbody tr.active{background:#ffe8f2}
.colCheck{width:42px;text-align:center}
.colNo{width:46px;color:var(--muted)}
.colActions{width:304px}
.wmTable th:nth-child(4),.wmTable td:nth-child(4){width:116px}
.wmTable th:nth-child(5),.wmTable td:nth-child(5){width:118px}
.wmTable th:nth-child(6),.wmTable td:nth-child(6){width:96px}
.wmTable th:nth-child(7),.wmTable td:nth-child(7){width:90px}
.wmTable td:nth-child(4),.wmTable td:nth-child(5),.wmTable td:nth-child(6),.wmTable td:nth-child(7),.wmTable td.colActions{white-space:nowrap}
.wmCellMain{display:grid;gap:3px;min-width:0}
.wmEmail{display:block;font-weight:850;color:#17233d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wmSub{display:block;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wmTag{
  display:inline-flex;
  max-width:140px;
  border-radius:999px;
  padding:3px 8px;
  background:#eef6ff;
  color:#3167c8;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-weight:800;
}
body.weimail-private .wmTag{
  background:#fff0f7;
  color:#c3457e;
}
.wmCode{
  display:inline-flex;
  border-radius:999px;
  padding:2px 8px;
  background:#eaf8f2;
  color:#09875e;
  font-weight:850;
}
body.weimail-private .wmCode{
  background:#fff3f8;
  color:#cf4c84;
}
.rowActions{display:flex;align-items:center;gap:5px;flex-wrap:nowrap;white-space:nowrap}
.rowActions button{min-height:26px;padding:0 8px;font-size:12px;border-radius:7px}
.wmPager{
  display:grid;
  grid-template-columns:auto auto minmax(0,1fr) auto auto;
  gap:8px;
  align-items:center;
  padding:8px 12px;
  border-top:1px solid var(--border);
  background:#fff;
}
.wmPager button{min-height:30px}
.wmPager .pageInfo{text-align:center;color:var(--muted);font-size:13px}
.wmPager input{width:70px;height:30px;text-align:center;margin-left:8px}
.wmMailPanel{
  min-width:0;
  min-height:0;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  border:1px solid var(--border);
  border-radius:10px;
  background:#eff6ff;
  box-shadow:var(--shadow);
  overflow:hidden;
  position:relative;
}
body.weimail-private .wmMailPanel{background:#fff0f7}
.inlineMailHead{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  padding:9px 12px;
  border-bottom:1px solid var(--border);
  background:rgba(255,255,255,.72);
}
.inlineMailHead>div:first-child{min-width:340px}
.inlineMailHead h3{margin:0 0 2px;font-size:17px;color:#17233d}
.inlineMailHead p{margin:0;color:var(--muted);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inlineMailTools{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  flex-wrap:nowrap;
  min-width:max-content;
}
.inlineTabs{display:flex;align-items:center;gap:12px}
.inlineTabs button{
  min-height:32px;
  padding:0 0;
  border-radius:0;
  color:#334155;
  background:transparent;
  border-bottom:3px solid transparent;
  box-shadow:none;
}
.inlineTabs button.active{
  color:#2f80ed;
  border-bottom-color:#2f80ed;
}
body.weimail-private .inlineTabs button.active{
  color:#d94f8b;
  border-bottom-color:#d94f8b;
}
#mail-search-input{width:260px}
.wmMailPanel .wmMail{
  display:grid;
  height:100%;
  padding:10px;
  grid-template-columns:320px minmax(0,1fr);
  gap:10px;
}
.wmApp.mailExpanded .wmMain{
  grid-template-rows:auto minmax(140px,22vh) minmax(580px,1fr);
  overflow:auto;
}
.wmApp.mailExpanded .tableCard{
  min-height:140px;
}
.wmApp.mailExpanded .wmTable tbody td{height:44px}
.wmApp.mailExpanded .wmMailPanel{
  min-height:580px;
  grid-template-rows:auto minmax(0,1fr);
}
.wmApp.mailExpanded .wmMailPanel .wmMail{
  display:grid;
  grid-template-columns:420px minmax(0,1fr);
}
.wmApp.mailExpanded .mailFrame{
  min-height:760px;
}
.wmApp:not(.mailExpanded) .wmMailPanel{
  min-height:270px;
}
.wmApp:not(.mailExpanded) .wmMailPanel .wmMail{
  display:grid;
  grid-template-columns:320px minmax(0,1fr);
}
.wmApp:not(.mailExpanded) .mailItem{
  padding:9px 11px;
}
.wmApp:not(.mailExpanded) .wmDetail{
  padding:12px;
}
.wmApp:not(.mailExpanded) .detailCodeBar{
  margin:-12px -12px 10px;
}
.wmApp:not(.mailExpanded) .mailFrame{
  min-height:360px;
}
#auto-refresh-btn:disabled{opacity:1;cursor:default}
.wmMail{display:grid;grid-template-columns:360px minmax(0,1fr);gap:14px;min-height:0;overflow:hidden}
.wmMailPanel.isLoading:after{
  content:"";
  position:absolute;
  inset:auto 12px 12px 12px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,var(--accent),transparent);
  animation:wmLoadBar 1.05s linear infinite;
}
.wmLoading{
  min-height:220px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:12px;
  color:var(--muted);
  font-weight:800;
}
.wmLoading span{
  width:34px;
  height:34px;
  border-radius:50%;
  border:4px solid #e5edf8;
  border-top-color:var(--accent);
  animation:wmSpin .78s linear infinite;
}
@keyframes wmSpin{to{transform:rotate(360deg)}}
@keyframes wmLoadBar{
  0%{transform:translateX(-45%) scaleX(.22)}
  50%{transform:translateX(0) scaleX(.66)}
  100%{transform:translateX(45%) scaleX(.22)}
}
.wmList,.wmDetail{
  min-width:0;
  min-height:0;
  background:var(--panel);
  border:1px solid var(--border);
  border-radius:10px;
  box-shadow:var(--shadow);
  overflow:auto;
}
.mailItem{
  width:100%;
  display:grid;
  gap:5px;
  border:0;
  border-radius:0;
  border-bottom:1px solid var(--border);
  background:#fff;
  color:var(--text);
  box-shadow:none;
  text-align:left;
  padding:12px;
  white-space:normal;
}
.mailItem.active{background:#edf5ff}
body.weimail-private .mailItem.active{background:#ffe8f2}
.mailSubject{font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mailMeta{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wmDetail{padding:15px}
.detailTitle{font-size:20px;font-weight:850;margin:0 0 10px}
.detailMeta{display:grid;gap:4px;margin-bottom:12px;color:var(--muted);font-size:13px}
.detailBody{white-space:pre-wrap;line-height:1.6;border:1px solid var(--border);background:var(--panel2);border-radius:8px;padding:12px;overflow:auto}
.detailCodeBar{position:sticky;top:0;z-index:3;margin:-15px -15px 12px;padding:10px 12px;background:#fff;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}
.detailCodeBar b{color:#09875e}
body.weimail-private .detailCodeBar b{color:#cf4c84}
.mailFrame{width:100%;min-height:620px;border:0;background:#fff}
.wmEmpty{padding:18px;color:var(--muted)}
.wmModal{
  position:fixed;
  inset:0;
  display:none;
  z-index:50;
  align-items:center;
  justify-content:center;
  padding:18px;
  background:rgba(18,24,40,.52);
}
.wmModal.show{display:flex}
.wmMailModal{
  position:fixed;
  inset:0;
  display:none;
  z-index:48;
  padding:58px 24px 28px;
  background:rgba(20,28,48,.22);
}
.wmMailModal.show{display:block}
.wmMailDialog{
  width:min(1500px,calc(100vw - 48px));
  height:min(820px,calc(100vh - 86px));
  margin:0 auto;
  display:grid;
  grid-template-rows:auto auto minmax(0,1fr);
  border:1px solid #cfd8e6;
  border-radius:10px;
  background:#eff6ff;
  box-shadow:0 24px 80px rgba(24,38,66,.24);
  overflow:hidden;
}
body.weimail-private .wmMailDialog{
  background:#fff0f7;
  border-color:#efc9dc;
}
.mailDialogHeader{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
  padding:18px 22px;
  background:rgba(255,255,255,.72);
  border-bottom:1px solid rgba(203,213,225,.78);
}
.mailDialogHeader h3{margin:0 0 6px;font-size:22px;color:#17233d}
.mailDialogHeader p{margin:0;color:var(--muted);font-size:13px}
.mailTabs{
  display:flex;
  gap:24px;
  padding:0 22px;
  background:rgba(255,255,255,.45);
  border-bottom:1px solid rgba(203,213,225,.78);
}
.mailTabs button{
  min-height:48px;
  padding:0 0;
  border-radius:0;
  color:#334155;
  background:transparent;
  border:0;
  box-shadow:none;
  font-size:16px;
}
.mailTabs button.active{
  color:#2f80ed;
  border-bottom:3px solid #2f80ed;
}
body.weimail-private .mailTabs button.active{
  color:#d94f8b;
  border-bottom-color:#d94f8b;
}
.mailDialogBody{
  min-height:0;
  display:grid;
  grid-template-columns:380px minmax(0,1fr);
  border-top:1px solid rgba(255,255,255,.5);
  background:#fff;
}
.dialogMailList{
  min-width:0;
  min-height:0;
  display:grid;
  grid-template-rows:auto auto minmax(0,1fr);
  border-right:1px solid #d6dee9;
  background:#fff;
}
.dialogMailList input{
  width:calc(100% - 34px);
  margin:16px 17px 8px;
}
.dialogMailCount{
  padding:0 17px 12px;
  font-size:13px;
  color:var(--muted);
}
.dialogMailItems{min-height:0;overflow:auto;border-top:1px solid #eef2f7}
.dialogMailItem{
  width:100%;
  min-height:92px;
  display:grid;
  gap:5px;
  padding:13px 17px;
  border:0;
  border-bottom:1px solid #eef2f7;
  border-radius:0;
  background:#fff;
  color:#202938;
  text-align:left;
  box-shadow:none;
  white-space:normal;
}
.dialogMailItem:hover{background:#f6f9ff}
.dialogMailItem.active{
  background:#eaf2ff;
  border-left:4px solid #2f80ed;
  padding-left:13px;
}
body.weimail-private .dialogMailItem:hover{background:#fff8fb}
body.weimail-private .dialogMailItem.active{
  background:#ffe8f2;
  border-left-color:#d94f8b;
}
.dialogSender{font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dialogSubject{color:#4b5565;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dialogPreview{font-size:13px;color:#7b8494;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dialogDate{font-size:12px;color:#6b7280}
.dialogMailDetail{min-width:0;min-height:0;overflow:auto;background:#fff;padding:22px}
.dialogDetailEmpty{
  height:100%;
  display:grid;
  place-items:center;
  color:#808a9b;
  font-size:16px;
}
.modalDetailTitle{font-size:22px;font-weight:850;margin:0 0 14px;color:#202938}
.modalDetailMeta{
  display:grid;
  gap:8px;
  padding-bottom:16px;
  margin-bottom:18px;
  border-bottom:1px solid #e5e9f0;
  color:#5f6878;
  font-size:13px;
}
.modalDetailMeta strong{display:inline-block;min-width:64px;color:#3f4858}
.modalDetailBody{
  background:#fff;
  color:#202938;
  line-height:1.6;
  font-size:14px;
}
.modalDetailFrame{
  display:block;
  width:100%;
  min-height:620px;
  border:0;
  background:#fff;
}
.modalCodeBar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:10px 12px;
  margin-bottom:14px;
  border:1px solid #bfe8d1;
  border-radius:8px;
  background:#ecfff4;
  color:#08794f;
}
body.weimail-private .modalCodeBar{
  border-color:#ffc2dc;
  background:#fff3f8;
  color:#c4457d;
}
.wmModalCard{
  width:min(520px,100%);
  background:#fff;
  border-radius:12px;
  box-shadow:0 24px 70px rgba(0,0,0,.25);
  padding:18px;
  display:grid;
  gap:10px;
}
.wmModalCard h3{margin:0 0 4px;font-size:20px}
.wmModalCard label{display:grid;gap:5px;font-size:13px;color:var(--muted)}
.modalActions{justify-content:flex-end}
.wmError{color:var(--danger);font-size:13px}
.wmToastStack{position:fixed;right:18px;bottom:18px;z-index:80;display:grid;gap:10px;max-width:min(380px,calc(100vw - 36px))}
.wmToast{background:#fff;border:1px solid var(--border);box-shadow:0 18px 46px rgba(0,0,0,.14);border-radius:10px;padding:11px 13px;font-size:13px;line-height:1.45}
.wmToast.error{border-color:#f1b5b5;color:var(--danger)}
.wmToast.warn{border-color:#ffd289}
@media(max-width:1120px){
  body{overflow:auto}
  .wmApp{height:auto;min-height:100vh;overflow:visible}
}
@media(max-width:760px){
  .wmApp{display:block;min-width:980px}
  .wmSide{height:auto;max-height:none}
  .wmMain{height:auto;min-height:900px}
}