/*
Theme Name:  Suopu Medical SEO Pro
Theme URI:   https://suopu.com
Author:      Suopu Team
Author URI:  https://suopu.com
Description: 企业级医疗/口腔/医美行业SEO营销主题，模块化首页、强转化设计、适配Google+百度双端SEO
Version:     1.0.0
Requires at least: 6.0
Tested up to:      6.7
Requires PHP:      8.0
License:     Proprietary
Text Domain: suopu
*/

/* =========================================================
   CSS 自定义属性 / Design Tokens
   ========================================================= */
:root {
  --sp-primary:       #1a6fc4;
  --sp-primary-dark:  #145aa0;
  --sp-primary-light: #e8f2fb;
  --sp-secondary:     #00b4b4;
  --sp-accent:        #ff6b35;
  --sp-text:          #2c3e50;
  --sp-text-muted:    #6c757d;
  --sp-border:        #dee2e6;
  --sp-white:         #ffffff;
  --sp-bg-light:      #f8f9fa;
  --sp-bg-section:    #f0f6ff;
  --sp-font:          'PingFang SC', 'Microsoft YaHei', 'Noto Sans SC', sans-serif;
  --sp-radius:        8px;
  --sp-radius-lg:     16px;
  --sp-shadow:        0 4px 20px rgba(0,0,0,.08);
  --sp-shadow-hover:  0 8px 30px rgba(26,111,196,.18);
  --sp-transition:    all .3s ease;
  --sp-header-h:      72px;
}

/* =========================================================
   全局基础样式
   ========================================================= */
*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  font-family: var(--sp-font);
  color: var(--sp-text);
  background: var(--sp-white);
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}

a { color: var(--sp-primary); text-decoration: none; transition: var(--sp-transition); }
a:hover { color: var(--sp-primary-dark); }

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

/* =========================================================
   Suopu 品牌按钮
   ========================================================= */
.btn-sp-primary {
  background: var(--sp-primary);
  color: #fff;
  border: 2px solid var(--sp-primary);
  border-radius: var(--sp-radius);
  padding: .65rem 1.6rem;
  font-weight: 600;
  letter-spacing: .04em;
  transition: var(--sp-transition);
  display: inline-block;
}
.btn-sp-primary:hover {
  background: var(--sp-primary-dark);
  border-color: var(--sp-primary-dark);
  color: #fff;
  transform: translateY(-2px);
  box-shadow: var(--sp-shadow-hover);
}
.btn-sp-outline {
  background: transparent;
  color: var(--sp-primary);
  border: 2px solid var(--sp-primary);
  border-radius: var(--sp-radius);
  padding: .65rem 1.6rem;
  font-weight: 600;
  transition: var(--sp-transition);
  display: inline-block;
}
.btn-sp-outline:hover {
  background: var(--sp-primary);
  color: #fff;
}
.btn-sp-accent {
  background: var(--sp-accent);
  color: #fff;
  border: 2px solid var(--sp-accent);
  border-radius: var(--sp-radius);
  padding: .65rem 1.6rem;
  font-weight: 600;
  transition: var(--sp-transition);
  display: inline-block;
}

/* =========================================================
   通用 Section 样式
   ========================================================= */
.sp-section { padding: 80px 0; }
.sp-section-alt { background: var(--sp-bg-section); }

.sp-section-header { text-align: center; margin-bottom: 50px; }
.sp-section-header .sp-label {
  display: inline-block;
  background: var(--sp-primary-light);
  color: var(--sp-primary);
  font-size: .8rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  padding: .3rem .9rem;
  border-radius: 20px;
  margin-bottom: .8rem;
}
.sp-section-header h2 {
  font-size: clamp(1.6rem, 3vw, 2.4rem);
  font-weight: 700;
  color: var(--sp-text);
  margin-bottom: .6rem;
}
.sp-section-header p {
  color: var(--sp-text-muted);
  max-width: 560px;
  margin: 0 auto;
}

/* =========================================================
   通用卡片
   ========================================================= */
.sp-card {
  border-radius: var(--sp-radius-lg);
  background: var(--sp-white);
  box-shadow: var(--sp-shadow);
  overflow: hidden;
  transition: var(--sp-transition);
}
.sp-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--sp-shadow-hover);
}

/* 懒加载图片占位 */
img[data-src] { background: #eee; }

/* 主体内容偏移（固定导航栏高度） */
.site-main { padding-top: var(--sp-header-h); }
.foot-ad{ background:#2081F6 url(/wp-content/themes/suopu/assets/images/foot-ad.webp) center center no-repeat!important;background-size: cover!important; padding:60px 0!important; }
.foot-ad .foot-ad-title{ font-size:46px; font-weight:bold}
.foot-ad .foot-ad-desc{ font-size:28px; font-weight:bold; color:#fff}
.foot-ad .foot-ad-btn{ display:inline-block; background:#FF2231; border-radius:30px; line-height:55px; font-size:20px; font-weight:bold; color:#fff; padding:0 50px; }
.foot-ad .ad-btn a:hover{ opacity:.9}
.foot-ad:before,.foot-ad:after{ display:none}
.sp-footer-content{ align-items: center;}