:root{
  --ink:#12202E;--ink2:#5B6670;--ink3:#8A9299;
  --bg:#FAF9F6;--card:#FFFFFF;--line:#E6E3DC;--line2:#F0EEE8;
  --navy:#0A1E38;--navy2:#12345F;--blue:#1B4FA3;--blue2:#2E6BE0;
  --green:#17603F;--green2:#2ECC8F;--teal:#1FAAA8;--gold:#B0863A;--alert:#C0392B;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.75;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
.w{max-width:1200px;margin:0 auto;padding:0 26px}

/* 顶栏 */
.draftbar{background:#FBEFEC;border-bottom:1px solid #EFC9C0;color:#6E2E22;font-size:12.5px;text-align:center;padding:8px 20px}
.draftbar b{color:var(--alert)}
.draftbar a{color:var(--alert);font-weight:800;text-decoration:underline}
.util{background:var(--navy);color:#8FA6C0;font-size:12px}
.util .w{display:flex;justify-content:space-between;align-items:center;height:34px}
.util b{color:#C6D6E8;font-weight:500}
.util span{margin-left:16px}
header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
header .w{display:flex;align-items:center;justify-content:space-between;height:86px;gap:20px}
.brand{display:flex;align-items:center;gap:14px;flex:none}
.brand img{height:62px;width:auto}
.brand .bt{border-left:1px solid var(--line);padding-left:14px;line-height:1.35}
.brand .bt b{display:block;font-size:17px;font-weight:900;letter-spacing:.5px}
.brand .bt span{font-size:11px;color:var(--ink3);letter-spacing:1.5px}
nav{display:flex;gap:2px;flex-wrap:wrap}
nav a{padding:8px 15px;font-size:14.5px;font-weight:700;color:var(--ink2);border-radius:8px;white-space:nowrap}
nav a:hover{color:var(--blue);background:#F2F6FC}
nav a.on{color:var(--navy2)}
nav a.on:after{content:"";display:block;height:3px;border-radius:2px;background:var(--teal);margin-top:5px}
@media(max-width:1120px){.brand .bt{display:none}nav a{padding:6px 9px;font-size:13px}}
@media(max-width:860px){header .w{height:auto;padding-top:12px;padding-bottom:12px;flex-wrap:wrap}nav{width:100%}}

/* 主视觉 */
.hero{position:relative;background:linear-gradient(115deg,#06162B 0%,#0A1E38 38%,#12345F 100%);color:#fff;overflow:hidden}
.hero svg.rb{position:absolute;inset:0;width:100%;height:100%}
.hero .w{position:relative;padding-top:96px;padding-bottom:96px}
.kick{display:inline-flex;align-items:center;gap:9px;background:rgba(31,170,168,.14);border:1px solid rgba(31,170,168,.38);color:#7FDDD9;font-size:12.5px;font-weight:700;padding:5px 14px;border-radius:100px;letter-spacing:.5px}
.kick i{font-style:normal;width:6px;height:6px;border-radius:50%;background:#2ECC8F;box-shadow:0 0 9px #2ECC8F}
.hero h1{font-size:52px;font-weight:900;line-height:1.22;margin:22px 0 0;letter-spacing:1px}
.hero h1 em{font-style:normal;background:linear-gradient(96deg,#2ECC8F,#4FD8D4 55%,#6FA8FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .slg{font-size:19px;color:#9FBCD8;margin-top:16px;letter-spacing:5px;font-weight:300}
.hero .lead{font-size:15.5px;color:#B9CFE4;margin-top:20px;max-width:640px;line-height:1.9}
.cta{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}
.btn{padding:13px 30px;border-radius:10px;font-size:15px;font-weight:800;border:1px solid transparent}
.btn.p{background:linear-gradient(100deg,#17603F,#2ECC8F);color:#fff;box-shadow:0 8px 26px rgba(46,204,143,.24)}
.btn.s{border-color:rgba(255,255,255,.34);color:#fff}
.btn.s:hover{background:rgba(255,255,255,.09)}
@media(max-width:860px){.hero h1{font-size:34px}.hero .w{padding-top:56px;padding-bottom:56px}.hero .slg{font-size:15px;letter-spacing:3px}}

/* 内页头 */
.phead{position:relative;background:linear-gradient(112deg,#06162B,#0A1E38 45%,#12345F);color:#fff;overflow:hidden}
.phead svg.rb{position:absolute;inset:0;width:100%;height:100%;opacity:.85}
.phead .w{position:relative;padding:62px 26px 56px}
.crumb{font-size:12.5px;color:#7E97B4}
.crumb a:hover{color:#7FDDD9}
.phead h1{font-size:40px;font-weight:900;margin-top:10px;letter-spacing:1px}
.phead p{font-size:15px;color:#A9C2DE;margin-top:14px;max-width:720px;line-height:1.9}
@media(max-width:860px){.phead h1{font-size:29px}.phead .w{padding:38px 26px 34px}}

/* 数字看板 */
.stats{background:rgba(255,255,255,.055);border-top:1px solid rgba(255,255,255,.11);position:relative}
.stats .w{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.11);padding:0}
.st{background:#0B2039;padding:26px 24px}
.st .v{font-size:38px;font-weight:900;color:#fff;line-height:1;letter-spacing:-1px;font-variant-numeric:tabular-nums}
.st .v small{font-size:16px;font-weight:700;margin-left:3px;color:#7FDDD9}
.st .l{font-size:13px;color:#8FA6C0;margin-top:9px}
.st .n{font-size:11px;color:#5E7B99;margin-top:2px}
@media(max-width:860px){.stats .w{grid-template-columns:1fr 1fr}}

/* 区块 */
section{padding:76px 0}
section.tight{padding:56px 0}
section.alt{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sh{margin-bottom:34px}
.sh .en{font-size:11.5px;font-weight:800;letter-spacing:3px;color:var(--teal);text-transform:uppercase}
.sh h2{font-size:32px;font-weight:900;margin-top:6px;letter-spacing:.5px}
.sh h2.sm{font-size:25px}
.sh p{font-size:14.5px;color:var(--ink2);margin-top:10px;max-width:780px}
.sh.c{text-align:center}.sh.c p{margin-left:auto;margin-right:auto}
.shx{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.mlink{font-size:13.5px;color:var(--teal);font-weight:800;white-space:nowrap;padding-bottom:6px}
.mlink:hover{color:var(--green)}

/* 六步 */
.loop{display:grid;grid-template-columns:repeat(6,1fr);border-radius:16px;overflow:hidden;box-shadow:0 2px 20px rgba(18,52,95,.07)}
.lp{padding:26px 18px 24px;color:#fff;position:relative}
.lp .no{font-size:11px;font-weight:800;opacity:.62;letter-spacing:1px}
.lp b{display:block;font-size:20px;font-weight:900;margin:5px 0 8px}
.lp span{font-size:12px;line-height:1.65;display:block;opacity:.88}
.lp:after{content:"";position:absolute;right:-11px;top:50%;transform:translateY(-50%);border-left:11px solid var(--ac);border-top:11px solid transparent;border-bottom:11px solid transparent;z-index:2}
.lp:last-child:after{display:none}
@media(max-width:900px){.loop{grid-template-columns:1fr 1fr 1fr}.lp:after{display:none}}
@media(max-width:600px){.loop{grid-template-columns:1fr 1fr}}

/* 三不 */
.solve{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.sv{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:26px 24px;position:relative;overflow:hidden}
.sv:before{content:attr(data-n);position:absolute;right:16px;top:6px;font-size:64px;font-weight:900;color:#F2F0EA;line-height:1}
.sv .bad{display:inline-block;background:#FBEAE8;color:var(--alert);font-size:12px;font-weight:800;border-radius:6px;padding:2px 10px}
.sv h3{font-size:19px;font-weight:900;margin:12px 0 8px;position:relative}
.sv p{font-size:13.5px;color:var(--ink2);line-height:1.8;position:relative}
.sv .k{display:block;margin-top:12px;padding-top:12px;border-top:1px dashed var(--line);font-size:13px;color:var(--green);font-weight:800}
@media(max-width:900px){.solve{grid-template-columns:1fr}}

/* 能力卡 */
.caps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.cp{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:24px 22px;border-top:3px solid var(--blue)}
.cp:nth-child(2){border-top-color:var(--teal)}
.cp:nth-child(3){border-top-color:var(--green)}
.cp:nth-child(4){border-top-color:var(--gold)}
.cp .ic{font-size:26px}
.cp b{display:block;font-size:16.5px;font-weight:900;margin:10px 0 7px}
.cp p{font-size:13px;color:var(--ink2);line-height:1.8}
@media(max-width:1000px){.caps{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.caps{grid-template-columns:1fr}}

/* 面板列表 */
.two{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.panel{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.panel .ph{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;border-bottom:1px solid var(--line2)}
.panel .ph b{font-size:17px;font-weight:900}
.panel .ph span{font-size:12px;color:var(--ink3)}
.rowi{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 22px;border-bottom:1px solid var(--line2);font-size:13.5px}
.rowi:last-child{border-bottom:none}
.rowi .t{font-weight:700}
.rowi .m{font-size:11.5px;color:var(--ink3);margin-top:1px}
.pill{flex:none;font-size:11px;font-weight:800;border-radius:100px;padding:2px 11px;background:#F2F0EA;color:var(--ink3)}
.pill.soon{background:#F5EFE0;color:var(--gold)}
.pill.live{background:#E4F5EC;color:var(--green)}
.pill.plan{background:#EFF2F7;color:var(--blue)}
@media(max-width:900px){.two{grid-template-columns:1fr}}

/* 节点 */
.nodewrap{background:linear-gradient(120deg,#0A1E38,#12345F);border-radius:18px;padding:34px;color:#fff;display:grid;grid-template-columns:300px 1fr;gap:34px;align-items:center}
.nodewrap h3{font-size:25px;font-weight:900}
.nodewrap p{font-size:13.5px;color:#A9C2DE;margin-top:12px;line-height:1.9}
.nlv{margin-top:20px}
.nl{display:flex;align-items:center;gap:11px;font-size:13px;color:#C6D6E8;margin-bottom:9px}
.nl i{font-style:normal;width:10px;height:10px;border-radius:3px;flex:none}
.prov{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:7px}
.pv{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:9px;text-align:center;padding:11px 4px;font-size:13px;color:#8FA6C0}
.pv.on{background:linear-gradient(135deg,#17603F,#2ECC8F);border-color:transparent;color:#fff;font-weight:800}
.pv.next{border-color:rgba(46,204,143,.45);color:#7FDDD9}
@media(max-width:900px){.nodewrap{grid-template-columns:1fr;padding:24px}}

/* 岗位卡 */
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.po{background:var(--card);border:1px solid var(--line);border-radius:15px;overflow:hidden}
.po .top{padding:22px;color:#fff}
.po .top .lv{font-size:11px;font-weight:800;opacity:.8;letter-spacing:1px}
.po .top b{display:block;font-size:20px;font-weight:900;margin-top:4px}
.po .top span{font-size:12.5px;opacity:.9;display:block;margin-top:6px;line-height:1.6}
.po .bd{padding:18px 22px 22px}
.po .bd .r{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding:6px 0;border-bottom:1px dashed var(--line2)}
.po .bd .r:last-child{border-bottom:none}
.po .bd .r span{color:var(--ink2);flex:none}
.po .bd .r b{font-weight:800;text-align:right}
@media(max-width:900px){.posts{grid-template-columns:1fr}}

/* 机构 */
.orgs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.og{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:20px 22px}
.og b{display:block;font-size:15.5px;font-weight:900}
.og span{font-size:12.5px;color:var(--ink2);display:block;margin-top:4px;line-height:1.65}
@media(max-width:900px){.orgs{grid-template-columns:1fr}}

/* 新闻 */
.news{display:grid;grid-template-columns:1.35fr 1fr;gap:22px}
.nw{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--line2)}
.nw:last-child{border-bottom:none}
.nw .dt{flex:none;width:62px;text-align:center;border-right:1px solid var(--line);padding-right:14px}
.nw .dt b{display:block;font-size:23px;font-weight:900;line-height:1.1}
.nw .dt span{font-size:11px;color:var(--ink3)}
.nw .tx b{font-size:15px;font-weight:800;display:block}
.nw .tx p{font-size:12.5px;color:var(--ink2);margin-top:4px;line-height:1.7}
.notice{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:6px 22px 14px}
.notice .ni{padding:13px 0;border-bottom:1px dashed var(--line2);font-size:13.5px}
.notice .ni:last-child{border-bottom:none}
.notice .ni span{display:block;font-size:11.5px;color:var(--ink3);margin-top:2px}
@media(max-width:900px){.news{grid-template-columns:1fr}}

/* 授权链 */
.chain{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap}
.ch{flex:1;min-width:200px;border-radius:14px;color:#fff;padding:20px 22px}
.ch .n{font-size:11px;opacity:.8;letter-spacing:1px;font-weight:700}
.ch b{display:block;font-size:18px;font-weight:900;margin:5px 0 6px}
.ch span{font-size:12.5px;opacity:.9;line-height:1.65;display:block}
.cha{align-self:center;color:#C9C3B4;font-weight:900;font-size:19px}

/* 表格 */
table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;font-size:13.5px}
th,td{padding:13px 16px;text-align:left;border-bottom:1px solid var(--line2);vertical-align:top}
th{background:#F4F2EC;font-weight:800;font-size:12.5px}
tr:last-child td{border-bottom:none}

/* 步骤 */
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.sp{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px 18px;position:relative}
.sp .n{width:30px;height:30px;border-radius:9px;background:var(--navy2);color:#fff;font-weight:900;font-size:14px;display:flex;align-items:center;justify-content:center}
.sp b{display:block;font-size:16px;font-weight:900;margin:11px 0 6px}
.sp p{font-size:12.5px;color:var(--ink2);line-height:1.75}
@media(max-width:1000px){.steps{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.steps{grid-template-columns:1fr}}

/* 权益 */
.rights{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.rt{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--green);border-radius:13px;padding:19px 21px}
.rt b{display:block;font-size:16px;font-weight:900}
.rt p{font-size:13px;color:var(--ink2);margin-top:5px;line-height:1.75}
@media(max-width:900px){.rights{grid-template-columns:1fr}}

/* 大字块 */
.mvv{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mv{border-radius:16px;padding:32px 28px;color:#fff}
.mv .n{font-size:11.5px;letter-spacing:3px;opacity:.8;font-weight:700}
.mv b{display:block;font-size:26px;font-weight:900;margin-top:10px;line-height:1.4}
@media(max-width:900px){.mvv{grid-template-columns:1fr}}

/* 时间轴 */
.tline{position:relative;padding-left:26px}
.tline:before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:2px;background:var(--line)}
.ti{position:relative;padding:0 0 26px 0}
.ti:before{content:"";position:absolute;left:-26px;top:7px;width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--teal)}
.ti .d{font-size:12.5px;color:var(--teal);font-weight:800}
.ti b{display:block;font-size:16.5px;font-weight:900;margin-top:2px}
.ti p{font-size:13.5px;color:var(--ink2);margin-top:4px;line-height:1.8}

/* 提示条 */
.tip{background:#EFF4EE;border:1px solid #D6E2D6;border-left:4px solid var(--green);border-radius:12px;padding:14px 18px;font-size:13.5px;color:#2C4536;line-height:1.8}
.tip.w{background:#FBEFEC;border-color:#EFC9C0;border-left-color:var(--alert);color:#6E2E22}

/* 行动条 */
.band{background:linear-gradient(100deg,#17603F,#1FAAA8);color:#fff;text-align:center;padding:54px 0}
.band h3{font-size:29px;font-weight:900}
.band p{font-size:14.5px;color:#D3F0E7;margin-top:10px}
.band .cta{justify-content:center;margin-top:26px}
.band .btn.p{background:#fff;color:var(--green);box-shadow:none}
@media(max-width:860px){.band h3{font-size:22px}}

/* 页脚 */
footer{background:var(--navy);color:#7E93AB;font-size:13px;padding:52px 0 0}
.fg{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:34px;padding-bottom:34px}
.fg h4{color:#fff;font-size:14.5px;font-weight:800;margin-bottom:14px}
.fg a{display:block;padding:4px 0;color:#7E93AB}
.fg a:hover{color:#7FDDD9}
.fbrand .plate{display:inline-block;background:#fff;border-radius:12px;padding:14px 16px;margin-bottom:16px}
.fbrand .plate img{height:66px;width:auto}
.fbrand p{line-height:1.9;font-size:12.5px}
.fbot{border-top:1px solid rgba(255,255,255,.1);padding:18px 0;font-size:12px;color:#5E7B99;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
@media(max-width:900px){.fg{grid-template-columns:1fr 1fr}}