/* ============================================
   HOMEPAGE V2 — 简约高级视觉升级 + 动效增强
   2026-08-08 测试站先行;上线时同步本文件+homepage-v2.js+functions.php钩子
   ============================================ */

/* ---------- HERO V2 ---------- */
.sd-hero-image {
    background: linear-gradient(rgba(10,10,30,0.55), rgba(10,10,30,0.62)), url(https://www.skyascend.cn/wp-content/uploads/2026/07/home-bg.jpg) center center / cover no-repeat !important;
    animation: sdKenBurns 24s ease-in-out infinite alternate !important;
    overflow: hidden !important;
}
@keyframes sdKenBurns {
    from { background-size: 100% auto; background-position: center center; }
    to   { background-size: 108% auto; background-position: center 35%; }
}
.sd-hero-badge {
    display: inline-block !important;
    padding: 6px 18px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,0.25) !important;
    background: rgba(255,255,255,0.08) !important;
    backdrop-filter: blur(6px) !important;
    color: #cfe8ff !important;
    font-size: 0.85em !important;
    letter-spacing: 1px !important;
    margin-bottom: 18px !important;
}
.sd-hero-actions {
    margin-top: 28px !important;
    display: flex !important;
    gap: 16px !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
}
.sd-btn {
    display: inline-block !important;
    padding: 13px 34px !important;
    border-radius: 999px !important;
    font-weight: 600 !important;
    font-size: 1.02em !important;
    text-decoration: none !important;
    letter-spacing: 0.5px !important;
    transition: all 0.35s cubic-bezier(0.22, 1, 0.36, 1) !important;
}
.sd-btn-primary {
    background: linear-gradient(135deg, #00d4ff, #0a84ff) !important;
    color: #fff !important;
    box-shadow: 0 8px 24px rgba(10, 132, 255, 0.35) !important;
}
.sd-btn-primary:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 14px 34px rgba(10, 132, 255, 0.45) !important;
    color: #fff !important;
}
.sd-btn-ghost {
    background: rgba(255,255,255,0.1) !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,0.4) !important;
    backdrop-filter: blur(4px) !important;
}
.sd-btn-ghost:hover { background: rgba(255,255,255,0.2) !important; color: #fff !important; transform: translateY(-3px) !important; }
.sd-hero-meta { margin-top: 26px !important; font-size: 0.95em !important; color: #aac4e0 !important; }

/* ---------- 数据条 ---------- */
.sd-stats {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    background: linear-gradient(135deg, #101024, #1a1a3e) !important;
    padding: 46px 40px !important;
    max-width: 100% !important;
}
.sd-stat { text-align: center !important; padding: 6px 16px !important; border-right: 1px solid rgba(255,255,255,0.1) !important; }
.sd-stat:last-child { border-right: none !important; }
.sd-stat-num {
    font-size: 2.6em !important;
    font-weight: 700 !important;
    color: #fff !important;
    line-height: 1.2 !important;
    letter-spacing: 1px !important;
}
.sd-stat-text { font-size: 1.35em !important; font-weight: 600 !important; }
.sd-stat-label { margin-top: 10px !important; color: #8fa3c0 !important; font-size: 0.92em !important; }

/* ---------- 业务卡片 V2(简约高级) ---------- */
.sd-service-section { padding: 80px 40px !important; max-width: 1200px !important; margin: 0 auto !important; }
.sd-service-grid.sd-three-col {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 28px !important;
    max-width: 1100px !important;
    margin: 40px auto 0 !important;
}
.sd-service-card {
    background: #fff !important;
    border: 1px solid rgba(0,0,0,0.06) !important;
    border-radius: 20px !important;
    padding: 44px 32px !important;
    text-align: center !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.04) !important;
    position: relative !important;
    overflow: hidden !important;
    transition: transform 0.4s cubic-bezier(0.22,1,0.36,1), box-shadow 0.4s ease !important;
}
.sd-service-card::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important; left: 0 !important;
    width: 100% !important; height: 3px !important;
    background: linear-gradient(90deg, #00d4ff, #0a84ff) !important;
    transform: scaleX(0) !important;
    transform-origin: left !important;
    transition: transform 0.5s cubic-bezier(0.22,1,0.36,1) !important;
}
.sd-service-card:hover::before { transform: scaleX(1) !important; }
.sd-service-card:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 18px 40px rgba(10, 20, 60, 0.12) !important;
}
.sd-card-icon {
    width: 64px !important; height: 64px !important;
    margin: 0 auto 22px !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    font-size: 1.9em !important;
    background: #f3f6fa !important;
    border-radius: 18px !important;
    transition: all 0.4s ease !important;
}
.sd-service-card:hover .sd-card-icon {
    background: rgba(10, 132, 255, 0.08) !important;
    transform: translateY(-6px) !important;
}
.sd-service-card h3 { font-size: 1.35em !important; color: #1a1a2e !important; margin-bottom: 12px !important; transition: color 0.3s !important; }
.sd-service-card p { color: #667 !important; line-height: 1.8 !important; margin-bottom: 22px !important; }
.sd-card-link {
    display: inline-block !important;
    font-weight: 600 !important;
    color: #0a84ff !important;
    text-decoration: none !important;
    border-bottom: 1px solid transparent !important;
    transition: all 0.3s ease !important;
}
.sd-card-link:hover { border-bottom-color: #0a84ff !important; }

/* ---------- 通用 section 标题 ---------- */
.sd-section-title {
    font-size: 2em !important;
    font-weight: 700 !important;
    color: #1a1a2e !important;
    text-align: center !important;
    margin-bottom: 12px !important;
}
.sd-section-sub { text-align: center !important; color: #889 !important; margin-bottom: 40px !important; }

/* ---------- 为什么选择我们 ---------- */
.sd-why { padding: 70px 40px !important; max-width: 1200px !important; margin: 0 auto !important; }
.sd-feat-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 22px !important; margin-top: 30px !important; }
.sd-feat {
    background: #fff !important;
    border: 1px solid rgba(0,0,0,0.06) !important;
    border-radius: 16px !important;
    padding: 26px 24px !important;
    display: flex !important; gap: 16px !important; align-items: flex-start !important;
    transition: all 0.35s ease !important;
}
.sd-feat:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 30px rgba(10,20,60,0.08) !important;
    border-color: rgba(10,132,255,0.2) !important;
}
.sd-feat-ico {
    font-size: 1.5em !important; flex-shrink: 0 !important;
    width: 46px !important; height: 46px !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    background: #f3f6fa !important; border-radius: 12px !important;
}
.sd-feat h3 { font-size: 1.05em !important; color: #1a1a2e !important; margin-bottom: 6px !important; }
.sd-feat p { color: #778 !important; font-size: 0.92em !important; line-height: 1.7 !important; margin: 0 !important; }

/* ---------- 课程体系 ---------- */
.sd-course { padding: 70px 40px !important; max-width: 1200px !important; margin: 0 auto !important; }
.sd-course-grid { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 22px !important; margin-top: 30px !important; }
.sd-course-card {
    background: linear-gradient(160deg, #ffffff, #f8fafc) !important;
    border: 1px solid rgba(0,0,0,0.06) !important;
    border-radius: 18px !important;
    padding: 30px 24px !important;
    transition: all 0.35s ease !important;
}
.sd-course-card:hover { transform: translateY(-6px) !important; box-shadow: 0 16px 36px rgba(10,20,60,0.1) !important; }
.sd-course-card .sd-card-icon { width: 54px !important; height: 54px !important; font-size: 1.5em !important; border-radius: 14px !important; }
.sd-course-card h3 { font-size: 1.12em !important; color: #1a1a2e !important; margin: 16px 0 8px !important; }
.sd-course-card p { color: #778 !important; font-size: 0.9em !important; line-height: 1.7 !important; margin: 0 !important; }

/* ---------- 服务流程 ---------- */
.sd-process { padding: 70px 40px !important; background: #f6f8fb !important; max-width: 100% !important; }
.sd-process-inner { max-width: 1100px !important; margin: 0 auto !important; }
.sd-process-steps { display: grid !important; grid-template-columns: repeat(5, 1fr) !important; gap: 18px !important; margin-top: 36px !important; }
.sd-step { text-align: center !important; position: relative !important; padding: 0 8px !important; }
.sd-step-num {
    width: 52px !important; height: 52px !important;
    margin: 0 auto 16px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #00d4ff, #0a84ff) !important;
    color: #fff !important;
    font-weight: 700 !important; font-size: 1.15em !important;
    display: flex !important; align-items: center !important; justify-content: center !important;
    box-shadow: 0 8px 20px rgba(10,132,255,0.3) !important;
    position: relative !important; z-index: 2 !important;
}
.sd-step::after {
    content: "" !important;
    position: absolute !important;
    top: 26px !important; left: calc(50% + 34px) !important;
    width: calc(100% - 68px) !important;
    height: 2px !important;
    background: linear-gradient(90deg, rgba(10,132,255,0.35), rgba(10,132,255,0.08)) !important;
    z-index: 1 !important;
}
.sd-step:last-child::after { display: none !important; }
.sd-step h3 { font-size: 1.02em !important; color: #1a1a2e !important; margin-bottom: 6px !important; }
.sd-step p { color: #889 !important; font-size: 0.88em !important; margin: 0 !important; line-height: 1.6 !important; }

/* ---------- 行业资讯 ---------- */
.sd-news { padding: 70px 40px !important; max-width: 1200px !important; margin: 0 auto !important; }
.sd-news-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 24px !important; margin-top: 30px !important; }
.sd-news-card {
    background: #fff !important;
    border: 1px solid rgba(0,0,0,0.06) !important;
    border-radius: 16px !important;
    padding: 26px !important;
    display: block !important;
    text-decoration: none !important;
    transition: all 0.35s ease !important;
}
.sd-news-card:hover { transform: translateY(-5px) !important; box-shadow: 0 14px 34px rgba(10,20,60,0.1) !important; }
.sd-news-date { color: #9aa !important; font-size: 0.82em !important; }
.sd-news-card h3 { font-size: 1.05em !important; color: #1a1a2e !important; margin: 10px 0 8px !important; line-height: 1.6 !important; transition: color 0.3s !important; }
.sd-news-card:hover h3 { color: #0a84ff !important; }
.sd-news-card p { color: #778 !important; font-size: 0.9em !important; line-height: 1.7 !important; margin: 0 !important; }

/* ---------- FAQ ---------- */
.sd-faq { padding: 70px 40px !important; background: #f6f8fb !important; max-width: 100% !important; }
.sd-faq-inner { max-width: 860px !important; margin: 0 auto !important; }
.sd-faq details {
    background: #fff !important;
    border: 1px solid rgba(0,0,0,0.06) !important;
    border-radius: 14px !important;
    margin-bottom: 14px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
}
.sd-faq details[open] { box-shadow: 0 10px 26px rgba(10,20,60,0.08) !important; border-color: rgba(10,132,255,0.25) !important; }
.sd-faq summary {
    cursor: pointer !important;
    padding: 18px 24px !important;
    font-weight: 600 !important;
    color: #1a1a2e !important;
    font-size: 1.02em !important;
    list-style: none !important;
    display: flex !important; justify-content: space-between !important; align-items: center !important;
}
.sd-faq summary::-webkit-details-marker { display: none !important; }
.sd-faq summary::after { content: "+" !important; font-size: 1.4em !important; color: #0a84ff !important; transition: transform 0.3s !important; }
.sd-faq details[open] summary::after { transform: rotate(45deg) !important; }
.sd-faq details p { padding: 0 24px 20px !important; color: #667 !important; line-height: 1.8 !important; margin: 0 !important; }

/* ---------- 联系栏增强 ---------- */
.sd-contact-bar-actions { margin-top: 22px !important; display: flex !important; gap: 14px !important; justify-content: center !important; flex-wrap: wrap !important; }
.sd-bg-dark .sd-btn-primary { background: linear-gradient(135deg, #00d4ff, #0a84ff) !important; }
.sd-bg-dark .sd-btn-ghost { border-color: rgba(255,255,255,0.4) !important; }

/* ---------- 入场动画(JS 加 .sd-in) ---------- */
.sd-reveal {
    opacity: 0 !important;
    transform: translateY(34px) !important;
    transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.22, 1, 0.36, 1) !important;
    will-change: opacity, transform !important;
}
.sd-reveal.sd-in { opacity: 1 !important; transform: translateY(0) !important; }
.sd-reveal-delay-1 { transition-delay: 0.1s !important; }
.sd-reveal-delay-2 { transition-delay: 0.2s !important; }
.sd-reveal-delay-3 { transition-delay: 0.3s !important; }

/* ---------- 移动端 ---------- */
@media (max-width: 900px) {
    .sd-stats { grid-template-columns: repeat(2, 1fr) !important; gap: 26px 0 !important; padding: 36px 20px !important; }
    .sd-stat:nth-child(2) { border-right: none !important; }
    .sd-service-grid.sd-three-col, .sd-feat-grid, .sd-course-grid, .sd-news-grid { grid-template-columns: 1fr !important; }
    .sd-process-steps { grid-template-columns: 1fr !important; gap: 26px !important; }
    .sd-step::after { display: none !important; }
    .sd-hero-badge { font-size: 0.75em !important; }
    .sd-stat-num { font-size: 2em !important; }
    .sd-hero-actions { gap: 12px !important; }
    .sd-btn { padding: 11px 26px !important; }
}
@media (prefers-reduced-motion: reduce) {
    .sd-reveal { opacity: 1 !important; transform: none !important; }
    .sd-hero-image { animation: none !important; }
}

/* ============================================
   BLOG ARCHIVE V2 — 文章列表卡片化排版(2026-08-08)
   仅作用于 blog 归档页(body.blog)
   ============================================ */
body.blog .page-header {
    text-align: center !important;
    padding: 50px 20px 6px !important;
}
body.blog .page-header .entry-title {
    font-size: 2em !important;
    font-weight: 700 !important;
    color: #1a1a2e !important;
    margin: 0 !important;
}
body.blog .page-header::after {
    content: "无人机行业动态 · CAAC考证指南 · FPV竞速资讯" !important;
    display: block !important;
    margin-top: 10px !important;
    color: #889 !important;
    font-size: 1em !important;
}

body.blog .page-content {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 24px !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 24px 40px 50px !important;
}
body.blog article.post {
    background: #fff !important;
    border: 1px solid rgba(0,0,0,0.06) !important;
    border-radius: 18px !important;
    padding: 28px 26px !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.04) !important;
    transition: all 0.35s ease !important;
}
body.blog article.post:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 16px 38px rgba(10,20,60,0.1) !important;
}
body.blog article.post .entry-title {
    font-size: 1.08em !important;
    line-height: 1.65 !important;
    margin: 0 0 12px !important;
}
body.blog article.post .entry-title a {
    color: #1a1a2e !important;
    text-decoration: none !important;
    transition: color 0.3s !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
body.blog article.post .entry-title a:hover { color: #0a84ff !important; }
body.blog article.post p {
    color: #778 !important;
    font-size: 0.92em !important;
    line-height: 1.75 !important;
    margin: 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

body.blog nav.pagination {
    text-align: center !important;
    padding: 10px 0 50px !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
}
body.blog nav.pagination a {
    display: inline-block !important;
    padding: 9px 22px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(0,0,0,0.1) !important;
    color: #1a1a2e !important;
    text-decoration: none !important;
    transition: all 0.3s !important;
}
body.blog nav.pagination a:hover {
    background: rgba(10,132,255,0.08) !important;
    border-color: rgba(10,132,255,0.3) !important;
    color: #0a84ff !important;
}

@media (max-width: 900px) {
    body.blog .page-content { grid-template-columns: 1fr !important; padding: 18px 16px 40px !important; }
    body.blog .page-header { padding: 36px 16px 6px !important; }
    body.blog .page-header .entry-title { font-size: 1.5em !important; }
}


/* ===== FPV PAGE IMAGES (2026-08-08) ===== */
.sd-card-img {
    width: 100% !important;
    height: 170px !important;
    object-fit: cover !important;
    border-radius: 12px !important;
    margin: 0 0 18px !important;
    display: block !important;
}
.sd-banner-img {
    width: 100% !important;
    max-height: 380px !important;
    object-fit: cover !important;
    border-radius: 16px !important;
    margin: 26px auto 0 !important;
    display: block !important;
    box-shadow: 0 10px 30px rgba(10,20,60,0.08) !important;
}

/* ===== FPV SPLIT LAYOUT (2026-08-08) ===== */
.sd-split {
    display: flex !important;
    align-items: center !important;
    gap: 44px !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
}
.sd-split-right-img { flex-direction: row !important; }
.sd-split-left-img { flex-direction: row-reverse !important; }
.sd-split-text { flex: 1.15 !important; text-align: left !important; }
.sd-split-text h2.sd-section-title,
.sd-split-text .sd-section-title {
    text-align: left !important;
    margin-bottom: 14px !important;
}
.sd-split-text .sd-section-sub { text-align: left !important; margin-bottom: 14px !important; }
.sd-split-text p { color: #556 !important; line-height: 1.9 !important; }
.sd-split-img { flex: 1 !important; }
.sd-split-img img {
    width: 100% !important;
    max-height: 330px !important;
    object-fit: cover !important;
    border-radius: 18px !important;
    box-shadow: 0 12px 32px rgba(10,20,60,0.1) !important;
    display: block !important;
    margin: 0 !important;
}
@media (max-width: 900px) {
    .sd-split { flex-direction: column !important; gap: 22px !important; }
    .sd-split-img img { max-height: 260px !important; }
}

/* ===== BANNER IMG CENTERED (2026-08-08) ===== */
.sd-banner-img-center {
    max-width: 680px !important;
    width: 680px !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    margin: 26px auto 0 !important;
    display: block !important;
}


/* ===== SERVICE GRID 3-COL (2026-08-08) ===== */
.sd-svc-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 24px !important;
    margin-top: 30px !important;
    max-width: 1100px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
@media (max-width: 900px) {
    .sd-svc-grid { grid-template-columns: 1fr !important; }
}