*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
margin:0;
font-family:"Segoe UI","Helvetica Neue",Arial,"Microsoft YaHei","微软雅黑","PingFang SC",sans-serif;
color:#e8dede;
background-color:#050000;
background-image:
radial-gradient(circle at 15% 0%,rgba(127,29,29,.55) 0%,rgba(0,0,0,0) 45%),
radial-gradient(circle at 85% 8%,rgba(127,29,29,.42) 0%,rgba(0,0,0,0) 42%),
linear-gradient(180deg,#0b0000 0%,#000000 55%,#050000 100%);
background-attachment:fixed;
line-height:1.78;
font-size:16px;
-webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;}
a{color:inherit;}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px;}
/* header */
.site-header{position:sticky;top:0;z-index:80;background:rgba(8,0,0,.94);border-bottom:1px solid rgba(220,38,38,.35);box-shadow:0 8px 30px rgba(0,0,0,.85);backdrop-filter:blur(10px);}
.nav-wrap{max-width:1180px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;}
.logo{display:inline-flex;align-items:baseline;gap:8px;font-size:20px;font-weight:800;letter-spacing:2px;color:#fff;text-decoration:none;text-shadow:0 0 16px rgba(239,68,68,.85);}
.logo span{font-size:11px;letter-spacing:3px;color:#ef4444;font-weight:700;}
.nav-links{display:flex;flex-wrap:wrap;gap:4px;}
.nav-links a{display:inline-block;padding:8px 14px;color:#e6cfcf;text-decoration:none;font-size:15px;border-radius:8px;border:1px solid transparent;transition:all .25s ease;}
.nav-links a:hover{color:#fff;background:linear-gradient(180deg,rgba(220,38,38,.38),rgba(127,29,29,.15));border-color:rgba(239,68,68,.6);box-shadow:0 0 18px rgba(239,68,68,.4);}
/* hero */
#hero{position:relative;padding:66px 0 46px;overflow:hidden;}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center;}
h1{font-size:clamp(26px,3.9vw,42px);line-height:1.28;margin:0 0 22px;color:#fff;font-weight:800;letter-spacing:.5px;text-shadow:0 0 28px rgba(239,68,68,.6),0 2px 0 #000;}
.hero-sub{color:#c9b3b3;font-size:16px;margin:0 0 26px;max-width:620px;}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;}
.btn{display:inline-block;padding:12px 24px;border-radius:10px;text-decoration:none;font-weight:700;font-size:15px;letter-spacing:.5px;transition:all .25s ease;border:1px solid transparent;}
.btn-primary{background:linear-gradient(135deg,#b91c1c,#7f1d1d 60%,#450a0a);color:#fff;border-color:rgba(239,68,68,.6);box-shadow:0 0 24px rgba(220,38,38,.45);}
.btn-primary:hover{box-shadow:0 0 38px rgba(239,68,68,.8);transform:translateY(-2px);}
.btn-ghost{color:#f0b0b0;border-color:rgba(220,38,38,.5);background:rgba(127,29,29,.14);}
.btn-ghost:hover{background:rgba(127,29,29,.34);color:#fff;box-shadow:0 0 22px rgba(239,68,68,.4);}
.hero-img{width:100%;border-radius:16px;border:1px solid rgba(239,68,68,.42);box-shadow:0 0 44px rgba(127,29,29,.55);}
/* sections */
section{padding:48px 0;}
.section-title{font-size:clamp(21px,2.6vw,28px);margin:0 0 10px;color:#fff;font-weight:800;letter-spacing:.5px;}
.section-title::before{content:"▍";color:#dc2626;margin-right:8px;text-shadow:0 0 16px #dc2626;}
.section-desc{color:#b9a5a5;margin:0 0 26px;font-size:15px;}
/* lava card */
.lava-card{
position:relative;
background:linear-gradient(155deg,#1c0606 0%,#0b0000 55%,#180404 100%);
border:1px solid rgba(220,38,38,.32);
border-radius:14px;
padding:22px;
overflow:hidden;
box-shadow:0 0 22px rgba(127,29,29,.3),inset 0 0 32px rgba(127,29,29,.18);
transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
.lava-card::before{
content:"";
position:absolute;
inset:-30%;
pointer-events:none;
background:
linear-gradient(112deg,transparent 45.5%,rgba(239,68,68,.5) 47%,transparent 48.6%),
linear-gradient(66deg,transparent 58%,rgba(239,68,68,.36) 59.4%,transparent 61%),
linear-gradient(148deg,transparent 70%,rgba(239,68,68,.3) 71.2%,transparent 72.8%);
opacity:.5;
}
.lava-card:hover{transform:translateY(-4px);border-color:rgba(239,68,68,.72);box-shadow:0 0 36px rgba(239,68,68,.4),inset 0 0 40px rgba(127,29,29,.28);}
.lava-card > *{position:relative;z-index:1;}
.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:20px;}
.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:20px;}
.card-title{font-size:17px;font-weight:800;color:#fff;margin:0 0 10px;}
.card-text{color:#c3adad;font-size:15px;margin:0;}
.card-text strong{color:#ff8a8a;}
#geo-intro p{font-size:16px;color:#d3bfbf;margin:0;}
.stat-card{text-align:center;padding:28px 18px;}
.stat-num{font-size:36px;font-weight:800;color:#ff4141;text-shadow:0 0 22px rgba(239,68,68,.8);line-height:1.2;}
.stat-label{color:#bda6a6;font-size:14px;margin-top:6px;letter-spacing:1px;}
#core-advantages .icon{font-size:26px;margin-bottom:10px;display:block;}
/* events */
.event-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.event-vs{font-size:18px;font-weight:800;color:#fff;}
.event-tag{display:inline-block;font-size:12px;letter-spacing:1px;padding:3px 10px;border-radius:999px;background:rgba(220,38,38,.2);color:#ff9a9a;border:1px solid rgba(220,38,38,.5);}
.event-pred{margin-top:12px;color:#cbb5b5;font-size:14px;}
.event-pred b{color:#ff7070;}
/* news */
.news-item h3{font-size:17px;color:#fff;margin:0 0 10px;line-height:1.5;}
.news-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:10px;}
.news-tag{font-size:12px;padding:3px 10px;border-radius:999px;background:linear-gradient(135deg,#b91c1c,#7f1d1d);color:#fff;border:1px solid rgba(239,68,68,.5);}
.news-date{font-size:13px;color:#9d8585;}
.news-item p{font-size:14.5px;color:#c3adad;margin:0;}
/* testimonials */
.testi-text{font-size:15px;color:#cdb8b8;margin:0 0 14px;}
.testi-user{font-size:13px;color:#ff9090;font-weight:700;letter-spacing:1px;}
/* faq */
.faq-item{margin-bottom:16px;}
.faq-item h3{font-size:16.5px;color:#fff;margin:0 0 10px;line-height:1.5;}
.faq-item h3::before{content:"Q";display:inline-block;width:24px;height:24px;line-height:24px;text-align:center;border-radius:6px;background:linear-gradient(135deg,#b91c1c,#7f1d1d);color:#fff;font-size:13px;margin-right:10px;vertical-align:1px;}
.faq-item p{font-size:15px;color:#c3adad;margin:0;}
/* cta */
#cta{text-align:center;padding:58px 0;}
#cta .lava-card{padding:42px 26px;}
#cta h2{font-size:clamp(22px,2.8vw,30px);color:#fff;margin:0 0 14px;font-weight:800;text-shadow:0 0 24px rgba(239,68,68,.55);}
#cta p{color:#c3adad;margin:0 auto 24px;max-width:660px;font-size:15px;}
/* brand story */
.story-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:center;}
.story-img{width:100%;border-radius:16px;border:1px solid rgba(239,68,68,.4);box-shadow:0 0 40px rgba(127,29,29,.5);}
/* footer */
footer{background:linear-gradient(180deg,#080000,#000);border-top:1px solid rgba(220,38,38,.35);padding:40px 0 22px;margin-top:20px;}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:26px;margin-bottom:26px;}
.footer-title{color:#fff;font-weight:800;font-size:16px;margin:0 0 12px;letter-spacing:1px;}
.footer-line{color:#a89292;font-size:14px;margin:0 0 8px;}
.footer-line a{color:#ff9a9a;text-decoration:none;}
.footer-line a:hover{text-decoration:underline;}
.footer-bottom{border-top:1px solid rgba(127,29,29,.45);padding-top:16px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#8f7a7a;font-size:13px;}
@media (max-width:860px){
.hero-grid{grid-template-columns:1fr;}
.story-grid{grid-template-columns:1fr;}
.footer-grid{grid-template-columns:1fr;}
#hero{padding:44px 0 30px;}
}