@charset "UTF-8";

/* Layout and colors follow the supplied saved page. All assets are local. */
:root{--ink:#142238;--muted:#607087;--blue:#2f91ff;--green:#18b98f;--line:#e5edf5;--paper:#f3f7fb}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body,h1,h2,h3,p,dl,dd,ul{margin:0}
body{font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;font-size:14px;line-height:1.5;color:var(--ink);background:var(--paper)}
ul{padding:0;list-style:none}
button{font:inherit;cursor:pointer}
button,a{-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
a,button{transition:color .2s,background .2s,box-shadow .2s,transform .2s}
a:hover{color:var(--blue)}
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #e4a126;outline-offset:5px}
img{max-width:100%;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
[hidden]{display:none!important}
.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.skip-link:focus{position:fixed;top:12px;left:12px;padding:12px 20px;background:#fff;z-index:20;border-radius:6px;color:#142238}
.page{background:linear-gradient(180deg,#f3f7fb,#eef5fb 44%,#f7fafc)}
.wrapper{width:1200px;max-width:calc(100% - 48px);margin-inline:auto;position:relative}
.tit{font-size:36px;line-height:1.3;font-weight:700;color:var(--ink)}
.btn{display:inline-block;text-align:center;white-space:nowrap;user-select:none}
.icon{display:inline-block;background-repeat:no-repeat;flex:none}
.icon-down{width:20px;height:21px;background-image:url("download.svg")}
.icon-phone{width:17px;height:26px;background-image:url("phone.svg")}
.icon-ico1,.icon-ico2,.icon-ico3{width:102px;height:102px;background-size:contain}
.icon-ico1{background-image:url("users.svg")}
.icon-ico2{background-image:url("activity.svg")}
.icon-ico3{background-image:url("globe.svg")}

/* First screen */
.section1{position:relative;isolation:isolate;height:720px;overflow:hidden;color:#fff;background:linear-gradient(118deg,rgba(7,26,54,.94),rgba(14,78,125,.84) 50%,rgba(26,169,144,.76))}
.section1::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 22%,rgba(255,199,95,.24),transparent 26%),linear-gradient(180deg,rgba(255,255,255,.08),transparent 45%);pointer-events:none}
.section1::after{content:"";position:absolute;inset:auto 0 -1px;height:86px;background:linear-gradient(180deg,transparent,#f3f7fb 82%);z-index:0;pointer-events:none}
.section1 .wrapper{height:100%;z-index:1;display:flex;justify-content:space-between;align-items:flex-start;gap:36px}
.section1 .cont{position:relative;z-index:2;max-width:560px;padding-top:120px;flex:1}
.section1 .cont::before{content:"";display:block;width:72px;height:6px;margin-bottom:26px;border-radius:6px;background:linear-gradient(90deg,#18d0a1,#fff0b8);box-shadow:0 10px 24px #18d0a138}
.section1 .tit{font-size:54px;line-height:1.12;color:#fff;text-shadow:0 10px 30px #00000038}
.section1 .txt{margin-top:28px;font-size:22px;line-height:1.65;color:#ffffffe6}
.section1 .reward{color:#1ba27a;font-weight:700}
.section1 .tip{display:inline-block;margin-top:30px;padding:12px 18px;font-size:18px;line-height:1.4;color:#fff3ce;background:#ffffff1f;border:1px solid #ffffff38;border-radius:999px;backdrop-filter:blur(8px)}
.section1 .btn-group{display:flex;gap:22px;position:relative;margin-top:42px}
.section1 .btn-group::after{content:"";position:absolute;left:0;top:82px;width:436px;max-width:100%;height:1px;background:linear-gradient(90deg,#ffffff75,transparent)}
.section1 .btn{width:208px;height:66px;line-height:64px;border:0;border-radius:999px;font-size:22px;font-weight:700;box-shadow:0 14px 32px #00000038}
.section1 .btn:hover{transform:translateY(-3px)}
.section1 .btn .icon{vertical-align:-5px;margin-right:13px}
.section1 .btn1{color:#0d4776;background:linear-gradient(135deg,#fff,#dff5ff);box-shadow:0 18px 36px #d8f4ff29,0 12px 30px #0003}
.section1 .btn2{color:#fff;background:linear-gradient(135deg,#18b98f,#2f91ff);border:1px solid #ffffff59;box-shadow:0 18px 36px #18b98f42,0 12px 30px #0000002e}
.section1 .text{position:relative;overflow:hidden;flex:none;width:458px;min-height:470px;margin-top:106px;padding:34px 30px;background:#ffffffeb;border:1px solid #ffffffa6;border-radius:8px;box-shadow:0 28px 70px #051c3647}
.section1 .text::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#2f91ff,#18b98f,#ffb02e)}
.section1 .text::after{content:"";position:absolute;right:-64px;bottom:-78px;width:236px;height:236px;border:28px solid #2f91ff14;border-radius:50%;pointer-events:none}
.section1 .text h2{position:relative;z-index:1;min-height:210px;font-size:28px;line-height:1.42;color:#0e3c67;font-weight:700}
.gift-art{display:block;margin:8px auto 0;max-height:160px;object-fit:contain}
.section1 .text ul{position:relative;z-index:1;margin-top:24px}
.section1 .text li{position:relative;min-height:30px;margin-bottom:16px;padding:12px 14px 12px 46px;font-size:18px;line-height:1.55;color:#25435f;background:#f2f8fd;border:1px solid #e0edf7;border-radius:8px}
.section1 .text li::before{content:"";position:absolute;left:14px;top:13px;width:22px;height:22px;background:url("check.svg") center/contain no-repeat}

/* Shared sections */
.section2,.section5{padding:64px 0;background:var(--paper)}
.section5{position:relative;margin-top:-8px}
.section2 .wrapper::before,.section3 .wrapper::before,.section4 .wrapper::before,.section5 .wrapper::before{content:"";display:block;width:46px;height:4px;margin-bottom:18px;border-radius:4px;background:var(--green)}
.section2 .tit,.section4 .tit,.section5 .tit{position:relative;margin-bottom:16px;padding-left:18px;font-size:34px}
.section2 .tit::before,.section4 .tit::before,.section5 .tit::before{content:"";position:absolute;left:0;top:7px;width:5px;height:34px;border-radius:5px;background:linear-gradient(180deg,var(--blue),var(--green))}
.section2 .txt,.section3 .txt,.section4 .txt,.section5 .txt{max-width:930px;color:var(--muted);line-height:1.9}
.section5 .txt{font-size:16px;margin:10px 0 30px}

/* Market: static HTML remains readable without JavaScript. */
.top-table{position:relative;margin-top:30px;padding:16px 20px 30px;background:#fff;border:1px solid #cdddebe6;border-radius:8px;box-shadow:0 22px 60px #14314f1c;overflow:hidden}
.top-table::before{content:"";position:absolute;left:20px;right:20px;top:0;height:4px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,var(--blue),var(--green))}
.market-note{margin:4px 0 10px;color:var(--muted);font-size:12px}
.table-scroll{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}
.top-table table{width:100%;min-width:1000px;margin-top:8px}
.top-table th{height:60px;color:#718096;background:#f7fbff;font-weight:700}
.top-table th:first-child{border-radius:8px 0 0 8px}
.top-table th:last-child{border-radius:0 8px 8px 0}
.top-table th,.top-table td{font-size:16px;text-align:center;padding:0 8px;white-space:nowrap}
.top-table td{height:83px;color:#536477;border-bottom:1px solid #eef3f8}
.top-table tbody tr:hover td{background:#f8fcff;color:#1f3752}
.top-table .c1,.top-table .c9{width:9%}
.top-table .c1{color:#91a1b4;font-weight:700}
.top-table .c2{width:12%;text-align:left;padding-left:25px}
.top-table th.c2{text-indent:35px}
.top-table .img{width:32px;height:32px;margin-right:8px;border-radius:50%;vertical-align:middle;box-shadow:0 4px 12px #1025401f}
.top-table .name{display:inline-block;line-height:1.2;text-align:left;vertical-align:middle}
.top-table .name dt{font-weight:700;color:#15243a}
.top-table .name dd{font-size:14px;color:#666}
.top-table .green{color:#19b38a}
.top-table .red{color:#e54742}
.top-table .link{display:inline-block;min-width:86px;padding:7px 14px;font-weight:700;color:#fff;background:var(--blue);border-radius:999px}
.top-table .link:hover{background:var(--green);box-shadow:0 8px 18px #18b98f38}
.top-table .btn-link{position:relative;display:block;overflow:hidden;width:300px;max-width:100%;height:56px;line-height:56px;text-align:center;font-size:16px;font-weight:700;margin:50px auto 0;color:#fff;background:linear-gradient(135deg,#ffb02e,#ff6b3d);border-radius:999px;box-shadow:0 14px 28px #ff6b3d3d}
.top-table .btn-link::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#ffffff38,transparent 42%);pointer-events:none}
.top-table .btn-link:hover{transform:translateY(-2px)}

/* Metrics */
.section2 .tit{margin-top:50px}
.section2 .txt{font-size:18px}
.section2 .attr{display:flex;align-items:stretch;margin-top:46px;padding:28px 24px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 40px #173c6314}
.section2 .attr dl{flex:1;min-height:150px;padding:8px 26px;border-right:1px solid #eaf0f6;display:flex;flex-direction:column;justify-content:center}
.section2 .attr dl:last-child{border-right:0}
.section2 .attr dt{font-size:20px;line-height:1.45;color:var(--muted)}
.section2 .attr dd{margin-top:10px;font-size:34px;font-weight:700;line-height:1.15;color:#102540}
.section2 .attr .icon{display:block;margin:0 auto 10px}

/* Switchable product introduction */
.section3{padding:64px 0;background:linear-gradient(90deg,#f7fbff,#f3f7fb 52%,#eef8f5)}
.section3 .wrapper{display:grid;grid-template-columns:520px 1fr;column-gap:64px;align-items:start;min-height:360px}
.section3 .wrapper::before{grid-column:1/-1}
.section3 .img{display:block;width:520px;height:360px;object-fit:cover;border-radius:8px;box-shadow:0 20px 45px #173c6324}
.js .section3 .img2{display:none}
.js .section3.toggle .img1{display:none}
.js .section3.toggle .img2{display:block}
html:not(.js) .section3 .img2{margin-top:20px}
.section3 .con{min-width:0;padding:34px 36px;background:#ffffffb8;border:1px solid #dde8f2e6;border-radius:8px;box-shadow:0 16px 42px #173c6314}
.section3 .tit span{display:block;font-size:24px}
.section3 .btn-group{display:flex;width:100%;margin:24px 0 28px;padding:4px;border:1px solid #dfe1e2;border-radius:32px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.section3 .btn{flex:1;min-width:0;height:54px;line-height:54px;font-size:18px;border:0;border-radius:27px;background:none;color:#666}
.section3 .btn.on{color:#fff;background:linear-gradient(135deg,var(--blue),var(--green));box-shadow:0 10px 22px #2f91ff40}
.section3 .txt{margin-top:28px;font-size:18px}

/* Academy and article cards */
.section4{padding:62px 0 58px;background:#f8fbfd}
.section4+.section4{padding-top:36px}
.section4 .wrapper{padding-top:4px}
.section4 .txt{max-width:none;margin:10px 0 30px;padding:26px 30px;font-size:16px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 14px 34px #173c630f}
.section4+.section4 .txt{padding:0;background:transparent;border:0;box-shadow:none}
.art-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px;margin-top:28px}
.art-list a{position:relative;display:block;overflow:hidden;min-height:132px;padding:24px 26px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 14px 34px #173c6314}
.art-list a::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,var(--blue),var(--green));opacity:.72}
.art-list a:hover{transform:translateY(-4px);background:linear-gradient(135deg,#246ed8,#18b98f);color:#fff;box-shadow:0 20px 42px #246ed833}
.art-list dt{display:flex;align-items:baseline;gap:12px;font-size:16px;font-weight:700;color:#16253a}
.art-list h3{flex:1;min-width:0;font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.art-list .time{flex:none;font-size:16px;font-weight:400;color:#999}
.art-list dd{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:48px;line-height:24px;margin-top:10px;font-size:14px;color:var(--muted)}
.art-list a:hover dt,.art-list a:hover dd,.art-list a:hover .time{color:#fff}
.footer{padding:25px 24px;text-align:center;font-size:14px;line-height:32px;background:#102033;color:#ffffffa8}
.footer a:hover{color:#fff}

/* Narrow screens preserve all table columns through horizontal scrolling. */
@media(max-width:1100px){
 .wrapper{max-width:calc(100% - 40px)}
 .section1{height:auto;min-height:720px;padding-bottom:80px}
 .section1 .cont{padding-top:100px}.section1 .text{width:42%;padding:30px 24px;margin-top:90px}
 .section1 .btn{width:auto;flex:1;font-size:18px}.section1 .btn-group{gap:14px}
 .section1 .text li{font-size:16px}.section1 .text h2{font-size:25px}
 .section3 .wrapper{grid-template-columns:44% 1fr;gap:24px}.section3 .img{width:100%;height:auto;aspect-ratio:13/9}
 .section3 .con{padding:28px}.section3 .tit{font-size:32px}.section3 .tit span{font-size:21px}
 .art-list dt{flex-wrap:wrap;gap:3px}.art-list h3{flex-basis:100%}.art-list a{min-height:154px}
}
@media(max-width:720px){
 .wrapper{max-width:calc(100% - 32px)}
 .section1 .wrapper{display:block}.section1 .cont{max-width:none;padding-top:52px}
 .section1 .tit{font-size:42px}.section1 .txt{font-size:19px;margin-top:24px}.section1 .tip{font-size:15px;margin-top:24px;padding:10px 14px}
 .section1 .btn-group{margin-top:28px}.section1 .btn{font-size:17px;height:56px;line-height:56px}.section1 .btn .icon{margin-right:7px}
 .section1 .text{width:100%;margin-top:64px;padding:28px 22px;min-height:0}.section1 .text h2{font-size:25px;min-height:0}.gift-art{height:140px}
 .section1 .text li{margin-bottom:12px}.section1 .text ul{margin-top:16px}.section1{padding-bottom:70px}
 .section2,.section5,.section3,.section4{padding:42px 0}
 .section2 .tit,.section4 .tit,.section5 .tit{font-size:27px}.section2 .tit{margin-top:0}
 .section2 .tit::before,.section4 .tit::before,.section5 .tit::before{height:26px;top:5px}
 .section2 .txt{font-size:16px}.top-table{padding:16px 12px 26px}.top-table::before{left:12px;right:12px}
 .top-table .btn-link{margin-top:28px;width:260px}
 .section2 .attr{margin-top:28px;padding:18px 6px}.section2 .attr dl{padding:4px 10px;min-height:130px}
 .section2 .attr .icon{width:64px;height:64px}.section2 .attr dt{font-size:13px}.section2 .attr dd{font-size:23px}
 .section3 .wrapper{display:block}.section3 .img{width:100%;height:auto}.section3 .con{margin-top:24px;padding:26px 22px}
 .section3 .tit{font-size:30px}.section3 .txt{font-size:16px}.section3 .btn{height:48px;line-height:48px}
 .section4 .txt{padding:22px;font-size:15px}.section4+.section4{padding-top:20px}.art-list{grid-template-columns:1fr;gap:18px}.art-list a{padding:22px;min-height:142px}
 .footer{font-size:12px;line-height:26px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}a,button{transition:none}.art-list a:hover,.section1 .btn:hover,.top-table .btn-link:hover{transform:none}}