/* ========================================
   WEB.CSS — 用户前台专属样式
   ======================================== */

body { background: var(--bg); }

/* ── 导航 ── */
.web-nav {
  position: sticky; top: 0; z-index: 100;
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--border);
}
.web-nav-inner {
  max-width: 1160px; margin: 0 auto; padding: 0 24px;
  display: flex; align-items: center; justify-content: space-between;
  height: 58px;
}
.web-logo {
  font-weight: 800; font-size: 16px; color: var(--text);
  text-decoration: none; display: flex; align-items: center; gap: 8px;
  letter-spacing: -.3px;
}
.web-logo-mark {
  width: 26px; height: 26px; border-radius: 7px;
  background: linear-gradient(135deg, var(--accent), var(--blue));
  display: flex; align-items: center; justify-content: center;
  color: #fff; font-size: 13px; font-weight: 800;
  box-shadow: 0 2px 6px rgba(6,182,212,.3);
}
.web-nav-links { display: flex; align-items: center; gap: 2px; }
.web-nav-link {
  padding: 6px 12px; border-radius: 8px; font-size: 13px; font-weight: 600;
  color: var(--sub); text-decoration: none; transition: all .15s;
}
.web-nav-link:hover { color: var(--text); background: var(--bg3); }
.web-nav-link.active { color: var(--accent-d); background: var(--accent-l); }
.web-nav-right { display: flex; align-items: center; gap: 6px; }

/* ── 内容容器 ── */
.web-main { max-width: 1160px; margin: 0 auto; padding: 32px 24px; }

/* ── 面包屑 ── */
.breadcrumb-c { display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--muted); margin-bottom: 20px; }
.breadcrumb-c a { color: var(--muted); text-decoration: none; }
.breadcrumb-c a:hover { color: var(--accent-d); }
.breadcrumb-c span { color: var(--border2); }