@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;700&display=swap');
:root{--wine:#6f0910;--wine-dark:#3e0509;--gold:#e7bd4d;--ink:#181716;--muted:#68635d;--paper:#f7f3ed;--white:#fff;--line:rgba(111,9,16,.14);--shadow:0 24px 60px rgba(38,22,13,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Noto Sans SC",Arial,sans-serif;line-height:1.7}
.site-header{position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:.9rem clamp(1rem,5vw,5rem);background:rgba(255,255,255,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}
.brand{display:flex;align-items:center;gap:.75rem;color:var(--ink);text-decoration:none}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--wine);color:var(--gold);font:800 1.45rem Georgia}.brand strong{display:block;letter-spacing:.12em}.brand small{display:block;color:var(--muted);font-size:.7rem}
.language-switcher{display:flex;gap:.5rem}.lang-btn{display:flex;gap:.45rem;align-items:center;border:1px solid var(--line);background:#fff;padding:.55rem .8rem;border-radius:999px;cursor:pointer}.lang-btn.active{background:var(--wine);color:#fff}
.hero{position:relative;min-height:78vh;display:flex;align-items:center;overflow:hidden}.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(32,6,8,.94),rgba(47,5,9,.72) 42%,rgba(0,0,0,.12));z-index:1}.hero-content{position:relative;z-index:2;width:min(650px,90%);margin-left:clamp(1rem,7vw,7rem);padding:5rem 0;color:#fff}.hero h1{margin:0;color:var(--gold);font:700 clamp(4rem,10vw,8.5rem)/.9 Georgia}.hero-subtitle{font:clamp(1.25rem,2.5vw,2.2rem)/1.3 Georgia}.eyebrow{margin:0 0 .65rem;color:var(--gold);font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.primary-btn{display:inline-flex;margin-top:1rem;padding:.75rem 1.2rem;border-radius:6px;background:var(--gold);color:var(--wine-dark);text-decoration:none;font-weight:700}
.index-strip{display:grid;grid-template-columns:1fr 1.2fr;gap:3rem;align-items:center;padding:3rem clamp(1rem,7vw,7rem);background:var(--wine);color:#fff}.index-strip h2{margin:0;font:clamp(1.8rem,3vw,3rem) Georgia}
.content-section{padding:clamp(4rem,8vw,7rem) clamp(1rem,7vw,7rem)}.content-section.alt{background:#ece5db}.text-card{position:relative;max-width:1100px;margin:auto;background:#fff;padding:clamp(1.5rem,5vw,4rem);box-shadow:var(--shadow);border-top:5px solid var(--wine)}.section-number{position:absolute;right:2rem;top:1rem;color:rgba(111,9,16,.09);font-size:clamp(4rem,10vw,8rem);font-weight:800;line-height:1}.text-card h2{position:relative;max-width:880px;margin:0 0 1.2rem;font:clamp(2rem,4vw,3.8rem)/1.18 Georgia,"Noto Sans SC"}.text-card p{max-width:900px;color:var(--muted)}
.section-image{margin-top:2rem}.section-image img{display:block;width:100%;max-height:720px;object-fit:contain;background:#f2eee8;box-shadow:0 18px 42px rgba(0,0,0,.12)}
.video-block{margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--line)}.video-block video{display:block;width:100%;max-height:650px;background:#111;box-shadow:0 18px 42px rgba(0,0,0,.16)}
.public-empty-state{text-align:center}.public-empty-state p{margin-left:auto;margin-right:auto}
.cta{text-align:center;padding:clamp(5rem,9vw,8rem) 1rem;color:#fff;background:var(--wine-dark)}.cta h2{font:clamp(2rem,4vw,4rem) Georgia}.cta p{max-width:700px;margin:auto}footer{display:flex;justify-content:space-between;padding:1.4rem clamp(1rem,7vw,7rem);background:#1c1111;color:#c9bfb4}footer a{color:#e7bd4d}

@media(max-width:800px){.brand small{display:none}.index-strip{grid-template-columns:1fr}.site-header{padding-inline:.8rem}.text-card{padding-top:4.5rem}}

.js-enabled .lang.en{display:none}
html[lang="en"] .lang.zh{display:none!important}
html[lang="en"] .lang.en{display:block}
html[lang="en"] span.lang.en{display:inline}
html[lang="zh-CN"] .lang.zh{display:block}
html[lang="zh-CN"] span.lang.zh{display:inline}

/* Improved mobile header and hero */
@media (max-width: 800px) {
  .site-header {
    position: sticky;
    top: 0;
    z-index: 100;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: .7rem;
    padding: .7rem .8rem;
    background: rgba(255,255,255,.98);
  }

  .brand {
    min-width: 0;
    gap: .55rem;
  }

  .brand-mark {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    font-size: 1.2rem;
  }

  .brand strong {
    font-size: .95rem;
  }

  .brand small {
    display: none;
  }

  .language-switcher {
    display: flex;
    flex-wrap: nowrap;
    gap: .35rem;
  }

  .lang-btn {
    min-width: 44px;
    min-height: 40px;
    justify-content: center;
    padding: .45rem .55rem;
    border-radius: 10px;
    font-size: .92rem;
  }

  .lang-btn span:first-child {
    font-size: 1.2rem;
    line-height: 1;
  }

  .lang-btn span:last-child {
    display: none;
  }

  .hero {
    min-height: auto;
    display: block;
    background: var(--wine-dark);
  }

  .hero img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    min-height: 0;
    max-height: none;
    object-fit: contain;
    object-position: center top;
    background: #160507;
  }

  .hero-overlay {
    background:
      linear-gradient(
        0deg,
        rgba(31,4,7,.97) 0%,
        rgba(31,4,7,.76) 38%,
        rgba(31,4,7,.12) 68%,
        transparent 100%
      );
  }

  .hero-content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    margin: 0;
    padding: 5rem 1.15rem 1.4rem;
  }

  .hero h1 {
    font-size: clamp(3.2rem, 17vw, 5rem);
    line-height: .9;
  }

  .hero-subtitle {
    margin: .75rem 0 .5rem;
    max-width: 95%;
    font-size: clamp(1.05rem, 5vw, 1.45rem);
    line-height: 1.25;
  }

  .hero-content > p.lang {
    margin: .45rem 0;
    max-width: 95%;
    font-size: .95rem;
    line-height: 1.5;
  }

  .hero .eyebrow {
    font-size: .68rem;
    letter-spacing: .1em;
  }

  .hero .primary-btn {
    min-height: 44px;
    margin-top: .75rem;
    padding: .65rem .95rem;
    font-size: .9rem;
  }

  .index-strip {
    grid-template-columns: 1fr;
    gap: 1rem;
    padding: 2rem 1rem;
  }

  .index-strip h2 {
    font-size: 1.8rem;
  }
}

@media (max-width: 480px) {
  .site-header {
    padding: .55rem .65rem;
  }

  .hero-content {
    padding: 4.5rem .9rem 1rem;
  }

  .hero h1 {
    font-size: clamp(2.9rem, 16vw, 4rem);
  }

  .hero-subtitle {
    font-size: 1rem;
  }

  .hero-content > p.lang {
    font-size: .88rem;
  }

  .hero .primary-btn {
    width: 100%;
    justify-content: center;
  }
}