*{margin:0;padding:0;box-sizing:border-box;}
:root{
--cream:#fffbeb;
--gold:#d4af37;
--coffee:#451a03;
--gold-soft:rgba(212,175,55,.42);
--card:#fffdf6;
}
html{scroll-behavior:smooth;}
body{
font-family:"Segoe UI","Helvetica Neue",Arial,"Microsoft YaHei","微软雅黑","PingFang SC",sans-serif;
background:var(--cream);
color:var(--coffee);
line-height:1.85;
font-size:16px;
}
img{max-width:100%;display:block;}
a{color:var(--coffee);text-decoration:none;}
h1,h2,h3,h4{font-family:"Segoe UI","Helvetica Neue",Arial,"Microsoft YaHei","微软雅黑","PingFang SC",sans-serif;font-weight:700;line-height:1.4;}
.container{width:92%;max-width:1180px;margin:0 auto;}

/* 顶部导航 */
.site-header{
position:sticky;top:0;z-index:50;
background:linear-gradient(90deg,#fffbeb 0%,#fdf6e3 50%,#fffbeb 100%);
border-bottom:1px solid var(--gold-soft);
box-shadow:0 2px 14px rgba(69,26,3,.06);
}
.header-inner{
display:flex;align-items:center;justify-content:space-between;
flex-wrap:wrap;gap:14px;padding:14px 0;
}
.brand-logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;letter-spacing:1px;color:var(--coffee);}
.brand-logo img{width:38px;height:38px;border-radius:8px;border:1px solid var(--gold-soft);}
.brand-logo span{color:var(--gold);}
.nav-links{display:flex;flex-wrap:wrap;gap:6px;align-items:center;}
.nav-links a{
padding:7px 15px;border-radius:22px;font-size:14.5px;
border:1px solid transparent;transition:.25s;
}
.nav-links a:hover{
border-color:var(--gold);
background:#fff8e1;
color:#8a6a12;
}

