html{font-family:"Segoe UI","Helvetica Neue",Arial,"Microsoft YaHei","微软雅黑","PingFang SC",sans-serif;}
*{margin:0;padding:0;box-sizing:border-box;font-family:inherit;}
:root{
  --p1:#9333ea;
  --p2:#581c87;
  --ink:#1f2233;
  --muted:#6b6f85;
  --line:#e9e5f3;
  --bg:#f6f5fa;
  --white:#ffffff;
  --soft:#f1ebfb;
}
body{background:var(--bg);color:var(--ink);line-height:1.78;font-size:16px;-webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
.wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 20px;}

/* header */
.site-header{position:sticky;top:0;z-index:60;background:linear-gradient(90deg,#9333ea 0%,#6d28b8 55%,#581c87 100%);box-shadow:0 6px 24px rgba(88,28,135,.28);}
.header-inner{max-width:1180px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;}
.logo{color:#fff;font-size:21px;font-weight:800;letter-spacing:.5px;display:flex;align-items:center;gap:8px;}
.logo span{font-weight:400;font-size:14px;opacity:.9;background:rgba(255,255,255,.16);padding:2px 8px;border-radius:20px;}
.nav-links{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.nav-links a{color:#fff;font-size:15px;padding:7px 14px;border-radius:22px;transition:.25s;opacity:.94;}
.nav-links a:hover{background:rgba(255,255,255,.18);opacity:1;}

/* hero */
.hero{background:linear-gradient(135deg,#f7f0ff 0%,#ffffff 60%,#f3ecfd 100%);padding:56px 0 48px;border-bottom:1px solid var(--line);}
.hero-inner{max-width:1180px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center;}
.tag{display:inline-block;background:linear-gradient(90deg,#9333ea,#581c87);color:#fff;font-size:12px;letter-spacing:2px;padding:5px 14px;border-radius:20px;margin-bottom:18px;}
h1{font-size:33px;line-height:1.35;font-weight:800;color:#2a1240;margin-bottom:20px;letter-spacing:.3px;}
h1 em{font-style:normal;background:linear-gradient(90deg,#9333ea,#581c87);-webkit-background-clip:text;background-clip:text;color:transparent;}
.geo{font-size:16px;color:#4a4760;text-align:justify;}
.hero-actions{display:flex;gap:14px;margin-top:26px;flex-wrap:wrap;}
.btn{display:inline-block;padding:12px 26px;border-radius:30px;font-size:15px;font-weight:600;background:linear-gradient(90deg,#9333ea,#581c87);color:#fff;box-shadow:0 8px 20px rgba(147,51,234,.32);transition:.25s;}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(147,51,234,.42);}
.btn.ghost{background:#fff;color:#6d28b8;border:1px solid #d9c8f5;box-shadow:none;}
.btn.ghost:hover{background:#f7f0ff;}
.hero-media{display:grid;gap:16px;}
.hero-media img{border-radius:18px;box-shadow:0 18px 40px rgba(88,28,135,.2);object-fit:cover;width:100%;}
.hero-media img:first-child{height:250px;}
.hero-media img:last-child{height:170px;}

/* sections */
section{padding:56px 0;}
.sec-head{margin-bottom:30px;}
.sec-head h2{font-size:26px;font-weight:800;color:#2a1240;letter-spacing:.4px;position:relative;padding-left:16px;}
.sec-head h2::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:5px;border-radius:4px;background:linear-gradient(180deg,#9333ea,#581c87);}
.sec-head p{color:var(--muted);font-size:15px;margin-top:10px;padding-left:16px;}
.lead{color:var(--muted);font-size:15px;max-width:880px;margin-bottom:26px;}

/* stats */
.stats-section{background:#fff;border-bottom:1px solid var(--line);}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.stat-card{background:linear-gradient(160deg,#faf6ff,#f1ebfb);border:1px solid var(--line);border-radius:16px;padding:26px 22px;text-align:center;transition:.25s;}
.stat-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(88,28,135,.13);}
.stat-card strong{display:block;font-size:32px;font-weight:800;background:linear-gradient(90deg,#9333ea,#581c87);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.2;}
.stat-card span{display:block;margin-top:8px;font-size:14px;color:#5c5875;}

/* advantages */
.adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.adv-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px 24px;transition:.28s;position:relative;overflow:hidden;}
.adv-card::after{content:"";position:absolute;right:-40px;top:-40px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,#e9d8ff,transparent 70%);}
.adv-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(88,28,135,.14);border-color:#d9c8f5;}
.adv-icon{font-size:26px;margin-bottom:14px;}
.adv-card h3{font-size:18px;font-weight:700;color:#2a1240;margin-bottom:10px;}
.adv-card p{font-size:15px;color:var(--muted);text-align:justify;}

/* story */
.story-section{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.story-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center;}
.story-grid img{border-radius:18px;box-shadow:0 18px 40px rgba(88,28,135,.18);height:320px;width:100%;object-fit:cover;}
.story-text p{font-size:15.5px;color:#4a4760;margin-bottom:16px;text-align:justify;}

/* timeline */
.timeline{position:relative;padding-left:26px;}
.timeline::before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:3px;border-radius:3px;background:linear-gradient(180deg,#9333ea,#e0d0f8);}
.tl-item{position:relative;margin-bottom:26px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 24px;}
.tl-item::before{content:"";position:absolute;left:-25px;top:26px;width:13px;height:13px;border-radius:50%;background:#9333ea;box-shadow:0 0 0 4px #f1ebfb;}
.tl-item h3{font-size:17px;color:#2a1240;margin-bottom:6px;font-weight:700;}
.tl-item p{font-size:14.5px;color:var(--muted);}

/* events */
.events-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.event-card{background:#fff;border-radius:18px;overflow:hidden;border:1px solid var(--line);transition:.28s;}
.event-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(88,28,135,.14);}
.event-card .cover{height:150px;background:linear-gradient(135deg,#9333ea,#581c87);display:flex;align-items:center;justify-content:center;color:#fff;font-size:36px;}
.event-card img.cover{object-fit:cover;height:170px;width:100%;}
.event-body{padding:20px 22px;}
.event-body .lbl{display:inline-block;font-size:12px;color:#6d28b8;background:#f1ebfb;border-radius:14px;padding:3px 11px;margin-bottom:10px;}
.event-body h3{font-size:17px;color:#2a1240;margin-bottom:8px;}
.event-body p{font-size:14.5px;color:var(--muted);}

/* scores */
.score-table{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(88,28,135,.08);}
.score-table th{background:linear-gradient(90deg,#9333ea,#581c87);color:#fff;font-size:14px;font-weight:600;padding:14px 16px;text-align:left;}
.score-table td{padding:14px 16px;font-size:14.5px;border-bottom:1px solid var(--line);color:#3d3a52;}
.score-table tr:last-child td{border-bottom:none;}
.score-table tr:hover td{background:#faf6ff;}
.score-table .win{color:#9333ea;font-weight:700;}

/* news */
.news-section{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}
.news-card{background:#fbfaff;border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:.28s;}
.news-card:hover{transform:translateY(-4px);box-shadow:0 20px 42px rgba(88,28,135,.13);}
.news-card img{height:170px;width:100%;object-fit:cover;}
.news-body{padding:22px 24px 24px;}
.news-tag{display:inline-block;font-size:12px;letter-spacing:1px;color:#fff;background:linear-gradient(90deg,#9333ea,#581c87);padding:3px 12px;border-radius:14px;margin-bottom:12px;}
.news-card h3{font-size:17.5px;line-height:1.55;color:#2a1240;font-weight:700;margin-bottom:8px;}
.news-date{font-size:13px;color:#9a95b3;margin-bottom:10px;letter-spacing:.5px;}
.news-text{font-size:14.8px;color:#5c5875;text-align:justify;}
.news-link{display:inline-block;margin-top:14px;font-size:14px;font-weight:600;color:#7e22ce;}
.news-link:hover{color:#581c87;}

/* testimonials */
.quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.quote-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px 24px;position:relative;}
.quote-card .mark{font-size:34px;color:#e0d0f8;line-height:1;margin-bottom:8px;}
.quote-card p{font-size:14.8px;color:#5c5875;text-align:justify;margin-bottom:16px;}
.quote-user{display:flex;align-items:center;gap:10px;font-size:14px;color:#2a1240;font-weight:600;}
.quote-user .av{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#9333ea,#581c87);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;}

/* cta */
.cta-section{padding:0;}
.cta-box{background:linear-gradient(120deg,#9333ea 0%,#6d28b8 55%,#581c87 100%);border-radius:24px;padding:52px 44px;color:#fff;text-align:center;box-shadow:0 24px 50px rgba(88,28,135,.3);}
.cta-box h2{font-size:26px;font-weight:800;margin-bottom:14px;}
.cta-box p{font-size:15.5px;opacity:.94;max-width:760px;margin:0 auto 26px;}
.cta-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.cta-actions .btn{background:#fff;color:#581c87;box-shadow:none;}
.cta-actions .btn.ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.6);}

/* faq */
.faq-list{display:grid;gap:16px;}
.faq-item{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 26px;transition:.25s;}
.faq-item:hover{border-color:#d9c8f5;box-shadow:0 14px 30px rgba(88,28,135,.1);}
.faq-item h3{font-size:16.5px;color:#2a1240;font-weight:700;margin-bottom:10px;display:flex;gap:10px;}
.faq-item h3 .q{color:#9333ea;font-weight:800;}
.faq-item p{font-size:14.8px;color:#5c5875;text-align:justify;}

/* footer */
.site-footer{background:#241033;color:#cfc6e0;padding:48px 0 0;margin-top:56px;}
.footer-inner{max-width:1180px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:36px;}
.footer-brand h2{font-size:20px;color:#fff;margin-bottom:14px;font-weight:800;}
.footer-brand p{font-size:14px;line-height:2;color:#b7aecb;}
.footer-col h3{font-size:15px;color:#fff;margin-bottom:14px;font-weight:700;}
.footer-col p,.footer-col a{font-size:14px;color:#b7aecb;line-height:2;display:block;}
.footer-col a:hover{color:#d7b6ff;}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:36px;padding:18px 20px;text-align:center;font-size:13.5px;color:#9d94b3;}
.footer-bottom a{color:#c9a8f5;}
.footer-bottom a:hover{color:#fff;}

@media (max-width:960px){
  .hero-inner{grid-template-columns:1fr;}
  .stats-grid{grid-template-columns:repeat(2,1fr);}
  .adv-grid{grid-template-columns:1fr;}
  .story-grid{grid-template-columns:1fr;}
  .events-grid{grid-template-columns:1fr;}
  .news-grid{grid-template-columns:1fr;}
  .quote-grid{grid-template-columns:1fr;}
  .footer-inner{grid-template-columns:1fr;}
  h1{font-size:26px;}
}
@media (max-width:560px){
  .stats-grid{grid-template-columns:1fr;}
  .hero{padding:36px 0 32px;}
  section{padding:40px 0;}
  .cta-box{padding:36px 22px;}
  .header-inner{padding:12px 16px;}
  .nav-links a{font-size:14px;padding:6px 10px;}
}