/* 公共样式 - 导航栏 & 页脚 */
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
  font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif;
  color: #181918;
  background: #fff;
}
.font-douyin { font-family: "Douyin Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, Arial, Helvetica, sans-serif; }
.font-barlow { font-family: Barlow, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimHei, sans-serif; }

/* Navbar */
.nav-blur { backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }

/* Colors */
.text-teal { color: #43b6bf; }
.text-dark { color: #181918; }
.text-blue { color: #3d88f7; }
.text-purple { color: #9072ea; }
.bg-teal { background: #43b6bf; }
.bg-dark { background: #202c2c; }
.bg-gray-light { background: #fafafa; }
.bg-light-teal { background: #f4fafb; }
.border-teal { border-color: #43b6bf; }

/* Product pages shared hero */
.hero-bg { background: linear-gradient(74.02deg, #f4fafb 0%, #e3f6f8 100%); }
.deco-bg-top { position: absolute; top: -413px; left: -1112px; width: 3056px; height: 1719px; transform: rotate(-180deg); }
.deco-bg-bottom { position: absolute; bottom: 0; left: 0; width: 2392px; height: 1084px; }

/* Product tab bar */
.tab-bar { border: 2px solid #43b6bf; border-radius: 40px; background: rgba(255,255,255,0.2); padding: 6px; display: flex; align-items: center; }
.tab-active { background: #e3f6f8; border-radius: 40px; padding: 16px 24px; color: #43b6bf; font-size: 24px; font-weight: 600; line-height: 32px; white-space: nowrap; }
.tab-inactive { padding: 16px 24px; color: #181918; font-size: 24px; line-height: 32px; white-space: nowrap; cursor: pointer; transition: color 0.2s; }
.tab-inactive:hover { color: #43b6bf; }

/* Product nav arrows */
.nav-arrow { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 30px; flex-shrink: 0; }

/* Shared components */
.stat-divider { width: 1px; height: 80px; background: #828282; }
.footer-link { color: #fff; font-size: 14px; line-height: 22px; transition: color 0.2s; }
.footer-link:hover { color: #43b6bf; }

/* Scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #43b6bf; border-radius: 4px; }

/* Responsive */
@media (max-width: 1280px) {
  .tab-inline { font-size: 16px !important; padding: 10px 14px !important; }
}
@media (max-width: 768px) {
  .tab-inline { font-size: 14px !important; padding: 8px 10px !important; }
  .tab-bar { flex-wrap: wrap; justify-content: center; border-radius: 24px; }
  .tab-active, .tab-inactive { border-radius: 24px; }
}