/* ===== /services/ — 服务与解决方案 (mockups: desktop 深色奢华…-2, mobile 服务方案页-3 / 服务与报价页-4) ===== */
body.svp{--b1:#3E9BFF;--b2:#8B65F9;--g:linear-gradient(90deg,#3E9BFF,#8B65F9);--cb:rgba(140,160,255,.18);--cbg:linear-gradient(180deg,rgba(16,20,36,.88),rgba(7,9,16,.92));--mut:#A9AEBF;--lk:#5CA8FF;
 background:radial-gradient(70% 40% at 70% 0,rgba(62,100,255,.10),rgba(3,4,5,0) 70%),#03050A}
.svp .dk{display:inline}.svp .mb{display:none}
.svbg{position:absolute;top:5.1vw;left:49.4%;width:50.6%;pointer-events:none;z-index:0}
.svbg img{width:100%;height:auto;display:block;
 -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.35) 14%,#000 36%),linear-gradient(180deg,transparent 0,#000 8%,#000 72%,transparent 100%);-webkit-mask-composite:source-in;
 mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.35) 14%,#000 36%),linear-gradient(180deg,transparent 0,#000 8%,#000 72%,transparent 100%);mask-composite:intersect}
.sv{position:relative;z-index:1}
.wrapw,.svsec{width:min(1400px,calc(100% - 48px));margin-inline:auto}
/* hero */
.svh{padding-top:max(20px,calc(9.2vw - 98px))}
.svh .lab{font-size:clamp(13px,1.05vw,17px);font-weight:400;letter-spacing:.08em;color:#C9CCD8;text-transform:none}
.svh .h1{margin-top:clamp(10px,1vw,16px);font-weight:700;font-size:clamp(38px,4.4vw,74px);line-height:1.22;letter-spacing:.01em;text-shadow:0 2px 24px rgba(0,0,0,.5)}
.svh .h1 span{display:block}
.svh .gr{width:fit-content;background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
.svh .sub{margin-top:clamp(12px,1.3vw,22px);font-size:clamp(15px,1.4vw,22px);color:#E6E8F0;max-width:min(680px,47vw)}
.svh .acts{display:flex;gap:clamp(14px,2.3vw,36px);margin-top:clamp(18px,2.2vw,34px)}
.gbtn,.obtn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:clamp(44px,3.7vw,56px);padding:0 clamp(22px,2.6vw,42px);border-radius:8px;font-size:clamp(14px,1.15vw,17px);text-decoration:none;white-space:nowrap}
.gbtn{background:var(--g);color:#fff;box-shadow:0 8px 30px rgba(80,120,255,.35);transition:filter .2s,transform .2s}
.gbtn:hover{filter:brightness(1.1);transform:translateY(-1px)}
.obtn{border:1px solid rgba(255,255,255,.55);color:#fff;background:rgba(5,8,16,.35)}
.obtn:hover{border-color:#fff;background:rgba(255,255,255,.06)}
.svtabs{display:grid;grid-template-columns:repeat(5,1fr);margin-top:clamp(28px,3.4vw,52px);border-bottom:1px solid rgba(255,255,255,.18)}
.svtabs a{position:relative;display:block;padding:0 0 14px;text-decoration:none;color:#E6E8F0;font-size:clamp(13px,1.05vw,16px);line-height:1.4}
.svtabs a span{display:block;font-size:.9em;color:#C9CCD8}
.svtabs a:hover{color:#fff}
.svtabs a::after{content:"";position:absolute;left:0;bottom:-1px;height:2px;width:clamp(90px,10vw,150px);background:var(--g);opacity:0;transition:opacity .2s}
.svtabs a.on::after,.svtabs a:hover::after{opacity:1}
/* section heads */
.svsec{margin-top:clamp(48px,4.6vw,72px);scroll-margin-top:24px}
.svhd{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:clamp(16px,1.6vw,24px)}
.svhd h2{margin:0;font-weight:700;font-size:clamp(26px,2.9vw,44px);line-height:1.2}
.svhd p{margin:0;font-size:clamp(13px,1vw,15px);color:#C9CCD8;white-space:nowrap}
/* service cards */
.svcards{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.svc{display:flex;flex-direction:column;background:var(--cbg);border:1px solid var(--cb);border-radius:10px;overflow:hidden;scroll-margin-top:24px;transition:border-color .2s,box-shadow .2s}
.svc:hover,.svc:target{border-color:rgba(120,150,255,.5);box-shadow:0 0 0 1px rgba(120,150,255,.2),0 10px 40px rgba(40,70,200,.25)}
.svc .ct{display:contents}
.svc .nh{order:1;display:flex;align-items:flex-start;gap:14px;padding:18px 16px 0}
.svc .num{position:relative;font-size:clamp(22px,1.8vw,28px);font-weight:500;line-height:1;padding-bottom:9px}
.svc .num::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--g)}
.svc h3{margin:2px 0 0;font-size:clamp(14px,1.15vw,18px);font-weight:700;line-height:1.3}
.tags{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
.tags li{font-size:clamp(11px,.85vw,12.5px);line-height:1;padding:7px 9px;border-radius:5px;background:rgba(120,140,200,.14);color:#D7DBEA;white-space:nowrap}
.svc .tags{order:2;padding:14px 16px 0}
.svc .vz{order:3;margin-top:12px}
.svc .d{order:4;margin:14px 16px 0;font-size:clamp(13px,1vw,15px);line-height:1.6;color:#D7DBEA}
.svc .more{order:5;margin:auto 16px 16px;padding-top:14px;font-size:clamp(13px,1vw,15px);color:var(--lk);text-decoration:none}
.svc .more:hover{color:#8EC4FF}
/* visuals: 1em = 1/24 of the visual width */
.vz{position:relative;container-type:inline-size;aspect-ratio:24/27.6;overflow:hidden}
.v{position:absolute;inset:0;font-size:calc(100cqw / 24);color:#E6E8F0;line-height:1.35}
.v img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
.v1{background:radial-gradient(60% 50% at 50% 40%,rgba(62,100,255,.18),transparent 70%)}
.v1 .lap{position:absolute;left:1.6em;top:1.4em;width:21.5em;height:14.2em;border-radius:.55em;overflow:hidden;background:#0b0d14;border:1px solid rgba(255,255,255,.14);
 transform:perspective(60em) rotateY(-16deg) rotateX(5deg);box-shadow:0 1.4em 3em rgba(0,0,0,.6)}
.v1 .bar{height:1em;display:flex;gap:.3em;align-items:center;padding:0 .6em;background:#151824}
.v1 .bar i{width:.38em;height:.38em;border-radius:50%;background:#3b3f52}
.v1 .lap img{height:calc(100% - 1em)}
.v1 .lap2{position:absolute;left:4em;top:14.6em;width:18em;height:10.4em;border-radius:.45em;overflow:hidden;border:1px solid rgba(255,255,255,.14);
 transform:perspective(60em) rotateY(-16deg) rotateX(5deg);box-shadow:0 1em 2.4em rgba(0,0,0,.6)}
.v2 .q{display:flex;align-items:center;gap:.5em;margin:1.2em 1.2em 0;height:2.5em;padding:0 1em;border-radius:1.25em;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);font-size:.95em;white-space:nowrap;overflow:hidden}
.v2 .qi{width:1.1em;height:1.1em;flex:none}
.v2 .ans{margin:.8em 1.2em 0;padding:1em 1.1em;border-radius:.8em;background:rgba(12,16,30,.92);border:1px solid rgba(120,150,255,.22)}
.v2 .ai{display:flex;align-items:center;gap:.5em;margin:0;font-size:.9em;color:#9CC7FF}
.v2 .ai i{display:inline-flex;align-items:center;justify-content:center;width:1.5em;height:1.5em;border-radius:50%;background:var(--g);color:#fff;font-style:normal;font-weight:700;font-size:.85em}
.v2 .intro{margin:.6em 0 .2em;font-size:.82em;color:#B9BDCC}
.v2 ol{list-style:none;margin:0;padding:0}
.v2 li{margin-top:.55em}
.v2 li b{display:block;font-size:.9em;font-weight:600}
.v2 li span{display:block;font-size:.74em;color:#9AA0B4}
.v2 .nodes{position:relative;display:flex;justify-content:space-between;margin:1.2em .4em .2em}
.v2 .nodes::before{content:"";position:absolute;left:.8em;right:.8em;top:.8em;height:1px;background:linear-gradient(90deg,#3E9BFF,#8B65F9)}
.v2 .nodes span{position:relative;display:flex;flex-direction:column;align-items:center;gap:.3em;font-size:.75em;color:#C9CCD8}
.v2 .nodes i{width:2.1em;height:2.1em;border-radius:50%;background:radial-gradient(circle at 35% 30%,#7FB4FF,#3B4FD8 70%);box-shadow:0 0 1em rgba(80,120,255,.6)}
.v2 .nodes span:nth-child(2){margin-top:1.2em}
.v3 .panel{margin:.8em 1em 0;padding:.8em 1em;border-radius:.8em;background:rgba(12,16,30,.92);border:1px solid rgba(120,150,255,.22)}
.v3 .ttl{margin:0 0 .6em;font-weight:700;font-size:1em}
.v3 .tabs{display:flex;gap:1em;font-size:.78em;color:#9AA0B4;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.45em;margin-bottom:.4em;white-space:nowrap}
.v3 .tabs .on{color:#fff;position:relative}.v3 .tabs .on::after{content:"";position:absolute;left:0;right:0;bottom:-.5em;height:2px;background:var(--b1)}
.v3 .r{display:flex;align-items:center;gap:.6em;padding:.42em 0;border-bottom:1px solid rgba(255,255,255,.06)}
.v3 .r>div{flex:1;min-width:0;white-space:nowrap;overflow:hidden}
.v3 .r b{display:block;font-size:.85em;font-weight:600}
.v3 .st,.v3 .tm{font-size:.7em}.v3 .tm{color:#8A90A4}
.v3 .st.ka{color:#F5B54A}.v3 .st.kb{color:#6FB2FF}.v3 .st.kc{color:#B28CFF}.v3 .st.kd{color:#4FD1A0}
.v3 .av{flex:none;display:flex;align-items:center;justify-content:center;width:2.1em;height:2.1em;border-radius:50%;font-style:normal;font-weight:700;font-size:.85em;color:#fff}
.v3 .av.ka{background:linear-gradient(135deg,#F0A35E,#C9603A)}.v3 .av.kb{background:linear-gradient(135deg,#6FB2FF,#3B5BDB)}.v3 .av.kc{background:linear-gradient(135deg,#B28CFF,#6D52F8)}.v3 .av.kd{background:linear-gradient(135deg,#4FD1A0,#1E8C6B)}
.v3 .ri{width:1.1em;height:1.1em;flex:none}.v3 .ri.p{color:#4FD1C5}.v3 .ri.c{color:#8B9DFF}
.v3 .stats{display:grid;grid-template-columns:1fr 1fr;gap:.6em;margin:.6em 1em 0}
.v3 .stats div{padding:.6em .8em;border-radius:.6em;background:rgba(12,16,30,.92);border:1px solid rgba(120,150,255,.18)}
.v3 .stats b{display:block;font-size:1.35em;font-weight:500}.v3 .stats span{font-size:.7em;color:#9AA0B4}
.v4 .poster{position:absolute;left:0;right:0;top:0;height:15em;-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent);mask-image:linear-gradient(180deg,#000 70%,transparent)}
.v4 .side{position:absolute;left:1em;top:15.4em;width:11em;margin:0;padding:.4em .8em;list-style:none;border-radius:.7em;background:rgba(12,16,30,.92);border:1px solid rgba(120,150,255,.2)}
.v4 .side li{display:flex;align-items:center;gap:.5em;padding:.6em 0;font-size:.82em;border-bottom:1px solid rgba(255,255,255,.07)}
.v4 .side li:last-child{border:0}
.v4 .si{width:1.2em;height:1.2em;color:#9CC7FF}
.v4 .ph4{position:absolute;right:1em;top:8.5em;width:10em;height:16.5em;padding:1em .8em;border-radius:1.3em;background:#0B0E18;border:2px solid #2A2F45;box-shadow:0 1em 2.4em rgba(0,0,0,.6);display:flex;flex-direction:column;gap:.55em}
.v4 .ph4 p{margin:.2em 0 .3em;font-weight:700;font-size:.9em}
.v4 .ph4 span{display:block;padding:.55em .6em;border-radius:.4em;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);font-size:.68em;color:#B9BDCC}
.v4 .ph4 b{margin-top:auto;padding:.6em;border-radius:.45em;background:var(--g);text-align:center;font-size:.75em}
.v5{background:radial-gradient(50% 50% at 55% 50%,rgba(62,100,255,.22),transparent 70%)}
.v5 .tl{position:absolute;display:flex;align-items:center;gap:.8em;width:17em;height:4.7em;padding:0 1em;border-radius:.8em;
 background:linear-gradient(135deg,rgba(80,120,255,.24),rgba(40,50,140,.18));border:1px solid rgba(130,170,255,.45);box-shadow:inset 0 0 1.2em rgba(120,160,255,.18),0 .8em 2em rgba(10,20,80,.5);transform:perspective(40em) rotateY(-18deg) rotateX(8deg)}
.v5 .t0{left:3.4em;top:1.6em}.v5 .t1{left:4.4em;top:7.2em}.v5 .t2{left:5.4em;top:12.8em}.v5 .t3{left:6.4em;top:18.4em}
.v5 .ti{flex:none;width:2.6em;height:2.6em;padding:.45em;border-radius:.55em;background:rgba(62,155,255,.18);border:1px solid rgba(130,170,255,.5);color:#BFD8FF}
.v5 b{display:block;font-size:1em;font-weight:600}.v5 span{display:block;font-size:.72em;color:#B9C6EA}
/* pricing */
.plans{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.plan{position:relative;display:grid;grid-template-columns:1fr auto;gap:0 28px;padding:28px 30px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:var(--cbg)}
.plan.pro{border:2px solid transparent;background:linear-gradient(#090C18,#090C18) padding-box,linear-gradient(90deg,#3E9BFF,#8B65F9) border-box;box-shadow:0 0 28px rgba(110,110,255,.35)}
.plan .badge{position:absolute;left:24px;top:-15px;padding:5px 16px;border-radius:14px;background:linear-gradient(90deg,#58C4FF,#6F7BFF);color:#fff;font-size:13px;font-weight:600}
.plan h3{margin:0;font-size:clamp(18px,1.4vw,22px);font-weight:500;letter-spacing:.02em}
.plan .fit{margin:4px 0 0;font-size:14px;color:var(--mut)}
.plan .pr{margin:10px 0 0;font-size:clamp(34px,3vw,46px);font-weight:700;line-height:1.1}
.plan .mt{margin:10px 0 0;font-size:15px;color:#D7DBEA}
.plan .pr2{display:flex;flex-direction:column;justify-content:space-between;gap:18px;padding-left:28px;border-left:1px solid rgba(255,255,255,.12);min-width:220px}
.plan ul{list-style:none;margin:0;padding:0}
.plan li{display:flex;align-items:center;gap:10px;padding:4px 0;font-size:15px;color:#E6E8F0}
.ck{width:16px;height:16px;flex:none;color:#C9CCD8}
.pbtn{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;border-radius:8px;border:1px solid rgba(110,150,255,.7);color:#fff;font-size:14px;text-decoration:none;transition:background .2s}
.pbtn:hover{background:rgba(80,120,255,.15)}
.plan.pro .pbtn{background:var(--g);border-color:transparent}
.adds2{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}
.add{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:10px;border:1px solid var(--cb);background:var(--cbg);text-decoration:none;color:#E6E8F0;transition:border-color .2s}
.add:hover{border-color:rgba(120,150,255,.5)}
.aic{flex:none;width:46px;height:46px;padding:11px;border-radius:50%;background:rgba(62,155,255,.12);color:var(--lk)}
.an{flex:1;min-width:0}.an b{display:block;font-size:15px;font-weight:600}.an span{display:block;font-size:13px;color:var(--mut);margin-top:2px}
.ap{margin:0;white-space:nowrap;text-align:right}.ap strong{font-size:17px;font-weight:700}.ap small{font-size:12px;color:var(--mut)}
.aar{width:18px;height:18px;flex:none;color:var(--lk)}
/* cases */
.svcases{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.svcase{position:relative;display:block;aspect-ratio:1.55;border-radius:10px;overflow:hidden;border:1px solid var(--cb);color:#fff;text-decoration:none}
.svcase>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .5s}
.svcase:hover>img{transform:scale(1.04)}
.svcase::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,6,14,.88) 0,rgba(4,6,14,.35) 42%,rgba(4,6,14,.1) 60%,rgba(4,6,14,.75) 100%)}
.svcase .cv{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;padding:18px}
.svcase .cn{margin:0;font-size:clamp(15px,1.25vw,19px);font-weight:700}.svcase .cn span{font-weight:600}
.svcase .tags{margin-top:10px}.svcase .tags li{background:rgba(255,255,255,.14);backdrop-filter:blur(6px)}
.svcase .cb{margin-top:auto;align-self:flex-start;padding:7px 12px;border-radius:6px;background:rgba(6,9,18,.82);border:1px solid rgba(255,255,255,.14);font-size:13px}
.svcase:hover .cb{border-color:rgba(120,150,255,.6)}
.allw{display:none}
/* process */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;list-style:none;margin:0;padding:0}
.steps li{display:flex;align-items:center;gap:18px;padding:18px 22px;border-radius:10px;border:1px solid var(--cb);background:var(--cbg)}
.sic{flex:none;width:56px;height:56px;padding:15px;border-radius:50%;background:rgba(62,155,255,.1);color:#6CB6FF;box-shadow:inset 0 0 0 1px rgba(110,170,255,.18)}
.steps .sn{margin:0;font-size:15px;font-weight:700}.steps .sn span{display:inline-block;min-width:34px;font-weight:600}
.steps .sd{margin:6px 0 0 34px;font-size:13.5px;color:var(--mut)}
.xs{display:grid;grid-template-columns:auto repeat(3,1fr);gap:0;margin-top:14px;border-radius:10px;border:1px solid var(--cb);background:var(--cbg)}
.xs .xl{margin:0;display:flex;align-items:center;padding:0 22px;font-size:14px;font-weight:600;border-right:1px solid var(--cb)}
.xs .x{display:flex;align-items:center;gap:14px;padding:14px 22px}
.xs .x+.x{border-left:1px solid rgba(255,255,255,.08)}
.xic{flex:none;width:42px;height:42px;padding:10px;border-radius:50%;background:rgba(62,155,255,.1);color:#6CB6FF}
.xs b{display:block;font-size:14px;font-weight:600}.xs span{display:block;font-size:13px;color:var(--mut);margin-top:2px}
/* CTA */
.svcta{position:relative;margin-top:clamp(40px,3.8vw,60px);overflow:hidden;background:radial-gradient(60% 120% at 50% 50%,#132462,#0A1438 60%,#060B20)}
.svcta .streak{position:absolute;inset:0;width:100%;height:100%}
.svcta .wrap{position:relative;display:flex;align-items:center;gap:24px;min-height:clamp(120px,9vw,150px);padding:20px 0}
.svcta .ctx{flex:1;text-align:center}
.svcta h2{margin:0;font-size:clamp(24px,2.3vw,36px);font-weight:700;line-height:1.25}
.svcta p{margin:6px 0 0;font-size:clamp(13px,1vw,16px);color:#D7DBEA}
.svbar{display:none}
.svp .cft{margin-top:0}
@media (max-width:1180px){
 .svcards{grid-template-columns:repeat(3,1fr)}
 .plans,.adds2{grid-template-columns:1fr}
 .xs{grid-template-columns:1fr 1fr}.xs .xl{grid-column:1/-1;padding:12px 22px;border-right:0;border-bottom:1px solid var(--cb)}
 .xs .x+.x{border-left:0}
 .steps{grid-template-columns:1fr 1fr}
}
@media (max-width:767px){
 .svp .dk{display:none}.svp .mb{display:inline}
 .svp{padding-bottom:76px}
 .svbg{top:46px;left:auto;right:0;width:60vw}
 .svbg img{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 26%),linear-gradient(180deg,#000 75%,transparent);mask-image:linear-gradient(90deg,transparent 0,#000 26%),linear-gradient(180deg,#000 75%,transparent)}
 .svh{padding-top:10px}
 .svh .lab{font-size:13px}
 .svh .h1{margin-top:6px;font-size:6.6vw;line-height:1.24}
 html:not([lang^="zh"]) .svh .h1{font-size:7vw;max-width:72%}
 html[lang^="th"] .svh .h1{font-size:6.3vw;max-width:82%}
 .svh .sub{font-size:14px;margin-top:8px;max-width:80%;text-shadow:0 1px 10px rgba(0,0,0,.8)}
 .svh .acts{gap:12px;margin-top:16px}
 .gbtn,.obtn{height:42px;padding:0 18px;font-size:14px}
 .svtabs{display:none}
 .svsec{width:calc(100% - 2*var(--gut));margin-top:30px}
 .svhd{margin-bottom:12px}.svhd h2{font-size:21px}.svhd p{display:none}
 .svcards{grid-template-columns:1fr;gap:10px}
 .svc{display:grid;grid-template-columns:minmax(0,1fr) 43%;min-height:132px}
 .svc .ct{display:flex;flex-direction:column;padding:12px 0 12px 14px}
 .svc .nh{padding:0;gap:10px}.svc .num{font-size:20px;padding-bottom:6px}.svc h3{font-size:15px;margin:0}
 .svc .tags{padding:8px 0 0}.tags li{font-size:10.5px;padding:5px 6px}
 .svc .d{margin:8px 0 0;font-size:12.5px;line-height:1.5}
 .svc .more{margin:6px 0 0;padding:0;font-size:12.5px}
 .svc .vz{margin:0;aspect-ratio:auto;height:100%}
 .plans{gap:14px}
 .plan{grid-template-columns:1fr auto;grid-template-areas:"pl ul" "bt bt";gap:14px 16px;padding:18px 18px 16px}
 .plan .pl{grid-area:pl}.plan .pr2{display:contents}.plan ul{grid-area:ul;padding-left:14px;border-left:1px solid rgba(255,255,255,.12)}.plan .pbtn{grid-area:bt;height:40px}
 .plan .fit{font-size:12px}.plan .pr{font-size:30px}.plan .mt{font-size:12.5px}.plan li{font-size:13px;gap:7px}
 .plan .badge{left:16px;top:-13px;font-size:12px;padding:4px 12px}
 .adds2{gap:8px;margin-top:12px}
 .add{padding:10px 12px;gap:10px}.aic{width:34px;height:34px;padding:8px}.an b{font-size:13.5px}.an span{display:none}
 .ap strong{font-size:14.5px}.ap small{font-size:11px}
 .svcases{grid-template-columns:1fr 1fr;gap:10px}
 .svcase.k0{grid-column:1/-1;aspect-ratio:2.5}
 .svcase .cv{padding:12px}.svcase .cn{font-size:14px}.svcase .tags{margin-top:6px}.svcase .tags li{font-size:10px;padding:4px 5px}
 .svcase .cb{font-size:11.5px;padding:5px 9px}
 .svcase:not(.k0) .cn span{display:block;font-size:12px;font-weight:500;margin-top:2px}
 .svcase:not(.k0) .tags li:nth-child(n+3){display:none}
 .allw{display:flex;justify-content:flex-end;margin-top:10px;font-size:13px;color:var(--lk);text-decoration:none}
 .steps{grid-template-columns:1fr;gap:8px}
 .steps li{gap:12px;padding:10px 14px}.sic{width:36px;height:36px;padding:8px}
 .steps .sn{font-size:14px}.steps .sn span{min-width:28px}.steps .sd{margin:3px 0 0 28px;font-size:12.5px}
 .xs{grid-template-columns:1fr}.xs .xl{padding:10px 14px}.xs .x{padding:10px 14px;gap:12px}.xic{width:34px;height:34px;padding:8px}
 .svcta .wrap{flex-direction:column;gap:14px;padding:26px 0}
 .svcta h2{font-size:22px}
 .svbar{position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:40;display:flex;align-items:center;justify-content:center;gap:8px;height:48px;border-radius:24px;
  background:var(--g);color:#fff;font-size:15px;font-weight:600;text-decoration:none;box-shadow:0 8px 30px rgba(60,90,255,.45)}
 .lic{width:20px;height:20px;fill:#fff;stroke:none}
}