/* v56 企业安全级高级平台 UI
   只改视觉，不改业务逻辑。
   与 v55 高端加载页保持同一套深蓝、安全、企业级视觉语言。
*/

body.hk-premium-ui{
  --p-bg:#eef4fb;
  --p-bg2:#f7fbff;
  --p-side:#061225;
  --p-side2:#0b2348;
  --p-side3:#103d7d;
  --p-card:rgba(255,255,255,.92);
  --p-card-solid:#fff;
  --p-line:#dce8f6;
  --p-line2:#cbd9ec;
  --p-text:#0b1220;
  --p-sub:#64748b;
  --p-primary:#165dff;
  --p-primary2:#0f49c8;
  --p-cyan:#18d5ff;
  --p-success:#16a34a;
  --p-warn:#d97706;
  --p-danger:#dc2626;
  --p-shadow:0 22px 58px rgba(15,23,42,.10);
  --p-soft:0 12px 30px rgba(15,23,42,.07);
  --p-glow:0 18px 46px rgba(22,93,255,.16);
  color:var(--p-text);
  background:
    radial-gradient(circle at 14% 12%, rgba(22,93,255,.10), transparent 28%),
    radial-gradient(circle at 84% 18%, rgba(24,213,255,.10), transparent 26%),
    linear-gradient(180deg,#f8fbff 0,#eef4fb 48%,#e8f0fb 100%) !important;
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;
}

/* 高端背景纹理，不影响点击 */
body.hk-premium-ui:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background-image:
    linear-gradient(rgba(22,93,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(22,93,255,.035) 1px, transparent 1px);
  background-size:36px 36px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.8),rgba(0,0,0,.15));
}

/* 侧边栏：安全级深色外壳 */
body.hk-premium-ui .sidebar,
body.hk-premium-ui .side-bar,
body.hk-premium-ui .app-sidebar,
body.hk-premium-ui .layout-sidebar,
body.hk-premium-ui .left-sidebar,
body.hk-premium-ui aside.sidebar{
  position:fixed !important;
  left:0 !important;
  top:0 !important;
  bottom:0 !important;
  width:260px !important;
  min-width:260px !important;
  padding:22px 18px !important;
  background:
    radial-gradient(circle at 30% 0%, rgba(22,93,255,.24), transparent 30%),
    linear-gradient(180deg,var(--p-side),var(--p-side2) 58%,#07172d) !important;
  color:#fff !important;
  border-right:1px solid rgba(148,184,255,.12) !important;
  box-shadow:24px 0 70px rgba(6,18,37,.20) !important;
  z-index:40 !important;
  overflow-y:auto !important;
  display:flex !important;
  flex-direction:column !important;
}

body.hk-premium-ui .sidebar:before,
body.hk-premium-ui .side-bar:before,
body.hk-premium-ui .app-sidebar:before,
body.hk-premium-ui .layout-sidebar:before,
body.hk-premium-ui .left-sidebar:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    repeating-linear-gradient(0deg,rgba(255,255,255,.030) 0,rgba(255,255,255,.030) 1px,transparent 1px,transparent 6px);
  opacity:.25;
}

/* 统一品牌，避免重复 */
body.hk-premium-ui .brand.hk-platform-brand,
body.hk-premium-ui .brand{
  position:relative;
  z-index:1;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  padding:0 0 18px !important;
  margin:0 0 18px !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
}

body.hk-premium-ui .brand-logo{
  width:48px !important;
  height:48px !important;
  min-width:48px !important;
  border-radius:17px !important;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.40), transparent 24%),
    linear-gradient(180deg,#2d7dff,#0f49c8) !important;
  color:#fff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-weight:950 !important;
  box-shadow:0 16px 32px rgba(22,93,255,.28), inset 0 1px 0 rgba(255,255,255,.32) !important;
}

body.hk-premium-ui .brand-title{
  font-size:19px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
  color:#fff !important;
  letter-spacing:.2px !important;
}
body.hk-premium-ui .brand-subtitle{
  font-size:12px !important;
  color:rgba(223,237,255,.62) !important;
  margin-top:4px !important;
  letter-spacing:.4px;
}

