@charset "UTF-8";.hsc--web .hw-win{left: 62px;top: 56px;width: 356px;height: 268px;border-radius: 16px;overflow: hidden;padding: 0}.hsc--web .hw-bar{display: flex;align-items: center;gap: 8px;padding: 10px 13px;border-bottom: 1px solid var(--line-soft);background: var(--mist)}.hsc--web .hw-dots{display: flex;gap: 5px}.hsc--web .hw-dots i{width: 8px;height: 8px;border-radius: 50%;background: var(--mist-2)}.hsc--web .hw-dots i:first-child{background: #ff5f57}.hsc--web .hw-dots i:nth-child(2){background: #febc2e}.hsc--web .hw-dots i:nth-child(3){background: #28c840}.hsc--web .hw-url{flex: 1;height: 20px;border-radius: 99px;background: #fff;border: 1px solid var(--line);display: flex;align-items: center;padding: 0 10px;font-size: 9.5px;color: var(--ink-400);overflow: hidden}.hsc--web .hw-url span{white-space: nowrap;overflow: hidden;border-right: 1.5px solid var(--c2);animation: hwType 1.6s steps(18) .6s both,hwCaret .8s step-end infinite}.hsc--web .hw-body{padding: 13px;display: grid;gap: 10px}.hsc--web .hw-hero{height: 92px;border-radius: 10px;background: linear-gradient(140deg,var(--c1),var(--c2) 58%,var(--c3));position: relative;overflow: hidden;padding: 16px;animation: hwBlock 1.1s var(--ease) .2s both}.hsc--web .hw-hero i{display: block;height: 9px;border-radius: 99px;background: rgba(255,255,255,.82);width: 58%}.hsc--web .hw-hero i + i{margin-top: 8px;width: 40%;height: 6px;background: rgba(255,255,255,.5)}.hsc--web .hw-hero em{position: absolute;right: 16px;bottom: 16px;width: 62px;height: 22px;border-radius: 99px;background: #fff}.hsc--web .hw-cols{display: grid;grid-template-columns: repeat(3,1fr);gap: 9px}.hsc--web .hw-col{height: 66px;border-radius: 9px;background: var(--mist);border: 1px solid var(--line-soft);padding: 10px;animation: hwBlock 1.1s var(--ease) var(--dly) both}.hsc--web .hw-col b{display: block;width: 22px;height: 22px;border-radius: 7px;background: linear-gradient(140deg,var(--c1),var(--c3))}.hsc--web .hw-col i{display: block;margin-top: 8px;height: 5px;border-radius: 99px;background: var(--mist-2)}.hsc--web .hw-col i + i{margin-top: 5px;width: 64%}.hsc--web .hw-mob{right: 26px;bottom: 40px;width: 96px;height: 158px;z-index: 5;border-radius: 16px;overflow: hidden;padding: 9px}.hsc--web .hw-mob::before{content: "";position: absolute;left: 50%;top: 6px;width: 26px;height: 4px;margin-left: -13px;border-radius: 99px;background: var(--mist-2)}.hsc--web .hw-mob .m1{margin-top: 8px;height: 44px;border-radius: 8px;background: linear-gradient(140deg,var(--c1),var(--c3))}.hsc--web .hw-mob .m2{margin-top: 7px;height: 26px;border-radius: 7px;background: var(--mist)}.hsc--web .hw-mob .m3{margin-top: 6px;height: 26px;border-radius: 7px;background: var(--mist)}.hsc--web .hw-mob .m4{margin-top: 6px;height: 8px;width: 60%;border-radius: 99px;background: var(--mist-2)}.hsc--web .hw-score{left: 24px;bottom: 34px;width: 158px;padding: 13px;z-index: 5;display: flex;align-items: center;gap: 12px}.hsc--web .hw-ring{width: 54px;height: 54px;border-radius: 50%;flex: none;display: grid;place-items: center;background: conic-gradient(var(--c2) var(--hsc-p),var(--mist-2) 0);animation: hwRing 2.2s var(--ease) .9s both}.hsc--web .hw-ring::after{content: counter(hwn);counter-reset: hwn var(--hsc-n);width: 40px;height: 40px;border-radius: 50%;background: #fff;display: grid;place-items: center;font-size: 15px;font-weight: 600;color: var(--c3);letter-spacing: -.03em;animation: hwNum 2.2s var(--ease) .9s both}.hsc--web .hw-c1{left: 28px;top: 20px;z-index: 6}.hsc--web .hw-c2{left: 26px;top: 330px;z-index: 6}@media (prefers-reduced-motion: reduce){.hsc--web .hw-ring{background: conic-gradient(var(--c2) 93%,var(--mist-2) 0)}.hsc--web .hw-ring::after{content: "93"}}@keyframes hwType{from{max-width: 0}to{max-width: 120px}}@keyframes hwCaret{50%{border-color: transparent}}@keyframes hwBlock{from{opacity: 0;transform: translateY(14px) scale(.97)}to{opacity: 1;transform: none}}@keyframes hwRing{from{--hsc-p: 0%}to{--hsc-p: 93%}}@keyframes hwNum{from{--hsc-n: 0}to{--hsc-n: 93}}