/* ===== 中创智云 · 企业办公门户 ===== */
:root{
  --brand:#005bff;
  --ink-3:rgba(255,255,255,.78);
  --line:rgba(255,255,255,.18);
  --glass:rgba(255,255,255,.10);
  --glass-strong:rgba(255,255,255,.16);
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  min-height:100vh;
  font-family:"Inter","PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",sans-serif;
  color:#fff;
  background:#0b2a66;
  -webkit-font-smoothing:antialiased;
}

.wrap{width:min(1180px,100% - 40px);margin-inline:auto}

/* ---------- 主视觉（整页 · 首屏含汇率走势） ---------- */
.hero{
  position:relative;
  min-height:100vh;
  display:flex;flex-direction:column;justify-content:center;gap:22px;
  padding:26px 0 46px;
  background:url("hero-bg.jpg?v=2") center/cover no-repeat;
}
.hero-overlay{
  position:absolute;inset:0;
  background:
    linear-gradient(180deg, rgba(7,22,56,.42) 0%, rgba(7,22,56,.10) 42%, rgba(7,22,56,.58) 100%),
    radial-gradient(900px 420px at 78% 30%, rgba(0,91,255,.24) 0%, rgba(0,91,255,0) 65%);
}
.hero-inner{
  position:relative;z-index:1;
  display:grid;grid-template-columns:minmax(320px,1.1fr) minmax(400px,1.25fr);
  gap:40px;align-items:stretch;width:min(1180px,100% - 40px);
  margin-inline:auto;
}
.hero-copy{
  display:flex;flex-direction:column;justify-content:flex-start;
}
.hero-copy h1{
  margin:0 0 18px;
  font-size:clamp(34px,4.6vw,54px);
  line-height:1.18;font-weight:800;letter-spacing:.5px;
  text-shadow:0 4px 26px rgba(4,16,44,.55);
}
.hero-copy p{
  margin:0;font-size:15.5px;color:var(--ink-3);
  text-shadow:0 2px 14px rgba(4,16,44,.5);
}

/* ---------- 功能入口卡片 ---------- */
.entries{display:flex;flex-direction:column;gap:13px}
.entry{
  display:flex;align-items:center;gap:16px;
  padding:17px 20px;border-radius:18px;
  background:var(--glass);
  border:1px solid var(--line);
  backdrop-filter:blur(18px) saturate(150%);
  text-decoration:none;color:#fff;
  transition:transform .22s ease, background .22s ease, border-color .22s ease, box-shadow .22s ease;
  animation:rise .6s ease backwards;
}
.entry:nth-child(1){animation-delay:.05s}
.entry:nth-child(2){animation-delay:.15s}
.entry:nth-child(3){animation-delay:.25s}
.entry:nth-child(4){animation-delay:.35s}
@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