/* 首屏 */
.hero-section{
padding:58px 0 48px;
background:
radial-gradient(circle at 12% 18%,rgba(212,175,55,.13),transparent 55%),
radial-gradient(circle at 88% 76%,rgba(212,175,55,.10),transparent 55%);
border-bottom:1px solid var(--gold-soft);
}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:42px;align-items:center;}
.hero-tag{
display:inline-block;padding:5px 16px;border:1px solid var(--gold);
border-radius:20px;font-size:13px;color:#8a6a12;letter-spacing:1px;margin-bottom:18px;
background:#fffaf0;
}
h1{font-size:32px;letter-spacing:.5px;margin-bottom:18px;color:var(--coffee);}
h1 em{color:var(--gold);font-style:normal;}
.hero-text{font-size:16px;color:#5b3a1e;margin-bottom:22px;}
.hero-btns{display:flex;flex-wrap:wrap;gap:14px;}
.btn-gold{
display:inline-block;padding:11px 28px;border-radius:26px;
background:linear-gradient(135deg,#e3c25c,#d4af37);
color:#3a1502;font-weight:700;font-size:15px;
border:1px solid #b99426;box-shadow:0 6px 16px rgba(212,175,55,.28);
transition:.25s;
}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(212,175,55,.4);}
.btn-line{
display:inline-block;padding:11px 28px;border-radius:26px;
border:1px solid var(--gold);color:#7a5a10;font-size:15px;font-weight:600;
background:#fffbeb;transition:.25s;
}
.btn-line:hover{background:#fff5d6;}
.hero-visual{
border:1px solid var(--gold-soft);border-radius:16px;padding:12px;
background:var(--card);box-shadow:0 12px 34px rgba(69,26,3,.09);
}
.hero-visual img{border-radius:10px;}

/* 通用区块 */
.section{padding:56px 0;}
.section-alt{background:linear-gradient(180deg,#fffbeb 0%,#fdf7e6 100%);border-top:1px solid var(--gold-soft);border-bottom:1px solid var(--gold-soft);}
.section-head{text-align:center;margin-bottom:38px;}
.section-head h2{font-size:25px;display:inline-block;padding-bottom:10px;position:relative;}
.section-head h2::after{
content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);
width:64px;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);
}
.section-head p{margin-top:12px;color:#6b4a2b;font-size:15px;}

.card{
background:var(--card);
border:1px solid var(--gold-soft);
border-radius:14px;
padding:26px 24px;
box-shadow:0 6px 20px rgba(69,26,3,.05);
transition:.28s;
}
.card:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(212,175,55,.20);border-color:var(--gold);}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;}

.geo-block{
background:var(--card);border:1px solid var(--gold-soft);border-radius:16px;
padding:32px 30px;font-size:16px;color:#5b3a1e;
box-shadow:0 8px 26px rgba(69,26,3,.06);
border-left:4px solid var(--gold);
}
.geo-block p+p{margin-top:14px;}

.stat-item{
text-align:center;border:1px solid var(--gold-soft);border-radius:14px;
padding:26px 14px;background:var(--card);
}
.stat-item .num{font-size:30px;font-weight:800;color:var(--gold);letter-spacing:1px;}
.stat-item .label{font-size:14.5px;color:#6b4a2b;margin-top:6px;}

.timeline-list{position:relative;padding-left:26px;}
.timeline-list::before{
content:"";position:absolute;left:6px;top:6px;bottom:6px;width:2px;
background:linear-gradient(180deg,var(--gold),rgba(212,175,55,.15));
}
.tl-item{position:relative;margin-bottom:22px;padding:16px 20px;border:1px solid var(--gold-soft);border-radius:12px;background:var(--card);}
.tl-item::before{
content:"";position:absolute;left:-26px;top:24px;width:12px;height:12px;border-radius:50%;
background:var(--gold);border:2px solid #fffbeb;box-shadow:0 0 0 2px rgba(212,175,55,.4);
}
.tl-item h4{font-size:16.5px;color:#7a5a10;margin-bottom:6px;}
.tl-item p{font-size:14.6px;color:#5b3a1e;}

.news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;}
.news-card{
background:var(--card);border:1px solid var(--gold-soft);border-radius:14px;
padding:22px 22px 20px;transition:.28s;
}
.news-card:hover{border-color:var(--gold);box-shadow:0 12px 28px rgba(212,175,55,.18);transform:translateY(-3px);}
.news-card .date{
display:inline-block;font-size:12.8px;color:#8a6a12;border:1px dashed var(--gold-soft);
border-radius:14px;padding:2px 12px;margin-bottom:10px;
}
.news-card h3{font-size:17px;margin-bottom:9px;color:var(--coffee);}
.news-card p{font-size:14.6px;color:#5b3a1e;}

.rank-list{list-style:none;}
.rank-list li{
display:flex;align-items:center;gap:14px;
padding:14px 18px;border:1px solid var(--gold-soft);border-radius:12px;
background:var(--card);margin-bottom:12px;font-size:15px;
}
.rank-list .rk{
width:28px;height:28px;border-radius:50%;flex:0 0 28px;
display:flex;align-items:center;justify-content:center;
background:linear-gradient(135deg,#e3c25c,#d4af37);color:#3a1502;font-weight:700;font-size:13.5px;
}

.faq-item{
border:1px solid var(--gold-soft);border-radius:12px;background:var(--card);
padding:20px 22px;margin-bottom:16px;
}
.faq-item h3{font-size:16.5px;color:#7a5a10;margin-bottom:10px;}
.faq-item p{font-size:14.8px;color:#5b3a1e;}

.cta-box{
border:1px solid var(--gold);border-radius:18px;
background:linear-gradient(135deg,#fffdf6,#fdf3d9);
padding:40px 30px;text-align:center;box-shadow:0 12px 34px rgba(212,175,55,.18);
}
.cta-box h2{font-size:24px;margin-bottom:14px;}
.cta-box p{color:#6b4a2b;margin-bottom:22px;}

.partner-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;}
.partner-grid span{
display:block;text-align:center;padding:16px 8px;font-size:14px;
border:1px solid var(--gold-soft);border-radius:12px;background:var(--card);color:#6b4a2b;
}

.site-footer{
background:linear-gradient(180deg,#3d1703,#2b0f02);
color:#f3e3c4;padding:42px 0 26px;font-size:14.6px;
border-top:3px solid var(--gold);
}
.site-footer .footer-inner{width:92%;max-width:1180px;margin:0 auto;text-align:center;}
.site-footer p{margin-bottom:9px;}
.site-footer a{color:var(--gold);}
.site-footer a:hover{text-decoration:underline;}
.footer-links{margin:14px 0 6px;}
.copyright{color:#c9a96a;font-size:13.6px;}

@media(max-width:900px){
.hero-grid{grid-template-columns:1fr;}
.grid-4{grid-template-columns:repeat(2,1fr);}
.grid-3{grid-template-columns:1fr;}
.news-grid{grid-template-columns:1fr;}
.partner-grid{grid-template-columns:repeat(3,1fr);}
h1{font-size:25px;}
}
@media(max-width:560px){
.grid-4{grid-template-columns:1fr;}
.partner-grid{grid-template-columns:repeat(2,1fr);}
.nav-links a{padding:6px 11px;font-size:13.5px;}
}