.hyblog-hot{position:fixed;top:calc(var(--nav-top,0px) + 8px);right:0;width:96px;height:80px;z-index:101}
.hyblog-btn{position:fixed;top:calc(var(--nav-top,0px) + 18px);right:14px;z-index:102;width:42px;height:42px;border-radius:50%;border:0;cursor:pointer;display:grid;place-items:center;color:#fff;background:var(--grad,linear-gradient(135deg,#2dd4bf,#0f8fe6));box-shadow:0 8px 20px color-mix(in srgb,var(--blue,#0f8fe6) 40%,transparent);opacity:0;transform:translateY(-6px) scale(.9);pointer-events:none;transition:opacity .2s ease,transform .2s ease}
.hyblog-btn.show{opacity:1;transform:none;pointer-events:auto}
@media (max-width:1100px){
  .hyblog-hot{top:calc(var(--nav-top,0px) + 74px);height:96px;z-index:88}
  .hyblog-btn{top:calc(var(--nav-top,0px) + 84px);z-index:88}
}
.hyblog-btn svg{width:20px;height:20px}

html.no-scroll,html.no-scroll body{overflow:hidden}

.hyblog-back{position:fixed;inset:0;z-index:100000;background:rgba(16,24,40,.55);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:opacity .34s cubic-bezier(.76,0,.24,1),visibility 0s linear .34s}
.hyblog-back.open{opacity:1;visibility:visible;transition:opacity .34s cubic-bezier(.76,0,.24,1)}
.hyblog-modal{position:relative;width:340px;max-width:100%;background:#fff;border-radius:16px;padding:26px 24px;font-family:Inter,system-ui,Segoe UI,sans-serif;box-shadow:0 30px 80px rgba(16,24,40,.42);text-align:center;transform:translateY(26px);opacity:0;transition:transform .42s cubic-bezier(.76,0,.24,1),opacity .34s cubic-bezier(.76,0,.24,1)}
.hyblog-back.open .hyblog-modal{transform:none;opacity:1}

.hyblog-x{position:absolute;top:12px;right:12px;overflow:hidden;width:var(--x-size,36px);height:var(--x-size,36px);flex:none;padding:0;border:0;cursor:pointer;border-radius:50%;display:grid;place-items:center;background:var(--x-bg,#eef1f6)}
.hyblog-x>*{display:none}
.hyblog-x::after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--grad,linear-gradient(135deg,#2dd4bf,#0f8fe6));opacity:0;transition:opacity .45s var(--ease,ease)}
.hyblog-x::before{content:"";position:relative;z-index:1;width:var(--x-glyph,14px);height:var(--x-glyph,14px);background:var(--grad,linear-gradient(135deg,#2dd4bf,#0f8fe6));-webkit-mask:var(--x-mask,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E")) center/contain no-repeat;mask:var(--x-mask,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E")) center/contain no-repeat;transition:transform .55s var(--ease-deck,cubic-bezier(.23,1,.32,1)),background .45s var(--ease,ease)}
.hyblog-x:hover::after{opacity:1}
.hyblog-x:hover::before{background:#fff;transform:rotate(360deg)}
.hyblog-modal h3{margin:0 0 4px;font-size:1.2rem;color:#161d29;font-weight:800}
.hyblog-modal .sub{margin:0 0 18px;font-size:.85rem;color:#7b8492}

.hyblog-modal .hyblog-f{text-align:left;margin-bottom:12px}
.hyblog-modal .hyblog-f label{display:block;font-size:.76rem;font-weight:600;color:#7b8492;margin-bottom:5px}
.hyblog-modal input{width:100%;box-sizing:border-box;padding:9px 11px;margin:0;border:1px solid #e6ebf2;border-radius:8px;font:400 .86rem/1.3 Inter,system-ui,Segoe UI,sans-serif;color:#161d29;background:#e9ebee;text-align:left}
.hyblog-modal input:focus{outline:0;border-color:var(--blue,#0f8fe6);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue,#0f8fe6) 15%,transparent)}

.hyblog-modal input:-webkit-autofill,.hyblog-modal input:-webkit-autofill:hover,.hyblog-modal input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 100px #e9ebee inset;-webkit-text-fill-color:#161d29;caret-color:#161d29;font-weight:400}

.hyblog-modal .submit{margin-top:6px;display:inline-flex;align-items:center;justify-content:center;gap:var(--btn-gap-sm,9px);padding:var(--btn-py-sm,10px) var(--btn-arw-pr-sm,10px) var(--btn-py-sm,10px) var(--btn-arw-pl-sm,18px);border:0;border-radius:var(--pill,999px);cursor:pointer;will-change:transform;font:600 var(--btn-fs-sm,.9rem) Inter,system-ui,sans-serif;color:#fff;background:var(--grad,linear-gradient(to top right,#2dd4bf 0%,#0f8fe6 100%));box-shadow:var(--sh-soft,0 .8px .7px rgba(16,24,40,.02),-1.3px 1.4px .2px rgba(16,24,40,.02),-3px 3.3px .5px rgba(16,24,40,.03),-5.4px 6px 1px rgba(16,24,40,.03),-8.8px 9.7px 1.8px rgba(16,24,40,.04),-13.8px 15.2px 3.1px rgba(16,24,40,.04),-21px 23px 5.3px rgba(16,24,40,.05),-31px 34px 8.5px rgba(16,24,40,.05));transition:box-shadow .32s var(--ease,cubic-bezier(.22,.61,.36,1))}
.hyblog-modal .submit:hover{box-shadow:var(--sh-soft-lg,0 1px 1px rgba(16,24,40,.03),-3px 3.3px .6px rgba(16,24,40,.03),-7px 7.7px 1.4px rgba(16,24,40,.04),-13.8px 15.2px 3.1px rgba(16,24,40,.05),-23px 25px 6px rgba(16,24,40,.05),-36px 40px 10px rgba(16,24,40,.06),-54px 60px 16px rgba(16,24,40,.06))}
.hyblog-modal .submit .marw{width:var(--btn-arw-sm,26px);height:var(--btn-arw-sm,26px);flex:none;border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--blue-600,#0670bb)}
.hyblog-modal .submit .marw svg{width:13px;height:13px}
.hyblog-modal .submit:disabled{cursor:default}

.hyblog-modal .submit.is-busy{pointer-events:none}
.hyblog-modal .submit.is-busy .marw svg{display:none}
.hyblog-modal .submit.is-busy .marw::after{content:"";width:15px;height:15px;border-radius:50%;
  background:conic-gradient(from 0deg,transparent 8%,var(--mint,#2dd4bf) 55%,var(--blue,#0f8fe6) 100%);
  -webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 3px));
  mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 calc(100% - 3px));
  animation:hyblogSpin .7s linear infinite}
@keyframes hyblogSpin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.hyblog-modal .submit.is-busy .marw::after{animation-duration:1.4s}}
.hyblog-err{color:#dc2626;font-size:.82rem;margin:0 0 10px;display:none}
@media (prefers-reduced-motion:reduce){.hyblog-btn,.hyblog-back,.hyblog-modal,.hyblog-modal .submit{transition:none}}