/* ================================================================
   念为咨询 · 高端国际风格主样式
   ================================================================ */

/* ── CSS 变量 ── */
:root {
  --bg-primary:   #080C12;
  --bg-secondary: #0D1420;
  --bg-card:      #111928;
  --gold:         #C9A96E;
  --gold-light:    #E2C896;
  --gold-dark:    #A8823C;
  --white:        #FFFFFF;
  --text-primary:  #F0EBE1;
  --text-secondary:#8A9BB5;
  --text-muted:   #4A5568;
  --border:       rgba(201,169,110,0.15);
  --border-hover:  rgba(201,169,110,0.4);
  --gradient-gold: linear-gradient(135deg, #C9A96E, #E2C896, #A8823C);
  --gradient-dark: linear-gradient(180deg, #080C12 0%, #0D1420 100%);
  --shadow-gold:  0 0 40px rgba(201,169,110,0.12);
}

/* ── 全局重置 ── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { scroll-behavior: smooth; font-size: 16px; }

body {
  background: var(--gradient-dark) !important;
  color: var(--text-primary) !important;
  font-family: 'Inter', 'Noto Serif SC', 'PingFang SC', serif !important;
  line-height: 1.6;
  overflow-x: hidden;
}

a { color: var(--text-secondary); text-decoration: none; transition: color 0.3s; }
a:hover { color: var(--gold) !important; text-decoration: none; }

img { max-width: 100%; height: auto; }
FLURRYFLY

/* ================================================================
   NAVIGATION / HEADER
   ================================================================ */
.site-header,
.main-header,
.header,
[class*="header"],
nav.navbar,
#masthead {
  position: fixed !important;
  top: 0 !important;
  left: 0; right: 0;
  z-index: 9999 !important;
  height: 72px;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 60px !important;
  background: rgba(8,12,18,0.78) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border-bottom: 1px solid var(--border) !important;
  transition: background 0.3s !important;
}

/* Logo */
.site-title,
.site-branding a,
.custom-logo-link,
.site-logo {
  font-family: 'Noto Serif SC', serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  letter-spacing: 6px !important;
  background: var(--gradient-gold) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  text-decoration: none !important;
}

/* 导航链接 */
.nav-menu,
.primary-menu,
.main-navigation ul,
[class*="nav"] ul {
  display: flex !important;
  align-items: center !important;
  gap: 36px !important;
  list-style: none !important;
}

.nav-menu a,
.primary-menu a,
.main-navigation a,
[class*="nav"] a {
  color: var(--text-secondary) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  position: relative !important;
  padding: 4px 0 !important;
  transition: color 0.3s !important;
  text-decoration: none !important;
}

.nav-menu a::after,
.primary-menu a::after,
.main-navigation a::after {
  content: '' !important;
  position: absolute !important;
  bottom: -2px !important;
  left: 0; right: 0;
  height: 1px !important;
  background: var(--gold) !important;
  transform: scaleX(0) !important;
  transition: transform 0.3s !important;
}
.nav-menu a:hover,
.primary-menu a:hover { color: var(--gold) !important; }
.nav-menu a:hover::after,
.primary-menu a:hover::after { transform: scaleX(1) !important; }

/* 联系我们按钮 */
.header-cta,
.nav-cta a,
[class*="header"] .btn,
[class*="header"] a.btn {
  padding: 10px 24px !important;
  border: 1px solid var(--gold) !important;
  color: var(--gold) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: all 0.3s !important;
}
.header-cta:hover,
.nav-cta a:hover {
  background: var(--gold) !important;
  color: var(--bg-primary) !important;
}


/* ================================================================
   HERO / 首页首屏
   ================================================================ */
.hero,
.banner,
.home-hero,
[class*="hero"],
.wp-block-cover,
.home .site-content > section:first-child,
.home .wp-block-group:first-child {
  min-height: 100vh !important;
  display: flex !important;
  align-items: center !important;
  position: relative !important;
  overflow: hidden !important;
  padding: 120px 60px 80px !important;
  background: var(--bg-primary) !important;
}

/* 网格底纹 */
.hero::before,
.banner::before,
.wp-block-cover::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background-image:
    linear-gradient(rgba(201,169,110,0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(201,169,110,0.04) 1px, transparent 1px) !important;
  background-size: 80px 80px !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

/* 光晕装饰 */
.hero::after,
.banner::after {
  content: '' !important;
  position: absolute !important;
  width: 600px; height: 600px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(201,169,110,0.08) 0%, transparent 70%) !important;
  top: -200px; right: -200px !important;
  filter: blur(100px) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

/* Hero 内容 */
.hero-content,
.hero-inner,
.banner-content,
.wp-block-cover__inner-container {
  max-width: 1300px !important;
  margin: 0 auto !important;
  width: 100% !important;
  position: relative !important;
  z-index: 1 !important;
}

/* 大标题 */
.hero h1,
.hero .title,
.banner h1,
.wp-block-cover h1,
.home .entry-title,
[class*="hero"] h1,
[class*="hero"] h2 {
  font-family: 'Noto Serif SC', serif !important;
  font-size: clamp(36px, 5vw, 58px) !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  letter-spacing: 2px !important;
  color: var(--text-primary) !important;
  margin-bottom: 12px !important;
}

/* 英文副标题 */
.hero .subtitle,
.hero .en,
.hero em,
.banner em,
.wp-block-cover em,
[class*="hero"] .en {
  font-family: 'Playfair Display', serif !important;
  font-size: clamp(24px, 3vw, 38px) !important;
  font-weight: 400 !important;
  font-style: italic !important;
  background: var(--gradient-gold) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  display: block !important;
  margin-bottom: 28px !important;
}

/* 描述文字 */
.hero p,
.banner p,
.wp-block-cover p {
  font-size: 16px !important;
  color: var(--text-secondary) !important;
  line-height: 1.8 !important;
  font-weight: 300 !important;
  max-width: 540px !important;
  margin-bottom: 40px !important;
}


/* ================================================================
   BUTTONS 按钮
   ================================================================ */
.btn,
.button,
a.btn,
a.button,
.wp-block-button__link,
input[type="submit"],
.cta-button,
[class*="btn"] {
  display: inline-block !important;
  padding: 16px 40px !important;
  background: var(--gradient-gold) !important;
  color: var(--bg-primary) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  border: none !important;
  cursor: pointer !important;
  clip-path: polygon(8px 0%, 100% 0%, calc(100% - 8px) 100%, 0% 100%) !important;
  transition: transform 0.3s, box-shadow 0.3s !important;
  text-decoration: none !important;
  position: relative !important;
  overflow: hidden !important;
}

.btn:hover,
.button:hover,
.wp-block-button__link:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 30px rgba(201,169,110,0.4) !important;
  color: var(--bg-primary) !important;
  text-decoration: none !important;
}

/* 次要按钮 */
.btn-outline,
.button-outline,
.is-style-outline .wp-block-button__link {
  background: transparent !important;
  border: 1px solid var(--gold) !important;
  color: var(--gold) !important;
  clip-path: none !important;
}
.btn-outline:hover,
.is-style-outline .wp-block-button__link:hover {
  background: var(--gold) !important;
  color: var(--bg-primary) !important;
}


/* ================================================================
   SECTION 通用
   ================================================================ */
section,
.wp-block-group,
.entry-content > .wp-block-group,
.page-section {
  padding: 120px 0 !important;
  position: relative !important;
  overflow: hidden !important;
}

/* 奇偶背景交替 */
section:nth-child(even),
.wp-block-group:nth-child(even),
.home .wp-block-group:nth-child(even) {
  background: var(--bg-secondary) !important;
}
section:nth-child(odd),
.wp-block-group:nth-child(odd),
.home .wp-block-group:nth-child(odd) {
  background: var(--bg-primary) !important;
}

/* Section 标题 */
.section-title,
.entry-title,
.page-title,
[class*="section-title"],
.wp-block-heading {
  font-family: 'Noto Serif SC', serif !important;
  font-size: clamp(28px, 4vw, 44px) !important;
  font-weight: 700 !important;
  letter-spacing: 2px !important;
  color: var(--text-primary) !important;
  line-height: 1.2 !important;
  margin-bottom: 12px !important;
}

/* 英文副标题 */
.section-subtitle,
[class*="subtitle"],
.wp-block-heading em,
em[class*="subtitle"] {
  font-family: 'Playfair Display', serif !important;
  font-size: clamp(16px, 2vw, 22px) !important;
  font-weight: 400 !important;
  font-style: italic !important;
  color: var(--gold) !important;
  letter-spacing: 1px !important;
  display: block !important;
  margin-bottom: 16px !important;
}

/* 上眼眉 / 小标签 */
.section-eyebrow,
.eyebrow,
[class*="eyebrow"] {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  margin-bottom: 20px !important;
}
.section-eyebrow::before,
.eyebrow::before {
  content: '' !important;
  display: inline-block !important;
  width: 32px; height: 1px !important;
  background: var(--gradient-gold) !important;
}
.section-eyebrow span,
.eyebrow span,
[class*="eyebrow"] span,
[class*="eyebrow"] .text {
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: 4px !important;
  text-transform: uppercase !important;
  color: var(--gold) !important;
}


/* ================================================================
   SERVICE CARDS 服务卡片
   ================================================================ */
.service-card,
[class*="service-card"],
[class*="card"],
.wp-block-card,
.wp-block-column > .wp-block-group {
  background: var(--bg-card) !important;
  border: 1px solid var(--border) !important;
  padding: 36px 32px !important;
  transition: all 0.4s !important;
  position: relative !important;
  overflow: hidden !important;
}

.service-card::before,
[class*="service-card"]::before,
[class*="card"]::before {
  content: '' !important;
  position: absolute !important;
  left: 0; top: 0; bottom: 0 !important;
  width: 2px !important;
  background: var(--gradient-gold) !important;
  transform: scaleY(0) !important;
  transition: transform 0.4s !important;
  transform-origin: bottom !important;
  z-index: 2 !important;
}

.service-card:hover,
[class*="service-card"]:hover,
[class*="card"]:hover {
  background: var(--bg-secondary) !important;
  border-color: var(--border-hover) !important;
  transform: translateX(8px) !important;
  box-shadow: var(--shadow-gold) !important;
}
.service-card:hover::before,
[class*="service-card"]:hover::before { transform: scaleY(1) !important; }

/* 卡片标题 */
.service-card h3,
[class*="service-card"] h3,
.card h3,
.wp-block-column h3 {
  font-family: 'Noto Serif SC', serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  letter-spacing: 3px !important;
  color: var(--white) !important;
  margin-bottom: 8px !important;
}

/* 卡片英文 */
.service-card .en,
[class*="service-card"] .en,
.card .en {
  font-size: 11px !important;
  color: var(--gold) !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  margin-bottom: 16px !important;
  display: block !important;
}

/* 卡片描述 */
.service-card p,
[class*="service-card"] p,
.card p {
  font-size: 14px !important;
  color: var(--text-secondary) !important;
  line-height: 1.8 !important;
  font-weight: 300 !important;
}


/* ================================================================
   DATA / COUNTER 数据区
   ================================================================ */
.stats,
.counter,
[class*="stats"],
[class*="counter"],
.data-section {
  background: var(--bg-primary) !important;
  position: relative !important;
}

.stats .number,
.counter .number,
[class*="stats"] .num,
[class*="counter"] .num,
.data-number,
.big-number {
  font-family: 'Playfair Display', serif !important;
  font-size: clamp(36px, 5vw, 64px) !important;
  font-weight: 700 !important;
  background: var(--gradient-gold) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  line-height: 1 !important;
  display: block !important;
  margin-bottom: 12px !important;
}

.stats label,
.counter label,
[class*="stats"] .label,
.data-label {
  font-family: 'Noto Serif SC', serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: 3px !important;
  color: var(--text-primary) !important;
  display: block !important;
}


/* ================================================================
   CLIENTS 客户墙
   ================================================================ */
.clients,
[class*="client"],
.client-logo,
[class*="client-logo"] {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--border) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
  color: var(--text-muted) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 2px !important;
  transition: all 0.3s !important;
  min-height: 80px !important;
}
.clients:hover,
.client-logo:hover {
  background: var(--bg-card) !important;
  color: var(--gold) !important;
}


