.hot-page{min-height:70vh;background:#f7f9fc;padding:76px 0 100px}.hot-shell{max-width:1240px}.hot-intro{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:37px}.hot-kicker{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:800;letter-spacing:.2em;color:#31709c}.hot-kicker-dot{width:8px;height:8px;border-radius:50%;background:#0bb6b4;box-shadow:0 0 0 5px #0bb6b41d}.hot-intro h1{font-size:clamp(38px,4.7vw,60px);letter-spacing:-.07em;line-height:1.12;margin:19px 0 14px;color:#0b2444}.hot-intro h1 em{font-style:normal;color:#1685b9}.hot-intro-copy>p{color:#607189;font-size:15px;margin:0}.hot-intro-side{display:flex;align-items:flex-end;flex-direction:column;gap:8px;white-space:nowrap;padding-bottom:3px}.hot-live{display:inline-flex;align-items:center;gap:8px;color:#0c775e;font-size:12px;font-weight:700}.hot-live>span{display:block;width:7px;height:7px;background:#11b98a;border-radius:50%;box-shadow:0 0 0 4px #11b98a23}.hot-time{color:#8a98a9;font-size:12px}.hot-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px}.hot-tabs{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.hot-tab{border:1px solid #e1e8f0;background:#fff;color:#566981;padding:10px 17px;border-radius:999px;font-size:13px;font-weight:700;transition:background .2s,border-color .2s,color .2s,transform .2s}.hot-tab:hover{border-color:#aac8dd;color:#137aab;transform:translateY(-1px)}.hot-tab.is-active{background:#102b4c;color:#fff;border-color:#102b4c}.hot-search{display:flex;align-items:center;gap:5px;width:250px;height:42px;padding:0 14px;border:1px solid #e1e8f0;border-radius:999px;background:#fff;color:#7290a8;transition:border-color .2s,box-shadow .2s}.hot-search:focus-within{border-color:#83bfdc;box-shadow:0 0 0 3px #1b99d21a}.hot-search-icon{font-size:27px;line-height:1;transform:translateY(-2px)}.hot-search input{width:100%;border:0;background:transparent;outline:0;font-size:13px;color:#183550}.hot-search input::placeholder{color:#9aabba}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}.hot-card{min-width:0;background:#fff;border:1px solid #e4eaf1;border-radius:18px;box-shadow:0 10px 30px #15375a08;overflow:hidden;transition:transform .2s,box-shadow .2s}.hot-card:hover{transform:translateY(-3px);box-shadow:0 16px 38px #15375a12}.hot-card[hidden],.hot-item[hidden],.hot-empty[hidden]{display:none}.hot-card-header{display:flex;align-items:center;gap:12px;padding:22px 23px 18px;border-bottom:1px solid #edf1f5}.hot-brand{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;background:color-mix(in srgb,var(--hot-accent) 12%,white);color:var(--hot-accent);font-size:16px;font-weight:900;letter-spacing:-.04em}.hot-card-heading{min-width:0}.hot-card-heading h2{font-size:17px;letter-spacing:-.035em;color:#152c47;margin:0 0 3px}.hot-card-heading>span{color:#8d9baa;font-size:11px}.hot-card-count{margin-left:auto;white-space:nowrap;font-size:10px;font-weight:800;letter-spacing:.12em;color:#afbdc9}.hot-list{list-style:none;padding:9px 12px 17px;margin:0}.hot-item a{display:flex;align-items:center;gap:13px;min-height:47px;padding:7px 11px;border-radius:9px;color:#233b54;transition:background .2s,color .2s}.hot-item a:hover,.hot-item a:focus-visible{background:#eff7fb;color:#0d83b6;outline:0}.hot-rank{flex:none;width:22px;text-align:center;font-size:12px;font-weight:800;color:#9aaab8;font-variant-numeric:tabular-nums}.hot-item:nth-child(1) .hot-rank{color:#dc5967}.hot-item:nth-child(2) .hot-rank{color:#e98d56}.hot-item:nth-child(3) .hot-rank{color:#dca743}.hot-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;line-height:1.55}.hot-open{margin-left:auto;color:#aebbc7;font-size:17px;line-height:1;opacity:0;transition:opacity .2s}.hot-item a:hover .hot-open,.hot-item a:focus-visible .hot-open{opacity:1}.hot-credit{margin:27px 0 0;color:#91a0af;text-align:right;font-size:11px}.hot-credit a{color:#6483a0;text-decoration:underline;text-underline-offset:3px}.hot-empty,.hot-unavailable{background:#fff;border:1px solid #e5ebf1;border-radius:18px;text-align:center;padding:55px 20px;color:#667b90}.hot-unavailable h2{font-size:23px;color:#173451;margin-bottom:9px}.hot-unavailable p{font-size:14px;margin-bottom:18px}.hot-unavailable a{font-size:13px;font-weight:700;color:#1487b8}
@media(max-width:1100px){.hot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hot-toolbar{align-items:flex-start;flex-direction:column}.hot-search{width:min(100%,320px)}}
@media(max-width:700px){.hot-page{padding:54px 0 75px}.hot-intro{align-items:flex-start;flex-direction:column;gap:19px;margin-bottom:27px}.hot-intro h1{font-size:40px;margin:16px 0 10px}.hot-intro-copy>p{font-size:14px}.hot-intro-side{align-items:flex-start;gap:6px}.hot-toolbar{gap:16px;margin-bottom:20px}.hot-tabs{gap:7px}.hot-tab{font-size:12px;padding:9px 13px}.hot-search{width:100%}.hot-grid{grid-template-columns:1fr;gap:15px}.hot-card-header{padding:18px 18px 15px}.hot-list{padding:7px 9px 14px}.hot-item a{min-height:46px}.hot-credit{text-align:left;line-height:1.7}}