/* 菜单 */
body.hk-premium-ui .hk-platform-nav{
  position:relative;
  z-index:1;
  display:grid !important;
  gap:9px !important;
  padding:0 !important;
  margin:0 !important;
}

body.hk-premium-ui .hk-platform-nav a{
  height:46px !important;
  padding:0 13px !important;
  border-radius:16px !important;
  display:flex !important;
  align-items:center !important;
  gap:11px !important;
  color:rgba(231,241,255,.72) !important;
  text-decoration:none !important;
  font-size:14px !important;
  border:1px solid transparent !important;
  background:transparent !important;
  transition:background .18s ease,color .18s ease,transform .18s ease,border-color .18s ease,box-shadow .18s ease !important;
}

body.hk-premium-ui .hk-platform-nav a:hover{
  background:rgba(255,255,255,.075) !important;
  border-color:rgba(255,255,255,.08) !important;
  color:#fff !important;
  transform:translateX(3px);
}

body.hk-premium-ui .hk-platform-nav a.active{
  background:linear-gradient(180deg,rgba(35,111,255,.96),rgba(14,74,211,.94)) !important;
  border-color:rgba(171,207,255,.30) !important;
  color:#fff !important;
  font-weight:850 !important;
  box-shadow:0 14px 30px rgba(22,93,255,.24), inset 0 1px 0 rgba(255,255,255,.18) !important;
}

body.hk-premium-ui .hk-nav-icon{
  width:24px !important;
  height:24px !important;
  border-radius:9px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:rgba(255,255,255,.12) !important;
  color:#fff !important;
  font-size:12px !important;
  font-weight:900 !important;
  flex:0 0 24px !important;
}
body.hk-premium-ui .hk-platform-nav a.active .hk-nav-icon{
  background:rgba(255,255,255,.22) !important;
}

body.hk-premium-ui .hk-platform-footer{
  position:relative;
  z-index:1;
  margin-top:auto !important;
  padding:16px !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.065) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  color:rgba(231,241,255,.62) !important;
  font-size:12px !important;
}
body.hk-premium-ui .hk-platform-footer a{
  color:#fff !important;
  text-decoration:none !important;
}

/* 主内容 */
body.hk-premium-ui .main,
body.hk-premium-ui main.main,
body.hk-premium-ui .content,
body.hk-premium-ui .page-content,
body.hk-premium-ui .main-content,
body.hk-premium-ui .dashboard-main,
body.hk-premium-ui .map-main,
body.hk-premium-ui .customer-main,
body.hk-premium-ui .enterprise-main,
body.hk-premium-ui .followup-main,
body.hk-premium-ui .ai-main{
  margin-left:260px !important;
  width:calc(100vw - 260px) !important;
  min-height:100vh !important;
  padding:26px 32px 44px !important;
}

/* 顶部指挥条 */
.hk-command-bar{
  position:relative;
  margin:0 0 20px;
  padding:18px 20px;
  border-radius:24px;
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.78));
  border:1px solid rgba(214,227,242,.85);
  box-shadow:var(--p-soft);
  backdrop-filter:blur(14px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  overflow:hidden;
}
.hk-command-bar:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  height:100%;
  width:5px;
  background:linear-gradient(180deg,var(--p-cyan),var(--p-primary));
}
.hk-command-title{
  display:flex;
  align-items:center;
  gap:13px;
}
.hk-command-icon{
  width:46px;
  height:46px;
  border-radius:16px;
  background:linear-gradient(180deg,#165dff,#0f49c8);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:950;
  box-shadow:0 16px 34px rgba(22,93,255,.22);
}
.hk-command-title h1{
  margin:0;
  font-size:22px;
  line-height:1.25;
  letter-spacing:-.3px;
}
.hk-command-title p{
  margin:4px 0 0;
  color:var(--p-sub);
  font-size:13px;
}
.hk-command-meta{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.hk-secure-pill{
  height:34px;
  padding:0 12px;
  border-radius:999px;
  background:#f7fbff;
  border:1px solid #dce8f6;
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#31527a;
  font-size:12px;
  font-weight:800;
}
.hk-secure-dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#22c55e;
  box-shadow:0 0 0 5px rgba(34,197,94,.12);
}

/* 卡片和区域 */
body.hk-premium-ui .card,
body.hk-premium-ui .panel,
body.hk-premium-ui .stat-card,
body.hk-premium-ui .module-card,
body.hk-premium-ui .feature-card,
body.hk-premium-ui .data-card,
body.hk-premium-ui .box,
body.hk-premium-ui .table-card,
body.hk-premium-ui .search-card,
body.hk-premium-ui .context-box,
body.hk-premium-ui .ai-entry-top{
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.86)) !important;
  border:1px solid rgba(214,227,242,.92) !important;
  border-radius:24px !important;
  box-shadow:var(--p-soft) !important;
  backdrop-filter:blur(12px);
}