/* ================================================================
   POSTS / ARTICLES 文章卡片
   ================================================================ */
.post,
article,
.blog-post,
[class*="post"],
.wp-block-post {
  background: var(--bg-card) !important;
  border: 1px solid var(--border) !important;
  padding: 36px !important;
  transition: background 0.3s !important;
}
.post:hover,
article:hover { background: var(--bg-secondary) !important; }

.post h2,
.post .entry-title,
article h2,
.wp-block-post-title {
  font-family: 'Noto Serif SC', serif !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  letter-spacing: 1px !important;
  color: var(--text-primary) !important;
  margin-bottom: 12px !important;
}
.post h2 a,
.entry-title a {
  color: var(--text-primary) !important;
  text-decoration: none !important;
  transition: color 0.3s !important;
}
.post h2 a:hover,
.entry-title a:hover { color: var(--gold) !important; }


/* ================================================================
   FOOTER 页脚
   ================================================================ */
.site-footer,
.footer,
[class*="footer"] {
  background: var(--bg-secondary) !important;
  border-top: 1px solid var(--border) !important;
  padding: 80px 60px 40px !important;
  color: var(--text-secondary) !important;
}

/* Footer Logo */
.site-footer .site-title,
.footer .logo,
[class*="footer"] .site-title {
  background: var(--gradient-gold) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  font-family: 'Noto Serif SC', serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  letter-spacing: 6px !important;
}

