/* =====================================================
   东方国学风格
   雅白·浅墨灰·淡鎏金·浅茶棕
   ===================================================== */

.style-eastern {
  --c-bg: #faf8f5;
  --c-primary: #c8a878;
  --c-primary-dark: #b8935e;
  --c-accent: #8b7355;
  --c-text: #4a4038;
  --c-subtitle: #968b7d;
  --c-card: #fff;
  --c-border: #ede8e0;
  --c-gold: #d4b380;
}

.style-eastern body { background: var(--c-bg); color: var(--c-text); }

.style-eastern .navbar { background: rgba(250, 248, 245, 0.1); }
.style-eastern .navbar.scrolled { background: rgba(250, 248, 245, 0.98); box-shadow: 0 2px 8px rgba(139, 115, 85, 0.08); }
.style-eastern .navbar-logo { color: var(--c-text); }
.style-eastern .navbar-menu a:hover { color: var(--c-primary); }

.style-eastern .banner {
  background: linear-gradient(180deg, rgba(250,248,245,0) 0%, rgba(237,232,224,0.3) 100%);
}
.style-eastern .banner h1 { color: var(--c-text); }
.style-eastern .banner p { color: var(--c-subtitle); }

.style-eastern .btn-primary {
  background: linear-gradient(135deg, #c8a878, #b8935e);
  color: #fff;
}
.style-eastern .btn-secondary {
  background: #fff; color: #c8a878; border-color: #c8a878;
}

.style-eastern .card {
  background: var(--c-card);
  border: 1px solid var(--c-border);
}
.style-eastern .card:hover {
  box-shadow: 0 8px 24px rgba(139, 115, 85, 0.1);
}

.style-eastern .tool-card .icon {
  background: linear-gradient(135deg, #f5ede0, #ede8e0);
  color: var(--c-primary);
}

.style-eastern .section-title { color: var(--c-text); }
.style-eastern .section-sub { color: var(--c-subtitle); }

.style-eastern .unlock-box {
  background: linear-gradient(135deg, #fdf8f0, #f5ede0);
}
.style-eastern .unlock-box .price { color: var(--c-primary); }

.style-eastern .user-menu a.active {
  background: linear-gradient(135deg, #fdf8f0, #f5ede0);
  color: var(--c-primary);
}

.style-eastern .form-control:focus { border-color: var(--c-primary); }

.style-eastern .tip-amount:hover, .style-eastern .tip-amount.active {
  border-color: var(--c-primary); color: var(--c-primary); background: #fdf8f0;
}

.style-eastern .page-btn:hover { border-color: var(--c-primary); color: var(--c-primary); }
.style-eastern .page-btn.active { background: var(--c-primary); color: #fff; border-color: var(--c-primary); }

/* 水墨纹理装饰 */
.style-eastern::before {
  content: ''; position: fixed; top: 0; left: 0; right: 0; bottom: 0;
  background-image: 
    radial-gradient(circle at 10% 20%, rgba(200, 168, 120, 0.03) 0%, transparent 50%),
    radial-gradient(circle at 90% 80%, rgba(139, 115, 85, 0.03) 0%, transparent 50%);
  pointer-events: none; z-index: -1;
}