*{margin:0;padding:0;box-sizing:border-box}
:root{
--orange:#fb923c;
--red:#ef4444;
--green:#a3e635;
--ink:#140708;
--card:rgba(255,255,255,.045);
--line:rgba(251,146,60,.32);
}
html{scroll-behavior:smooth}
body{
font-family:"Segoe UI","Helvetica Neue",Arial,"Microsoft YaHei","微软雅黑","PingFang SC",sans-serif;
background:
radial-gradient(1100px 520px at 82% -8%,rgba(239,68,68,.20),transparent 62%),
radial-gradient(900px 480px at 6% 8%,rgba(251,146,60,.16),transparent 60%),
#140708;
color:#fdf3ee;
line-height:1.68;
-webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.wrap{max-width:1180px;margin:0 auto;padding:0 16px}
header.site-head{
position:sticky;top:0;z-index:50;
background:linear-gradient(90deg,rgba(20,7,8,.94),rgba(46,12,10,.9));
backdrop-filter:blur(12px);
border-bottom:1px solid var(--line);
box-shadow:0 6px 26px rgba(239,68,68,.20);
}
.head-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:17px;letter-spacing:.4px}
.logo .dot{
width:26px;height:26px;border-radius:50%;
background:linear-gradient(135deg,#fb923c,#ef4444);
box-shadow:0 0 16px rgba(251,146,60,.85),inset 0 0 8px rgba(255,255,255,.45);
}
.logo span{background:linear-gradient(90deg,#fb923c,#ef4444 60%,#a3e635);-webkit-background-clip:text;background-clip:text;color:transparent}
.nav-links{display:flex;gap:6px;flex-wrap:wrap}
.nav-links a{
font-size:13.5px;padding:6px 11px;border-radius:999px;
border:1px solid transparent;color:#ffd9c4;transition:.22s;
}
.nav-links a:hover{
color:#fff;border-color:var(--line);
background:linear-gradient(135deg,rgba(251,146,60,.20),rgba(239,68,68,.18));
box-shadow:0 0 16px rgba(239,68,68,.45);
}
section{padding:34px 0}
h2.sec-title{font-size:22px;font-weight:800;letter-spacing:.3px;margin-bottom:6px}
h2.sec-title em{font-style:normal;background:linear-gradient(90deg,#fb923c,#ef4444);-webkit-background-clip:text;background-clip:text;color:transparent}
.sec-lead{font-size:14px;color:#e7bda9;margin-bottom:18px}
.hero{padding:44px 0 30px;position:relative;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.4fr .9fr;gap:26px;align-items:center}
h1{
font-size:clamp(22px,3.1vw,34px);line-height:1.32;font-weight:900;letter-spacing:.2px;
background:linear-gradient(96deg,#fff 6%,#fb923c 46%,#ef4444 88%);
-webkit-background-clip:text;background-clip:text;color:transparent;
text-shadow:0 0 32px rgba(239,68,68,.28);
}
.hero-tag{
display:inline-flex;align-items:center;gap:8px;font-size:12.5px;letter-spacing:1px;
color:#a3e635;border:1px solid rgba(163,230,53,.42);border-radius:999px;
padding:4px 12px;margin-bottom:14px;background:rgba(163,230,53,.07);
}
.hero p{font-size:14.5px;color:#f0cbb9;margin-top:14px}
.hero-visual{
border-radius:26px;padding:8px;
background:linear-gradient(150deg,rgba(251,146,60,.55),rgba(239,68,68,.35) 55%,rgba(163,230,53,.30));
box-shadow:0 0 40px rgba(239,68,68,.42);
}
.hero-visual img{border-radius:20px;width:100%;height:210px;object-fit:cover}
.bar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.bar-card{
display:flex;align-items:center;gap:11px;
padding:11px 15px;border-radius:999px;
background:linear-gradient(120deg,rgba(251,146,60,.16),rgba(239,68,68,.10) 60%,rgba(255,255,255,.03));
border:1px solid var(--line);
box-shadow:0 0 20px rgba(239,68,68,.28),inset 0 1px 0 rgba(255,255,255,.12);
transition:.24s;
}
.bar-card:hover{transform:translateY(-3px);box-shadow:0 0 30px rgba(251,146,60,.55)}
.bar-ico{
flex:0 0 32px;height:32px;border-radius:50%;
display:grid;place-items:center;font-size:15px;
background:linear-gradient(135deg,#fb923c,#ef4444);
box-shadow:0 0 14px rgba(251,146,60,.8);
}
.bar-txt{font-size:12.8px;line-height:1.35}
.bar-txt b{display:block;font-size:13.6px;color:#fff;font-weight:700}
.bar-txt small{color:#e8bda8;font-size:11.6px}
.geo-box{
border:1px solid var(--line);border-radius:24px;padding:22px 24px;
background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(239,68,68,.05));
box-shadow:0 0 28px rgba(239,68,68,.20);
}
.geo-box h2{font-size:17.5px;margin-bottom:12px;color:#ffd9c4}
.geo-box p{font-size:14px;color:#eccdbf;margin-bottom:10px}
.geo-box p strong{color:#fb923c}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.stat{
border-radius:20px;padding:16px 18px;
background:linear-gradient(150deg,rgba(251,146,60,.15),rgba(239,68,68,.08));
border:1px solid var(--line);
box-shadow:0 0 22px rgba(239,68,68,.24);
}
.stat b{display:block;font-size:24px;font-weight:900;color:#fff;letter-spacing:.5px}
.stat b i{font-style:normal;font-size:13px;color:#a3e635;margin-left:3px}
.stat span{font-size:12.6px;color:#e7bda9}
.two-col{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;align-items:start}
.card-list{display:grid;gap:10px}
.mini-card{
border-radius:18px;padding:14px 16px;
background:var(--card);border:1px solid rgba(251,146,60,.22);
box-shadow:0 0 16px rgba(239,68,68,.16);
}
.mini-card b{display:block;font-size:14.5px;color:#ffd0b6;margin-bottom:4px}
.mini-card p{font-size:13.2px;color:#e5c3b4}
.side-img{border-radius:22px;overflow:hidden;border:1px solid var(--line);box-shadow:0 0 26px rgba(239,68,68,.32)}
.side-img img{width:100%;height:100%;object-fit:cover;min-height:220px}
.quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.quote{
border-radius:22px;padding:16px 18px;position:relative;
background:linear-gradient(150deg,rgba(251,146,60,.13),rgba(239,68,68,.07));
border:1px solid var(--line);
box-shadow:0 0 20px rgba(239,68,68,.22);
}
.quote p{font-size:13.4px;color:#f0d2c3;margin-bottom:10px}
.quote .who{font-size:12.4px;color:#a3e635}
.quote .who span{color:#e7bda9}
.news-list{display:grid;gap:12px}
.news-item{
border-radius:22px;padding:16px 20px;
background:linear-gradient(140deg,rgba(255,255,255,.055),rgba(239,68,68,.06));
border:1px solid rgba(251,146,60,.26);
box-shadow:0 0 20px rgba(239,68,68,.18);
transition:.22s;
}
.news-item:hover{border-color:rgba(251,146,60,.6);box-shadow:0 0 30px rgba(251,146,60,.42)}
.news-item h3{font-size:16px;font-weight:800;color:#ffd9c4;line-height:1.45;margin-bottom:6px}
.news-date{display:inline-block;font-size:11.6px;color:#a3e635;border:1px solid rgba(163,230,53,.38);border-radius:999px;padding:1px 9px;margin-bottom:8px}
.news-item p{font-size:13.3px;color:#e8c8b9;margin-bottom:5px}
.news-item p strong{color:#fb923c}
.faq-list{display:grid;gap:9px}
details.faq-item{
border-radius:16px;border:1px solid rgba(251,146,60,.26);
background:linear-gradient(140deg,rgba(251,146,60,.09),rgba(239,68,68,.05));
box-shadow:0 0 16px rgba(239,68,68,.14);
padding:12px 16px;
}
details.faq-item[open]{box-shadow:0 0 26px rgba(251,146,60,.38);border-color:rgba(251,146,60,.58)}
details.faq-item summary{
cursor:pointer;font-size:14px;font-weight:700;color:#ffd9c4;list-style:none;
display:flex;justify-content:space-between;gap:12px;align-items:flex-start;
}
details.faq-item summary::-webkit-details-marker{display:none}
details.faq-item summary::after{content:"+";color:#a3e635;font-weight:900;font-size:16px}
details.faq-item[open] summary::after{content:"−"}
details.faq-item .ans{font-size:13.3px;color:#eac9bb;margin-top:9px}
.dl-box{
display:grid;grid-template-columns:1.3fr .7fr;gap:20px;align-items:center;
border-radius:26px;padding:22px 24px;
background:linear-gradient(120deg,rgba(251,146,60,.22),rgba(239,68,68,.14) 60%,rgba(163,230,53,.09));
border:1px solid rgba(251,146,60,.42);
box-shadow:0 0 34px rgba(239,68,68,.36);
}
.dl-box h2{font-size:20px;margin-bottom:8px;color:#fff}
.dl-box p{font-size:13.5px;color:#f2d4c5;margin-bottom:14px}
.btn{
display:inline-block;padding:9px 20px;border-radius:999px;font-size:13.5px;font-weight:700;
background:linear-gradient(120deg,#fb923c,#ef4444);color:#fff;
box-shadow:0 0 22px rgba(239,68,68,.66);
}
.dl-box img{border-radius:18px;width:100%;height:150px;object-fit:cover}
.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.contact-card{
border-radius:20px;padding:15px 17px;
background:var(--card);border:1px solid rgba(251,146,60,.24);
box-shadow:0 0 16px rgba(239,68,68,.16);
}
.contact-card b{display:block;color:#fb923c;font-size:13.4px;margin-bottom:5px}
.contact-card span{font-size:13px;color:#e8c8b9}
footer.site-foot{
margin-top:26px;border-top:1px solid var(--line);
background:linear-gradient(180deg,rgba(20,7,8,.4),rgba(46,12,10,.85));
padding:26px 0 18px;
}
.foot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}
.foot-col h4{font-size:13.6px;color:#fb923c;margin-bottom:7px}
.foot-col p,.foot-col a{font-size:12.8px;color:#dbae9c;line-height:1.9}
.foot-col a:hover{color:#a3e635}
.foot-bottom{
border-top:1px solid rgba(251,146,60,.18);padding-top:12px;
font-size:12.4px;color:#c79e8e;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;
}
.foot-bottom a{color:#fb923c}
@media(max-width:960px){
.hero-grid,.two-col,.dl-box{grid-template-columns:1fr}
.bar-grid{grid-template-columns:repeat(2,1fr)}
.stats-grid{grid-template-columns:repeat(2,1fr)}
.quote-grid,.contact-grid,.foot-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
.bar-grid,.stats-grid,.quote-grid,.contact-grid,.foot-grid{grid-template-columns:1fr}
.hero-visual img{height:170px}
section{padding:26px 0}
}