*{margin:0;padding:0;box-sizing:border-box}
:root{
  --brown:#a0522d;
  --brown-deep:#7a3b1c;
  --sand:#d2b48c;
  --sand-light:#f0e2ce;
  --olive:#6b7a3a;
  --terra:#c0562f;
  --ink:#3b2a1f;
}
html{scroll-behavior:smooth}
body{
  font-family:"Segoe UI","Helvetica Neue",Arial,"Microsoft YaHei","微软雅黑","PingFang SC",sans-serif;
  color:var(--ink);
  background:linear-gradient(180deg,#faf4ea 0%,#f4e8d8 60%,#f0e2ce 100%);
  line-height:1.75;
  font-size:16px;
  -webkit-font-smoothing:antialiased;
}
.container{width:100%;max-width:1120px;margin:0 auto;padding:0 18px}
a{color:var(--brown)}
img{display:block;max-width:100%}

/* Header */
.site-header{
  position:sticky;top:0;z-index:60;
  background:linear-gradient(90deg,#a0522d 0%,#b9773f 55%,#d2b48c 100%);
  box-shadow:0 2px 12px rgba(90,45,20,.24);
}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;flex-wrap:wrap}
.logo{font-weight:700;font-size:19px;color:#fff8ee;text-decoration:none;letter-spacing:.4px;white-space:nowrap}
.logo em{font-style:normal;font-weight:400;font-size:12.5px;opacity:.88;margin-left:7px;letter-spacing:1px}
.nav-links{display:flex;gap:6px;flex-wrap:wrap}
.nav-links a{
  color:#fff8ee;text-decoration:none;font-size:14px;padding:6px 13px;border-radius:999px;
  background:rgba(255,255,255,.14);transition:background .2s ease,transform .2s ease;
}
.nav-links a:hover{background:rgba(255,255,255,.3);transform:translateY(-1px)}

/* Cards */
.card{
  position:relative;
  background:
    repeating-linear-gradient(45deg,rgba(255,255,255,.55) 0 2px,rgba(255,255,255,0) 2px 6px),
    linear-gradient(135deg,#fdf8f0 0%,#f1e3cf 100%);
  border:1px solid rgba(160,82,45,.18);
  border-radius:14px;
  box-shadow:0 6px 16px rgba(160,82,45,.10);
}
.fringe::after{
  content:"";position:absolute;left:16px;right:16px;bottom:7px;height:7px;border-radius:3px;
  background:repeating-linear-gradient(90deg,var(--brown) 0 3px,transparent 3px 9px);
  opacity:.28;pointer-events:none;
}

/* Sections */
.section{padding:34px 0}
.section h2{font-size:24px;color:var(--brown-deep);line-height:1.4;margin-bottom:6px}
.section .sub{color:#8a6b52;font-size:14px;margin-bottom:18px}
.section h2::before{
  content:"";display:inline-block;width:9px;height:9px;border-radius:2px;
  background:var(--olive);margin-right:9px;vertical-align:middle;transform:rotate(45deg);
}

/* Hero */
.hero{padding:34px 0 10px}
.hero-box{display:flex;gap:26px;align-items:center;padding:26px;flex-wrap:wrap}
.hero-text{flex:1 1 380px;min-width:280px}
.hero-text h1{font-size:28px;line-height:1.42;color:var(--brown-deep);margin-bottom:12px}
.hero-text p{font-size:15px;color:#4a3728;margin-bottom:14px}
.hero-badges{display:flex;gap:8px;flex-wrap:wrap}
.badge{
  font-size:12.5px;color:#5d4a2e;background:rgba(107,122,58,.16);
  border:1px solid rgba(107,122,58,.32);padding:3px 11px;border-radius:999px;
}
.hero-figure{flex:0 0 300px;max-width:100%}
.hero-figure img{width:100%;height:210px;object-fit:cover;border-radius:11px;border:1px solid rgba(160,82,45,.22)}

/* GEO */
.geo-box{padding:24px 26px}
.geo-box p{font-size:15px;color:#4a3728;margin-bottom:13px}
.geo-box p:last-child{margin-bottom:0}
.geo-box strong{color:var(--brown-deep)}

/* Media cards */
.media-card{display:flex;gap:18px;align-items:flex-start;padding:16px 16px 24px;margin-bottom:14px}
.media-card img{width:190px;height:126px;object-fit:cover;border-radius:10px;flex:0 0 auto;border:1px solid rgba(160,82,45,.22)}
.media-body h3{font-size:17px;color:var(--brown-deep);margin-bottom:7px;line-height:1.45}
.media-body p{font-size:14.5px;color:#4a3728}
.media-tag{
  display:inline-block;font-size:12px;color:#7a3b1c;background:rgba(210,180,140,.5);
  padding:1px 10px;border-radius:999px;margin-bottom:7px;
}

/* Advantages */
.adv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:13px}
.adv-item{padding:16px 18px 22px}
.adv-item h3{font-size:16px;color:var(--brown-deep);margin-bottom:6px}
.adv-item p{font-size:14px;color:#4a3728}

/* Standings */
.table-wrap{padding:18px 18px 26px;overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:460px}
caption{text-align:left;font-size:13.5px;color:#8a6b52;padding-bottom:10px}
th,td{padding:9px 10px;text-align:left;border-bottom:1px dashed rgba(160,82,45,.25)}
th{color:var(--brown-deep);font-weight:600;background:rgba(210,180,140,.28)}
tbody tr:hover{background:rgba(210,180,140,.18)}
td:last-child,th:last-child{text-align:right}
.table-note{font-size:13px;color:#8a6b52;margin-top:10px}
.table-note a{color:var(--terra);text-decoration:none;font-weight:600}

/* News */
.news-item{padding:16px 18px 22px;margin-bottom:12px}
.news-item h3{font-size:17px;color:var(--brown-deep);margin:8px 0 8px;line-height:1.5}
.news-item p{font-size:14.5px;color:#4a3728;margin-bottom:6px}
.news-item p:last-child{margin-bottom:0}
.news-date{
  display:inline-block;font-size:12.5px;color:#7a3b1c;background:rgba(210,180,140,.55);
  padding:2px 11px;border-radius:999px;letter-spacing:.3px;
}

/* FAQ */
.faq-item{padding:16px 18px 22px;margin-bottom:12px}
.faq-item h3{font-size:16px;color:var(--brown-deep);margin-bottom:8px;line-height:1.5}
.faq-item h3::before{content:"Q";display:inline-block;width:22px;height:22px;line-height:22px;text-align:center;
  background:var(--olive);color:#fff8ee;border-radius:6px;font-size:12.5px;margin-right:8px;vertical-align:2px}
.faq-item p{font-size:14.5px;color:#4a3728}

/* Brand story */
.story-box{display:flex;gap:22px;align-items:center;padding:20px;flex-wrap:wrap}
.story-box img{width:250px;height:160px;object-fit:cover;border-radius:10px;border:1px solid rgba(160,82,45,.22);flex:0 0 auto}
.story-text{flex:1 1 320px;min-width:260px}
.story-text h3{font-size:18px;color:var(--brown-deep);margin-bottom:8px}
.story-text p{font-size:14.5px;color:#4a3728;margin-bottom:8px}

/* CTA */
.cta-box{
  display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  padding:26px;border-radius:16px;
  background:linear-gradient(120deg,#a0522d 0%,#c0562f 58%,#d2b48c 100%);
  box-shadow:0 8px 22px rgba(160,82,45,.28);color:#fff8ee;
}
.cta-box h2{color:#fff8ee;font-size:22px;margin-bottom:6px}
.cta-box h2::before{background:#fff8ee}
.cta-box p{font-size:14.5px;opacity:.95;max-width:620px}
.cta-actions{display:flex;gap:10px;flex-wrap:wrap}
.btn{
  display:inline-block;padding:10px 24px;border-radius:999px;background:#fff8ee;color:#a0522d;
  font-weight:700;text-decoration:none;font-size:14.5px;transition:transform .2s ease;
}
.btn:hover{transform:translateY(-2px)}
.btn.ghost{background:rgba(255,248,238,.18);color:#fff8ee;border:1px solid rgba(255,248,238,.6)}

/* Footer */
footer{background:#3b2a1f;color:#e6d8c6;padding:32px 0 20px;margin-top:36px;font-size:14px}
.footer-grid{display:flex;gap:26px;flex-wrap:wrap;justify-content:space-between}
.footer-col{flex:1 1 260px;min-width:240px}
.footer-col h4{font-size:15px;color:#d2b48c;margin-bottom:10px;letter-spacing:.5px}
.footer-col p{font-size:13.5px;line-height:1.9;color:#cbbba6}
.footer-col a{color:#d2b48c;text-decoration:none}
.footer-col a:hover{text-decoration:underline}
.footer-bottom{
  margin-top:22px;padding-top:14px;border-top:1px dashed rgba(210,180,140,.35);
  font-size:13px;color:#b7a58f;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;
}

@media (max-width:760px){
  .hero-text h1{font-size:22px}
  .hero-figure{flex:1 1 100%}
  .hero-figure img{height:180px}
  .media-card{flex-direction:column}
  .media-card img{width:100%;height:170px}
  .story-box img{width:100%;height:180px}
  .section h2{font-size:20px}
  .cta-box h2{font-size:19px}
}