.workflow-placeholder{background:radial-gradient(circle at 76% 42%,rgba(183,239,35,.11),transparent 28%),linear-gradient(rgba(205,225,194,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(205,225,194,.045) 1px,transparent 1px),#050806;background-size:auto,58px 58px,58px 58px;border-bottom:1px solid rgba(225,239,214,.16);border-top:1px solid rgba(225,239,214,.16);display:grid;grid-template-columns:.18fr .65fr 1.17fr;min-height:520px;overflow:hidden;padding:72px 4vw;position:relative;scroll-margin-top:62px}
.workflow-index{border-right:1px solid rgba(225,239,214,.17);display:flex;flex-direction:column;justify-content:space-between;padding-right:25px}
.workflow-index>span{color:#c9ff35;font:400 58px/1 Georgia,serif}
.workflow-index small{color:#8f978e;font:8px/1.7 Arial,sans-serif;letter-spacing:.2em}
.workflow-copy{align-self:center;padding:0 4vw}
.workflow-copy>p{color:#c9ff35;font:8px Arial,sans-serif;letter-spacing:.23em;margin:0 0 26px}
.workflow-copy h2{color:#f0efe8;font:400 clamp(54px,6vw,96px)/.75 Georgia,serif;letter-spacing:-.055em;margin:0}
.workflow-copy h2 em{color:#c9ff35;font-weight:400}
.workflow-copy>div{align-items:center;color:#d9ddcf;display:flex;font:12px "Songti SC",STSong,serif;gap:14px;margin-top:34px}
.workflow-copy>div i{background:rgba(225,239,214,.36);height:1px;width:36px}
.workflow-copy>strong{color:#899187;display:block;font:400 12px/1.9 "Microsoft YaHei",sans-serif;margin-top:20px;max-width:430px}
.workflow-canvas{align-self:center;border:1px solid rgba(225,239,214,.2);height:330px;position:relative}
.workflow-canvas:before{border:1px solid rgba(201,255,53,.18);border-radius:50%;content:"";height:260px;position:absolute;right:-80px;top:-110px;width:260px}
.workflow-canvas svg{height:100%;inset:0;position:absolute;width:100%}
.workflow-canvas path{fill:none;stroke:rgba(201,255,53,.52);stroke-width:1.2;vector-effect:non-scaling-stroke}
.workflow-canvas .node{background:#09100b;border:1px solid rgba(221,230,211,.32);min-width:126px;padding:13px 15px;position:absolute;z-index:2}
.workflow-canvas .node:after{background:#c9ff35;border-radius:50%;content:"";height:6px;position:absolute;right:-4px;top:50%;width:6px}
.workflow-canvas .node b{color:#eee;font:8px Arial,sans-serif;letter-spacing:.2em}
.workflow-canvas .node small{color:#818980;display:block;font:10px "Microsoft YaHei",sans-serif;margin-top:7px}
.workflow-canvas .node-a{left:5%;top:43%}.workflow-canvas .node-b{left:40%;top:13%}.workflow-canvas .node-c{right:5%;top:62%}
.workflow-canvas>p{bottom:18px;color:#abb2a9;font:8px Arial,sans-serif;letter-spacing:.22em;margin:0;position:absolute;right:18px}.workflow-canvas>p b{color:#c9ff35}
@media(max-width:1000px){.workflow-placeholder{grid-template-columns:.2fr .8fr;padding:60px 3vw}.workflow-canvas{grid-column:1/-1;margin-top:38px;width:100%}.workflow-index{grid-row:1}.workflow-copy{grid-column:2}.workflow-placeholder{min-height:760px}}
@media(max-width:600px){.work-nav>div{gap:12px;max-width:77vw;overflow-x:auto;scrollbar-width:none}.work-nav>div::-webkit-scrollbar{display:none}.workflow-placeholder{display:block;min-height:690px;padding:50px 20px}.workflow-index{border:0;display:flex;flex-direction:row;padding:0}.workflow-index>span{font-size:42px}.workflow-copy{padding:34px 0 0}.workflow-copy h2{font-size:17vw}.workflow-copy>strong{font-size:11px}.workflow-canvas{height:300px;margin-top:34px}.workflow-canvas .node{min-width:105px;padding:11px}.workflow-canvas .node-b{left:36%}}