.hp .pg-su .suh{isolation:isolate;border-radius:26px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;min-height:360px;margin-top:28px;padding:36px;display:grid;position:relative;overflow:hidden}.hp .pg-su .suh>img{object-fit:cover;object-position:50% 30%;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.hp .pg-su .suh:before{content:"";z-index:-1;background:linear-gradient(90deg,#0b0e13f0,#0b0e1399 50%,#0b0e1333),linear-gradient(#0000 40%,#0b0e13cc);position:absolute;inset:0}.hp .pg-su .suh h2{font:800 clamp(30px,3.6vw,46px)/1.05 var(--font);letter-spacing:-.035em;margin:0 0 10px}.hp .pg-su .suh p{max-width:520px;color:var(--fg-2);margin:0;font-size:16px;line-height:1.55}.hp .pg-su .specs{flex-wrap:wrap;gap:8px;display:flex}.hp .pg-su .specs div{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#12161d8c;border-radius:14px;min-width:120px;padding:14px 16px}.hp .pg-su .specs small{font:600 12px/1 var(--font);color:var(--fg-3);margin-bottom:8px;display:block}.hp .pg-su .specs b{font:800 16px/1.1 var(--font)}.hp .pg-su .sulay{grid-template-columns:210px minmax(0,1fr);align-items:start;gap:32px;margin-top:34px;display:grid}.hp .pg-su .toc{gap:2px;display:grid;position:sticky;top:96px}.hp .pg-su .toc a{height:42px;font:700 14px/1 var(--font);color:var(--fg-2);border-radius:10px;align-items:center;gap:10px;padding:0 12px;transition:background .2s,color .2s;display:flex}.hp .pg-su .toc a .i{width:17px;height:17px}.hp .pg-su .toc a:hover,.hp .pg-su .toc a.on{color:var(--fg);background:var(--s1)}.hp .pg-su .toc a em{font-style:normal;font:700 12px/1 var(--font);color:var(--fg-3);margin-left:auto}.hp .pg-su .sec2{margin-bottom:40px;scroll-margin-top:96px}.hp .pg-su .sec2 h3{font:800 22px/1.2 var(--font);letter-spacing:-.015em;align-items:center;gap:12px;margin:0 0 6px;display:flex}.hp .pg-su .sec2 h3 .tile{background:color-mix(in srgb,var(--sc)18%,var(--s2));width:38px;height:38px;color:var(--sc);border-radius:11px;place-items:center;display:grid}.hp .pg-su .sec2 h3 .tile .i{width:19px;height:19px}.hp .pg-su .sec2>p{color:var(--fg-3);margin:0 0 18px 50px;font-size:14.5px}.hp .pg-su .gear{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.hp .pg-su .gi{background:var(--s1);transition:transform .25s var(--ease);border-radius:18px;grid-template-rows:130px auto;display:grid;overflow:hidden}.hp .pg-su .gi:hover{transform:translateY(-3px)}.hp .pg-su .gi .ph{background:radial-gradient(60% 80% at 50% 60%,color-mix(in srgb,var(--sc)22%,transparent),transparent 75%),var(--s2);color:color-mix(in srgb,var(--sc)70%,#fff);place-items:center;display:grid}.hp .pg-su .gi .ph .i{stroke-width:1.5px;width:52px;height:52px}.hp .pg-su .gi .ph.has-img{padding:0;overflow:hidden}.hp .pg-su .gi .ph img{object-fit:cover;width:100%;height:100%;display:block}.hp .pg-su .gi .bd{gap:4px;padding:16px;display:grid}.hp .pg-su .gi small{font:700 12px/1 var(--font);color:var(--fg-3)}.hp .pg-su .gi b{font:800 16px/1.3 var(--font);margin-top:4px}.hp .pg-su .gi p{color:var(--fg-2);margin:4px 0 0;font-size:13.5px;line-height:1.45}.hp .pg-su .gi a{font:700 13px/1 var(--font);color:var(--accent);align-items:center;gap:6px;margin-top:10px;display:inline-flex}.hp .pg-su .gi a .i{width:14px;height:14px}.hp .pg-su .cfg{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.hp .pg-su .cfg div{background:var(--s1);border-radius:16px;padding:16px}.hp .pg-su .cfg small{font:600 12.5px/1 var(--font);color:var(--fg-3);margin-bottom:9px;display:block}.hp .pg-su .cfg b{font:800 19px/1.1 var(--font)}.hp .pg-su .xh{background:var(--s1);border-radius:16px;align-items:center;gap:16px;margin-top:10px;padding:14px 14px 14px 18px;display:flex}.hp .pg-su .xh .prev{background:#3b4250 url(/media/home-bg.jpg) 50%/cover;border-radius:12px;flex-shrink:0;width:56px;height:56px;position:relative;overflow:hidden}.hp .pg-su .xh .prev:before,.hp .pg-su .xh .prev:after{content:"";background:#2fd3d9;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #0009}.hp .pg-su .xh .prev:before{width:2px;height:16px;transform:translate(-50%,-50%)}.hp .pg-su .xh .prev:after{width:16px;height:2px;transform:translate(-50%,-50%)}.hp .pg-su .xh div{flex:1;min-width:0}.hp .pg-su .xh small{font:600 12.5px/1 var(--font);color:var(--fg-3);margin-bottom:8px;display:block}.hp .pg-su .xh code{color:var(--fg);white-space:nowrap;text-overflow:ellipsis;font:600 13.5px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;display:block;overflow:hidden}.hp .pg-su .xh .btn{height:42px}@media (max-width:1100px){.hp .pg-su .sulay{grid-template-columns:1fr}.hp .pg-su .toc{scrollbar-width:none;gap:6px;display:flex;position:static;overflow-x:auto}.hp .pg-su .toc a{background:var(--s1);flex-shrink:0}.hp .pg-su .toc a em{display:none}.hp .pg-su .gear,.hp .pg-su .cfg{grid-template-columns:repeat(2,minmax(0,1fr))}.hp .pg-su .suh{grid-template-columns:1fr}}@media (max-width:700px){.hp .pg-su .suh{border-radius:20px;min-height:420px;padding:22px 18px}.hp .pg-su .suh:before{background:linear-gradient(#0b0e1340,#0b0e13f2 55%)}.hp .pg-su .specs div{flex:40%;min-width:0}.hp .pg-su .toc{margin-inline:-24px;padding-inline:24px}.hp .pg-su .gear{grid-template-columns:1fr}.hp .pg-su .gi{grid-template-rows:none;grid-template-columns:92px minmax(0,1fr)}.hp .pg-su .gi .ph .i{width:36px;height:36px}.hp .pg-su .gi .bd{padding:14px}.hp .pg-su .sec2>p{margin-left:0}.hp .pg-su .xh{flex-wrap:wrap}.hp .pg-su .xh .btn{width:100%}}