/* Footer 链接 */
.site-footer a,
.footer a,
[class*="footer"] a {
  color: var(--text-secondary) !important;
  transition: color 0.3s !important;
  font-weight: 300 !important;
  text-decoration: none !important;
}
.site-footer a:hover,
.footer a:hover { color: var(--gold) !important; }

/* Footer 小标题 */
.site-footer h3,
.footer h3,
.footer-col-title,
[class*="footer"] h3 {
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  color: var(--gold) !important;
  margin-bottom: 24px !important;
}

/* Footer 底部 */
.footer-bottom,
.site-info,
[class*="footer-bottom"],
[class*="site-info"] {
  border-top: 1px solid var(--border) !important;
  padding-top: 32px !important;
  margin-top: 60px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  font-size: 12px !important;
  color: var(--text-muted) !important;
  letter-spacing: 1px !important;
}


/* ================================================================
   FORMS 表单
   ================================================================ */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  background: var(--bg-card) !important;
  border: 1px solid var(--border) !important;
  color: var(--text-primary) !important;
  padding: 14px 18px !important;
  font-size: 14px !important;
  border-radius: 0 !important;
  transition: border-color 0.3s !important;
  font-family: inherit !important;
}

input:focus,
textarea:focus,
select:focus {
  border-color: var(--gold) !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(201,169,110,0.15) !important;
}


/* ================================================================
   SCROLLBAR 滚动条
   ================================================================ */
::-webkit-scrollbar { width: 4px !important; }
::-webkit-scrollbar-track { background: var(--bg-primary) !important; }
::-webkit-scrollbar-thumb {
  background: var(--gold-dark) !important;
  border-radius: 2px !important;
}


/* ================================================================
   RESPONSIVE 响应式
   ================================================================ */
@media (max-width: 768px) {
  .site-header,
  .main-header,
  nav.navbar,
  #masthead {
    padding: 0 24px !important;
  }

  section,
  .wp-block-group {
    padding: 80px 24px !important;
  }

  .hero,
  .banner,
  .wp-block-cover {
    padding: 100px 24px 60px !important;
    min-height: auto !important;
  }

  .nav-menu,
  .primary-menu {
    display: none !important;
  }
}

@media (max-width: 480px) {
  .btn,
  .button,
  .wp-block-button__link {
    padding: 14px 28px !important;
    font-size: 12px !important;
  }
}