/* skin-3.css - Beckley Golf Guide */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; }
    body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.75; color: #2A2A28; background: #FAF7F2; -webkit-font-smoothing: antialiased; }
    img, svg { display: block; max-width: 100%; height: auto; }
    a { color: #2A4F38; text-decoration: none; }
    a:hover { color: #1F3D2B; text-decoration: underline; }
    h1, h2, h3, h4 { font-weight: 700; line-height: 1.25; color: #14261B; letter-spacing: -0.015em; }
    h1 { font-size: 28px; margin-bottom: 16px; }
    h2 { font-size: 22px; margin-bottom: 16px; }
    h3 { font-size: 18px; margin-bottom: 12px; }
    p { margin-bottom: 16px; }
    ul { margin-bottom: 16px; padding-left: 24px; }
    .skip-link { position: absolute; top: -60px; left: 16px; background: #1F3D2B; color: #fff; padding: 12px 20px; border-radius: 6px; z-index: 9999; }
    .skip-link:focus { top: 16px; color: #fff; }
    .container { width: 100%; max-width: 1120px; margin: 0 auto; padding: 0 24px; }

    /* 导航 */
    .site-header { position: sticky; top: 0; z-index: 1000; background: rgba(250,247,242,0.95); backdrop-filter: blur(12px); border-bottom: 1px solid #EAE8E2; }
    .site-header-inner { display: flex; align-items: center; justify-content: space-between; height: 68px; gap: 16px; }
    .site-logo { display: inline-flex; align-items: center; gap: 12px; font-weight: 700; font-size: 18px; color: #14261B; text-decoration: none; }
    .site-logo:hover { color: #1F3D2B; text-decoration: none; }
    .site-logo-icon { width: 34px !important; height: 34px !important; flex-shrink: 0; }
    .site-logo-text { display: flex; flex-direction: column; line-height: 1.15; }
    .site-logo-text small { font-size: 10px; font-weight: 500; color: #8B6F3E; letter-spacing: 0.06em; text-transform: uppercase; }
    .main-nav { display: flex; align-items: center; gap: 24px; }
    .main-nav a { font-size: 15px; font-weight: 600; color: #4A4A46; padding: 8px 4px; text-decoration: none; }
    .main-nav a:hover { color: #1F3D2B; text-decoration: none; }
    .hamburger { display: none; flex-direction: column; justify-content: center; gap: 5px; width: 44px; height: 44px; padding: 10px; border: none; background: transparent; cursor: pointer; }
    .hamburger span { display: block; width: 100%; height: 2px; background: #2A2A28; border-radius: 2px; }
    .mobile-nav { display: none; position: fixed; inset: 0; z-index: 999; background: #FAF7F2; flex-direction: column; padding: 48px 24px; overflow-y: auto; }
    .mobile-nav.open { display: flex; }
    .mobile-nav-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; }
    .mobile-nav-close { width: 44px; height: 44px; border: none; background: #EAE8E2; border-radius: 999px; font-size: 22px; cursor: pointer; }
    .mobile-nav-links { display: flex; flex-direction: column; }
    .mobile-nav-links a { display: block; padding: 16px 0; font-size: 18px; font-weight: 600; color: #2A2A28; border-bottom: 1px solid #EAE8E2; text-decoration: none; }
    .mobile-nav-links a:hover { color: #1F3D2B; text-decoration: none; }

    /* Hero */
    .skin-hero { background: linear-gradient(150deg, #14261B 0%, #1F3D2B 55%, #2A4F38 100%); color: #fff; padding: 72px 0 88px; }
    .skin-hero-inner { max-width: 1120px; margin: 0 auto; padding: 0 24px; }
    .skin-hero-badge { display: inline-block; background: rgba(201,169,106,0.16); border: 1px solid rgba(201,169,106,0.45); color: #DFCBA0; padding: 6px 16px; border-radius: 999px; font-size: 13px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; margin-bottom: 22px; }
    .skin-hero h1 { font-size: 46px; line-height: 1.12; color: #fff; margin-bottom: 18px; }
    .skin-hero-subtitle { font-size: 19px; line-height: 1.65; color: rgba(255,255,255,0.82); max-width: 640px; margin-bottom: 30px; }
    .skin-hero-cta { display: flex; flex-wrap: wrap; gap: 14px; }
    .skin-hero-trust { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 32px; font-size: 13px; color: rgba(255,255,255,0.65); }

    /* 按钮 */
    .btn { display: inline-flex; align-items: center; justify-content: center; font-weight: 700; font-size: 16px; padding: 14px 24px; border-radius: 6px; border: 2px solid transparent; text-decoration: none; min-height: 48px; cursor: pointer; transition: all 140ms ease; }
    .btn:hover { text-decoration: none; }
    .btn-cta { background: #1F3D2B; color: #fff; }
    .btn-cta:hover { background: #2A4F38; color: #fff; }
    .btn-gold { background: #C9A96A; color: #1F3D2B; }
    .btn-gold:hover { background: #DFCBA0; color: #1F3D2B; }
    .btn-outline { background: transparent; color: #fff; border-color: rgba(255,255,255,0.5); }
    .btn-outline:hover { background: rgba(255,255,255,0.12); color: #fff; }
    .btn-lg { padding: 16px 32px; font-size: 18px; min-height: 56px; }

    /* 筒仓入口 */
    .skin-hubs { padding: 56px 0 48px; background: #FAF7F2; }
    .skin-hubs-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
    .skin-hub-card { background: #fff; border: 1px solid #EAE8E2; border-radius: 12px; padding: 28px 22px; text-align: center; text-decoration: none; display: block; transition: box-shadow 220ms ease, transform 220ms ease; }
    .skin-hub-card:hover { box-shadow: 0 14px 34px rgba(31,61,43,0.12); transform: translateY(-4px); text-decoration: none; }
    .skin-hub-icon { width: 54px; height: 54px; margin: 0 auto 16px; border-radius: 50%; background: #F2F7F3; display: flex; align-items: center; justify-content: center; font-size: 24px; }
    .skin-hub-card h3 { font-size: 18px; color: #1F3D2B; margin: 0 0 8px; }
    .skin-hub-card p { font-size: 14px; color: #6B6B66; margin: 0; line-height: 1.55; }

    /* 历史叙事 */
    .skin-heritage { background: #1F3D2B; color: #fff; padding: 56px 0; }
    .skin-heritage-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; }
    .skin-heritage h2 { font-size: 30px; color: #fff; margin-bottom: 18px; }
    .skin-heritage p { font-size: 16px; line-height: 1.75; color: rgba(255,255,255,0.78); margin-bottom: 16px; }
    .skin-heritage .btn-gold { background: #C9A96A; color: #1F3D2B; }
    .skin-heritage-visual { max-width: 480px !important; width: 100% !important; margin: 0 auto !important; border-radius: 12px; overflow: hidden; }
    .skin-heritage-visual img { display: block !important; width: 100% !important; max-width: 480px !important; height: auto !important; }

    /* 精选内容 */
    .skin-featured { padding: 56px 0 64px; background: #FAF7F2; }
    .skin-section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 28px; }
    .skin-section-head h2 { font-size: 28px; margin: 0; }
    .skin-section-head a { font-weight: 600; font-size: 15px; color: #1F3D2B; }
    .skin-article-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
    .empty-state { color: #6B6B66; font-size: 15px; }

    /* 信任区 */
    .skin-trust { background: #fff; border-top: 1px solid #EAE8E2; border-bottom: 1px solid #EAE8E2; padding: 48px 0; }
    .skin-trust-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; text-align: center; }
    .skin-trust-item h4 { font-size: 16px; color: #1F3D2B; margin-bottom: 6px; }
    .skin-trust-item p { font-size: 14px; color: #6B6B66; margin: 0; }

    /* 页脚 */
    .site-footer { background: #14261B; color: #E6EFE8; padding: 48px 0 20px; }
    .footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 32px; }
    .footer-brand { font-size: 15px; color: #E6EFE8; line-height: 1.7; }
    .footer-heading { font-size: 14px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #C9A96A; margin-bottom: 16px; }
    .footer-links { list-style: none; padding: 0; margin: 0; }
    .footer-links li { margin-bottom: 8px; }
    .footer-links a { font-size: 14px; color: #DFCBA0; text-decoration: none; }
    .footer-links a:hover { color: #C9A96A; text-decoration: none; }
    .footer-bottom { margin-top: 32px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.12); display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; font-size: 13px; color: rgba(255,255,255,0.55); }

    /* 响应式 */
    @media (max-width: 992px) {
      .skin-hubs-grid, .skin-article-grid, .skin-trust-grid { grid-template-columns: repeat(2, 1fr); }
      .skin-heritage-inner { grid-template-columns: 1fr; gap: 28px; }
      .footer-grid { grid-template-columns: 1fr 1fr; }
    }
    @media (max-width: 767px) {
      .main-nav { display: none; }
      .hamburger { display: flex; }
      .skin-hero { padding: 48px 0 60px; }
      .skin-hero h1 { font-size: 32px; }
      .skin-hero-subtitle { font-size: 17px; }
      .skin-hubs-grid, .skin-article-grid, .skin-trust-grid, .footer-grid { grid-template-columns: 1fr; }
      .skin-section-head { flex-direction: column; align-items: flex-start; }
    }