body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;background-color:#f2f2f2}*{scrollbar-width:thin;scrollbar-color:hsla(0,0%,50.2%,.45) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:hsla(0,0%,50.2%,.45);border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:hsla(0,0%,50.2%,.7)}@media (prefers-color-scheme:dark){*{scrollbar-color:hsla(0,0%,62.7%,.35) transparent}::-webkit-scrollbar-thumb{background-color:hsla(0,0%,62.7%,.35)}::-webkit-scrollbar-thumb:hover{background-color:hsla(0,0%,78.4%,.55)}}.top-nav{height:70px;background-color:hsla(0,0%,100%,.95);width:100%;position:fixed;border-bottom:1px solid #eee;box-shadow:0 3px 6px rgba(0,0,0,.16);z-index:1;transition:box-shadow .28s ease,-webkit-transform .28s ease;transition:transform .28s ease,box-shadow .28s ease;transition:transform .28s ease,box-shadow .28s ease,-webkit-transform .28s ease;will-change:transform}.top-nav.top-nav-hidden{-webkit-transform:translateY(-100%);transform:translateY(-100%);box-shadow:none;pointer-events:none}.top-nav .container{display:flex;flex-direction:row;align-content:space-between;height:100%}.top-nav .container>*{align-items:center}.top-nav .container .left{flex:3 1;display:flex;flex-direction:row}.top-nav .container .right{flex:1 1;display:flex;flex-direction:row-reverse}.top-nav .container .logo{margin-right:20px}.top-nav .container .logo img{max-height:70px}.top-nav h2,.top-nav h3{font-weight:400}.member-date,.top-font{font-size:18px}.member-date{padding:20px}.member-date span.date{background-color:wheat;padding:5px 10px;margin:5px;border-radius:3px;color:#9e6f09}.client-page{display:flex;flex-direction:column;align-items:center}.right-menu,.top-menu{display:flex;flex-direction:row;align-items:center}.right-menu .pro,.top-menu .pro{background-color:wheat;padding:5px;margin:5px;border-radius:3px;color:#9e6f09;font-size:9px;cursor:pointer}.right-menu>*,.top-menu>*{margin-right:20px}.right-menu>* a,.top-menu>* a{text-decoration:none;color:#8a9ba8;font-size:18px;display:flex;align-items:center;height:70px;border-bottom:5px solid transparent;border-top:5px solid transparent}.right-menu>* a:hover,.top-menu>* a:hover{color:#000}.right-menu>* a.active,.top-menu>* a.active{color:#0e5a8a;border-bottom-color:#0e5a8a}.right-menu .menu-item{margin-right:10px;width:40px}.footer{height:70px;display:flex;flex-direction:column;justify-content:center;align-items:center}.footer>*{flex:1 1}.footer .gray{display:flex;justify-content:center;align-items:center}.footer .last{display:flex;align-items:flex-end}.footer .icon{max-height:120px;opacity:.2}.footer .icon:hover{opacity:1}.white{background-color:#fff}.gray,.gray a{color:#bfccd6}.main-page{padding-top:70px;min-height:calc(100vh - 70px)}.container{margin-left:auto;margin-right:auto;max-width:1000px}.code-box{display:flex;flex-direction:column;align-items:center;margin-top:50px}.code-box .subtitle{margin-top:20px}.code-box img{max-width:200px;max-height:200px}.top10{margin-top:10px}.top20{margin-top:20px}.user-avatar img{max-width:40px;max-height:40px;border-radius:100%}.padding50{padding:50px}.padding10{padding:10px}.right10{margin-right:10px}.thetitle{font-size:20px;color:#5c7080}.hr{border-bottom:1px solid #eee;margin-top:30px;margin-bottom:30px}.result{font-family:Source code pro,Courier New,Courier,monospace;word-wrap:break-word;text-align:justify}.push-page .title{font-size:20px}.push-page .desp{margin-top:20px;font-size:16px;color:#5c7080}.sendkey-page .settings{line-height:1.6}.sendkey-page .settings .bp3-input{border:1px solid #000}.sendkey-page .settings .explain{color:#8a9ba8}.sendkey-page .settings>*{margin-top:10px}.sendkey-page .settings .step{font-size:16px;color:#0e5a8a;margin-bottom:30px;padding-bottom:30px;border-bottom:3px dashed #eee}.sendkey-page .settings .step a{color:red}.sendkey-page .settings .step span{background-color:#ff0;padding-left:5px;padding-right:5px}.sendkey-page .settings .step pre{background-color:#eee;padding:10px;border-radius:5px}.sendkey-page .settings .step:hover .intropic img{opacity:1}.sendkey-page .settings .intropic{margin-top:10px}.sendkey-page .settings .intropic img{border-radius:5px;border:1px solid #eee;max-width:500px;opacity:.5}.sendkey-page .preview{margin-top:20px;margin-bottom:20px;padding:10px;border:1px dashed #eee}.pointer{cursor:pointer}.markbox{color:#5c7080;line-height:1.6}.markbox h1,.markbox h2,.markbox h3,.markbox h4,.markbox h5{font-weight:400;color:#000}.markbox h1:first-child,.markbox h2:first-child,.markbox h3:first-child,.markbox h4:first-child,.markbox h5:first-child{margin-top:0}.markbox hr{width:30%;border:1px solid #eee;margin-top:40px;margin-bottom:40px}.marktext tr{border-top:1px solid #c6cbd1;background:#fff}.marktext td,.marktext th{padding:6px 13px;border:1px solid #dfe2e5}.marktext table tr:nth-child(2n){background:#f6f8fa}.marktext table{border-collapse:collapse;border-spacing:0}.marktext blockquote{border-left:2px solid #0e5a8a;padding-left:10px;margin-left:0;font-size:18px;color:#0e5a8a}.marktext ol,.marktext ol ol,.marktext ol ul,.marktext ul,.marktext ul ol,.marktext ul ul{padding-left:20px}.txc-item{border-top:1px dashed #eee;margin-top:20px;padding-top:20px;display:flex;flex-direction:rows}.txc-item .left{max-width:200px;flex-direction:row-reverse;margin-right:10px}.txc-item .left .avatar{max-width:40px;max-height:40px;border-radius:100%}.txc-item .right{flex:1 1;word-wrap:break-word;text-align:justify;line-height:1.6}.txc-item .right>:not(:first-child){margin-top:10px}.txc-item .right .nick_name{color:#0e5a8a}.txc-item .right .timeline{font-size:12px;color:#bfccd6}.qrdiv{width:240px;height:240px;background-color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;left:calc(50% - 120px);top:calc(50% - 120px);border:1px solid #eee;border-radius:5px}.qrdiv h3{margin-top:0}.member-price{margin:0 0 30px;padding:0;display:flex;flex-direction:column}.member-price>li{display:flex;flex-direction:row;justify-content:space-between;padding:10px;border-bottom:1px solid #eee}.member-price>li .right{display:flex;align-items:center}.member-price .price{font-size:28px;font-family:Georgia,Times New Roman,Times,serif;color:#0e5a8a;margin-bottom:5px}.member-price .price .full{font-size:24px;color:#aaa;text-decoration:line-through;margin-left:10px}.tools-page{padding:20%;background-color:#fff}.tools-page .avatar{border-bottom:1px solid #ddd;margin-bottom:20px}.tools-page .avatar img{max-width:200px}.tools-page .preview{margin-top:20px;margin-bottom:20px;padding:10px;border:1px dashed #eee}@media only screen and (max-width:600px){.top-menu{display:none}.logo{margin-left:10px}.logo img{width:150px}.padding50{padding:10px}}.row-half{display:flex;flex-direction:row}.row-half>*{display:flex;flex:1 1}.row-half>:last-child{justify-content:flex-end;padding-left:5px}.row-half>:not(:last-child){padding-right:5px}.std-hr{border-top:1px solid #eee;margin-top:20px;padding-bottom:20px}.diary-page .title{font-size:18px}.diary-page .explian{margin-top:10px;margin-bottom:10px;color:#5c7080}.diary-page .diary-template{width:400px}.diary-page .diary-template .diary-template-item{border:1px solid #eee;height:50px;width:150px;display:inline-flex;justify-content:center;align-items:center;margin-right:5px;margin-bottom:5px}.diary-page .textbox{width:100%;height:240px;border:1px solid #ddd;padding:10px;line-height:24px}.diary-write-page{padding:20px}.diary-box{text-align:center}.diary-box .diary-item{border:1px solid #eee;height:40vw;width:40vw;display:inline-flex;padding:10px;margin-right:5px;margin-bottom:5px;text-align:left;flex-direction:column}.diary-box .diary-item textarea{border:0 solid #eee}.diary-box .diary-item textarea::-webkit-input-placeholder{color:#ddd}.diary-box .diary-item textarea:-ms-input-placeholder{color:#ddd}.diary-box .diary-item textarea::placeholder{color:#ddd}.diary-action{border-top:1px solid #eee;margin-top:20px;padding-top:20px;text-align:center}.mr-5{margin-right:5px}.diary-list{padding:20px}.diary-list .line{padding-top:10px;padding-bottom:10px}.diary-list .go-line{border-top:1px solid #eee;margin-top:30px;padding-top:30px}.diary-list .go-line>*{margin-bottom:10px}.diary-list .diary-item:not(:last-child){border-bottom:1px solid #ddd;margin-bottom:10px}.diary-list .diary-item .title{font-size:18px;margin-bottom:10px;display:flex;align-self:center;justify-content:space-between;padding-top:10px;padding-bottom:10px}.diary-list .diary-item .title svg{color:#c6cbd1}.diary-list .diary-item .line{border-top:1px dashed #eee;padding-top:5px;margin-bottom:10px}.diary-list .diary-item .line .topline{margin-top:5px;margin-bottom:5px;color:#aaa}.tips{padding:10px;margin-top:20px;border-radius:2px;line-height:1.8;background-color:#f9f9f9}.tips a{color:#666}.incode{margin-right:10px;padding:2px}ul.loose{line-height:2}.pushlog-item{margin-top:10px;padding:10px;border:1px solid #eee;border-radius:5px}.pushlog-item>*{margin-bottom:5px}.pushlog-item:hover{background-color:#dfe2e5}.pushlog-item .item-result{padding-bottom:5px}.pushlog-item .item-result .code{margin-top:10px;padding:10px;border-radius:5px;background-color:#fcf4e5;word-wrap:break-word;word-break:break-all}.pushlog-item .item-result .code pre{word-wrap:break-word!important;word-break:break-all!important;overflow-x:auto}.p-5{padding:20px}.explain{color:#bfccd6;margin-top:30px;border-top:1px dotted #eee;padding-top:10px}.explain,.mb-2{margin-bottom:10px}.send-lang-tabs{margin-top:12px}.send-lang-tabs .bp3-tab-list{overflow-x:auto;border-bottom:1px solid #e1e8ed;padding-bottom:0}.send-lang-tabs .bp3-tab{white-space:nowrap}.send-lang-tabs .bp3-tab,.send-lang-tabs .bp3-tab:focus,.send-lang-tabs .bp3-tab:focus-visible{outline:none!important;box-shadow:none!important}.send-lang-tabs .lang-tab-panel{padding-top:12px}.send-lang-tabs .lang-code-panel{position:relative}.send-lang-tabs .lang-code-toolbar{display:flex;align-items:center;justify-content:space-between;grid-gap:12px;gap:12px;padding:8px 12px;background-color:#f5f8fa;border:1px solid #e1e8ed;border-bottom:none;border-radius:5px 5px 0 0;flex-wrap:wrap}.send-lang-tabs .lang-code-key-picker{display:flex;align-items:center;grid-gap:6px;gap:6px;flex:1 1 auto;min-width:0}.send-lang-tabs .lang-code-key-picker .lang-code-key-label{font-size:13px;color:#5c7080;white-space:nowrap}.send-lang-tabs .lang-code-key-picker .bp3-html-select{flex:0 1 auto;max-width:320px}.send-lang-tabs .lang-code-key-picker .bp3-html-select select{font-family:Source Code Pro,Menlo,Courier New,monospace;font-size:12px}.send-lang-tabs pre.lang-code{background-color:#f5f8fa;border:1px solid #e1e8ed;border-radius:0 0 5px 5px;padding:16px 18px;margin:0;overflow-x:auto;font-family:Source Code Pro,Menlo,Courier New,monospace;font-size:13px;line-height:1.6;color:#182026}.send-lang-tabs pre.lang-code code{font-family:inherit;white-space:pre;word-break:normal}@media (prefers-color-scheme:dark){.send-lang-tabs .bp3-tab-list{border-bottom-color:#2c3036}.send-lang-tabs .lang-code-toolbar{background-color:#1f2329;border-color:#2c3036}.send-lang-tabs .lang-code-key-picker .lang-code-key-label{color:#a7b6c2}.send-lang-tabs pre.lang-code{background-color:#1f2329;border-color:#2c3036;color:#e5e8eb}}.app-key-box{margin-top:20px;margin-bottom:0;border-top:1px solid #eee;padding-top:30px;padding-bottom:10px}.app-key-box .table-wrapper{max-width:100vw;max-height:60vh;overflow-x:auto;overflow-y:auto;border:1px solid #ccc;border-radius:5px;margin-top:10px}.app-key-box .table{width:100%;max-width:100vw;border-radius:0;border:0;margin-top:0}.app-key-box .table td{vertical-align:middle}.app-key-box .table thead th{position:-webkit-sticky;position:sticky;top:0;z-index:1;background:#f5f8fa;box-shadow:inset 0 -1px 0 #c6cbd1}@media (prefers-color-scheme:dark){.app-key-box .table-wrapper{border-color:#2c3036}.app-key-box .table thead th{background:#1f2329;box-shadow:inset 0 -1px 0 #353a42}}.key-form{left:calc(50vw - 200px);margin:10vh 0;top:0;width:400px;background-color:#fff;padding:20px;border-radius:5px}.key-form .toolbar{border-top:1px solid #eee;padding-top:20px;margin-top:20px;margin-bottom:20px}.ml-2{margin-left:10px}.mt-2{margin-top:10px}.text-lg{font-size:18px}@media (prefers-color-scheme:dark){.top-nav{background-color:rgba(0,0,0,.9);border-bottom:1px solid #333}.footer,.main-page{background-color:#000;color:#999}.explain{color:#666}.explain,.hr,.std-hr{border-top:1px solid #333}body{background-color:#000}}.darkblue{color:#0e5a8a}.home-hero-tag{font-size:16px;color:#5c7080;margin:-8px 0 4px;line-height:1.6}@media (prefers-color-scheme:dark){.home-hero-tag{color:#a7b6c2}}.workflow-demo{position:relative;background:linear-gradient(180deg,#f8fafc,#fff);border:1px solid #e6eaf0;border-radius:12px;padding:22px 30px;margin:30px 0 40px;box-shadow:0 1px 4px rgba(16,22,26,.05)}.workflow-demo .wd-tabs{display:flex;grid-gap:8px;gap:8px;justify-content:center;margin-bottom:8px}.workflow-demo .wd-tab{flex:0 0 auto;min-width:220px;padding:10px 18px;background:#fff;border:1px solid #e0e6ed;border-radius:8px;cursor:pointer;text-align:center;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;grid-gap:2px;gap:2px}.workflow-demo .wd-tab .wd-tab-label{font-size:14px;color:#5c7080;font-weight:600}.workflow-demo .wd-tab .wd-tab-hint{font-size:11px;color:#a7b6c2}.workflow-demo .wd-tab:hover{border-color:#a7c2eb}.workflow-demo .wd-tab:hover .wd-tab-label{color:#2965cc}.workflow-demo .wd-tab.active{background:#ebf3ff;border-color:#2965cc;box-shadow:0 1px 3px rgba(41,101,204,.15)}.workflow-demo .wd-tab.active .wd-tab-label{color:#1f3a78}.workflow-demo .wd-tab.active .wd-tab-hint{color:#2965cc;font-weight:600}.workflow-demo .wd-svg{width:100%;height:auto;display:block;overflow:visible}.workflow-demo .wd-line{stroke:#cdd6df;stroke-width:2;stroke-dasharray:6 5;transition:stroke .3s ease}.workflow-demo .wd-line.active{stroke:#2965cc;-webkit-animation:wd-flow .7s linear infinite;animation:wd-flow .7s linear infinite}@-webkit-keyframes wd-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-22}}@keyframes wd-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-22}}.workflow-demo .wd-node>rect:first-child{fill:#fff;stroke:#d8dee5;stroke-width:2;transition:fill .35s ease,stroke .35s ease,-webkit-filter .35s ease;transition:fill .35s ease,stroke .35s ease,filter .35s ease;transition:fill .35s ease,stroke .35s ease,filter .35s ease,-webkit-filter .35s ease}.workflow-demo .wd-node text.wd-label{fill:#5c7080;font-size:13px;transition:fill .3s ease}.workflow-demo .wd-node.active>rect:first-child{fill:#ebf3ff;stroke:#2965cc;stroke-width:3;-webkit-filter:drop-shadow(0 4px 16px rgba(41,101,204,.2));filter:drop-shadow(0 4px 16px rgba(41,101,204,.2))}.workflow-demo .wd-node.active text.wd-label{fill:#1f3a78;font-weight:600}.workflow-demo .wd-srv-bar{fill:#d8dee5;transition:fill .3s ease}.workflow-demo .wd-srv-led{fill:#a7b6c2;transition:fill .3s ease}.workflow-demo .wd-node.active .wd-srv-bar{fill:#c5dafa}.workflow-demo .wd-node.active .wd-srv-led{fill:#2965cc}.workflow-demo .wd-spark-core{fill:#ff7043}.workflow-demo .wd-spark-ring{fill:none;stroke:#ff7043;stroke-width:2}.workflow-demo .wd-spark-text{fill:#fff;font-size:14px;font-weight:700}.workflow-demo .wd-sct-title{fill:#182026;font-size:26px;font-weight:600;transition:fill .3s ease}.workflow-demo .wd-sct-sub{fill:#8a9ba8;font-size:12px}.workflow-demo .wd-node-sct.active .wd-sct-title{fill:#1f3a78}.workflow-demo .wd-sct-pulse{fill:#2965cc;-webkit-animation:wd-pulse 1.2s ease-in-out infinite;animation:wd-pulse 1.2s ease-in-out infinite}@-webkit-keyframes wd-pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes wd-pulse{0%,to{opacity:.5}50%{opacity:1}}.workflow-demo .wd-ch-text{fill:#fff;font-size:12px;font-weight:600;font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif}.workflow-demo .wd-ch-pill{transform-box:fill-box;-webkit-transform-origin:center;transform-origin:center}.workflow-demo .wd-ch-pill.flash{-webkit-animation:wd-ch-flash 1.6s ease-out infinite;animation:wd-ch-flash 1.6s ease-out infinite}@-webkit-keyframes wd-ch-flash{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:brightness(1);filter:brightness(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-filter:brightness(1.15);filter:brightness(1.15)}to{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:brightness(1);filter:brightness(1)}}@keyframes wd-ch-flash{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:brightness(1);filter:brightness(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-filter:brightness(1.15);filter:brightness(1.15)}to{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:brightness(1);filter:brightness(1)}}.workflow-demo .wd-device-screen{fill:#f5f8fa;stroke:#d8dee5}.workflow-demo .wd-device-btn{fill:#d8dee5}.workflow-demo .wd-noti{-webkit-animation:wd-noti-in .45s ease-out;animation:wd-noti-in .45s ease-out}.workflow-demo .wd-noti rect{fill:#2965cc;stroke:none;-webkit-filter:drop-shadow(0 2px 6px rgba(41,101,204,.4));filter:drop-shadow(0 2px 6px rgba(41,101,204,.4))}.workflow-demo .wd-noti .wd-noti-title{fill:#fff;font-size:14px;font-weight:700}.workflow-demo .wd-noti .wd-noti-body{fill:hsla(0,0%,100%,.95);font-size:12px}@-webkit-keyframes wd-noti-in{0%{opacity:0;-webkit-transform:translateY(-6px);transform:translateY(-6px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes wd-noti-in{0%{opacity:0;-webkit-transform:translateY(-6px);transform:translateY(-6px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.workflow-demo circle.wd-packet{fill:#2965cc;-webkit-filter:drop-shadow(0 0 6px rgba(41,101,204,.6));filter:drop-shadow(0 0 6px rgba(41,101,204,.6))}.workflow-demo .wd-browser-frame{fill:#fff;stroke:#d8dee5;stroke-width:1.5;-webkit-filter:drop-shadow(0 6px 24px rgba(16,22,26,.08));filter:drop-shadow(0 6px 24px rgba(16,22,26,.08))}.workflow-demo .wd-browser-bar{fill:#f5f8fa;stroke:none}.workflow-demo .wd-browser-url{fill:#fff;stroke:#e0e6ed;stroke-width:1}.workflow-demo .wd-browser-url-text{fill:#5c7080;font-size:11px}.workflow-demo .wd-once-badge rect{fill:#ffc107;-webkit-filter:drop-shadow(0 2px 6px rgba(255,193,7,.35));filter:drop-shadow(0 2px 6px rgba(255,193,7,.35))}.workflow-demo .wd-once-badge .wd-once-badge-text{fill:#6b4400;font-size:12px;font-weight:700}.workflow-demo .wd-screen-title{fill:#182026;font-size:18px;font-weight:600}.workflow-demo .wd-screen-hint{fill:#8a9ba8;font-size:12px}.workflow-demo .wd-qr-scan{fill:#2965cc;opacity:.6}.workflow-demo .wd-ch-card{fill:#fff;stroke:#e0e6ed;stroke-width:1.5;transition:stroke .3s ease}.workflow-demo .wd-ch-card-icon{fill:#fff;font-size:11px;font-weight:700}.workflow-demo .wd-ch-card-label{fill:#182026;font-size:13px;font-weight:500;dominant-baseline:middle}.workflow-demo .wd-ch-row.primary .wd-ch-card{stroke:#2965cc;stroke-width:2;fill:#ebf3ff}.workflow-demo .wd-form-label{fill:#5c7080;font-size:13px;font-weight:600;letter-spacing:.3px}.workflow-demo .wd-form-input{fill:#f5f8fa;stroke:#cdd6df;stroke-width:1}.workflow-demo .wd-form-value{fill:#182026;font-family:Source Code Pro,Courier New,monospace;font-size:13px}.workflow-demo .wd-sk-box{fill:#ebf3ff;stroke:#2965cc;stroke-width:2;stroke-dasharray:4 3}.workflow-demo .wd-sk-text{fill:#1f3a78;font-family:Source Code Pro,Courier New,monospace;font-size:16px;font-weight:700}.workflow-demo .wd-sk-copy rect{fill:#2965cc;stroke:none}.workflow-demo .wd-sk-copy .wd-sk-copy-text{fill:#fff;font-size:13px;font-weight:600}.workflow-demo .wd-caption{text-align:center;margin-top:6px}.workflow-demo .wd-step-num{font-size:11px;color:#8a9ba8;letter-spacing:2px;text-transform:uppercase}.workflow-demo .wd-title{font-size:22px;color:#182026;margin:6px 0;font-weight:600}.workflow-demo .wd-subtitle{font-size:14px;color:#2965cc;font-family:Source Code Pro,Courier New,monospace;word-break:break-all;margin-bottom:8px}.workflow-demo .wd-detail{font-size:13px;color:#5c7080;line-height:1.7;max-width:640px;margin:0 auto}.workflow-demo .wd-dots{display:flex;justify-content:center;grid-gap:8px;gap:8px;margin-top:18px}.workflow-demo .wd-dot{width:32px;height:4px;border-radius:2px;background:#d8dee5;border:none;cursor:pointer;padding:0;transition:background .3s ease,width .3s ease}.workflow-demo .wd-dot.done{background:#a7c2eb}.workflow-demo .wd-dot.active{background:#2965cc;width:48px}.workflow-demo .wd-dot:focus{outline:2px solid rgba(41,101,204,.3);outline-offset:2px}.workflow-demo .wd-controls{margin-top:14px;display:flex;justify-content:center;grid-gap:10px;gap:10px;opacity:0;-webkit-transform:translateY(4px);transform:translateY(4px);transition:opacity .25s ease,-webkit-transform .25s ease;transition:opacity .25s ease,transform .25s ease;transition:opacity .25s ease,transform .25s ease,-webkit-transform .25s ease;pointer-events:none}.workflow-demo .wd-controls.visible{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);pointer-events:auto}.workflow-demo .wd-btn{padding:6px 14px;border-radius:4px;border:1px solid #d8dee5;background:#fff;color:#5c7080;cursor:pointer;font-size:13px;transition:background .2s ease,border-color .2s ease,color .2s ease}.workflow-demo .wd-btn:hover{background:#f5f8fa;border-color:#2965cc;color:#2965cc}.workflow-demo .wd-btn.primary{background:#2965cc;color:#fff;border-color:#2965cc}.workflow-demo .wd-btn.primary:hover{background:#1f4f9e;border-color:#1f4f9e;color:#fff}.workflow-demo .wd-hint{text-align:center;margin-top:10px;font-size:11px;color:#a7b6c2;height:14px}@media (max-width:700px){.workflow-demo{padding:14px 12px;margin:20px 0 24px}.workflow-demo .wd-tabs{flex-wrap:wrap}.workflow-demo .wd-tab{min-width:0;flex:1 1 45%;padding:8px}.workflow-demo .wd-title{font-size:17px}.workflow-demo .wd-subtitle{font-size:11px}.workflow-demo .wd-detail{font-size:12px}.workflow-demo .wd-step-num{letter-spacing:1px}}@media (hover:none){.workflow-demo .wd-controls{opacity:1;-webkit-transform:none;transform:none;pointer-events:auto}}@media (prefers-color-scheme:dark){.workflow-demo{background:linear-gradient(180deg,#1c1f24,#15171a);border-color:#2c3036;box-shadow:0 1px 4px rgba(0,0,0,.4)}.workflow-demo .wd-tab{background:#1f2329;border-color:#2c3036}.workflow-demo .wd-tab .wd-tab-label{color:#a7b6c2}.workflow-demo .wd-tab .wd-tab-hint{color:#5c7080}.workflow-demo .wd-tab:hover{border-color:#5c8fdb}.workflow-demo .wd-tab:hover .wd-tab-label{color:#5c8fdb}.workflow-demo .wd-tab.active{background:#1a2a44;border-color:#5c8fdb}.workflow-demo .wd-tab.active .wd-tab-label{color:#c5dafa}.workflow-demo .wd-tab.active .wd-tab-hint{color:#5c8fdb}.workflow-demo .wd-node>rect:first-child{fill:#1f2329;stroke:#353a42}.workflow-demo .wd-node text.wd-label{fill:#a7b6c2}.workflow-demo .wd-node.active>rect:first-child{fill:#1a2a44;stroke:#5c8fdb;-webkit-filter:drop-shadow(0 4px 16px rgba(92,143,219,.3));filter:drop-shadow(0 4px 16px rgba(92,143,219,.3))}.workflow-demo .wd-node.active text.wd-label{fill:#c5dafa}.workflow-demo .wd-srv-bar{fill:#353a42}.workflow-demo .wd-srv-led{fill:#5c7080}.workflow-demo .wd-line{stroke:#353a42}.workflow-demo .wd-line.active{stroke:#5c8fdb}.workflow-demo .wd-sct-title{fill:#e5e8eb}.workflow-demo .wd-sct-sub{fill:#8a9ba8}.workflow-demo .wd-device-screen{fill:#15171a;stroke:#353a42}.workflow-demo .wd-device-btn{fill:#353a42}.workflow-demo .wd-browser-frame{fill:#1f2329;stroke:#353a42;-webkit-filter:drop-shadow(0 6px 24px rgba(0,0,0,.4));filter:drop-shadow(0 6px 24px rgba(0,0,0,.4))}.workflow-demo .wd-browser-bar{fill:#15171a}.workflow-demo .wd-browser-url{fill:#2c3036;stroke:#353a42}.workflow-demo .wd-browser-url-text{fill:#a7b6c2}.workflow-demo .wd-screen-title{fill:#e5e8eb}.workflow-demo .wd-screen-hint{fill:#8a9ba8}.workflow-demo .wd-ch-card{fill:#2c3036;stroke:#353a42}.workflow-demo .wd-ch-card-label{fill:#c5dafa}.workflow-demo .wd-ch-row.primary .wd-ch-card{stroke:#5c8fdb;fill:#1a2a44}.workflow-demo .wd-form-label{fill:#a7b6c2}.workflow-demo .wd-form-input{fill:#15171a;stroke:#353a42}.workflow-demo .wd-form-value{fill:#c5dafa}.workflow-demo .wd-sk-box{fill:#1a2a44;stroke:#5c8fdb}.workflow-demo .wd-sk-text{fill:#c5dafa}.workflow-demo .wd-title{color:#e5e8eb}.workflow-demo .wd-subtitle{color:#5c8fdb}.workflow-demo .wd-detail{color:#a7b6c2}.workflow-demo .wd-step-num{color:#5c7080}.workflow-demo .wd-dot{background:#353a42}.workflow-demo .wd-dot.done{background:#3d5a8a}.workflow-demo .wd-dot.active{background:#5c8fdb}.workflow-demo .wd-btn{background:#1f2329;border-color:#353a42;color:#a7b6c2}.workflow-demo .wd-btn:hover{background:#2c3036;border-color:#5c8fdb;color:#5c8fdb}.workflow-demo .wd-btn.primary{background:#2965cc;color:#fff;border-color:#2965cc}.workflow-demo .wd-btn.primary:hover{background:#5c8fdb;border-color:#5c8fdb;color:#fff}}