body.hk-premium-ui .stat-card,
body.hk-premium-ui .module-card,
body.hk-premium-ui .feature-card{
  position:relative;
  overflow:hidden;
}
body.hk-premium-ui .stat-card:before,
body.hk-premium-ui .module-card:before,
body.hk-premium-ui .feature-card:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:4px;
  background:linear-gradient(90deg,var(--p-cyan),var(--p-primary),transparent);
}

/* 搜索/表单区域 */
body.hk-premium-ui .search-card,
body.hk-premium-ui .search-panel,
body.hk-premium-ui .enterprise-search,
body.hk-premium-ui .query-box,
body.hk-premium-ui .form-panel{
  position:relative;
}
body.hk-premium-ui .search-card:after,
body.hk-premium-ui .search-panel:after,
body.hk-premium-ui .enterprise-search:after,
body.hk-premium-ui .query-box:after{
  content:"";
  position:absolute;
  right:18px;
  top:18px;
  width:82px;
  height:82px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(22,93,255,.10),transparent 68%);
  pointer-events:none;
}

/* 按钮 */
body.hk-premium-ui button,
body.hk-premium-ui .btn,
body.hk-premium-ui a.btn,
body.hk-premium-ui input[type="button"],
body.hk-premium-ui input[type="submit"]{
  border-radius:15px !important;
  min-height:40px;
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease,filter .16s ease;
}
body.hk-premium-ui button:hover,
body.hk-premium-ui .btn:hover,
body.hk-premium-ui a.btn:hover{
  transform:translateY(-1px);
}
body.hk-premium-ui .btn-primary,
body.hk-premium-ui button.primary,
body.hk-premium-ui .primary-btn,
body.hk-premium-ui .search-btn,
body.hk-premium-ui .submit-btn{
  background:linear-gradient(180deg,#1d6bff,#0f49c8) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:0 12px 26px rgba(22,93,255,.20), inset 0 1px 0 rgba(255,255,255,.20) !important;
}
body.hk-premium-ui .btn-primary:hover,
body.hk-premium-ui button.primary:hover,
body.hk-premium-ui .primary-btn:hover,
body.hk-premium-ui .search-btn:hover,
body.hk-premium-ui .submit-btn:hover{
  filter:brightness(1.04);
  box-shadow:0 16px 34px rgba(22,93,255,.26) !important;
}

/* 输入框 */
body.hk-premium-ui input,
body.hk-premium-ui select,
body.hk-premium-ui textarea{
  border:1px solid var(--p-line2) !important;
  border-radius:15px !important;
  background:rgba(251,253,255,.92) !important;
  color:var(--p-text) !important;
  outline:none !important;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
body.hk-premium-ui input:focus,
body.hk-premium-ui select:focus,
body.hk-premium-ui textarea:focus{
  border-color:#9fbcf4 !important;
  box-shadow:0 0 0 4px rgba(22,93,255,.09),0 10px 24px rgba(15,23,42,.04) !important;
  background:#fff !important;
}

/* 表格 */
body.hk-premium-ui table{
  border-collapse:separate !important;
  border-spacing:0 !important;
  width:100%;
}
body.hk-premium-ui thead th{
  background:linear-gradient(180deg,#f8fbff,#f2f7ff) !important;
  color:#334155 !important;
  font-size:13px !important;
  font-weight:850 !important;
  border-bottom:1px solid var(--p-line) !important;
}
body.hk-premium-ui tbody td{
  border-bottom:1px solid #edf3fb !important;
  color:#26364d !important;
}
body.hk-premium-ui tbody tr{
  transition:background .12s ease, transform .12s ease;
}
body.hk-premium-ui tbody tr:hover td{
  background:#f8fbff !important;
}

/* 标签和状态 */
body.hk-premium-ui .tag,
body.hk-premium-ui .badge,
body.hk-premium-ui .status,
body.hk-premium-ui .chip{
  border-radius:999px !important;
  font-size:12px !important;
  font-weight:850 !important;
  border:1px solid rgba(214,227,242,.9);
}

/* 弹窗 */
body.hk-premium-ui .modal,
body.hk-premium-ui .dialog,
body.hk-premium-ui .popup{
  border-radius:26px !important;
  box-shadow:0 34px 94px rgba(15,23,42,.22) !important;
  border:1px solid rgba(214,227,242,.95) !important;
}

/* AI 页面继承高级质感 */
body.hk-premium-ui .hero-card{
  background:
    radial-gradient(circle at 80% 0%,rgba(24,213,255,.18),transparent 34%),
    linear-gradient(135deg,#061225 0,#0b2348 52%,#165dff 100%) !important;
  box-shadow:0 30px 80px rgba(15,35,80,.22) !important;
}
body.hk-premium-ui .industry-card,
body.hk-premium-ui .ai-action{
  border-radius:20px !important;
  border:1px solid rgba(214,227,242,.95) !important;
  box-shadow:0 8px 20px rgba(15,23,42,.035) !important;
}
body.hk-premium-ui .industry-card.active,
body.hk-premium-ui .ai-action:hover{
  border-color:#9fbcf4 !important;
  box-shadow:0 16px 34px rgba(22,93,255,.10) !important;
}

/* 地图容器避免被过度改造 */
body.hk-premium-ui #map,
body.hk-premium-ui .amap-container,
body.hk-premium-ui .map-container{
  border-radius:22px !important;
  box-shadow:var(--p-soft);
}

/* 滚动条 */
body.hk-premium-ui ::-webkit-scrollbar{width:9px;height:9px}
body.hk-premium-ui ::-webkit-scrollbar-thumb{background:#b8c8df;border-radius:999px}
body.hk-premium-ui ::-webkit-scrollbar-track{background:transparent}

@media(max-width:900px){
  body.hk-premium-ui .sidebar,
  body.hk-premium-ui .side-bar,
  body.hk-premium-ui .app-sidebar,
  body.hk-premium-ui .layout-sidebar,
  body.hk-premium-ui .left-sidebar{
    position:relative !important;
    width:100% !important;
    min-width:0 !important;
    height:auto !important;
    bottom:auto !important;
    left:auto !important;
    top:auto !important;
  }
  body.hk-premium-ui .main,
  body.hk-premium-ui main.main,
  body.hk-premium-ui .content,
  body.hk-premium-ui .page-content,
  body.hk-premium-ui .main-content,
  body.hk-premium-ui .dashboard-main,
  body.hk-premium-ui .map-main,
  body.hk-premium-ui .customer-main,
  body.hk-premium-ui .enterprise-main,
  body.hk-premium-ui .followup-main,
  body.hk-premium-ui .ai-main{
    margin-left:0 !important;
    width:100% !important;
    padding:18px 14px 30px !important;
  }
  .hk-command-bar{
    flex-direction:column;
    align-items:stretch;
  }
  .hk-command-meta{
    justify-content:flex-start;
  }
}