﻿:root{--purple:#5b3bd6;--purple-2:#6f4be8;--accent:#ffb400;--muted:#7b7b9a;--card-bg:#ffffff;--page-bg:#f6f7fb;--max-width:1200px;--radius:12px;--gap:18px;--container-padding:0px 20px 20px 20px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Arial;color:#222;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;background:var(--page-bg)}.wrap{max-width:var(--max-width);margin:0 auto;padding:28px var(--container-padding)}header{width:100%;height:570px;padding:18px 50px 50px 0px;background-image:url("../image/index_bg.jpg")}header nav{font-size:17px}.top{display:flex;width:100%;height:90px;align-items:center;justify-content:space-between}.bann{display:flex;width:100%;height:468px}.brand{display:flex;align-items:center;gap:12px;margin-left:230px}.logo{width:160px;height:44px;background-image:url("../picture/ORG_LOGO.png");display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}nav{display:flex;gap:18px;align-items:center}nav a{color:#fff;text-decoration:none;padding:8px 12px;border-radius:8px;font-weight:500}.auth{display:flex;gap:10px;margin-right:230px}.btn{padding:10px 16px;border-radius:10px;background:rgba(255,255,255,0.12);margin-left:20px;border:1px solid rgba(255,255,255,0.06);color:#fff;text-decoration:none}.btn.primary{background:#fff;color:var(--purple);font-weight:700;margin-left:20px}.hero{color:#fff;margin:0 auto;padding:48px 20px 0px 0px;overflow:hidden}.hero-inner{display:flex;gap:28px;align-items:center;margin-left:20px}.hero-left{width:600px}.hero-left .sub-t{list-style-type:disc}.hero h1{margin:12px 0;font-size:40px;font-weight:bold}.hero li{margin:12px 0;font-size:18px;color:#fff}.hero .cta{display:flex;gap:12px;margin-top:18px}.hero-illustration{width:464px;height:400px;background-image:url("../picture/163.png");display:flex;align-items:center;justify-content:center;margin-left:80px}.lion{width:180px;height:120px}.svc{display:flex;gap:12px;margin-top:18px;flex-wrap:wrap;list-style-type:none}.svc li{background:rgba(255,255,255,0.06);padding:10px;border-radius:10px;color:#fff;font-size:13px;margin-left:10px}.services{margin:20px -20px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:var(--card-bg);padding-bottom:18px;border-radius:12px;box-shadow:0 6px 18px rgba(40,40,80,0.06);text-align:center}.card-icon{width:100%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;margin:12px 0 12px 0}.card-icon img{width:96px;height:96px}.card h3{margin:6px 0 8px;font-size:16px}.card p{margin:0;font-size:13px}.banner{background-image:url("../image/index-bg1.png");width:100%;padding:23px;margin-top:28px;text-align:center;color:#b8ddff}.banner-svc{padding:18px;border-radius:8px;margin:28px 0;text-align:center;font-size:30px;font-weight:bold}.banner-q{border-radius:8px;margin:10px 0;text-align:center;font-size:30px}.banner-q .sub-title{font-weight:bold;margin:0;padding:0}.banner-q span{font-size:18px;color:#9599a8}.banner-year{height:60px}.banner-year .red-dot{width:60px;height:8px;display:inline-block;background:#FC473C;border-radius:0 0 5px 5px;margin:0 auto}.botwarp{background:#fff;padding-top:28px}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:32px 0}.feat{background:white;padding:18px;text-align:center}.feat h4{margin:10px 0 6px}.feat p{margin:0;color:var(--muted);font-size:13px}.metrics{display:flex;gap:18px;justify-content:space-between;margin:28px 0}.metric{background:white;padding:18px;border-radius:12px;flex:1;text-align:center}footer{background:#0b1733;;color:#c7d0f5;padding:36px 0}footer .wrap{display:flex;gap:18px;align-items:flex-start}footer nav{display:flex;gap:8px;justify-content:flex-end}@media (max-width:1000px){header{padding:18px 20px 20px 0px}.brand{margin-left:20px}.logo{width:200px;height:44px}.auth{margin-right:0px}.hero h1{font-size:30px}.services{grid-template-columns:repeat(3,1fr)}.features{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.wrap{padding:18px}.brand{display:flex;align-items:center;gap:12px;margin-left:0px}header{align-items:flex-start}.hero-inner{flex-direction:column;align-items:flex-start}.hero-illustration{width:100%;height:140px}.services{grid-template-columns:repeat(2,1fr)}.features{grid-template-columns:repeat(1,1fr)}.metrics{flex-direction:column}footer .wrap{flex-direction:column}nav{display:none}.mobile-nav-btn{display:inline-flex}.mobile-menu{display:flex;flex-direction:column;gap:10px;padding:12px;background:linear-gradient(180deg,var(--purple),var(--purple-2));border-radius:10px}}@media (max-width:420px){.services{grid-template-columns:repeat(1,1fr)}.hero h1{font-size:28px}.logo{width:160px;height:44px;margin-left:10px}.brand{width:180px}.banner-svc{font-size:20px}.card{width:106%}header,.banner,.botwarp,footer,.foot{width:112%}}.muted{color:var(--muted)}.center{text-align:center}.flex{display:flex}.space-between{justify-content:space-between}.mobile-nav-btn{display:none;background:transparent;border:0;color:var(--purple);font-weight:700;padding:8px 10px;border-radius:8px}.card .title{width:100%;padding:18px;text-align:center;color:#ffffff;box-sizing:border-box;border-radius:6px 6px 0 0}.card button{width:80%;height:40px;border-radius:4px;cursor:pointer}.borderColor1{border:1px solid #0cc1b8;background:#ffffff;color:#0cc1b8}.bgColor1{background:linear-gradient(-90deg,rgb(12 193 184),rgb(15 218 181))}.borderColor2{border:1px solid #F73737;background:#ffffff;color:#F73737}.bgColor2{background:linear-gradient(-90deg,#ff5252,#f73737)}.borderColor3{border:1px solid #FF9705;background:#ffffff;color:#FF9705}.bgColor3{background:linear-gradient(#ff9705,#ffae3f)}.borderColor4{border:1px solid #2790FF;background:#ffffff;color:#2790FF}.bgColor4{background:linear-gradient(#268fff,#4ca2ff)}.borderColor5{border:1px solid #8B62EE;background:#ffffff;color:#8B62EE}.bgColor5{background:linear-gradient(#8b62ee,#7b6df2)}.borderColor6{border:1px solid #25B1FD;background:#ffffff;color:#25B1FD}.bgColor6{background:linear-gradient(#25b1fd,#28b8ff)}.borderColor7{border:1px solid #F6556C;background:#ffffff;color:#F6556C}.bgColor7{background:linear-gradient(-90deg,#f8687d,#f6556c)}.borderColor8{border:1px solid #FF6536;background:#ffffff;color:#FF6536}.bgColor8{background:linear-gradient(-90deg,#ff7b23,#ff6536)}.borderColor9{border:1px solid #FDBE2F;background:#ffffff;color:#FDBE2F}.bgColor9{background:linear-gradient(#fdbe2f,#f9c148)}.borderColor10{border:1px solid #01D078;background:#ffffff;color:#01D078}.bgColor10{background:linear-gradient(#00d077,#31d58f)}.borderColor11{border:1px solid #AE45FF;background:#ffffff;color:#AE45FF}.bgColor11{background:linear-gradient(#ae44ff,#b661ff)}.borderColor12{border:1px solid #FF8F38;background:#ffffff;color:#FF8F38}.bgColor12{background:linear-gradient(-90deg,#ffaf71,#ff8e37)}.card .borderColor1:hover{background:#0cc1b8;color:#ffffff}.card .borderColor2:hover{background:#F73737;color:#ffffff}.card .borderColor3:hover{background:#FF9705;color:#ffffff}.card .borderColor4:hover{background:#2790FF;color:#ffffff}.card .borderColor5:hover{background:#8B62EE;color:#ffffff}.card .borderColor6:hover{background:#25B1FD;color:#ffffff}.card .borderColor7:hover{background:#F6556C;color:#ffffff}.card .borderColor8:hover{background:#FF6536;color:#ffffff}.card .borderColor9:hover{background:#FDBE2F;color:#ffffff}.card .borderColor10:hover{background:#01D078;color:#ffffff}.card .borderColor11:hover{background:#AE45FF;color:#ffffff}.card .borderColor12:hover{background:#FF8F38;color:#ffffff}.metric span{font-size:36px;font-weight:bold;color:#fe5900}footer .sub-title{font-weight:700;color:#fff}footer .copyright{color:#cbd5ff;font-size:13px}footer nav ul{list-style:none;padding:0;margin:0;width:140px}footer nav li{width:120px;height:20px}footer nav ul li a{color:#cbd5ff;font-size:13px;text-decoration:none;display:block;margin-top:8px}footer nav ul li a:hover{color:#fff}footer .sub-c{color:#8e98a9;margin-bottom:10px}.foot{background:#071125;text-align:center}.foot-in{font-size:14px;color:#8791a0;padding:35px 0}