.dmain{padding:130px 0 40px}
.dhero .big{font-size:clamp(40px,5vw,64px)}
.dlead{margin-top:14px;max-width:36em;font:600 clamp(17px,1.4vw,19px)/1.5 var(--fb);color:rgba(226,242,255,.94)}
.dsearch{position:relative;max-width:640px;margin-top:26px}
.dsearch label{display:flex;align-items:center;gap:12px;height:54px;padding:0 16px;border-radius:16px;background:linear-gradient(165deg,var(--navy1),var(--navy2));box-shadow:inset 0 0 0 1px var(--edge),0 20px 40px rgba(2,10,50,.35)}
.dsearch label > i{color:#8fdcff}
.dsearch input{flex:1;min-width:0;height:100%;border:0;background:none;color:#fff;font:600 16px/1 var(--fb);outline:none}
.dsearch input::placeholder{color:var(--muted)}
.dsearch kbd{font:700 12px/1 var(--fb);padding:5px 8px;border-radius:7px;color:#cfe6ff;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(150,215,255,.25)}
.dres{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:30;padding:6px;border-radius:14px;background:linear-gradient(165deg,rgba(9,30,94,.98),rgba(5,15,56,.99));box-shadow:inset 0 0 0 1px var(--edge),0 24px 50px rgba(2,10,50,.5)}
.dres[hidden]{display:none}
.dres a{display:block;padding:10px 12px;border-radius:10px}
.dres a:hover,.dres a.sel{background:rgba(120,180,255,.14)}
.dres b{display:block;font:700 14.5px/1.3 var(--fb)}
.dres small{display:block;margin-top:3px;font:500 13px/1.4 var(--fb);color:var(--muted)}
.dres mark{background:none;color:#8fdcff;font-weight:700}
.dres p{padding:12px;font:600 14px/1.4 var(--fb);color:var(--muted)}
.dshell{display:grid;grid-template-columns:270px minmax(0,1fr);gap:28px;align-items:start;margin-top:42px}
.dside{position:sticky;top:96px;padding:12px 10px;max-height:calc(100vh - 120px);overflow:auto;scrollbar-width:thin}
.dgroup{padding:10px 10px 6px;font:700 13px/1 var(--fb);color:var(--muted)}
.dlink{display:flex;align-items:center;gap:11px;padding:8px 10px;border-radius:11px;font:700 14.5px/1.2 var(--fb);color:#d6ebff;transition:background .2s ease,color .2s ease}
.dlink img{flex:0 0 auto;width:40px;aspect-ratio:16/10;border-radius:6px;object-fit:cover;object-position:6% 34%;box-shadow:0 0 0 1px rgba(150,215,255,.2)}
.dlink > i{flex:0 0 40px;text-align:center;color:#8fdcff}
.dlink:hover{background:rgba(120,180,255,.1);color:#fff}
.dlink.on{color:#fff;background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.05));box-shadow:inset 0 0 0 1px rgba(170,225,255,.32),inset 0 1px 0 rgba(255,255,255,.25)}
.dsub{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .45s var(--ease),visibility 0s linear .45s}
.dlink.on + .dsub{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .45s var(--ease),visibility 0s}
.dsub-in{position:relative;min-height:0;overflow:hidden;margin-left:29px;padding-left:12px}
.dsub-in::before{content:"";position:absolute;left:0;top:6px;bottom:8px;width:2px;border-radius:2px;background:rgba(150,215,255,.16)}
.dsub-ind{position:absolute;left:0;top:0;width:2px;height:0;border-radius:2px;background:linear-gradient(180deg,#7fe0ff,#2f86ff);opacity:0;transition:transform .45s cubic-bezier(.22,1,.36,1),height .45s cubic-bezier(.22,1,.36,1),opacity .25s ease}
.dsub a{display:block;padding:7px 11px;border-radius:9px;font:600 13.5px/1.3 var(--fb);color:var(--muted);transition:color .2s ease,background .2s ease}
.dsub a:first-of-type{margin-top:6px}
.dsub a:last-child{margin-bottom:8px}
.dsub a:hover{color:#fff;background:rgba(120,180,255,.08)}
.dsub a.on{color:#fff;background:rgba(120,180,255,.13)}
.dpage[hidden]{display:none}
.dhead{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:26px;align-items:center;padding:18px}
.dhead img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px;box-shadow:0 12px 26px rgba(2,10,50,.38),0 0 0 1px rgba(150,215,255,.2)}
.dhead h2{font:800 clamp(28px,3vw,38px)/1.05 var(--fd);letter-spacing:-.03em}
.dhead > div > p{margin-top:10px;color:var(--ink2);font:500 16px/1.5 var(--fb)}
.dhead .fw{margin-top:14px}
.dhead .buy-row{margin-top:18px;padding-top:0;justify-content:flex-start;gap:16px}
.dhead .buy-row .price{margin-right:0}
.dsec{margin-top:20px;padding:22px 26px 24px}
.dsec h3{font:800 22px/1.2 var(--fd);letter-spacing:-.02em}
.dsec{scroll-margin-top:110px}
.dsec p,.dsec ul{margin-top:12px;font:500 15.5px/1.65 var(--fb);color:var(--ink2);max-width:48em}
.dsec ul{padding-left:20px}
.dsec li + li{margin-top:6px}
.dsec a{color:#bfe9ff;text-decoration:underline;text-underline-offset:3px}
.dsec :not(pre) > code{font:600 .9em ui-monospace,"Cascadia Code",Consolas,monospace;padding:2px 6px;border-radius:6px;background:rgba(2,8,34,.5);color:#bfe9ff;box-shadow:inset 0 0 0 1px rgba(150,215,255,.16);overflow-wrap:anywhere}
.dsteps{list-style:none;counter-reset:st;margin:18px 0 0;padding:0}
.dsteps > li{position:relative;counter-increment:st;padding:0 0 20px 52px}
.dsteps > li::before{content:counter(st);position:absolute;left:0;top:-4px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font:800 14px/1 var(--fd);color:#fff;background:linear-gradient(180deg,#56d0ff 0%,#2477f2 45%,#1550d8 100%);box-shadow:0 8px 18px rgba(10,50,190,.4),inset 0 1px 0 rgba(255,255,255,.5)}
.dsteps > li::after{content:"";position:absolute;left:16.5px;top:36px;bottom:2px;width:1px;background:rgba(150,215,255,.24)}
.dsteps > li:last-child{padding-bottom:4px}
.dsteps > li:last-child::after{display:none}
.dsteps b{display:block;font:800 16.5px/1.35 var(--fb);color:#fff}
.dsteps p,.dsteps ul{margin-top:6px}
.dcode{margin-top:12px;max-width:48em;border-radius:12px;overflow:hidden;background:rgba(2,8,34,.62);box-shadow:0 0 0 1px rgba(150,215,255,.16)}
.dcode-h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 6px 6px 14px;background:rgba(255,255,255,.045);border-bottom:1px solid rgba(150,215,255,.13)}
.dcode-h > span{font:700 12.5px/1 var(--fb);color:var(--muted)}
.dcode pre{margin:0;padding:14px 16px;overflow-x:auto;font:600 14px/1.6 ui-monospace,"Cascadia Code",Consolas,monospace;color:#d8ecff}
.dcopy{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px;border-radius:8px;font:700 13px/1 var(--fb);color:#e8f4ff;background:linear-gradient(180deg,#234a9e,#173478);box-shadow:inset 0 0 0 1px rgba(150,215,255,.3),inset 0 1px 0 rgba(255,255,255,.16);transition:color .2s ease}
.dcopy::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#56d0ff 0%,#2477f2 45%,#1550d8 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.5);opacity:0;transition:opacity .25s ease}
.dcopy:hover,.dcopy.ok{color:#fff}
.dcopy:hover::before,.dcopy.ok::before{opacity:1}
.dcopy i{font-size:12px}
.dtable-wrap{margin-top:14px;overflow-x:auto}
.dtable{width:100%;border-collapse:collapse;font:500 14.5px/1.45 var(--fb);color:var(--ink2)}
.dtable th{text-align:left;font-weight:700;color:#fff;padding:10px 12px;border-bottom:1px solid rgba(150,215,255,.26);white-space:nowrap}
.dtable td{padding:10px 12px;border-bottom:1px solid rgba(150,215,255,.12);vertical-align:top}
.dpn{display:flex;justify-content:space-between;gap:12px;margin-top:22px}
.dpn .next{margin-left:auto}
.dpn .btn i{transition:transform .35s var(--ease)}
.dpn .next:hover i{transform:translateX(3px)}
.dpn .prev:hover i{transform:translateX(-3px)}
.dstart{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.dstart .card{padding:20px 22px 22px}
.dstart h3{font:800 19px/1.2 var(--fd);letter-spacing:-.02em}
.dstart p{margin-top:10px;font:500 15px/1.6 var(--fb);color:var(--ink2)}
.dstart :not(pre) > code{font:600 .9em ui-monospace,"Cascadia Code",Consolas,monospace;padding:2px 6px;border-radius:6px;background:rgba(2,8,34,.5);color:#bfe9ff}
.dh2{margin:38px 0 16px;font:800 clamp(24px,2.4vw,30px)/1.1 var(--fd);letter-spacing:-.03em}
.dguides{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.dguide{display:block;padding:10px 10px 16px}
.dguide img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;box-shadow:0 0 0 1px rgba(150,215,255,.2)}
.dguide b{display:block;margin:12px 4px 0;font:800 17px/1.2 var(--fd);letter-spacing:-.02em}
.dguide small{display:block;margin:5px 4px 0;font:600 13px/1.3 var(--fb);color:var(--muted)}
.dhelp{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px;padding:22px 24px}
.dhelp h3{font:800 20px/1.2 var(--fd)}
.dhelp p{margin-top:6px;color:var(--ink2);font:500 15px/1.5 var(--fb)}
@media (max-width:1099px){
  .dstart{grid-template-columns:1fr}
}
@media (max-width:860px){
  .dmain{padding-top:150px}
  .dshell{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:28px}
  .dside{position:static;max-height:none;display:flex;gap:4px;overflow-x:auto;padding:6px;scrollbar-width:none}
  .dside::-webkit-scrollbar{display:none}
  .dgroup,.dsub{display:none !important}
  .dlink{flex:0 0 auto;padding:7px 10px}
  .dlink img{width:32px}
  .dhead{grid-template-columns:minmax(0,1fr)}
  .dsec{padding:18px 16px 20px}
  .dhelp{flex-direction:column;align-items:flex-start}
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}
.sclear{flex:0 0 auto;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#d6ebff;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(150,215,255,.25),inset 0 1px 0 rgba(255,255,255,.12);transition:background .25s ease,color .25s ease,box-shadow .25s ease}
.sclear[hidden]{display:none}
.sclear i{font-size:12px}
.sclear:hover{color:#fff;background:linear-gradient(180deg,#56d0ff 0%,#2477f2 45%,#1550d8 100%);box-shadow:0 6px 14px rgba(10,50,190,.4),inset 0 1px 0 rgba(255,255,255,.5)}
.dhead.nobanner{grid-template-columns:minmax(0,1fr)}
.dsec h4{margin-top:20px;font:800 17px/1.3 var(--fd);letter-spacing:-.01em}
.dsec img{display:block;max-width:100%;height:auto;margin-top:14px;border-radius:12px;box-shadow:0 12px 26px rgba(2,10,50,.3),0 0 0 1px rgba(150,215,255,.2)}
.dsec ol:not(.dsteps){margin-top:12px;padding-left:22px;font:500 15.5px/1.65 var(--fb);color:var(--ink2);max-width:48em}
.dnote{margin:14px 0 0;padding:12px 16px;border-radius:12px;max-width:48em;background:rgba(86,208,255,.1);box-shadow:inset 3px 0 0 #56d0ff,inset 0 0 0 1px rgba(150,215,255,.18)}
.dnote > :first-child{margin-top:0}
.dload{padding:40px 0 140px;font:600 16px/1.4 var(--fb);color:var(--ink2)}
.dfail{margin:20px 0 80px;padding:24px 26px;max-width:560px}
.dfail h3{font:800 22px/1.2 var(--fd)}
.dfail p{margin-top:8px;color:var(--ink2)}