:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#233a4c;background:#f2f6f9;font-size:14px;--teal:#148e91;--navy:#10283b;--muted:#78909f;--line:#e3ebf0}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #d5e2e8;background:#fff;color:#365367;border-radius:8px;padding:10px 15px;transition:background .18s,box-shadow .18s,transform .18s}button:hover{background:#eef7f7;border-color:#9acbca}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #7fd8d488;outline-offset:2px}button:disabled{opacity:.4;cursor:default}.primary{background:#148e91;border-color:#148e91;color:#fff;box-shadow:0 4px 12px #12898c1a}.primary:hover{background:#087a80;color:#fff}.ghost{background:transparent;border-color:#d5e2e8;padding:7px 12px}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--line);background:#ffffffed;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:12px;color:#17384c;text-decoration:none}.brand img{width:45px;height:45px;object-fit:contain}.brand span{display:grid;gap:3px}.brand b{font-size:20px;letter-spacing:2px}.brand small{color:#76919f;font-size:11px;letter-spacing:1px}.topbar-right{display:flex;gap:20px;align-items:center;color:#698593;font-size:12px}#identity{font-weight:600;color:#254958}main{margin:0}.login-shell{border:0;border-radius:0;background:radial-gradient(ellipse at 40% 70%,#0c3c52,#071827 70%);min-height:calc(100dvh - 82px);display:grid;grid-template-columns:minmax(0,1.5fr) minmax(340px,.85fr);align-items:center;gap:4vw;padding:36px 6vw;color:#dceef3;overflow:hidden}.login-intro{position:relative;align-self:stretch;min-height:650px;padding-top:25px;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:10px;letter-spacing:2.7px;color:#6cb4bc;font-weight:650}.login-intro h1{font-size:clamp(30px,3vw,48px);line-height:1.4;letter-spacing:1px;font-weight:650;margin:18px 0}.login-intro h1 span{color:#63d3cf}.login-intro>p{font-size:14px;color:#99b6c4;line-height:1.9;max-width:490px;margin:0}.login-capabilities{display:flex;gap:18px;font-size:11px;color:#8dd2d4;margin-top:22px;position:relative;z-index:2}.login-art{width:calc(100% + 70px);max-width:900px;object-fit:contain;display:block;margin:-15px -25px;mix-blend-mode:screen;-webkit-mask-image:linear-gradient(180deg,transparent,#000 10%,#000 84%,transparent);mask-image:linear-gradient(180deg,transparent,#000 10%,#000 84%,transparent)}.login-art-caption{font-size:10px;letter-spacing:1px;color:#6f9caa;margin-top:auto;display:flex;gap:9px;align-items:center}.login-art-caption i,.live-pill i{width:6px;height:6px;border-radius:50%;background:#65bdb3;box-shadow:0 0 8px #65bdb333}.login-card{border:1px solid #ffffffb0;background:linear-gradient(150deg,#fff,#f3f8fa);color:#243f50;box-shadow:0 28px 70px #020c1840;border-radius:18px;padding:34px;max-width:430px;width:100%;justify-self:end}.login-card-icon{width:46px;height:46px;display:grid;place-items:center;color:#168b8d;background:#e3f3f1;border-radius:12px;margin-bottom:24px}.login-card-icon svg{width:25px;height:25px}.login-card .eyebrow{color:#85a2ac;letter-spacing:2px;font-size:9px}.login-card h2{font-size:28px;font-weight:650;letter-spacing:1px;margin:10px 0}.login-card>p{color:#8398a3;font-size:12px;line-height:1.9;margin:10px 0 26px}form{display:grid;gap:17px}label{font-size:12px;color:#688392;display:grid;gap:8px}input,select,textarea{border:1px solid #d7e4ea;border-radius:7px;background:#f9fcfd;padding:11px 12px;color:#2d4b5d;width:100%;min-width:0;transition:border-color .18s}input:focus,select:focus,textarea:focus{border-color:#68b9b6;background:#fff}input::placeholder,textarea::placeholder{color:#a1b2bb}.login-card .primary{display:flex;justify-content:space-between;margin-top:3px;padding:13px 18px;font-weight:600}.login-note{border-top:1px solid #e3edf0;padding-top:20px;margin-top:23px;display:flex;align-items:center;gap:12px;color:#8ba0ab;font-size:10px;line-height:1.8}.login-note svg{color:#76aaa9;width:18px;height:18px}#login-error{color:#ae5c42;font-size:12px;line-height:1.6;margin:0;min-height:0}.logged-out .topbar{background:#071827;border-bottom:1px solid #183141}.logged-out .brand{color:#e2f3f6}.logged-out .brand small{color:#83a6b5}.logged-out .topbar-right{color:#91b8c7}#workspace{display:grid;grid-template-columns:218px minmax(0,1fr);min-height:calc(100dvh - 82px)}.sidebar{border-right:1px solid var(--line);background:#fff;padding:25px 16px;display:flex;flex-direction:column;gap:8px}.workspace-label{text-transform:uppercase;letter-spacing:1px;font-size:10px;color:#94a7b1;padding:10px 13px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar button{display:flex;align-items:center;gap:13px;border:0;text-align:left;padding:12px 14px;font-size:12px;background:transparent;color:#6a8190}.sidebar button:hover{background:#f3f8fa}.sidebar button.active{background:#e8f5f3;color:#14888c;font-weight:650}.sidebar svg{width:17px;height:17px}.sidebar-footer{display:flex;flex-direction:column;align-items:center;gap:7px;border-top:1px solid var(--line);padding-top:20px;margin-top:auto;color:#7996a2;font-size:9px;letter-spacing:1px}.sidebar-footer img{width:28px;height:28px}.sidebar-footer b{font-size:10px;letter-spacing:3px}.workspace-content{padding:28px 30px;min-width:0;max-width:1700px;width:100%;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 21px}.page-heading small{color:#8ca4b0;font-size:9px;letter-spacing:2px}.page-heading h1{font-size:25px;color:#173a4d;font-weight:650;margin:6px 0}.page-heading p{font-size:12px;color:#8a9eaa;margin:6px 0}.live-pill{display:flex;align-items:center;gap:8px;background:#eaf6f1;border:1px solid #d2eade;border-radius:20px;padding:8px 12px;font-size:10px;color:#6c9e8f;white-space:nowrap}.panel{padding:22px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 3px 12px #193e5008;margin:18px 0}.section-kicker{display:block;color:#93a9b6;font-size:9px;letter-spacing:1.9px;font-weight:600;margin-bottom:8px}.panel h2{font-size:16px;color:#25485b;font-weight:650;margin:0 0 15px}.panel p{font-size:11px;color:#8299a6;line-height:1.85}.section-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.section-title h2{margin-bottom:10px}.section-title>select{width:auto;max-width:220px;font-size:10px;padding:8px}.metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.metric{padding:18px 19px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(115deg,#fff,#fbfdfe);font-size:11px;color:#7f96a4;position:relative;overflow:hidden}.metric:after{content:"";position:absolute;width:45px;height:45px;border-radius:50%;border:10px solid #4baca408;right:-8px;top:-7px}.metric b{display:block;color:#28566d;font-size:27px;font-weight:600;margin-top:8px;letter-spacing:-.5px}.metric:first-child{background:linear-gradient(115deg,#137c84,#219a9c);color:#afe0df;border-color:#1f8d91}.metric:first-child b{color:#fff}.grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:18px}.grid>.panel{min-width:0;margin-bottom:0}.filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:16px 0}.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.actions button{font-size:11px;padding:9px 14px}table{width:100%;border-collapse:collapse;font-size:11px;margin:12px 0;color:#526f80}th,td{padding:11px 8px;text-align:left;border-bottom:1px solid #edf2f5;vertical-align:top;overflow-wrap:anywhere}th{color:#8ba1ad;font-weight:500;background:#f9fbfc}tbody tr:hover{background:#fbfdfd}.table-scroll{overflow:auto}.table-scroll:empty:after{content:"暂无记录";display:block;text-align:center;padding:27px;font-size:12px;color:#9cafb9}canvas{display:block;width:100%;height:250px;background:linear-gradient(180deg,#fbfdfd,#fff)}.legend{display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:9px;color:#20989c;padding-top:10px}.legend span:nth-child(2){color:#ad8b5c}.legend small{margin-left:auto;color:#a0b2bb;font-size:9px}.health-note{border-left:2px solid #91c6c1;background:#f3f9f8;padding:10px 12px;color:#6d9093;font-size:10px;line-height:1.9}details{margin-top:12px;font-size:10px;color:#849ca9}summary{cursor:pointer}pre,textarea{font-family:SFMono-Regular,Consolas,Microsoft YaHei,monospace;font-size:11px;line-height:1.7}pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#638193;max-height:300px;overflow:auto;padding:12px;background:#f5f9fb;border-radius:8px}textarea{resize:vertical}.json-editor{max-height:650px;background:#0e2435;color:#b9d6dd;padding:23px;min-height:250px;border:1px solid #234151;white-space:pre;overflow:auto;line-height:1.8;font-size:11px}.badge{background:#eaf6f2;border:1px solid #d5ebe2;padding:5px 10px;border-radius:20px;color:#5f9b8b;font-size:10px;white-space:nowrap}.checkbox{display:flex;align-items:center;gap:8px}.checkbox input{width:15px;height:15px}.job{padding:16px 0;border-bottom:1px solid var(--line);font-size:11px;color:#7c94a1;line-height:1.9}.job code{display:block;color:#148e91;font-size:11px;overflow-wrap:anywhere}.job button{font-size:10px;padding:5px 9px;margin-right:8px}.job a{color:#148e91;margin-right:15px}#notice{border-radius:8px;color:#8b7049;background:#fff6e8;font-size:11px;line-height:1.8;padding:10px 14px;margin:0 0 15px}#notice:empty{display:none}.connection-info{padding:12px;background:#f4f9fa;border:1px solid #e5eef2;border-radius:8px;font-size:11px;color:#648593;line-height:1.9}.connection-info code{color:#168e90}#format-kind{max-width:200px;margin-bottom:10px}.template-version{border:1px solid var(--line);padding:16px;border-radius:9px;margin-top:12px;font-size:11px;line-height:1.9;color:#7591a0}.template-version b{color:#2a5367}.template-version code{display:block;color:#188c90;overflow-wrap:anywhere}.template-version button{float:right;font-size:10px;padding:6px 10px}.architecture-panel{margin:18px 0;border-radius:14px;overflow:hidden;background:#071a2a;border:1px solid #254152;color:#d9ebf0}.architecture-heading{padding:25px 28px 0;display:flex;align-items:flex-start;justify-content:space-between}.architecture-heading h2{margin:5px 0;font-size:23px;font-weight:550;color:#dceef1}.architecture-heading p{font-size:11px;color:#86a7b9}.architecture-heading button{background:#ffffff08;border:1px solid #577b8c55;color:#91b9c7;font-size:10px;padding:7px 12px}.architecture-scene{position:relative;aspect-ratio:1672/900;overflow:hidden}.architecture-scene>img{width:100%;height:100%;object-fit:cover;display:block;opacity:.9;-webkit-mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent)}.flow-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;stroke:#72dce4;stroke-width:1;fill:none;opacity:.85;pointer-events:none}.flow-svg>use{stroke-dasharray:4 7;opacity:.45}.flow-svg .history-path{stroke:#dca44a}.flow-particle{fill:#a9ffff;stroke:none;filter:drop-shadow(0 0 5px #54e3ef)}.history-particle{fill:#ffd477;filter:drop-shadow(0 0 5px #f3b859)}.flow-node{position:absolute;transform:translate(-50%,-50%);border:1px solid #74c6d767;background:#0a213ce0;color:#c9e7ee;border-radius:9px;padding:9px 12px;display:grid;grid-template-columns:23px 1fr;column-gap:7px;text-align:left;box-shadow:0 10px 25px #0004;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:11px;white-space:nowrap}.flow-node b{grid-row:span 2;align-self:center;font-size:10px;color:#69d4d5;background:#1a59615e;border-radius:4px;padding:4px}.flow-node span{font-size:8px;color:#84a8bb;margin-top:4px}.flow-node:hover,.flow-node.selected{background:#174f61e8;border-color:#85e5de;box-shadow:0 0 22px #53d9d325}.node-board{left:18%;top:65%}.node-gateway{left:48%;top:49%}.node-redis{left:69%;top:32%}.node-mysql{left:62%;top:79%}.node-client{left:87%;top:47%}.node-replay{left:82%;top:78%}.architecture-caption{position:absolute;bottom:15px;left:25px;color:#6d8fa2;font-size:9px;letter-spacing:1px}.flow-details{border-left:3px solid #59aaa6;min-height:130px}.flow-details h2{font-size:18px;margin-bottom:8px}.flow-details p{font-size:12px;line-height:1.9;max-width:1100px}.flow-details .flow-facts{display:flex;gap:10px;flex-wrap:wrap}.flow-facts span{background:#edf7f6;border-radius:5px;padding:6px 10px;color:#5c9492;font-size:10px}[hidden]{display:none!important}@media(min-width:1800px){.workspace-content{padding:35px 45px}.architecture-scene{max-height:680px}.login-art{max-width:1100px}}@media(max-width:1100px){.topbar{padding:0 22px}.workspace-content{padding:22px 20px}#workspace{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding:22px 10px}.metrics{gap:8px}.metric{padding:15px 11px}.metric b{font-size:22px}.grid{grid-template-columns:1fr}.login-shell{padding:30px 4vw;gap:25px;grid-template-columns:1.2fr .9fr}.login-card{padding:26px}.login-intro{min-height:630px}.filters{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-node{font-size:10px;padding:7px 8px}.flow-node span{font-size:7px}.architecture-heading h2{font-size:20px}}@media(max-width:760px){.topbar{height:72px;padding:0 16px}.brand img{width:35px;height:35px}.brand b{font-size:16px}.brand small{font-size:9px}.topbar-right{font-size:9px;gap:8px}#connection{max-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#identity{display:none}.login-shell{display:flex;flex-direction:column;padding:25px 20px;min-height:calc(100dvh - 72px);gap:20px}.login-intro{min-height:0;width:100%;padding-top:8px}.login-intro h1{font-size:28px;line-height:1.4;margin:13px 0}.login-intro>p{font-size:11px;max-width:90%}.login-capabilities{font-size:9px;margin-top:15px;gap:13px}.login-art{width:100%;margin:0;max-height:220px;object-fit:cover;object-position:center;-webkit-mask-image:linear-gradient(180deg,transparent,#000 12%,#000 75%,transparent);mask-image:linear-gradient(180deg,transparent,#000 12%,#000 75%,transparent)}.login-art-caption{display:none}.login-card{max-width:none;padding:23px;border-radius:13px}.login-card-icon{display:none}.login-card h2{font-size:23px}.login-card>p{margin-bottom:20px}.login-note{margin-top:18px;padding-top:15px}.login-card input{padding:12px}#workspace{display:block;min-height:calc(100dvh - 72px)}.sidebar{padding:10px 12px;background:#fff;border:0;border-bottom:1px solid var(--line)}.sidebar>.workspace-label,.sidebar-footer{display:none}.sidebar nav{display:flex;flex-direction:row;gap:5px;overflow:auto}.sidebar nav .workspace-label{display:none}.sidebar button{flex:none;padding:9px 10px;gap:6px;white-space:nowrap;font-size:10px}.sidebar svg{width:15px;height:15px}.workspace-content{padding:18px 13px}.page-heading{margin-bottom:15px}.page-heading h1{font-size:21px}.page-heading small{font-size:8px}.page-heading p{font-size:10px}.live-pill{font-size:8px;padding:7px 9px;gap:5px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric{padding:14px 15px}.metric b{font-size:24px}.metric:last-child{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}.metric:last-child b{margin:0}.panel{padding:17px;margin:13px 0}.panel h2{font-size:15px}.section-kicker{font-size:8px}.section-title{align-items:flex-start;flex-wrap:wrap}.section-title>select{font-size:10px}canvas{height:220px}.filters{gap:11px}label{font-size:11px}.actions{gap:6px}.actions button{padding:8px 10px;font-size:10px}.grid{gap:0}.legend{gap:8px}.legend small{margin-left:0}.json-editor{font-size:10px;padding:15px;max-height:500px}.architecture-heading{padding:20px 16px 0}.architecture-heading h2{font-size:17px}.architecture-heading p{font-size:9px;max-width:220px}.architecture-heading button{font-size:8px;padding:6px 8px}.architecture-scene{aspect-ratio:1.15;min-height:320px}.architecture-scene>img{object-fit:cover;object-position:center}.flow-svg{transform:scale(1.45);opacity:.65}.flow-node{font-size:9px;padding:7px;grid-template-columns:19px 1fr;column-gap:5px}.flow-node b{font-size:8px;padding:3px}.flow-node span{font-size:7px}.node-board{left:20%;top:52%}.node-gateway{left:49%;top:36%}.node-redis{left:72%;top:20%}.node-mysql{left:57%;top:72%}.node-client{left:79%;top:47%}.node-replay{left:83%;top:79%}.architecture-caption{left:13px;bottom:13px;font-size:8px}.flow-details{min-height:150px}.flow-details p{font-size:11px}.flow-facts span{font-size:9px}.health-note{font-size:10px}.grid>label{margin-bottom:14px}#user-editor .filters{grid-template-columns:1fr}#issued-credentials{white-space:pre-wrap}.job{font-size:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.flow-particle{display:none}}@media(min-width:761px)and (max-height:850px){.login-shell{padding-top:24px;padding-bottom:24px}.login-intro{min-height:550px;padding-top:8px}.login-intro h1{font-size:37px;margin:14px 0}.login-art{max-height:300px}.login-card{padding:25px 30px}.login-card-icon{width:36px;height:36px;margin-bottom:16px}.login-card h2{font-size:25px}.login-card>p{margin-bottom:18px}.login-note{margin-top:17px;padding-top:15px}.login-card input{padding:10px 12px}}.login-shell{grid-template-columns:minmax(0,1.5fr) minmax(340px,1fr);gap:clamp(24px,3vw,72px);padding:32px 0;align-items:center;background:radial-gradient(ellipse at 37% 72%,#153d50,#0e2738 42%,#071827 82%)}.login-intro{min-width:0;min-height:0;width:100%;padding:20px 0;align-self:center}.login-intro>.eyebrow,.login-intro>h1,.login-intro>p,.login-capabilities,.login-art-caption{margin-left:clamp(24px,4vw,80px);margin-right:clamp(20px,2vw,40px)}.login-intro h1{font-size:clamp(30px,3.3vw,62px);line-height:1.4}.login-intro>p{font-size:clamp(12px,1vw,17px);max-width:660px}.login-art{width:100%;height:auto;max-width:none;max-height:none;aspect-ratio:1672/941;object-fit:contain;margin:-12px 0 -8px;flex-shrink:0;mix-blend-mode:screen;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 94%,transparent),linear-gradient(180deg,transparent,#000 15%,#000 78%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 94%,transparent),linear-gradient(180deg,transparent,#000 15%,#000 78%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}.login-art-caption{margin-top:0}.login-card{max-width:none;min-width:0;justify-self:stretch;padding:clamp(28px,3.6vw,62px);border-radius:22px 0 0 22px;border-right:0}@media(min-width:761px)and (max-height:850px){.login-shell{padding:24px 0}.login-intro{min-height:0;padding-top:8px}.login-intro h1{font-size:clamp(30px,3.1vw,48px)}.login-art{max-height:none}.login-card{padding:25px clamp(26px,3vw,52px)}}@media(max-width:760px){.login-shell{padding:24px 0 0;gap:12px;display:flex}.login-intro{padding:8px 0 0}.login-intro>.eyebrow,.login-intro>h1,.login-intro>p,.login-capabilities{margin-left:24px;margin-right:24px}.login-intro h1{font-size:clamp(28px,5vw,38px)}.login-intro>p{max-width:none;font-size:12px}.login-art{width:100%;max-width:none;max-height:none;height:auto;aspect-ratio:1672/941;margin:-4px 0 -12px;object-fit:contain}.login-card{width:100%;max-width:none;padding:28px 24px;border-radius:18px 18px 0 0;border-left:0;border-right:0;border-bottom:0}.login-art-caption{display:none}}@media(min-width:761px){.login-card{width:100%;max-width:430px;justify-self:end;padding:34px}.login-card input,.login-card .primary{min-width:0}}@media(min-width:761px)and (max-height:850px){.login-card{padding:25px 30px}}.guide-switch{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:16px}.guide-switch>span{display:flex;align-items:center;gap:7px;margin-right:auto;font-size:11px;color:#74909f}.guide-switch button{font-size:11px}.guide-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(220px,1fr);overflow:hidden;border:1px solid #25495b;background:radial-gradient(ellipse at right,#174154,#0c2132 80%);border-radius:14px;color:#dceef3;position:relative}.guide-hero>div{padding:27px 30px;z-index:1}.guide-hero .section-kicker{color:#6b9cae}.guide-role{display:inline-flex;align-items:center;gap:8px;color:#81d2ce;font-size:11px;margin:9px 0}.guide-hero h2{font-size:clamp(19px,1.8vw,27px);font-weight:600;line-height:1.55;margin:6px 0 12px}.guide-hero p{color:#91adbb;font-size:12px;line-height:1.9;margin:0 0 18px}.guide-hero button{display:inline-flex;gap:8px;align-items:center;background:#ffffff08;border-color:#5c9aab55;color:#a3d6db;font-size:11px}.guide-hero>img{width:100%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(90deg,transparent,#000 25%);mask-image:linear-gradient(90deg,transparent,#000 25%);opacity:.85;min-width:0}.guide-joint-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:17px 0 27px}.guide-joint-flow>div{display:flex;align-items:center;gap:9px;font-size:11px;color:#6d8999;padding:12px;background:#fff;border:1px solid var(--line);border-radius:8px}.guide-joint-flow b{color:#268f92;font-size:12px}.guide-joint-flow span:last-child:not(:nth-child(2)){margin-left:auto;color:#acc5cb}.guide-title h2{font-size:17px;margin:5px 0 15px}.guide-params{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.guide-params article{position:relative;min-width:0;padding:20px;border:1px solid var(--line);background:linear-gradient(135deg,#fff,#f5fbfb);border-radius:11px;display:grid;grid-template-columns:28px 1fr;column-gap:8px;row-gap:8px}.guide-params article>svg{grid-row:span 2;color:#329b9c}.guide-params article>span{color:#7894a3;font-size:11px}.guide-params strong{font-size:13px;line-height:1.6;color:#245064;overflow-wrap:anywhere;font-weight:600}.guide-params small{grid-column:2;font-size:10px;color:#8aa0ac;line-height:1.8}.guide-params button{grid-column:2;justify-self:start;display:flex;gap:6px;font-size:10px;padding:5px 8px;color:#238b8f}.guide-params button svg{width:13px;height:13px}.guide-steps ol{list-style:none;padding:0;margin:20px 0}.guide-steps li{display:flex;gap:14px;margin-bottom:23px}.guide-steps li>b{display:grid;place-items:center;flex:none;width:32px;height:32px;background:#e5f4f1;color:#218c90;border:1px solid #c5e5e0;border-radius:8px;font-size:12px}.debug-guide h3{font-size:13px;color:#345b6e;line-height:1.6;margin:0 0 6px}.guide-step-tag{display:inline-block;float:right;color:#6fa29d;border:1px solid #daeee8;border-radius:5px;padding:2px 6px;font-size:9px;margin-left:8px}.guide-steps p{margin:0}.debug-guide .actions button{display:flex;align-items:center;gap:7px}.debug-guide .actions svg{width:15px;height:15px}.guide-handoff{display:flex;gap:12px;background:#edf7f5;border:1px solid #d8ece6;padding:16px;border-radius:9px;margin:20px 0}.guide-handoff>svg{flex:none;color:#5aa59e}.guide-handoff p{margin:0}.guide-check{display:flex;align-items:flex-start;gap:9px;line-height:1.8;margin:12px 0;color:#77919f;font-size:11px}.guide-check input{width:15px;height:15px;flex:none;accent-color:#168d91;margin:3px 0}.guide-check-note{display:block;color:#91a7b2;font-size:10px;line-height:1.8;margin-top:14px}.guide-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:17px}.guide-facts article{min-width:0;border-left:2px solid #b8dcd7;padding-left:13px}.guide-facts p{margin:0}.debug-guide code{overflow-wrap:anywhere;color:#21858b;font-size:11px}.guide-download{display:inline-flex;gap:7px;align-items:center;font-size:11px;color:#16898e;text-decoration:none;border:1px solid #bddfdc;border-radius:7px;padding:9px 12px;background:#f1f9f7}.guide-download svg{width:16px;height:16px}.guide-code-head{display:flex;justify-content:space-between;align-items:center;color:#7d99a9;font-size:10px;margin-top:18px;gap:8px}.guide-code-head button{display:flex;align-items:center;gap:6px;font-size:10px;padding:6px 9px}.guide-code-head svg{width:13px;height:13px}.guide-code{max-height:400px;min-height:180px}.guide-format-chips{display:flex;gap:9px;flex-wrap:wrap}.guide-format-chips span{background:#edf6f6;border:1px solid #dcebea;border-radius:5px;color:#629997;font-size:10px;padding:7px 10px}.guide-troubleshoot{border-top:3px solid #73b8b0}@media(max-width:1100px){.guide-hero>div{padding:23px}.guide-params{gap:9px}.guide-params article{padding:15px}.guide-joint-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-facts{grid-template-columns:1fr;gap:17px}}@media(max-width:760px){.guide-hero{grid-template-columns:1fr}.guide-hero>div{padding:22px 20px}.guide-hero h2{font-size:21px}.guide-hero>img{height:155px;object-position:center;-webkit-mask-image:linear-gradient(180deg,transparent,#000 25%);mask-image:linear-gradient(180deg,transparent,#000 25%);margin-top:-15px}.guide-hero p{font-size:11px}.guide-params{grid-template-columns:1fr}.guide-joint-flow{gap:6px;margin:12px 0 20px}.guide-joint-flow>div{padding:10px;font-size:9px;gap:6px}.guide-title{gap:8px}.guide-title h2{font-size:16px}.guide-steps li{gap:11px}.guide-steps li>b{width:27px;height:27px;font-size:10px}.guide-step-tag{font-size:8px}.guide-handoff{padding:13px}.guide-switch button{padding:8px 10px}.guide-code{font-size:10px}.debug-guide .section-title{flex-wrap:wrap}.guide-download{font-size:10px}}