/* ============================================================
   模术思终端服务平台 · 全站公共组件 platform.css
   所有系统页面统一引用：顶部横眉 / 登录注册弹窗 / 权限提示条
   ============================================================ */
#pms-nav{
  position:fixed;top:0;left:0;right:0;z-index:99999;
  height:54px;display:flex;align-items:center;gap:18px;
  padding:0 22px;
  background:linear-gradient(90deg,#152E47 0%,#1E3D5C 52%,#1F5E96 100%);
  box-shadow:0 2px 10px rgba(21,46,71,.32);
  font-family:"Microsoft YaHei","PingFang SC",sans-serif;
}
#pms-nav *{box-sizing:border-box;}
#pms-nav a{text-decoration:none;color:inherit;}
.pms-brand{display:flex;align-items:center;gap:10px;flex-shrink:0;cursor:pointer;}
.pms-brand img{width:36px;height:36px;border-radius:8px;background:#fff;padding:3px;display:block;}
.pms-brand .pms-bt{display:flex;flex-direction:column;line-height:1.15;}
.pms-brand .pms-bt b{color:#E9D6A8;font-size:17px;font-weight:700;letter-spacing:1px;}
.pms-brand .pms-bt span{color:#A9BED6;font-size:10.5px;letter-spacing:.4px;}
.pms-menu{display:flex;align-items:center;gap:4px;margin-left:8px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;}
#pms-nav .pms-menu::-webkit-scrollbar{display:none;}
#pms-nav .pms-menu a{
  color:#D8E3F1;font-size:14px;padding:7px 12px;border-radius:7px;
  white-space:nowrap;transition:background .15s,color .15s;flex-shrink:0;
}
#pms-nav .pms-menu a:hover{background:rgba(255,255,255,.14);color:#fff;}
#pms-nav .pms-menu a.on{background:rgba(255,255,255,.2);color:#fff;font-weight:600;}
.pms-actions{display:flex;align-items:center;gap:9px;flex-shrink:0;}
.pms-btn{
  display:inline-block;border:none;cursor:pointer;font-family:inherit;
  font-size:13.5px;padding:7px 15px;border-radius:7px;white-space:nowrap;
  transition:transform .12s,box-shadow .12s,background .15s;
}
.pms-btn:active{transform:translateY(1px);}
.pms-btn-ghost{background:transparent;color:#fff;border:1.4px solid rgba(255,255,255,.75);}
.pms-btn-ghost:hover{background:rgba(255,255,255,.14);}
.pms-btn-solid{background:#fff;color:#1E3D5C;font-weight:600;}
.pms-btn-solid:hover{box-shadow:0 3px 10px rgba(0,0,0,.18);}
.pms-btn-admin{background:rgba(255,214,107,.14);color:#FFE3A3;border:1.4px solid rgba(255,214,107,.7);}
.pms-btn-admin:hover{background:rgba(255,214,107,.26);color:#FFEFC4;}
.pms-btn-vip{background:linear-gradient(135deg,#f7c948,#e0a92e);color:#5b3d00;border:1.4px solid #f3d27a;font-weight:700;box-shadow:0 2px 8px rgba(224,169,46,.35);}
.pms-btn-vip:hover{background:linear-gradient(135deg,#ffd75e,#e8b53a);box-shadow:0 3px 12px rgba(224,169,46,.5);}
.pms-user{display:flex;align-items:center;gap:9px;}
.pms-user .pms-uname{color:#fff;font-size:14px;display:flex;align-items:center;gap:6px;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pms-role{font-size:11px;padding:2px 8px;border-radius:20px;background:rgba(255,255,255,.2);color:#fff;white-space:nowrap;}
.pms-role.super{background:#FFD66B;color:#7a5200;font-weight:600;}
.pms-role.mgr{background:#fff;color:#1E3D5C;font-weight:600;}
.pms-role.site{background:#cfe0ff;color:#1c3f7a;font-weight:600;}
.pms-role.vip{background:linear-gradient(135deg,#f7c948,#e0a92e);color:#5b3d00;font-weight:700;}
.pms-logout{color:rgba(255,255,255,.85);font-size:12.5px;cursor:pointer;padding:4px 6px;}
.pms-logout:hover{color:#fff;text-decoration:underline;}

/* 权限提示条 */
#pms-banner{
  position:fixed;top:54px;left:0;right:0;z-index:99998;
  display:none;align-items:center;justify-content:center;gap:12px;
  padding:8px 18px;font-size:13px;font-family:"Microsoft YaHei","PingFang SC",sans-serif;
  background:linear-gradient(90deg,#FFF7E0,#FFF3D6);color:#8a5a00;
  border-bottom:1px solid #F2D58A;text-align:center;
}
#pms-banner.show{display:flex;}
#pms-banner b{color:#6b4400;}
#pms-banner .pms-bbtn{
  background:#1F5E96;color:#fff;border:none;cursor:pointer;font-size:12.5px;
  padding:5px 14px;border-radius:6px;white-space:nowrap;font-family:inherit;
}
#pms-banner .pms-bbtn.gray{background:#8a8a8a;}

/* 登录/注册弹窗 */
#pms-mask{
  position:fixed;inset:0;z-index:999999;display:none;
  background:rgba(12,28,46,.55);backdrop-filter:blur(2px);
  align-items:center;justify-content:center;font-family:"Microsoft YaHei","PingFang SC",sans-serif;
}
#pms-mask.show{display:flex;}
.pms-modal{
  width:380px;max-width:92vw;background:#fff;border-radius:14px;overflow:hidden;
  box-shadow:0 18px 60px rgba(0,0,0,.28);animation:pmsPop .18s ease;
}
@keyframes pmsPop{from{transform:translateY(14px);opacity:0;}to{transform:none;opacity:1;}}
.pms-modal .pms-mhead{
  background:linear-gradient(90deg,#152E47,#1F5E96);color:#fff;
  padding:18px 24px;display:flex;align-items:center;justify-content:space-between;
}
.pms-modal .pms-mhead b{font-size:18px;letter-spacing:1px;}
.pms-modal .pms-mhead span{cursor:pointer;font-size:20px;line-height:1;opacity:.85;}
.pms-modal .pms-mhead span:hover{opacity:1;}
.pms-modal .pms-mbody{padding:22px 24px 24px;}
.pms-field{margin-bottom:14px;}
.pms-field label{display:block;font-size:13px;color:#444;margin-bottom:6px;}
.pms-field input{
  width:100%;padding:10px 12px;border:1.4px solid #d4dce5;border-radius:8px;
  font-size:14.5px;font-family:inherit;outline:none;transition:border-color .15s;
}
.pms-field input:focus{border-color:#1F5E96;}
.pms-msubmit{
  width:100%;padding:11px;border:none;border-radius:8px;cursor:pointer;
  background:linear-gradient(90deg,#152E47,#1F5E96);color:#fff;font-size:15px;
  font-weight:600;letter-spacing:2px;font-family:inherit;margin-top:4px;
}
.pms-msubmit:hover{filter:brightness(1.06);}
.pms-msubmit:disabled{opacity:.6;cursor:not-allowed;}
.pms-mtip{text-align:center;font-size:13px;color:#777;margin-top:14px;}
.pms-mtip a{color:#1F5E96;cursor:pointer;font-weight:600;}
.pms-merr{color:#e03a3a;font-size:13px;min-height:18px;margin:2px 0 8px;display:none;}
.pms-merr.show{display:block;}
.pms-mnote{font-size:12px;color:#999;margin-top:10px;line-height:1.6;text-align:center;}

/* 轻提示 toast */
#pms-toast{
  position:fixed;left:50%;top:74px;transform:translateX(-50%) translateY(-16px);
  z-index:9999999;background:rgba(20,30,26,.92);color:#fff;padding:10px 22px;
  border-radius:9px;font-size:14px;opacity:0;pointer-events:none;transition:all .25s;
  font-family:"Microsoft YaHei","PingFang SC",sans-serif;max-width:86vw;text-align:center;
}
#pms-toast.show{opacity:1;transform:translateX(-50%) translateY(0);}

/* 移动端 */
@media (max-width:860px){
  #pms-nav{padding:0 10px;gap:8px;height:50px;}
  #pms-nav .pms-brand img{width:30px;height:30px;}
  .pms-brand .pms-bt b{font-size:14.5px;}
  .pms-brand .pms-bt span{display:none;}
  .pms-menu{order:3;flex-basis:100%;position:absolute;top:50px;left:0;right:0;background:#1E3D5C;margin:0;padding:4px 8px;display:none;}
  #pms-nav.menu-open .pms-menu{display:flex;}
  .pms-actions{gap:6px;margin-left:auto;}
  .pms-btn{padding:6px 10px;font-size:12.5px;}
  .pms-user .pms-uname{max-width:72px;font-size:13px;}
  .pms-role{display:none;}
  #pms-banner{top:50px;font-size:12px;flex-wrap:wrap;padding:7px 12px;}
  body.pms-body{padding-top:50px !important;}
}