*{margin:0;padding:0;box-sizing:border-box}
html,body{font-family:"Segoe UI","Helvetica Neue",Arial,"Microsoft YaHei","微软雅黑","PingFang SC",sans-serif;background:#0f172a;color:#e2e8f0;line-height:1.75}
body{background:linear-gradient(160deg,#1e293b 0%,#0f172a 45%,#111827 100%);min-height:100vh}
h1,h2,h3,h4{font-family:inherit;font-weight:800;letter-spacing:.5px;line-height:1.35}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
header.site-head{position:sticky;top:0;z-index:99;background:linear-gradient(90deg,rgba(15,23,42,.96),rgba(30,41,59,.96));border-bottom:1px solid #334155;backdrop-filter:blur(8px)}
.head-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 20px;max-width:1180px;margin:0 auto;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:900;color:#f8fafc;letter-spacing:2px}
.logo .mark{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,#94a3b8,#1e293b);display:flex;align-items:center;justify-content:center;border:1px solid #64748b;box-shadow:0 0 12px rgba(148,163,184,.35);font-size:16px}
.nav-links{display:flex;gap:6px;flex-wrap:wrap}
.nav-links a{padding:8px 14px;border-radius:6px;font-size:14px;color:#cbd5e1;border:1px solid transparent;transition:.25s}
.nav-links a:hover{color:#fff;background:#334155;border-color:#64748b}
.nav-links a:first-child{color:#fecaca;background:rgba(153,27,27,.28);border-color:#991b1b}
section{padding:64px 0;border-bottom:1px solid rgba(100,116,139,.18)}
.sec-title{font-size:28px;margin-bottom:8px;color:#f1f5f9}
.sec-title span{color:#dc2626}
.sec-sub{color:#94a3b8;font-size:15px;margin-bottom:34px}
.hero{position:relative;overflow:hidden;padding:78px 0 64px;background:radial-gradient(circle at 78% 18%,rgba(220,38,38,.16),transparent 58%),linear-gradient(135deg,#1e293b,#0f172a)}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center}
.hero h1{font-size:40px;line-height:1.25;color:#f8fafc;text-shadow:0 3px 18px rgba(0,0,0,.6)}
.hero h1 em{font-style:normal;color:#ef4444}
.geo-text{margin-top:22px;font-size:16px;color:#cbd5e1;text-align:justify}
.geo-text strong{color:#f8fafc}
.hero-img{border:1px solid #475569;border-radius:14px;overflow:hidden;box-shadow:0 24px 50px rgba(0,0,0,.55);position:relative}
.hero-img img{width:100%;height:320px;object-fit:cover}
.hero-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(15,23,42,.75));pointer-events:none}
.btn-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.btn{display:inline-block;padding:13px 30px;border-radius:8px;font-weight:700;font-size:15px;letter-spacing:1px;transition:.25s;border:1px solid #64748b}
.btn-main{background:linear-gradient(135deg,#991b1b,#dc2626);color:#fff;border-color:#ef4444;box-shadow:0 10px 24px rgba(220,38,38,.32)}
.btn-main:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(220,38,38,.48)}
.btn-ghost{background:rgba(100,116,139,.15);color:#e2e8f0}
.btn-ghost:hover{background:rgba(100,116,139,.32);transform:translateY(-2px)}
.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}
.stat-card{background:linear-gradient(155deg,#334155,#1e293b);border:1px solid #475569;border-radius:12px;padding:28px 22px;text-align:center;box-shadow:inset 0 1px 0 rgba(203,213,225,.14),0 12px 26px rgba(0,0,0,.35)}
.stat-card .num{font-size:34px;font-weight:900;color:#f8fafc;letter-spacing:1px}
.stat-card .num i{font-style:normal;color:#ef4444}
.stat-card .lbl{font-size:14px;color:#94a3b8;margin-top:6px;letter-spacing:1px}
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}
.card{background:linear-gradient(160deg,#243042,#161f2e);border:1px solid #3e4c63;border-radius:12px;padding:26px 24px;position:relative;transition:.28s;box-shadow:0 10px 24px rgba(0,0,0,.3)}
.card:hover{transform:translateY(-4px);border-color:#94a3b8;box-shadow:0 18px 36px rgba(0,0,0,.5)}
.card::before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:3px;border-radius:3px;background:linear-gradient(180deg,#dc2626,#64748b)}
.card h3{font-size:18px;margin-bottom:10px;color:#f1f5f9}
.card p{font-size:14.5px;color:#a8b6c9}
.card .ico{font-size:24px;margin-bottom:12px;display:block}
.news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}
.news-item{background:linear-gradient(165deg,#232f41,#151d2b);border:1px solid #3a4759;border-radius:12px;padding:24px;transition:.28s}
.news-item:hover{border-color:#94a3b8;transform:translateY(-3px)}
.news-tag{display:inline-block;font-size:12px;padding:3px 10px;border-radius:4px;background:rgba(220,38,38,.18);color:#fca5a5;border:1px solid rgba(220,38,38,.45);margin-bottom:12px;letter-spacing:1px}
.news-item h3{font-size:17.5px;color:#f1f5f9;margin-bottom:10px}
.news-item p{font-size:14.5px;color:#a8b6c9;text-align:justify}
.news-date{display:block;margin-top:14px;font-size:13px;color:#7b8aa0;letter-spacing:1px}
.table-wrap{overflow-x:auto;border:1px solid #3e4c63;border-radius:12px}
table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:560px}
th,td{padding:14px 18px;text-align:left;border-bottom:1px solid rgba(100,116,139,.22)}
th{background:#1e293b;color:#cbd5e1;font-weight:700;letter-spacing:1px}
tr:last-child td{border-bottom:none}
tbody tr:hover{background:rgba(100,116,139,.12)}
.badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;background:rgba(220,38,38,.2);color:#fca5a5;border:1px solid rgba(220,38,38,.4)}
.quote-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}
.quote{background:linear-gradient(155deg,#2b3749,#18202e);border:1px solid #3e4c63;border-left:3px solid #dc2626;border-radius:10px;padding:24px}
.quote p{font-size:14.5px;color:#b6c3d4;font-style:italic}
.quote .who{margin-top:14px;font-size:13px;color:#8fa0b5;font-style:normal}
.faq-list{display:grid;gap:16px}
.faq-item{background:linear-gradient(160deg,#232f41,#151d2b);border:1px solid #3a4759;border-radius:10px;padding:22px 24px}
.faq-item h3{font-size:16.5px;color:#f1f5f9;margin-bottom:10px;display:flex;gap:10px;align-items:flex-start}
.faq-item h3 .q{color:#ef4444;font-weight:900}
.faq-item p{font-size:14.5px;color:#a8b6c9;text-align:justify}
.cta-box{background:linear-gradient(120deg,#3f1d1d,#1e293b 60%,#0f172a);border:1px solid #64748b;border-radius:16px;padding:46px 36px;text-align:center;box-shadow:0 22px 50px rgba(0,0,0,.45)}
.cta-box h2{font-size:28px;color:#f8fafc;margin-bottom:14px}
.cta-box p{color:#c3cfdd;max-width:760px;margin:0 auto 26px;font-size:15.5px}
.dl-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center}
.dl-list li{list-style:none;padding:12px 0;border-bottom:1px dashed rgba(100,116,139,.28);font-size:15px;color:#c3cfdd}
.dl-list li b{color:#f8fafc}
footer.site-foot{background:linear-gradient(180deg,#141d2b,#0b1220);border-top:1px solid #334155;padding:52px 0 26px;font-size:14px;color:#94a3b8}
.foot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px;margin-bottom:34px}
footer.site-foot h4{color:#e2e8f0;font-size:16px;margin-bottom:14px;letter-spacing:1px}
footer.site-foot p,footer.site-foot li{line-height:2;font-size:14px;color:#94a3b8}
footer.site-foot ul{list-style:none}
footer.site-foot a:hover{color:#f8fafc}
.foot-bottom{border-top:1px solid #26313f;padding-top:20px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13.5px;color:#7b8aa0}
.foot-bottom a{color:#cbd5e1}
@media(max-width:880px){
.hero-grid,.dl-grid{grid-template-columns:1fr}
.hero h1{font-size:29px}
.hero-img img{height:240px}
.head-inner{justify-content:center}
.nav-links{justify-content:center}
section{padding:48px 0}
}