.hpt-hero{background:radial-gradient(ellipse 50% 70% at 50% 0,rgba(244,81,66,.14),transparent 70%),#0f0f0f;padding:88px 0 72px}.hpt-hero-in{align-items:center;display:flex;flex-direction:column;gap:18px;max-width:860px;text-align:center}.hpt-jump{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:6px}.hpt-page .hpt-jump a{align-items:center;background:#1a1a1a;border-radius:999px;box-shadow:inset 0 0 0 1px #2a2a2a;color:#dbdee1;display:inline-flex;font-size:14px;font-weight:600;min-height:40px;padding:0 16px}.hpt-page .hpt-jump a:hover{box-shadow:inset 0 0 0 1px #f45142;color:#fff}.hpt-group{padding:72px 0}.hpt-h2{font-size:clamp(28px,3.4vw,38px);margin-bottom:28px!important}.hpt-page .hpt-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}.hpt-grid>li{display:flex}.hpt-page .hpt-card{background:#1a1a1a;border-radius:16px;box-shadow:inset 0 0 0 1px #2a2a2a;color:#fff;display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .15s ease,-webkit-transform .15s ease;transition:box-shadow .15s ease,transform .15s ease;transition:box-shadow .15s ease,transform .15s ease,-webkit-transform .15s ease;width:100%}.hpt-page .hpt-card:hover{box-shadow:inset 0 0 0 1px #f45142;color:#fff}.hpt-art{align-items:center;background:#121316;box-shadow:inset 0 -1px 0 #2a2a2a;box-sizing:border-box;display:flex;height:150px;justify-content:center;overflow:hidden;padding:18px}.hpt-card-body{display:flex;flex:1 1;flex-direction:column;gap:10px;padding:20px 22px 22px}.hpt-card-title{font-size:24px;line-height:1.1}.hpt-card-text{color:#b5bac1;font-size:15px}.hpt-open{align-items:center;color:#fff;display:inline-flex;font-size:14px;font-weight:600;gap:6px;margin-top:auto;padding-top:6px}.hpt-card:hover .hpt-open svg{-webkit-transform:translateX(3px);transform:translateX(3px)}.hpt-open svg{transition:-webkit-transform .15s ease;transition:transform .15s ease;transition:transform .15s ease,-webkit-transform .15s ease}.hpt-page code{background:#222327;border-radius:6px;color:#dbdee1;font-family:Consolas,Menlo,monospace;font-size:14px;padding:3px 8px}.hpt-page .hpt-strong{color:#fff;font-weight:700}.hpt-mini-dc{background:#313338;border-radius:10px;box-sizing:border-box;max-width:260px;padding:12px;width:100%}.hpt-mini-embed{background:#2b2d31;border-left:4px solid #f45142;border-radius:4px;display:flex;flex-direction:column;gap:8px;padding:10px 12px}.hpt-bar{background:#4e5058;border-radius:4px;display:block;height:7px}.hpt-mini-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.hpt-swatch{border-radius:10px;flex:none;height:40px;width:40px}.hpt-mini-col{align-items:center;display:flex;flex-direction:column;gap:10px;text-align:center}.hpt-mini-out{color:#b5bac1;font-size:13px}.hpt-stamp{background:hsla(0,0%,100%,.08);border-radius:4px;color:#fff;padding:1px 4px}.hpt-chip-on{background:rgba(244,81,66,.16);border-radius:999px;box-shadow:inset 0 0 0 1px rgba(244,81,66,.5);font-size:12px;font-weight:600;padding:4px 10px}.hpt-mini-card{flex:none;-webkit-transform:scale(.82);transform:scale(.82);-webkit-transform-origin:center;transform-origin:center;width:300px}.hpt-bot{grid-gap:20px;align-items:stretch;display:grid;gap:20px;grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.hpt-page .hpt-grid-one{grid-template-columns:minmax(0,1fr)}.hpt-guide{border:1.5px dashed #33353a;border-radius:16px;box-shadow:inset 0 0 0 1.5px dashed #2a2a2a;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:32px}.hpt-use{grid-gap:56px;align-items:start;display:grid;gap:56px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.hpt-page .hpt-use-list{display:flex;flex-direction:column;margin:0}.hpt-use-list>div{grid-gap:20px;box-shadow:0 1px 0 #262626;display:grid;gap:20px;grid-template-columns:180px minmax(0,1fr);padding:18px 0}.hpt-use-list>div:first-child{padding-top:0}.hpt-page .hpt-use-list dt{color:#fff;font-family:Rajdhani,sans-serif;font-size:20px;font-weight:700}.hpt-page .hpt-use-list dd{color:#b5bac1;font-size:15px;margin:0}.hpt-page .hpt-use-list dd a{text-decoration:underline;-webkit-text-decoration-color:hsla(0,0%,100%,.35);text-decoration-color:hsla(0,0%,100%,.35);text-underline-offset:3px}.hpt-page .hpt-use-list dd a:hover{-webkit-text-decoration-color:#f45142;text-decoration-color:#f45142}.hpt-close{padding:64px 0 88px}.hpt-close-panel{align-items:center;background:linear-gradient(120deg,rgba(244,81,66,.16),rgba(244,81,66,.02) 60%),#1a1a1a;border-radius:18px;box-shadow:inset 0 0 0 1px rgba(244,81,66,.35);display:flex;gap:32px;justify-content:space-between;padding:32px 36px}.hpt-close-panel .hp-btn{flex:none}@media (max-width:960px){.hpt-page .hpt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hpt-bot,.hpt-use{gap:28px;grid-template-columns:minmax(0,1fr)}.hpt-close-panel{align-items:flex-start;flex-direction:column}}@media (max-width:600px){.hpt-hero{padding:56px 0 48px}.hpt-group{padding:56px 0}.hpt-page .hpt-grid,.hpt-use-list>div{grid-template-columns:minmax(0,1fr)}.hpt-use-list>div{gap:6px}.hpt-guide{padding:22px}.hpt-close-panel{padding:24px}.hpt-close-panel .hp-btn{width:100%}}.hpt-chip-plain{background:#222327;border-radius:999px;color:#b5bac1;font-size:12px;font-weight:500;padding:3px 9px}.hpt-guide{background:linear-gradient(135deg,#1d1e22,#151619);border:0;box-shadow:inset 0 0 0 1px #2a2a2a}.hpt-page .hpt-jump a:after{color:#949ba4;content:"\2193";margin-left:6px}