*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:"Segoe UI","Helvetica Neue",Arial,"Microsoft YaHei","微软雅黑","PingFang SC",sans-serif;
  background:
    radial-gradient(circle at 12% -8%, rgba(127,29,29,.60), transparent 55%),
    radial-gradient(circle at 88% 4%, rgba(120,20,10,.38), transparent 52%),
    linear-gradient(180deg,#150404 0%,#090202 45%,#000000 100%);
  background-attachment:fixed;
  color:#e8ddd7;
  line-height:1.8;
  font-size:16px;
  -webkit-font-smoothing:antialiased;
}
a{color:#f3a07a;text-decoration:none;transition:color .25s}
a:hover{color:#ffd0a8}
img{max-width:100%;display:block}
.container{width:100%;max-width:1180px;margin:0 auto;padding:0 20px}

/* ===== 导航 ===== */
.site-header{
  position:sticky;top:0;z-index:99;
  background:linear-gradient(180deg,rgba(12,2,2,.96),rgba(8,1,1,.82));
  border-bottom:1px solid rgba(127,29,29,.55);
  backdrop-filter:blur(10px);
  box-shadow:0 14px 34px -22px rgba(220,38,38,.9);
}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:1180px;margin:0 auto;padding:12px 20px;flex-wrap:wrap}
.logo{font-size:19px;font-weight:800;letter-spacing:1px;color:#ffd9c6}
.logo span{font-size:12px;font-weight:500;color:#a8837a;margin-left:6px;letter-spacing:2px}
.nav-links{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.nav-links a{
  display:inline-block;padding:7px 13px;border-radius:8px;
  font-size:14px;color:#d8c3bb;border:1px solid transparent;
}
.nav-links a:hover{
  color:#ffe2d2;border-color:rgba(220,38,38,.6);
  background:linear-gradient(180deg,rgba(127,29,29,.55),rgba(40,6,6,.6));
  box-shadow:0 0 16px -4px rgba(220,38,38,.8);
}

/* ===== 通用区块 ===== */
section{padding:64px 0;position:relative}
.sec-head{margin-bottom:30px}
.sec-head h2{
  font-size:clamp(21px,2.6vw,29px);
  font-weight:800;letter-spacing:.5px;color:#ffe9dd;
  padding-left:16px;border-left:5px solid #b91c1c;
  text-shadow:0 0 22px rgba(220,38,38,.55);
  line-height:1.4;
}
.sec-head p{margin-top:10px;color:#a9958e;font-size:14.5px;padding-left:21px}
.kicker{
  display:inline-block;font-size:12px;letter-spacing:3px;color:#f0a37d;
  text-transform:uppercase;margin-bottom:10px;padding-left:21px;
}

/* ===== 卡片（岩浆裂纹） ===== */
.card{
  position:relative;
  background:linear-gradient(158deg,#1c0808 0%,#120404 45%,#0a0303 100%);
  border:1px solid rgba(127,29,29,.70);
  border-radius:14px;
  padding:24px;
  overflow:hidden;
  box-shadow:inset 0 1px 0 rgba(255,140,90,.08), 0 18px 46px -26px rgba(220,38,38,.85);
  transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;
}
.card::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.42;
  background:
    linear-gradient(118deg,transparent 44%,rgba(249,115,22,.75) 45%,rgba(249,115,22,0) 46.4%),
    linear-gradient(74deg,transparent 66%,rgba(220,38,38,.65) 67%,rgba(220,38,38,0) 68.2%),
    linear-gradient(152deg,transparent 82%,rgba(249,115,22,.45) 83%,rgba(249,115,22,0) 84.2%);
}
.card::after{
  content:"";position:absolute;top:0;left:12%;right:12%;height:2px;
  background:linear-gradient(90deg,transparent,#f97316,#dc2626,transparent);
  filter:blur(1px);opacity:.85;
}
.card:hover{transform:translateY(-5px);border-color:rgba(249,115,22,.65);box-shadow:0 22px 60px -24px rgba(249,115,22,.6),inset 0 1px 0 rgba(255,160,110,.16)}
.card h3{font-size:17.5px;color:#ffdfcc;margin-bottom:10px;letter-spacing:.4px;position:relative}
.card p{font-size:14.5px;color:#bb9f95;position:relative}

/* ===== HERO ===== */
.hero{padding:70px 0 60px;position:relative;overflow:hidden}
.hero::after{
  content:"";position:absolute;left:50%;top:-140px;transform:translateX(-50%);
  width:760px;height:420px;border-radius:50%;
  background:radial-gradient(circle,rgba(185,28,28,.32),transparent 68%);
  pointer-events:none;
}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;position:relative;z-index:2}
h1{
  font-size:clamp(26px,3.9vw,44px);line-height:1.28;font-weight:800;
  color:#fff1e8;letter-spacing:.5px;
  text-shadow:0 0 30px rgba(220,38,38,.55),0 0 70px rgba(127,29,29,.65);
}
.hero-sub{margin-top:16px;color:#b8a099;font-size:15.5px}
.hero-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.chip{
  font-size:12.5px;padding:5px 12px;border-radius:999px;
  border:1px solid rgba(220,38,38,.6);color:#f5bfa2;
  background:linear-gradient(180deg,rgba(127,29,29,.5),rgba(20,4,4,.6));
  letter-spacing:.6px;
}
.btn-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.btn{
  display:inline-block;padding:12px 26px;border-radius:10px;font-size:15px;font-weight:700;
  letter-spacing:1px;color:#fff2e9;
  background:linear-gradient(135deg,#7f1d1d,#b91c1c 55%,#7f1d1d);
  border:1px solid rgba(249,115,22,.55);
  box-shadow:0 14px 36px -18px rgba(220,38,38,.95),inset 0 1px 0 rgba(255,170,120,.25);
  transition:transform .25s,box-shadow .25s;
}
.btn:hover{transform:translateY(-2px);color:#fff;box-shadow:0 18px 44px -16px rgba(249,115,22,.9)}
.btn.ghost{background:linear-gradient(180deg,rgba(30,8,8,.9),rgba(10,2,2,.9));color:#f3b795}
.hero-figure{position:relative;border-radius:16px;overflow:hidden;border:1px solid rgba(127,29,29,.7);box-shadow:0 26px 70px -30px rgba(249,115,22,.65)}
.hero-figure img{width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(1.05)}

/* ===== GEO ===== */
#geo-intro .geo-box{
  position:relative;border-radius:16px;padding:30px;
  background:linear-gradient(160deg,rgba(28,8,8,.9),rgba(8,2,2,.95));
  border:1px solid rgba(127,29,29,.6);
  box-shadow:inset 0 0 60px -30px rgba(220,38,38,.9);
}
#geo-intro p{margin-bottom:14px;font-size:15px;color:#c2a89f}
#geo-intro p:last-child{margin-bottom:0}
#geo-intro strong{color:#f8b18c;font-weight:700}

/* ===== 网格 ===== */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}

/* ===== 品牌故事 ===== */
.story-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:38px;align-items:center}
.story-figure{border-radius:16px;overflow:hidden;border:1px solid rgba(127,29,29,.65);box-shadow:0 24px 60px -32px rgba(220,38,38,.9)}
.story-grid p{color:#bfa59c;font-size:15px;margin-bottom:13px}

/* ===== 数据条 ===== */
.stat-card{text-align:center;padding:26px 16px}
.stat-num{
  font-size:clamp(26px,3.4vw,38px);font-weight:800;color:#ffb185;
  text-shadow:0 0 26px rgba(249,115,22,.6);letter-spacing:1px;line-height:1.2;
}
.stat-label{font-size:13.5px;color:#a08b83;margin-top:8px;letter-spacing:1px}

/* ===== 新闻 ===== */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.news-item{
  position:relative;padding:22px;border-radius:14px;
  background:linear-gradient(160deg,#170707,#0a0303);
  border:1px solid rgba(127,29,29,.6);
  box-shadow:0 16px 40px -30px rgba(220,38,38,.9);
  transition:transform .3s,border-color .3s,box-shadow .3s;
  overflow:hidden;
}
.news-item::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,#f97316,#b91c1c,transparent);
  opacity:.85;
}
.news-item:hover{transform:translateY(-4px);border-color:rgba(249,115,22,.6);box-shadow:0 22px 54px -26px rgba(249,115,22,.6)}
.news-item h3{font-size:16px;line-height:1.55;color:#ffe0cd;margin-bottom:8px}
.news-item h3 a{color:#ffe0cd}
.news-item h3 a:hover{color:#ffbf94}
.news-meta{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:12.5px;color:#9d857d}
.news-meta .date{color:#e6a481;letter-spacing:.5px}
.news-meta .tag{
  padding:2px 9px;border-radius:999px;font-size:11.5px;
  border:1px solid rgba(220,38,38,.55);color:#f0a888;
  background:rgba(127,29,29,.32);
}
.news-item p{font-size:14px;color:#b39b92}

/* ===== 口碑 ===== */
.quote{font-size:15px;color:#c8ada3}
.quote::before{content:"“";color:#f97316;font-size:26px;line-height:0;vertical-align:-6px;margin-right:4px}
.quote-author{margin-top:14px;font-size:13px;color:#957d75;letter-spacing:1px}

/* ===== FAQ ===== */
.faq-list{display:grid;gap:16px}
.faq-item{
  position:relative;border-radius:14px;padding:22px 24px;
  background:linear-gradient(160deg,rgba(26,8,8,.95),rgba(9,3,3,.95));
  border:1px solid rgba(127,29,29,.6);
  box-shadow:0 14px 40px -30px rgba(220,38,38,.9);
}
.faq-item h3{
  font-size:16.5px;color:#ffd9c2;margin-bottom:10px;
  display:flex;gap:10px;align-items:flex-start;line-height:1.6;
}
.faq-item h3 .q{
  flex:none;width:24px;height:24px;border-radius:7px;font-size:13px;
  display:inline-flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#b91c1c,#7f1d1d);color:#ffe4d2;font-weight:700;
  box-shadow:0 0 14px -3px rgba(220,38,38,.95);
}
.faq-item p{font-size:14.5px;color:#b59c93}

/* ===== CTA ===== */
.cta-box{
  position:relative;border-radius:18px;padding:44px 34px;text-align:center;overflow:hidden;
  background:
    radial-gradient(circle at 50% 0%,rgba(185,28,28,.55),transparent 66%),
    linear-gradient(160deg,#1d0707,#080202);
  border:1px solid rgba(249,115,22,.35);
  box-shadow:0 30px 80px -40px rgba(249,115,22,.85);
}
.cta-box h2{font-size:clamp(20px,2.6vw,28px);color:#ffe6d6;margin-bottom:12px;letter-spacing:.5px}
.cta-box p{color:#b99e94;font-size:15px;max-width:720px;margin:0 auto 6px}

/* ===== 页脚 ===== */
.site-footer{
  margin-top:20px;padding:46px 0 26px;
  background:linear-gradient(180deg,rgba(10,2,2,.4),#050101);
  border-top:1px solid rgba(127,29,29,.6);
}
.footer-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:34px}
.footer-grid h4{font-size:15px;color:#ffd9c2;margin-bottom:14px;letter-spacing:2px}
.footer-grid p,.footer-grid li{font-size:13.5px;color:#9c857d;line-height:2}
.footer-grid ul{list-style:none}
.footer-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:14px;font-size:13.5px}
.footer-bottom{
  margin-top:30px;padding-top:18px;border-top:1px solid rgba(127,29,29,.4);
  display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;
  font-size:13px;color:#8b746c;
}
@media (max-width:980px){
  .hero-grid,.story-grid,.footer-grid,.grid-2{grid-template-columns:1fr}
  .grid-3,.news-grid{grid-template-columns:repeat(2,1fr)}
  .grid-4{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  section{padding:46px 0}
  .grid-3,.news-grid,.grid-4{grid-template-columns:1fr}
  .nav-links{width:100%}
  .card,.faq-item,.news-item{padding:18px}
}