/* 小雨知时官网样式 */
:root {
  --brand: #0e9384;
  --brand-dark: #0b7266;
  --brand-light: #e8f5f3;
  --brand-gradient: linear-gradient(135deg, #0b7266 0%, #0e9384 45%, #2bb5a3 100%);
  --admin-bg: #243b53;
}
body {
  font-family: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", "Helvetica Neue", Arial, sans-serif;
  color: #333;
}
.bg-brand { background-color: var(--brand) !important; }
.text-brand { color: var(--brand) !important; }
.btn-brand { background-color: var(--brand); border-color: var(--brand); color: #fff; }
.btn-brand:hover, .btn-brand:focus { background-color: var(--brand-dark); border-color: var(--brand-dark); color: #fff; }
.btn-outline-brand { color: var(--brand); border-color: var(--brand); }
.btn-outline-brand:hover, .btn-outline-brand:focus { background-color: var(--brand); border-color: var(--brand); color: #fff; }
.bg-admin { background-color: var(--admin-bg) !important; }

/* 首页 hero */
.hero { background: var(--brand-gradient); color: #fff; padding: 5rem 0 4rem; }
.hero h1 { font-weight: 700; }
.hero .lead { opacity: .92; }
.hero-cta .btn-light { color: var(--brand-dark); font-weight: 600; }

.section { padding: 3.5rem 0; }
.section-title { text-align: center; margin-bottom: 2.5rem; }
.section-title h2 { font-weight: 700; color: #222; }
.section-title .sub { color: #888; }

.feature-icon {
  width: 56px; height: 56px; border-radius: 14px;
  background: var(--brand-light); color: var(--brand);
  font-size: 1.6rem; display: flex; align-items: center; justify-content: center;
  margin-bottom: 1rem;
}

/* 产品卡片 */
.product-card { transition: transform .15s ease, box-shadow .15s ease; border: 0; box-shadow: 0 1px 4px rgba(0,0,0,.06); }
.product-card:hover { transform: translateY(-4px); box-shadow: 0 .5rem 1.2rem rgba(0,0,0,.12); }
.product-cover { height: 180px; object-fit: cover; width: 100%; border-radius: .375rem .375rem 0 0; }
.placeholder-cover { height: 180px; background: linear-gradient(135deg, #cdeee8, #8fd3c8); color: #fff; }
.table-cover { width: 72px; height: 44px; object-fit: cover; border-radius: 4px; }

/* 登录注册卡片 */
.auth-card { max-width: 440px; margin: 3rem auto 4rem; }
.auth-card .card { border: 0; box-shadow: 0 .5rem 1.5rem rgba(0,0,0,.08); }

/* Markdown 正文 */
.md-content { line-height: 1.9; color: #444; }
.md-content h1, .md-content h2, .md-content h3 { color: var(--brand-dark); margin-top: 1.6rem; }
.md-content img { max-width: 100%; border-radius: 8px; }
.md-content table { border-collapse: collapse; margin: 1rem 0; }
.md-content th, .md-content td { border: 1px solid #dee2e6; padding: .5rem .75rem; }
.md-content blockquote {
  border-left: 4px solid var(--brand); background: var(--brand-light);
  padding: .6rem 1rem; border-radius: 0 .375rem .375rem 0;
}

/* 公司介绍时间线 */
.timeline { position: relative; padding-left: 1.6rem; border-left: 2px solid var(--brand-light); }
.timeline-item { margin-bottom: 1.8rem; position: relative; }
.timeline-item::before {
  content: ""; position: absolute; left: -1.95rem; top: .4rem;
  width: .9rem; height: .9rem; border-radius: 50%; background: var(--brand);
}

/* 用户中心侧边导航 */
.user-nav .nav-link.active { background: var(--brand-light); color: var(--brand-dark); font-weight: 600; }
.user-nav .nav-link { color: #555; }

/* 后台统计卡片 */
.stat-card { border: 0; box-shadow: 0 1px 4px rgba(0,0,0,.06); }
.stat-value { font-size: 1.9rem; font-weight: 700; color: var(--brand-dark); }