:root { color-scheme: dark; --ink:#eaf0ed; --muted:#98aaa4; --bg:#08110f; --panel:#0e1b18; --panel2:#12231f; --lime:#b7ec68; --cyan:#59d8c4; --line:rgba(183,236,104,.15); font-family:"Microsoft YaHei","PingFang SC",sans-serif; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } section[id] { scroll-margin-top:88px; }
body { margin:0; color:var(--ink); background:linear-gradient(rgba(183,236,104,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(183,236,104,.025) 1px,transparent 1px),var(--bg); background-size:42px 42px; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
header { position:sticky; top:0; z-index:20; display:flex; max-width:1220px; margin:0 auto; padding:17px 25px; align-items:center; justify-content:space-between; gap:24px; background:rgba(8,17,15,.88); border-bottom:1px solid var(--line); backdrop-filter:blur(16px); }
.brand { display:inline-flex; align-items:center; gap:12px; color:var(--lime); font-size:19px; font-weight:800; letter-spacing:.08em; }
.brand-icon { position:relative; display:block; width:38px; height:38px; border:1px solid rgba(183,236,104,.35); border-radius:50%; }
.brand-icon::before,.brand-icon::after { content:""; position:absolute; top:50%; left:50%; background:var(--lime); transform:translate(-50%,-50%); }
.brand-icon::before { width:22px; height:1px; }.brand-icon::after { width:1px; height:22px; }
.brand-icon i { position:absolute; z-index:1; width:6px; height:6px; border-radius:50%; background:var(--cyan); box-shadow:0 0 12px var(--cyan); }
.brand-icon i:nth-child(1){top:7px;left:16px}.brand-icon i:nth-child(2){top:16px;right:7px}.brand-icon i:nth-child(3){bottom:7px;left:8px}
nav { display:flex; gap:25px; } nav a { color:var(--muted); font-size:13px; font-weight:650; } nav a:hover { color:var(--lime); }
main { max-width:1220px; margin:0 auto; padding:0 25px 76px; }
.hero { display:grid; grid-template-columns:1.05fr .95fr; min-height:670px; padding:60px 0; align-items:center; gap:54px; }
.eyebrow { margin:0 0 16px; color:var(--lime); font-size:10px; font-weight:850; letter-spacing:.22em; }
h1,h2,h3,p { margin-top:0; } h1 { margin-bottom:28px; font-size:clamp(48px,6vw,76px); line-height:1.12; letter-spacing:-.035em; } h1 em { color:var(--lime); font-style:normal; } h2 { margin-bottom:16px; font-size:clamp(31px,4vw,45px); line-height:1.25; } h3 { margin-bottom:10px; font-size:19px; }
.lead { max-width:650px; margin-bottom:32px; color:var(--muted); font-size:17px; line-height:1.95; }
.primary { display:inline-flex; min-height:48px; padding:0 21px; align-items:center; gap:18px; border:1px solid rgba(183,236,104,.45); color:var(--lime); background:rgba(183,236,104,.06); font-size:14px; font-weight:750; transition:160ms ease; }.primary:hover { background:rgba(183,236,104,.13); transform:translateY(-2px); }
.network-board { padding:28px; border:1px solid var(--line); border-radius:24px; background:radial-gradient(circle at 50% 45%,rgba(89,216,196,.08),transparent 16rem),rgba(14,27,24,.9); box-shadow:0 32px 80px rgba(0,0,0,.34); }
.board-head { display:grid; gap:7px; padding-bottom:20px; border-bottom:1px solid var(--line); }.board-head span { color:var(--lime); font-size:9px; font-weight:800; letter-spacing:.22em; }.board-head b { font-size:21px; }
.network-map { position:relative; min-height:390px; }
.line { position:absolute; z-index:0; height:1px; background:linear-gradient(90deg,transparent,var(--cyan),transparent); transform-origin:left; opacity:.6; }.l1{width:180px;top:194px;left:50%;transform:rotate(-138deg)}.l2{width:170px;top:194px;left:50%;transform:rotate(-25deg)}.l3{width:160px;top:194px;left:50%;transform:rotate(120deg)}
.hub,.node { position:absolute; z-index:1; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; border:1px solid var(--line); background:var(--panel2); box-shadow:0 12px 30px rgba(0,0,0,.22); }
.hub { top:50%;left:50%;width:130px;height:130px;border-radius:50%;transform:translate(-50%,-50%); }.node { width:110px;height:86px;border-radius:15px; }.n1{top:24px;left:20px}.n2{top:52px;right:8px}.n3{bottom:18px;left:35px}
.hub i,.node i { display:block; margin-bottom:9px; border-radius:50%; background:var(--cyan); box-shadow:0 0 15px rgba(89,216,196,.8); }.hub i{width:10px;height:10px}.node i{width:7px;height:7px}.hub b,.node b { font-size:13px; }.hub small,.node small { margin-top:5px; color:var(--muted); font-size:10px; }
.network-board dl { display:grid; grid-template-columns:repeat(3,1fr); margin:0; padding-top:20px; border-top:1px solid var(--line); }.network-board dl div { padding:0 14px; border-right:1px solid var(--line); }.network-board dl div:first-child{padding-left:0}.network-board dl div:last-child{border:0}.network-board dt{margin-bottom:6px;color:var(--muted);font-size:10px}.network-board dd{margin:0;font-size:13px}
.section { padding:92px 0; border-top:1px solid var(--line); }.about { display:grid; grid-template-columns:.7fr 1.3fr; gap:75px; }.about-text { padding-left:35px; border-left:1px solid var(--lime); }.about-text p { color:var(--muted); font-size:17px; line-height:1.95; }
.section-title { display:flex; margin-bottom:44px; align-items:end; justify-content:space-between; gap:30px; }.section-title .eyebrow { position:absolute; }.section-title h2 { margin:30px 0 0; }.section-title > span { padding-bottom:8px; color:var(--muted); font-size:13px; }
.scope-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--lime); border-bottom:1px solid var(--line); }.scope-grid article { min-height:265px; padding:29px 25px; border-right:1px solid var(--line); background:rgba(14,27,24,.5); }.scope-grid article:last-child{border:0}.number { margin-bottom:48px; color:var(--lime); font-size:11px; font-weight:850; }.scope-grid p,.workflow p { color:var(--muted); line-height:1.82; }
.workflow { margin:25px -25px; padding-right:50px; padding-left:50px; border:1px solid var(--line); border-radius:24px; background:var(--panel); }.workflow ol { display:grid; grid-template-columns:repeat(4,1fr); margin:0; padding:0; list-style:none; }.workflow li { padding:26px; border-left:1px solid var(--line); }.workflow li:last-child{border-right:1px solid var(--line)}.workflow li > span { display:block; margin-bottom:32px; color:var(--lime); font-size:10px; font-weight:800; letter-spacing:.12em; }
footer { border-top:1px solid var(--line); background:#06100d; }.footer-inner { display:flex; max-width:1220px; margin:0 auto; padding:24px 25px; align-items:center; justify-content:space-between; gap:18px; color:var(--muted); font-size:12px; }.beian { display:flex; flex-wrap:wrap; gap:18px; }.beian a:hover{color:var(--lime)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms!important}}
@media(max-width:920px){nav{display:none}.hero{grid-template-columns:1fr}.scope-grid,.workflow ol{grid-template-columns:repeat(2,1fr)}.scope-grid article:nth-child(2){border-right:0}.scope-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}.workflow li:nth-child(3){border-left:0}}
@media(max-width:620px){header,main,.footer-inner{padding-right:18px;padding-left:18px}.hero{min-height:0;padding-top:42px;gap:48px}h1{font-size:43px}.lead{font-size:15px}.network-board{padding:22px 17px}.network-map{min-height:350px}.node{width:94px}.l1,.l2,.l3{width:135px}.section{padding:66px 0}.about{grid-template-columns:1fr;gap:28px}.about-text{padding-left:20px}.section-title{align-items:flex-start;flex-direction:column}.scope-grid,.workflow ol{grid-template-columns:1fr}.scope-grid article{min-height:210px;border-right:0;border-bottom:1px solid var(--line)}.scope-grid article:last-child{border-bottom:0}.number{margin-bottom:28px}.workflow{margin-right:-18px;margin-left:-18px;padding-right:18px;padding-left:18px;border-radius:20px}.workflow li,.workflow li:nth-child(3),.workflow li:last-child{border-right:0;border-bottom:1px solid var(--line);border-left:0}.workflow li:last-child{border-bottom:0}.footer-inner{align-items:flex-start;flex-direction:column}}