.entry:hover{
  transform:translateY(-3px);
  background:var(--glass-strong);
  border-color:rgba(120,180,255,.55);
  box-shadow:0 18px 44px -16px rgba(2,20,60,.65), 0 0 0 1px rgba(120,180,255,.18);
}
.entry-icon{
  flex:0 0 52px;width:52px;height:52px;border-radius:14px;
  display:grid;place-items:center;
  color:#fff;
  background:linear-gradient(145deg,#0a84ff,#0050e0);
  box-shadow:0 8px 20px -8px rgba(10,90,255,.8), inset 0 1px 0 rgba(255,255,255,.3);
}
.entry-icon svg{width:26px;height:26px}
.entry-body{flex:1;min-width:0}
.entry-body h2{margin:0 0 4px;font-size:17.5px;font-weight:700;letter-spacing:.3px}
.entry-body p{margin:0;font-size:12.5px;line-height:1.5;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}
.entry-arrow{
  flex:0 0 auto;color:rgba(255,255,255,.65);
  transition:transform .22s ease,color .22s ease;
}
.entry-arrow svg{width:20px;height:20px;display:block}
.entry:hover .entry-arrow{transform:translateX(4px);color:#fff}

/* ---------- ERP 入口：悬停下级导航 ---------- */
.entry.has-sub{position:relative;display:block;padding:0;z-index:10}
.entry-main{
  display:flex;align-items:center;gap:16px;
  padding:20px 22px;
  text-decoration:none;color:#fff;
}
/* 无外框：三个子项直接悬浮，平面化导航块 */
.entry-sub{
  position:absolute;left:calc(100% + 14px);top:-1px;
  z-index:5;
  display:flex;flex-direction:column;gap:10px;
  width:196px;
  padding:0;
  opacity:0;visibility:hidden;transform:translateX(-10px);
  transition:opacity .2s ease,transform .2s ease,visibility .2s;
}
/* 鼠标从卡片移入菜单时保持悬停（跨过 14px 间隙） */
.entry-sub::before{
  content:'';position:absolute;left:-16px;top:0;bottom:0;width:16px;
}
.has-sub:hover .entry-sub,
.has-sub:focus-within .entry-sub{
  opacity:1;visibility:visible;transform:none;
}
.entry-sub a{
  display:flex;align-items:center;justify-content:flex-start;gap:12px;
  height:46px;
  padding:0 17px;border-radius:12px;
  font-size:14px;font-weight:600;letter-spacing:.3px;color:#fff;
  text-decoration:none;white-space:nowrap;
  text-shadow:0 1px 10px rgba(4,16,44,.5);
  background:rgba(0,91,255,.62);
  border:1px solid rgba(160,204,255,.35);
  backdrop-filter:blur(10px);
  transition:background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease;
}
.entry-sub a svg{
  flex:0 0 17px;width:17px;height:17px;
  color:#fff;
  transition:transform .2s ease,opacity .2s ease;
}
.entry-sub a:hover{
  background:rgba(0,91,255,.92);
  border-color:rgba(180,216,255,.7);
  transform:translateX(5px);
  box-shadow:0 14px 30px -14px rgba(0,40,120,.8);
}
.entry-sub a:hover svg{transform:scale(1.08)}

/* 桌面端在卡片右侧预留出弹出菜单的空间，避免溢出屏幕 */
@media (min-width:641px){
  .entries{padding-right:212px}
}

/* ---------- 底部企业信息（低调小字） ---------- */
.site-note{
  position:absolute;left:0;right:0;bottom:14px;
  z-index:1;margin:0;
  text-align:center;
  font-size:11.5px;color:rgba(255,255,255,.5);
  letter-spacing:.5px;
}

/* ---------- 汇率走势（首屏左下 · 近一年中间价） ---------- */
.fx-strip{margin-top:auto;padding-top:22px}
.fx-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:14px;
}
.fx-card{
  padding:14px 16px 12px;
  border-radius:16px;
  background:var(--glass);
  border:1px solid var(--line);
  backdrop-filter:blur(14px) saturate(1.25);
  -webkit-backdrop-filter:blur(14px) saturate(1.25);
  min-width:0;
}
.fx-card-hd{
  display:flex;justify-content:space-between;align-items:center;gap:8px;
  margin-bottom:8px;
}
.fx-card-hd h3{margin:0;font-size:14.5px;font-weight:700;letter-spacing:.2px;white-space:nowrap}
.fx-pair{
  font-size:10px;font-weight:600;color:rgba(174,208,255,.9);
  background:rgba(0,91,255,.28);border:1px solid rgba(140,190,255,.35);
  padding:1.5px 6px;border-radius:5px;vertical-align:1px;letter-spacing:.3px;
}
.fx-now{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.fx-now b{
  font-size:19px;font-weight:800;line-height:1;
  font-variant-numeric:tabular-nums;letter-spacing:-.3px;
}
.fx-chg{
  font-size:10px;font-weight:700;line-height:1;
  padding:3px 8px;border-radius:999px;letter-spacing:.3px;
  font-variant-numeric:tabular-nums;
}
.fx-chg.up{color:#ffb0a6;background:rgba(255,86,72,.20);border:1px solid rgba(255,120,105,.45)}
.fx-chg.down{color:#8fe6b0;background:rgba(52,199,123,.16);border:1px solid rgba(110,220,160,.38)}
.fx-chart{position:relative}
.fx-tip{
  position:absolute;z-index:5;pointer-events:none;
  transform:translateY(-100%);
  background:rgba(8,20,50,.92);border:1px solid rgba(140,190,255,.4);
  border-radius:7px;padding:3px 7px;white-space:nowrap;
  text-align:center;
}
.fx-tip b{display:block;font-size:12px;font-variant-numeric:tabular-nums;line-height:1.3}
.fx-tip span{font-size:10.5px;color:var(--ink-3)}
.fx-err{margin:18px 0;text-align:center;font-size:11.5px;color:var(--ink-3)}

/* ---------- 左上角：莫斯科日期 + 天气 ---------- */
.hero-top{position:absolute;top:20px;left:0;right:0;z-index:2}
.topwx{
  display:inline-flex;align-items:center;gap:9px;
  padding:8px 16px;border-radius:999px;
  background:var(--glass);border:1px solid var(--line);
  backdrop-filter:blur(12px) saturate(1.2);
  -webkit-backdrop-filter:blur(12px) saturate(1.2);
  font-size:12.5px;line-height:1;
}
.topwx .e{font-size:17px;line-height:1}
.topwx .t{font-size:14.5px;font-weight:800;font-variant-numeric:tabular-nums}
.topwx .tm{font-size:14.5px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.4px}
.topwx .wx{display:inline-flex;align-items:center;gap:6px}
.topwx .d{color:var(--ink-3)}
.topwx .sep{width:1px;height:13px;background:rgba(255,255,255,.3)}
.topwx .dt{font-weight:600;letter-spacing:.3px;color:#fff}

/* ---------- 响应式 ---------- */
@media (max-width:900px){
  .hero-inner{grid-template-columns:1fr;gap:34px;padding:8px 0}
  .hero{align-items:center;padding:40px 0 72px}
  .hero-copy{text-align:center}
  .fx-strip{margin-top:26px;padding-top:0}
}
@media (max-width:640px){
  .hero-copy h1{font-size:30px}
  .hero-copy p{font-size:13.5px}
  .fx-grid{grid-template-columns:1fr}
  .topwx{padding:7px 12px;gap:7px;font-size:11.5px}
  .topwx .e{font-size:15px}
  .topwx .t{font-size:13px}
  /* 手机端不显示汇率走势 */
  .fx-strip{display:none}
  .entry{padding:16px 16px;gap:13px}
  .entry.has-sub{padding:0}
  .entry-main{padding:16px 16px;gap:13px}
  /* 触屏无悬停：下级导航常驻卡片下方 */
  .entry-sub{
    position:static;left:auto;top:auto;width:auto;
    flex-direction:row;gap:8px;
    opacity:1;visibility:visible;transform:none;
    margin:0;padding:0 12px 12px;
  }
  .entry-sub::before{display:none}
  .entry-sub a{
    flex:1 1 0;justify-content:center;
    height:auto;padding:9px 8px;font-size:12px;gap:6px;
    border-radius:10px;background:rgba(0,91,255,.55);
  }
  .entry-sub a svg{flex-basis:14px;width:14px;height:14px}
  .entry-icon{flex-basis:46px;width:46px;height:46px;border-radius:12px}
  .entry-icon svg{width:23px;height:23px}
  .entry-body h2{font-size:15.5px}
  .entry-body p{white-space:normal;font-size:12px}
  .site-note{font-size:10.5px;bottom:10px}
}