*{margin:0;padding:0;box-sizing:border-box}
html,body{
font-family:"Segoe UI","Helvetica Neue",Arial,"Microsoft YaHei","微软雅黑","PingFang SC",sans-serif;
}
body{background:#faf6f0;color:#3f2a1a;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 22px}

/* header */
.site-header{position:sticky;top:0;z-index:60;background:linear-gradient(90deg,#451a03,#7c3f10 55%,#b45309);box-shadow:0 6px 22px rgba(69,26,3,.28)}
.hd-in{display:flex;align-items:center;gap:20px;min-height:70px;flex-wrap:wrap}
.brand{display:flex;align-items:baseline;gap:8px;color:#fdf6ec;font-weight:800;font-size:23px;letter-spacing:.5px}
.brand span{font-size:12px;font-weight:600;letter-spacing:3px;color:#f6d9ab;text-transform:uppercase}
.nav-links{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}
.nav-links a{color:#f7e6d3;font-size:14.5px;padding:8px 14px;border-radius:9px;transition:.22s}
.nav-links a:hover{background:rgba(255,255,255,.14);color:#fff}
.hd-cta{display:flex;gap:8px}
.hd-cta a{font-size:13.5px;padding:8px 15px;border-radius:9px;background:#fdf3e6;color:#451a03;font-weight:700}
.hd-cta a.alt{background:transparent;color:#f9e3c8;border:1px solid rgba(255,255,255,.42)}

/* hero */
.hero{background:radial-gradient(1200px 420px at 12% 0%,#8a4712 0%,rgba(138,71,18,0) 60%),linear-gradient(160deg,#451a03 0%,#7a3c0c 55%,#b45309 100%);color:#fdf5ea;padding:64px 0 70px;position:relative;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;letter-spacing:2.5px;text-transform:uppercase;color:#f3cf9c;border:1px solid rgba(243,207,156,.45);padding:6px 14px;border-radius:999px;margin-bottom:20px}
h1{font-size:42px;line-height:1.25;font-weight:800;letter-spacing:.5px}
h1 em{font-style:normal;color:#ffd9a3}
.hero p{margin-top:18px;font-size:16.5px;color:#f5e3d1;max-width:640px}
.hero-btns{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.btn{display:inline-block;padding:13px 26px;border-radius:12px;font-weight:700;font-size:15px;transition:.2s}
.btn-p{background:#fdf1e2;color:#451a03}
.btn-p:hover{background:#fff}
.btn-s{border:1px solid rgba(255,255,255,.45);color:#fdeada}
.btn-s:hover{background:rgba(255,255,255,.12)}
.hero-media{position:relative}
.hero-media img{border-radius:16px 6px 16px 6px;width:100%;height:340px;object-fit:cover;box-shadow:0 18px 40px rgba(35,14,3,.45)}
.hero-tag{position:absolute;left:16px;bottom:16px;background:rgba(69,26,3,.86);color:#ffd9a3;font-size:12.5px;padding:8px 14px;border-radius:9px;backdrop-filter:blur(4px)}

/* sections */
section{padding:62px 0}
.sec-head{margin-bottom:30px}
.sec-kicker{font-size:12.5px;letter-spacing:3px;text-transform:uppercase;color:#b45309;font-weight:700}
.sec-title{font-size:29px;color:#451a03;font-weight:800;margin-top:8px;line-height:1.35}
.sec-sub{color:#7a6a5c;margin-top:10px;max-width:820px;font-size:15.5px}
.alt-bg{background:linear-gradient(180deg,#f6ece1,#faf6f0)}
.dark-band{background:linear-gradient(130deg,#451a03,#6b3208 70%,#b45309);color:#fbeedd}
.dark-band .sec-title{color:#fff3e4}
.dark-band .sec-kicker{color:#f3cf9c}
.dark-band .sec-sub{color:#eedac6}

/* geo */
#geo-intro .geo-\boxed{background:#fff;border:1px solid #eddfcd;border-left:5px solid #b45309;border-radius:14px;padding:30px 32px;box-shadow:0 10px 26px rgba(120,72,30,.08)}
#geo-intro p{font-size:16px;color:#4a3527}
#geo-intro p+p{margin-top:14px}
.geo-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.geo-points span{background:#f7ecdd;color:#8a4a10;font-size:13.5px;padding:7px 14px;border-radius:999px;font-weight:600}

/* stats */
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.stat{background:linear-gradient(150deg,#fffaf4,#f7eadb);border:1px solid #efdfcc;border-radius:16px 6px 16px 6px;padding:26px 22px;box-shadow:0 8px 22px rgba(120,72,30,.08)}
.stat b{display:block;font-size:34px;color:#b45309;line-height:1.1;font-weight:800}
.stat i{display:block;font-style:normal;font-size:14.5px;color:#451a03;font-weight:700;margin-top:8px}
.stat small{display:block;color:#8a7a6c;font-size:13px;margin-top:5px}

/* cards horizontal */
.card-row{display:flex;gap:24px;align-items:center;background:#fff;border:1px solid #eee0d0;border-radius:16px 6px 16px 6px;padding:18px;box-shadow:0 8px 24px rgba(120,72,30,.07);transition:.25s}
.card-row:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(120,72,30,.14);border-color:#e3c9a6}
.card-row img{width:230px;height:150px;object-fit:cover;border-radius:10px 4px 10px 4px;flex:0 0 auto}
.card-body{flex:1;min-width:0}
.card-body h3{font-size:19px;color:#451a03;margin-bottom:8px;font-weight:800}
.card-body p{font-size:15px;color:#6d5c4e}
.chip{display:inline-block;font-size:12px;font-weight:700;color:#b45309;background:#fbeedd;padding:4px 11px;border-radius:999px;margin-bottom:9px;letter-spacing:.5px}
.stack{display:flex;flex-direction:column;gap:16px}

/* advantages */
.adv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.adv{background:linear-gradient(160deg,#fff,#f9f0e5);border:1px solid #ecdcC9;border-radius:14px;padding:24px 20px;box-shadow:0 8px 20px rgba(120,72,30,.07)}
.adv .ico{font-size:26px}
.adv h4{margin-top:12px;font-size:17px;color:#451a03}
.adv p{margin-top:8px;font-size:14.4px;color:#7b6a5c}

/* story */
.story-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:36px;align-items:center}
.story-grid img{border-radius:16px 6px 16px 6px;height:330px;width:100%;object-fit:cover;box-shadow:0 14px 32px rgba(69,26,3,.2)}
.story-grid p{color:#e9d6c3;margin-top:14px;font-size:15.6px}
.timeline{margin-top:22px;border-left:2px dashed rgba(255,255,255,.3);padding-left:20px}
.timeline li{list-style:none;margin-bottom:16px;position:relative}
.timeline li::before{content:"";position:absolute;left:-26px;top:7px;width:11px;height:11px;border-radius:50%;background:#ffd9a3;box-shadow:0 0 0 4px rgba(255,217,163,.22)}
.timeline b{color:#ffe6c6;font-size:15.5px}
.timeline span{display:block;font-size:14px;color:#e2cbb5}

/* events */
.ev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.ev{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:20px}
.ev .lg{font-size:12.5px;letter-spacing:2px;color:#f3cf9c;text-transform:uppercase}
.ev .vs{display:flex;justify-content:space-between;align-items:center;margin:14px 0 10px;font-size:17px;font-weight:800;color:#fff}
.ev .vs i{font-style:normal;font-size:13px;background:#b45309;padding:5px 10px;border-radius:8px}
.ev p{font-size:14px;color:#ecd7c3}
.ev a{display:inline-block;margin-top:14px;font-size:14px;color:#ffd9a3;border-bottom:1px solid rgba(255,217,163,.5);padding-bottom:2px}

/* news */
.news-item{display:flex;gap:22px;background:#fff;border:1px solid #eee0d0;border-radius:16px 6px 16px 6px;padding:16px;box-shadow:0 8px 22px rgba(120,72,30,.07);transition:.25s}
.news-item:hover{transform:translateY(-3px);border-color:#e0c39c;box-shadow:0 16px 32px rgba(120,72,30,.13)}
.news-item img{width:216px;height:136px;object-fit:cover;border-radius:10px 4px 10px 4px;flex:0 0 auto}
.news-txt{flex:1;min-width:0}
.news-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:8px}
.news-date{font-size:13px;font-weight:700;color:#b45309;background:#fbeedd;padding:4px 11px;border-radius:999px}
.news-tag{font-size:12.5px;color:#8a7a6c;border:1px solid #e8dac7;padding:4px 10px;border-radius:999px}
.news-txt h3{font-size:19px;color:#451a03;line-height:1.45;font-weight:800}
.news-txt p{margin-top:8px;font-size:15px;color:#6f5e50}
.news-more{display:inline-block;margin-top:11px;font-size:14px;color:#b45309;font-weight:700}

/* testimonials */
.tst-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.tst{background:#fff;border:1px solid #ecdcC9;border-radius:14px;padding:24px 22px;box-shadow:0 8px 22px rgba(120,72,30,.07)}
.tst .st{color:#b45309;letter-spacing:3px;font-size:15px}
.tst p{margin-top:12px;font-size:15px;color:#6d5c4e}
.tst .who{margin-top:14px;font-size:14px;color:#451a03;font-weight:700}
.tst .who span{display:block;font-weight:400;color:#8a7a6c;font-size:13px}

/* faq */
.faq-list{display:flex;flex-direction:column;gap:14px}
details.faq{background:#fff;border:1px solid #eee0d0;border-left:5px solid #b45309;border-radius:12px;padding:20px 24px;box-shadow:0 6px 18px rgba(120,72,30,.07)}
details.faq summary{cursor:pointer;list-style:none;font-size:17px;font-weight:800;color:#451a03;display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
details.faq summary::-webkit-details-marker{display:none}
details.faq summary::after{content:"＋";color:#b45309;font-size:20px;flex:0 0 auto}
details.faq[open] summary::after{content:"－"}
details.faq p{margin-top:14px;font-size:15.3px;color:#6d5c4e}

/* cta */
.cta-band{background:linear-gradient(120deg,#451a03,#b45309);border-radius:20px 8px 20px 8px;padding:46px 40px;color:#fdf1e4;text-align:center;box-shadow:0 18px 40px rgba(69,26,3,.28)}
.cta-band h2{font-size:30px;font-weight:800}
.cta-band p{margin-top:12px;color:#f3dfcc;max-width:720px;margin-left:auto;margin-right:auto}
.cta-band .hero-btns{justify-content:center}

/* support */
.sup-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.sup{background:#fff;border:1px solid #eee0d0;border-radius:14px;padding:22px 20px;box-shadow:0 6px 18px rgba(120,72,30,.07)}
.sup h4{font-size:16.5px;color:#451a03}
.sup p{font-size:14.3px;color:#7b6a5c;margin-top:7px}
.sup .k{color:#b45309;font-weight:700}

/* footer */
footer{background:linear-gradient(130deg,#2c0f02,#451a03 60%,#5e2a06);color:#e6d2bf;padding:52px 0 26px;margin-top:10px}
.ft-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:32px}
.ft-grid h5{color:#ffd9a3;font-size:16px;margin-bottom:14px}
.ft-grid p,.ft-grid li{font-size:14.3px;margin-bottom:8px;list-style:none}
.ft-links a{display:block;font-size:14.3px;margin-bottom:9px;color:#e6d2bf}
.ft-links a:hover{color:#ffd9a3}
.ft-bot{border-top:1px solid rgba(255,255,255,.15);margin-top:30px;padding-top:18px;font-size:13.6px;color:#cbb4a1;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
.ft-bot a{color:#ffd9a3}

@media(max-width:960px){
.hero-grid,.story-grid,.ft-grid{grid-template-columns:1fr}
.stats-grid,.adv-grid,.sup-grid{grid-template-columns:repeat(2,1fr)}
.ev-grid,.tst-grid{grid-template-columns:1fr}
h1{font-size:32px}
.card-row,.news-item{flex-direction:column;align-items:stretch}
.card-row img,.news-item img{width:100%;height:190px}
.nav-links{margin-left:0}
section{padding:46px 0}
}
@media(max-width:560px){
.stats-grid,.adv-grid,.sup-grid{grid-template-columns:1fr}
h1{font-size:27px}
.sec-title{font-size:23px}
}