/* Screenshot-derived structural draft; final reference interactions not accepted. */
.hlbg-mobile-nav{display:none}
.hlbg-login{display:inline-block;padding:8px 12px;margin-bottom:8px;color:#a9ddf3;border:1px solid #3b505d;border-radius:8px;font-size:12px}
.hlbg-detail:not([open]){display:none!important}
.hlbg-detail[open][data-kind=skill],.hlbg-detail[open][data-kind=activity]{display:block}
.hlbg-skill-use-note{grid-column:1/-1;font-size:12px;color:var(--muted);line-height:1.8;padding:0 24px 20px;margin:0}
.hlbg-activity-date{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.hlbg-source-link{display:inline-block;margin-inline-start:12px;color:var(--text);text-decoration:underline;text-underline-offset:3px}.hlbg-source-note{display:block;margin-top:7px;font-size:12px;color:var(--muted);line-height:1.6}
.hlbg-publish,.hlbg-publish-open{--line:var(--border);--panel:var(--surface)}
.hlbg-publish-open{flex:0 0 auto;white-space:nowrap;padding:10px 14px!important;border:1px solid var(--line)!important;background:var(--control)!important;border-radius:10px!important}
.hlbg-publish{width:min(800px,calc(100vw - 32px));max-height:calc(100dvh - 32px);box-sizing:border-box;padding:24px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:18px;overflow:auto;overscroll-behavior:contain}
.hlbg-publish::backdrop{background:rgb(0 0 0/.72)}.hlbg-publish[open]{display:block}.hlbg-publish h2{font-size:16px;line-height:1.5;margin:0 36px 24px 0}.hlbg-publish-close{position:absolute;right:18px;top:14px;font-size:26px;padding:4px 8px}
.hlbg-publish-form{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,2fr);gap:18px 24px}.hlbg-publish-form label{font-size:13px;line-height:1.5}.hlbg-publish-fields{display:flex;flex-direction:column;gap:9px;min-width:0}.hlbg-publish-video{min-width:0}.hlbg-publish-preview{display:grid;place-items:center;min-height:280px;height:calc(100% - 110px);margin:10px 0;background:var(--control);border-radius:12px;overflow:hidden}.hlbg-publish-preview video{width:100%;max-height:350px}.hlbg-publish-preview video:not([hidden])+span{display:none}.hlbg-publish-preview>span{font-size:28px;color:var(--muted)}
.hlbg-publish-form input[type=text],.hlbg-publish-form textarea{width:100%;box-sizing:border-box;background:var(--control);color:var(--text);border:1px solid var(--line);border-radius:9px;padding:11px;font:inherit;resize:vertical}.hlbg-publish-form input[type=file]{max-width:100%;font-size:12px;overflow:hidden}.hlbg-publish-cover-preview{display:flex;align-items:center;gap:12px;min-height:62px;background:var(--control);border-radius:9px;padding:8px;color:var(--muted);font-size:12px}.hlbg-publish-cover-preview img{width:68px;height:54px;object-fit:contain;border-radius:6px}.hlbg-publish-count{text-align:right;font-size:12px;color:var(--muted);margin-top:-3px}.hlbg-publish-check{display:flex;align-items:flex-start;gap:8px}.hlbg-publish-check input{accent-color:#35a9ff;flex:0 0 auto;margin-top:3px}.hlbg-publish-file-hint,.hlbg-publish-review-note{font-size:12px;color:var(--muted);line-height:1.6;margin:5px 0}.hlbg-publish-status{grid-column:1/-1;font-size:13px;line-height:1.6;margin:0;overflow-wrap:anywhere}.hlbg-publish-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:12px}.hlbg-publish-actions button{padding:10px 18px;background:var(--control);border:1px solid var(--line);border-radius:9px}.hlbg-publish-actions button:disabled{opacity:.45;cursor:not-allowed}.hlbg-publish-form :focus-visible,.hlbg-publish-close:focus-visible{outline:2px solid #75c5ff;outline-offset:3px}
@media(max-width:640px){.hlbg-publish{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:18px}.hlbg-publish-form{grid-template-columns:minmax(0,1fr);gap:16px}.hlbg-publish-preview{min-height:140px;height:180px}.hlbg-publish-preview video{max-height:180px}.hlbg-publish-open{padding:8px 10px!important;font-size:12px!important}}
.hlbg-skill-library-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 12px}.hlbg-skill-library-nav button{padding:8px 14px;border-radius:9px;min-height:40px;color:var(--muted);background:var(--surface)}.hlbg-skill-library-nav button[aria-pressed=true]{color:var(--text);background:var(--control)}.hlbg-skill-library-nav [data-skill-refresh]{margin-left:auto}.hlbg-skill-unavailable{min-height:230px;padding:24px 18px;display:flex;flex-direction:column;gap:12px;color:var(--muted)}.hlbg-skill-unavailable h2{font-size:16px;color:var(--text);margin:0}.hlbg-skill-unavailable p{font-size:13px;line-height:1.8;margin:0}.hlbg-skill-unavailable .hlbg-card-skill-save{position:static;margin:auto 0 0;align-self:flex-end}
.hlbg-prompt p{white-space:pre-wrap!important}
.hlbg-categories button:nth-child(7){position:relative;margin-left:18px}.hlbg-categories button:nth-child(7)::before{content:"";position:absolute;left:-12px;top:50%;height:14px;width:1px;background:#414146;transform:translateY(-50%)}
.hlbg-categories button:nth-child(-n+6)[aria-pressed=true]{display:flex;align-items:center;gap:10px}.hlbg-categories button:nth-child(-n+6)[aria-pressed=true]::after{content:"";width:25px;height:25px;background:conic-gradient(from 40deg,#7ce7ff,#657fff,#d0c8ff,#71b6eb,#7ce7ff);clip-path:polygon(50% 0,62% 28%,88% 12%,74% 40%,100% 50%,71% 61%,86% 89%,59% 73%,50% 100%,39% 73%,11% 89%,27% 60%,0 50%,27% 39%,12% 12%,39% 27%);flex:none}
.hlbg-author{display:flex;align-items:center;gap:7px}.hlbg-avatar{border-radius:50%;object-fit:cover;flex:none;width:20px;height:20px;transform:none!important}.hlbg-video-indicator{position:absolute;bottom:8px;left:10px;padding:2px 5px;border-radius:4px;background:#0007;color:#fff;font-size:11px;line-height:1.3}
.hlbg-skill-cover-title{position:absolute;inset:auto 0 0;min-height:80px;display:flex;align-items:flex-end;padding:28px 88px 14px 16px;background:linear-gradient(transparent,#000b)}.hlbg-grid[data-layout=skills] .hlbg-skill-cover-title h2{font-weight:650;font-size:18px;color:#fff;margin:0}.hlbg-card-skill-save{position:absolute;top:12px;right:14px;margin-top:0;min-width:56px;height:30px;padding:3px 10px;border:1px solid #ffffff80!important;background:#0002!important;border-radius:8px;font-size:12px!important}.hlbg-card-skill-save:disabled{opacity:.65}.hlbg-card-skill-save[aria-pressed=true]{background:#f2f2f2!important;color:#161616;border-color:#f2f2f2!important}.hlbg-counts{display:flex;gap:12px;font-size:11px;color:var(--muted);margin:5px 0}.hlbg-grid[data-layout=skills] .hlbg-card-meta{min-height:94px}
.hlbg-main[data-layout=activities] .hlbg-results{padding-top:12px}.hlbg-activity-status{position:absolute;left:0;top:0;background:#eef2f4;color:#272a30;padding:5px 12px;font-size:12px;border-radius:10px 0 10px 0}.hlbg-activity-tags{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:9px;font-size:12px}.hlbg-reward{background:#432912;color:#ffb65a;padding:3px 7px;border-radius:5px}.hlbg-participants{background:#29292d;color:#b8b8be;padding:3px 7px;border-radius:5px}
.hlbg-detail-status{font-size:12px;color:#aebcc4;min-height:18px}.hlbg-detail-document{border-top:1px solid #343439;margin-top:24px;padding-top:16px;white-space:pre-wrap;overflow-wrap:anywhere}.hlbg-detail-document h2,.hlbg-detail-document h3,.hlbg-detail-document h4{font-size:17px;margin:24px 0 10px}.hlbg-detail-document p,.hlbg-detail-document li{font-size:13px;color:#d4d4da;line-height:1.85}.hlbg-detail-document ul{padding-left:23px}.hlbg-detail-document pre{overflow:auto;padding:15px;border-radius:8px;background:#242428;font-size:12px;white-space:pre-wrap}.hlbg-skill-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:30px;padding-top:15px;border-top:1px solid #25252a}.hlbg-skill-actions button{padding:8px 15px;border-radius:8px;background:#303035}.hlbg-skill-actions [data-skill-save]{background:#f5f5f5;color:#141414}.hlbg-skill-actions button:disabled{opacity:.5}

.hlbg-page{--bg:#121212;--rail:#171717;--card:#1a1a1a;--selected:#292929;--text:#f4f4f5;--muted:#a3a3a8;--accent:#47c4ff;--rail-width:240px;--gutter:40px;--notice-height:40px;background:var(--bg);color:var(--text);margin:0;font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color-scheme:dark}
.hlbg-page *{box-sizing:border-box}.hlbg-page button,.hlbg-page input{font:inherit}.hlbg-page button,.hlbg-page a{-webkit-tap-highlight-color:transparent}.hlbg-page button{color:inherit;cursor:pointer}.hlbg-page button:disabled{cursor:default}.hlbg-page a{color:inherit;text-decoration:none}.hlbg-page [hidden]{display:none!important}.hlbg-page :focus-visible{outline:2px solid var(--accent);outline-offset:4px}.hlbg-page button{border:0;background:none}.hlbg-page button:hover{color:#fff}.hlbg-page .hlbg-sr{position:absolute;width:1px;height:1px;padding:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.hlbg-skip{position:fixed;top:0;left:260px;z-index:100;transform:translateY(-120%);padding:10px 18px;background:#fff;color:#111!important}.hlbg-skip:focus{transform:none}
.hlbg-development-note{height:var(--notice-height);position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:center;background:#183847;color:#c5efff;font-size:12px;letter-spacing:.04em}.hlbg-sidebar{position:fixed;top:var(--notice-height);bottom:0;left:0;width:var(--rail-width);background:var(--rail);display:flex;flex-direction:column;padding:18px 12px;z-index:15}.hlbg-brand{display:flex;align-items:center;gap:12px;padding:0 8px;margin-bottom:35px;font-size:23px;font-weight:750;letter-spacing:.03em}.hlbg-brand-symbol{color:var(--accent);font-size:36px;line-height:1}.hlbg-brand-ai{font-style:italic;margin-left:3px}.hlbg-main-nav{display:grid;gap:3px}.hlbg-main-nav a{display:flex;align-items:center;gap:12px;min-height:40px;padding:8px 12px;border-radius:10px;font-size:16px}.hlbg-main-nav a span{font-size:22px;line-height:1;width:20px;text-align:center}.hlbg-main-nav a[aria-current]{background:var(--selected)}.hlbg-main-nav a:hover{background:#222}.hlbg-sidebar-section{margin:34px 8px 0;color:var(--muted);font-size:12px}.hlbg-sidebar-section p{color:#77777d;margin-top:18px;line-height:1.8}.hlbg-sidebar-bottom{margin-top:auto;padding:12px 8px;color:#85858c;display:flex;justify-content:space-between;align-items:center}
.hlbg-main{margin-left:var(--rail-width);padding:var(--notice-height) var(--gutter) 48px;min-height:100dvh}.hlbg-header{min-height:76px;display:flex;align-items:center;gap:24px;position:sticky;top:var(--notice-height);background:var(--bg);z-index:10}.hlbg-categories{display:flex;align-items:center;gap:10px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0}.hlbg-categories::-webkit-scrollbar{display:none}.hlbg-categories button{white-space:nowrap;padding:8px 15px;min-height:40px;border-radius:999px;font-size:14px;color:#a3a3a8;transition:background .15s,color .15s}.hlbg-categories button[aria-pressed=true]{background:#1b1b1b;color:#fff}.hlbg-categories button:nth-child(7){margin-left:10px}.hlbg-categories button:hover{background:#222;color:#eee}.hlbg-search-toggle{width:38px;height:38px;border:1px solid #222!important;border-radius:10px;flex:none;display:grid;place-items:center}.hlbg-search-toggle svg{fill:none;stroke:currentColor;stroke-width:1.6}.hlbg-subcategories{display:flex;align-items:center;gap:24px;overflow:auto;min-height:54px;padding:0 15px 17px;scrollbar-width:none}.hlbg-subcategories:empty{display:none}.hlbg-subcategories button{white-space:nowrap;color:#a0a0a7;padding:6px 0;min-height:34px}.hlbg-subcategories button[aria-pressed=true]{color:#fff}.hlbg-search{display:flex;align-items:center;gap:12px;margin:0 0 12px;padding:12px;background:#1a1a1a;border:1px solid #36363a;border-radius:12px}.hlbg-search label{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.hlbg-search input{min-width:0;flex:1;color:var(--text);border:0;background:transparent;outline-offset:6px;padding:6px}.hlbg-search button{padding:6px 9px}
.hlbg-grid{display:block;columns:4;column-gap:12px}.hlbg-card{background:var(--card);border-radius:16px;overflow:hidden;min-width:0;position:relative;break-inside:avoid;display:inline-block;width:100%;margin:0 0 12px;vertical-align:top}.hlbg-card-open{display:block;width:100%;padding:0!important;text-align:left}.hlbg-media{position:relative;aspect-ratio:auto;overflow:hidden;background:#202024}.hlbg-media img,.hlbg-media video{display:block;width:100%;height:auto;object-fit:contain}.hlbg-card img{transition:transform .25s ease}.hlbg-card-meta{padding:10px 16px 12px;min-height:68px}.hlbg-card-title{font-size:14px;font-weight:500;margin:0 0 4px;line-height:1.55;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hlbg-author{font-size:12px;color:#a5a5aa;margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hlbg-grid[data-layout=skills]{gap:10px 8px}.hlbg-grid[data-layout=skills] .hlbg-card-meta{min-height:90px}.hlbg-grid[data-layout=skills] .hlbg-card-title{font-weight:650}.hlbg-description{font-size:12px;color:var(--muted);margin:7px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.7}.hlbg-grid[data-layout=activities]{gap:22px 16px}.hlbg-grid[data-layout=activities] .hlbg-card{background:transparent;border-radius:0}.hlbg-grid[data-layout=activities] .hlbg-media{border-radius:12px}.hlbg-grid[data-layout=activities] .hlbg-card-meta{padding:9px 10px 0;min-height:58px}.hlbg-empty{min-height:58vh;display:grid;align-content:center;justify-items:center;text-align:center;padding:40px 20px;color:var(--muted)}.hlbg-empty>span{font-size:48px;color:#6b7480}.hlbg-empty h1{font-size:20px;color:#e5e5e7;font-weight:500;margin:18px 0 8px}.hlbg-empty p{margin:4px 0}.hlbg-empty-note{font-size:12px;color:#82828c}.hlbg-more{display:block;border:1px solid #444!important;border-radius:999px;margin:32px auto 0;padding:10px 30px}
.hlbg-detail{width:min(1200px,calc(100vw - 80px));max-height:calc(100dvh - 80px);padding:0;border:1px solid #38383f;border-radius:20px;background:#161618;color:var(--text);overflow:auto;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr)}.hlbg-detail[open]{display:grid}.hlbg-detail::backdrop{background:#000c}.hlbg-detail-close{position:absolute;right:14px;top:12px;width:40px;height:40px;background:#262629!important;border-radius:50%;font-size:26px;z-index:2}.hlbg-detail-media{display:flex;align-items:center;justify-content:center;background:#080808;min-width:0;min-height:0;height:calc(100dvh - 84px);align-self:start;overflow:hidden}.hlbg-detail-media img,.hlbg-detail-media video{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}.hlbg-detail-info{min-width:0;padding:55px 28px 32px;overflow-wrap:anywhere}.hlbg-detail-info h2{font-size:21px}.hlbg-detail-info>p{color:var(--muted)}.hlbg-prompt{border-top:1px solid #303034;margin-top:26px;padding-top:18px}.hlbg-prompt h3{font-size:14px}.hlbg-prompt p{font-size:13px;color:#b2b2bb;white-space:pre-line}.hlbg-prompt button{background:#303035;padding:8px 14px;border-radius:8px}.hlbg-page .hlbg-remix,.hlbg-page .hlbg-step-remix{display:block;width:100%;min-height:48px;background:#74d5ff;color:#09222d!important;text-align:center;padding:12px 18px;margin:18px 0;border:1px solid #74d5ff;border-radius:12px;font-size:15px;font-weight:750;box-shadow:0 4px 16px #47c4ff26}.hlbg-page .hlbg-remix:hover,.hlbg-page .hlbg-step-remix:hover{background:#a3e4ff}.hlbg-page .hlbg-remix:disabled,.hlbg-page .hlbg-step-remix:disabled{background:var(--control);border-color:var(--border);color:var(--muted)!important;box-shadow:none}
@media(min-width:2100px){.hlbg-page{--rail-width:300px;--gutter:50px;--notice-height:50px;font-size:16px}.hlbg-header{min-height:90px}.hlbg-subcategories{min-height:75px}.hlbg-grid{gap:20px 10px}.hlbg-card-meta{min-height:84px;padding:12px 20px 15px}.hlbg-card-title{font-size:17px}.hlbg-author{font-size:14px}.hlbg-grid[data-layout=skills] .hlbg-card-meta{min-height:110px}.hlbg-categories button{font-size:17px;padding:10px 18px}.hlbg-subcategories button{font-size:16px}.hlbg-grid[data-layout=activities]{gap:25px 20px}}
@media(max-width:1400px){.hlbg-page{--rail-width:200px;--gutter:28px}.hlbg-categories{gap:2px}.hlbg-categories button{padding:8px 11px}.hlbg-subcategories{gap:22px}.hlbg-grid{columns:3}}
@media(max-width:980px){.hlbg-page{--rail-width:72px;--gutter:20px}.hlbg-brand{font-size:0;justify-content:center;padding:0}.hlbg-brand-symbol{font-size:36px}.hlbg-sidebar{padding:18px 8px}.hlbg-main-nav a{padding:10px;justify-content:center;font-size:0;gap:0}.hlbg-main-nav a span{font-size:24px}.hlbg-sidebar-section,.hlbg-sidebar-bottom{display:none}.hlbg-header{gap:10px;min-height:70px}.hlbg-detail{width:calc(100vw - 40px);grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr)}}
@media(max-width:640px){.hlbg-page{--rail-width:0px;--gutter:16px;--notice-height:32px}.hlbg-development-note{font-size:10px}.hlbg-sidebar{display:none}.hlbg-main{padding-bottom:32px}.hlbg-header{min-height:64px;gap:8px}.hlbg-categories button{font-size:14px;padding:8px 12px}.hlbg-search-toggle{width:34px;height:34px}.hlbg-subcategories{min-height:47px;gap:22px;padding:0 10px 12px}.hlbg-grid{columns:2;column-gap:8px}.hlbg-card{border-radius:10px}.hlbg-card-meta{padding:8px 10px;min-height:63px}.hlbg-card-title{font-size:12px}.hlbg-author,.hlbg-description{font-size:11px}.hlbg-grid[data-layout=activities]{gap:18px 10px}.hlbg-grid[data-layout=activities] .hlbg-card-meta{padding:8px 3px}.hlbg-empty{min-height:55vh}.hlbg-empty h1{font-size:18px}.hlbg-empty p{font-size:12px}.hlbg-detail{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);grid-template-columns:1fr;border-radius:14px}.hlbg-detail-media{min-height:0;height:auto}.hlbg-detail-media img,.hlbg-detail-media video{height:auto;max-height:55dvh}.hlbg-detail-info{padding:18px}.hlbg-detail-close{right:8px;top:8px}.hlbg-skip{left:16px}.hlbg-search{gap:6px;padding:8px}.hlbg-search button{padding:5px}}
@media(prefers-reduced-motion:reduce){.hlbg-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(min-width:2100px){.hlbg-main[data-layout=activities] .hlbg-results{padding-top:20px}.hlbg-categories button:nth-child(7)::before{height:18px}.hlbg-categories button:nth-child(-n+6)[aria-pressed=true]::after{width:34px;height:34px}.hlbg-skill-cover-title{padding-bottom:18px;padding-left:20px}.hlbg-grid[data-layout=skills] .hlbg-skill-cover-title h2{font-size:23px}.hlbg-card-skill-save{right:18px;margin-top:0;height:38px;min-width:70px;font-size:15px!important}.hlbg-counts{font-size:14px}}
@media(max-width:640px){.hlbg-skill-cover-title{min-height:55px;padding:20px 52px 10px 8px}.hlbg-grid[data-layout=skills] .hlbg-skill-cover-title h2{font-size:12px}.hlbg-card-skill-save{right:7px;min-width:42px;height:26px;margin-top:0;padding:2px 6px;font-size:10px!important}.hlbg-activity-tags{font-size:10px}.hlbg-activity-status{font-size:10px;padding:3px 7px}.hlbg-counts{gap:5px;flex-wrap:wrap}}
@media(max-width:640px){.hlbg-main{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}.hlbg-mobile-nav{position:fixed;inset:auto 0 0;z-index:18;background:var(--rail);border-top:1px solid #303035;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-height:64px;padding:8px 6px calc(8px + env(safe-area-inset-bottom,0px));gap:4px}.hlbg-mobile-nav a{display:grid;place-items:center;font-size:12px;border-radius:10px;min-height:48px}.hlbg-mobile-nav a[aria-current]{background:var(--selected);color:#fff}.hlbg-mobile-nav a:hover{background:#303035}}
/* Component tokens consume the existing Brand appearance attribute. */
.hlbg-page{--border:#343439;--surface:#161618;--control:#303035;--hover:#242428;--secondary:#d4d4da;--notice-bg:#183847;--notice-text:#c5efff;--link:#a9ddf3;--on-selected:#fff;--shadow:0 16px 50px #0005;--media-bg:#080808}
html[data-hhv-appearance=hanhai] .hlbg-page{--bg:#101723;--rail:#141e2c;--card:#192536;--selected:#253a51;--text:#edf5ff;--muted:#a6b8ce;--accent:#78c7ff;--border:#34465d;--surface:#162132;--control:#293b52;--hover:#22334a;--secondary:#c9d7e8;--notice-bg:#19334f;--notice-text:#d1e9ff;--link:#a4d9ff;--media-bg:#0b1019}
html[data-hhv-appearance=day] .hlbg-page{--bg:#f5f7fa;--rail:#edf1f6;--card:#fff;--selected:#dfe8f2;--text:#172235;--muted:#58677b;--accent:#116da8;--border:#cbd5e1;--surface:#fff;--control:#e4ebf3;--hover:#e3eaf2;--secondary:#35455c;--notice-bg:#deedf8;--notice-text:#214d69;--link:#165f89;--on-selected:#132b42;--shadow:0 16px 50px #15345326;--media-bg:#e7ecf1;color-scheme:light}
.hlbg-page button:hover{color:var(--text)}
.hlbg-development-note{background:var(--notice-bg);color:var(--notice-text);padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hlbg-sidebar-section p,.hlbg-sidebar-bottom,.hlbg-author,.hlbg-empty-note{color:var(--muted)}
.hlbg-main-nav a>span:not([aria-hidden]){font-size:inherit;line-height:inherit;width:auto;text-align:start;min-width:0;overflow-wrap:anywhere}
.hlbg-main-nav{min-height:0;overflow-y:auto;overscroll-behavior:contain;flex-shrink:1}
.hlbg-creation-steps{display:grid;gap:22px;margin-top:26px}.hlbg-creation-steps[hidden]{display:none}.hlbg-creation-step{border-top:1px solid var(--border);padding-top:18px}.hlbg-creation-step h3{display:flex;align-items:center;gap:8px;font-size:15px}.hlbg-step-number{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--selected);font-size:12px}.hlbg-step-meta{font-size:12px;color:var(--muted)}.hlbg-step-prompt{font-size:13px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere}.hlbg-creation-step button{padding:8px 12px;border-radius:8px;background:var(--selected);color:var(--text);font-size:12px}
.hlbg-main-nav a:hover,.hlbg-categories button:hover,.hlbg-mobile-nav a:hover{background:var(--hover);color:var(--text)}
.hlbg-categories button,.hlbg-subcategories button{color:var(--muted)}
.hlbg-categories button[aria-pressed=true]{background:var(--card);color:var(--text)}
.hlbg-subcategories button[aria-pressed=true],.hlbg-empty h1{color:var(--text)}
.hlbg-categories button:nth-child(7)::before{background:var(--border)}
.hlbg-search-toggle,.hlbg-more{border-color:var(--border)!important}
.hlbg-search{background:var(--card);border-color:var(--border)}
.hlbg-login{color:var(--link);border-color:var(--border)}
.hlbg-media{background:var(--media-bg)}


.hlbg-card-skill-save:hover{color:#fff!important}
.hlbg-card-skill-save[aria-pressed=true]:hover{color:#161616!important}
.hlbg-page .hlbg-card-skill-save[aria-pressed=true]{color:#161616}
.hlbg-page .hlbg-skill-unavailable .hlbg-card-skill-save:not([aria-pressed=true]){background:var(--control)!important;color:var(--text)!important;border-color:var(--border)!important}
.hlbg-detail{background:var(--surface);border-color:var(--border);overflow:hidden}
.hlbg-detail[open]{display:block}
.hlbg-detail-close{background:var(--control)!important;color:var(--text);box-shadow:0 1px 8px #0004}
.hlbg-detail-scroll{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);max-height:calc(100dvh - 82px);overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.hlbg-detail-media{background:var(--media-bg)}
.hlbg-detail-document,.hlbg-prompt,.hlbg-skill-actions{border-color:var(--border)}
.hlbg-detail-document p,.hlbg-detail-document li,.hlbg-prompt p{color:var(--secondary)}
.hlbg-detail-document pre,.hlbg-prompt button,.hlbg-skill-actions button{background:var(--control)}
.hlbg-skill-actions [data-skill-save]{background:var(--text);color:var(--surface)}
.hlbg-detail-status{color:var(--muted)}




.hlbg-modal-open{overflow:hidden}
.hlbg-mobile-nav{border-color:var(--border)}
.hlbg-mobile-nav a[aria-current]{color:var(--on-selected)}
@media(max-width:640px){.hlbg-mobile-nav{grid-template-columns:repeat(7,minmax(48px,1fr));overflow-x:auto;overscroll-behavior-x:contain}.hlbg-mobile-nav a{grid-template-rows:20px minmax(0,1fr);gap:3px}.hlbg-mobile-nav a>span[aria-hidden]{font-size:18px;line-height:20px}.hlbg-mobile-nav a>span:not([aria-hidden]){max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
.hlbg-settings{position:relative;flex:none}
.hlbg-settings summary{list-style:none;cursor:pointer;width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--border);border-radius:10px}
.hlbg-settings summary::-webkit-details-marker{display:none}
.hlbg-settings summary:hover,.hlbg-settings[open] summary{background:var(--hover)}
.hlbg-settings svg{stroke:currentColor;stroke-width:1.6;fill:var(--bg)}
.hlbg-settings-panel{position:absolute;top:calc(100% + 10px);right:0;width:min(280px,calc(100vw - 32px));max-height:calc(100dvh - 180px);overflow:auto;overscroll-behavior:contain;padding:18px;display:grid;gap:9px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}
.hlbg-settings-panel label{font-size:12px;color:var(--muted)}
.hlbg-settings-panel select{font:inherit;min-width:0;width:100%;min-height:40px;padding:7px 10px;margin-bottom:6px;background:var(--control);color:var(--text);border:1px solid var(--border);border-radius:8px;cursor:pointer}
@media(max-width:980px){.hlbg-detail-scroll{grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr)}}
@media(max-width:640px){.hlbg-settings summary{width:34px;height:34px}.hlbg-detail-scroll{grid-template-columns:minmax(0,1fr);max-height:calc(100dvh - 26px)}.hlbg-mobile-nav a{overflow-wrap:anywhere;line-height:1.3;text-align:center;font-size:11px}.hlbg-development-note{justify-content:flex-start}.hlbg-settings-panel{max-height:calc(100dvh - 172px)}}

/* 1.0.11: the catalogue uses the same appearance and navigation contract as creation. */
html[data-hhv-appearance] .hlbg-page {
  --bg:var(--hhv-bg,#06111f);
  --rail:var(--hhv-surface,#081b2d);
  --card:var(--hhv-surface,#081b2d);
  --surface:var(--hhv-surface,#081b2d);
  --control:var(--hhv-surface-subtle,#0e263c);
  --selected:var(--hhv-surface-selected,#143b55);
  --hover:var(--hhv-surface-hover,#15334c);
  --text:var(--hhv-ink,var(--hhv-text,#edf6ff));
  --muted:var(--hhv-ink-secondary,var(--hhv-muted,#b2c5d8));
  --secondary:var(--text);
  --border:var(--hhv-border,#385b75);
  --accent:var(--hhv-focus,#78c7ff);
  --link:var(--hhv-link,#a4d9ff);
  --notice-bg:var(--control);
  --notice-text:var(--muted);
  --on-selected:var(--text);
  --shadow:0 10px 28px rgb(0 0 0/.14);
  --media-bg:var(--control);
  --rail-width:var(--hh-global-rail-width,76px);
  --gutter:clamp(20px,3vw,48px);
  background:var(--bg)!important;
  color:var(--text)!important;
}
html[data-hhv-appearance=day] .hlbg-page{--bg:var(--hhv-bg,#eef4f9);--rail:var(--hhv-surface,#fff);--card:var(--hhv-surface,#fff);--surface:var(--hhv-surface,#fff);--control:var(--hhv-surface-subtle,#f5f8fb);--selected:var(--hhv-surface-selected,#dceefa);--hover:var(--hhv-surface-hover,#eaf3fb);--text:var(--hhv-ink,#17263a);--muted:var(--hhv-ink-secondary,#40576b);--border:var(--hhv-border,#bfd0dd);--accent:var(--hhv-focus,#0878b8);--link:var(--hhv-link,#075f9f);--shadow:0 10px 28px rgb(34 72 104/.12);color-scheme:light}
html[data-hhv-appearance=night] .hlbg-page{--bg:var(--hhv-bg,#000);--rail:var(--hhv-surface,#07090d);--card:var(--hhv-surface,#07090d);--surface:var(--hhv-surface,#07090d);--control:var(--hhv-surface-subtle,#0b1118);--selected:var(--hhv-surface-selected,#152638);--hover:var(--hhv-surface-hover,#121a24);--text:var(--hhv-ink,#f7f7f7);--muted:var(--hhv-ink-secondary,#d0d0d0);--border:var(--hhv-border,#303845);--accent:var(--hhv-focus,#8fd8ff);--link:var(--hhv-link,#8fd8ff);color-scheme:dark}
.hlbg-page :is(input,textarea,select){color:var(--text);background:var(--control);border-color:var(--border);caret-color:var(--accent)}
.hlbg-page :is(input,textarea)::placeholder{color:var(--muted);opacity:1}
.hlbg-page :is(option,optgroup){background:var(--surface);color:var(--text)}
.hlbg-page :is(button,a,input,textarea,select,summary):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.hlbg-page button:disabled{opacity:1;color:var(--muted);border-color:var(--border);cursor:not-allowed}
.hlbg-page .hlbg-publish-actions button:disabled{background:var(--control);color:var(--muted);opacity:1}
.hlbg-page .hlbg-development-note{inset:0 0 auto var(--rail-width);border-bottom:1px solid var(--border);background:var(--surface);color:var(--muted)}
.hlbg-page .hlbg-sidebar{top:0;height:100dvh;min-height:0;align-items:center;padding:18px 4px;border-right:1px solid var(--border);background:var(--rail);overflow-y:auto;overscroll-behavior:contain}
.hlbg-page .hlbg-brand{display:block;flex:0 0 88px;width:68px;height:88px;margin:12px auto 16px;padding:0;background:var(--hh-global-rail-logo-image,url('/wp-content/uploads/2026/07/hanhai-side-user-logo.png')) center/contain no-repeat;font-size:0}
.hlbg-page .hlbg-brand>*{visibility:hidden}
.hlbg-page .hlbg-main-nav{display:flex;flex:1 1 auto;flex-direction:column;width:100%;min-height:0;gap:8px;margin-top:42px;overflow:visible}
.hlbg-page .hlbg-main-nav>a{display:flex;flex:0 0 54px;flex-direction:column;align-items:center;justify-content:center;min-height:54px;width:100%;padding:0;gap:5px;border:1px solid transparent;border-radius:14px;font-family:inherit;font-weight:800;font-size:12px;line-height:1.15;color:var(--muted)}
.hlbg-page .hlbg-main-nav>a>i{font-style:normal;font-size:20px;line-height:20px}
.hlbg-page .hlbg-main-nav>a>b{display:block;min-width:0;max-width:100%;font-size:12px;line-height:1.15;white-space:nowrap}
.hlbg-page .hlbg-main-nav>a[aria-current]{background:var(--selected);border-color:var(--border);color:var(--text)}
.hlbg-page .hlbg-sidebar-bottom{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;width:100%;margin-top:18px;padding:12px 0;gap:10px;color:var(--text)}
.hlbg-page .hlbg-sidebar-bottom output{min-height:40px;max-width:68px;padding:7px 3px;border:1px solid var(--border);border-radius:12px;color:var(--text);background:var(--control);font-size:11px;font-weight:750;line-height:1.3;text-align:center;white-space:normal;overflow-wrap:anywhere}
.hlbg-page .hlbg-sidebar-bottom .hlbg-account{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--border);border-radius:50%;background:var(--control);color:var(--text);overflow:hidden}
.hlbg-page .hlbg-account img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.hlbg-page .hlbg-account-fallback{font-size:11px;line-height:1.4;color:var(--link)}
.hlbg-page .hlbg-skip{left:calc(var(--rail-width) + 12px)}
.hlbg-page .hlbg-header{gap:14px;border-bottom:1px solid var(--border);background:var(--bg)}
.hlbg-page .hlbg-subcategories{padding-top:10px;gap:20px}
.hlbg-page .hlbg-card{border:1px solid var(--border);background:var(--card);box-shadow:none}
.hlbg-page .hlbg-card-title{white-space:normal;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;min-height:1.5em;color:var(--text)}
.hlbg-page .hlbg-card-meta{min-height:72px}
.hlbg-page .hlbg-settings-panel{z-index:30;background:var(--surface);color:var(--text);border-color:var(--border);box-shadow:var(--shadow)}
.hlbg-page .hlbg-settings-panel select{background:var(--control);color:var(--text);border-color:var(--border)}
.hlbg-page .hlbg-detail{background:var(--surface);color:var(--text);border-color:var(--border);box-shadow:var(--shadow)}
.hlbg-page .hlbg-detail-info>p{color:var(--muted)}
.hlbg-page .hlbg-detail-close{background:var(--control)!important;color:var(--text)!important;border:1px solid var(--border)}
.hlbg-page :is(.hlbg-prompt button,.hlbg-skill-actions button,.hlbg-creation-step button){background:var(--control);color:var(--text);border:1px solid var(--border);font-weight:700}
.hlbg-page :is(.hlbg-prompt button,.hlbg-skill-actions button,.hlbg-creation-step button):hover{background:var(--hover);color:var(--text)}
.hlbg-page .hlbg-skill-actions [data-skill-save]{background:var(--selected);color:var(--text)}
.hlbg-page :is(.hlbg-remix,.hlbg-step-remix){background:var(--selected);border-color:var(--accent);color:var(--text)!important;box-shadow:none}
.hlbg-page :is(.hlbg-remix,.hlbg-step-remix):hover{background:var(--hover);border-color:var(--accent);color:var(--text)!important}
.hlbg-page :is(.hlbg-remix,.hlbg-step-remix):disabled{background:var(--control);color:var(--muted)!important;border-color:var(--border)}
.hlbg-page :is(.hlbg-card-skill-save,.hlbg-card-skill-save:hover){background:rgb(0 0 0/.72)!important;color:#fff!important;border-color:rgb(255 255 255/.8)!important;opacity:1;text-shadow:none}
.hlbg-page .hlbg-card-skill-save[aria-pressed=true],.hlbg-page .hlbg-card-skill-save[aria-pressed=true]:hover{background:#f5f8fb!important;color:#17263a!important;border-color:#f5f8fb!important}
.hlbg-page :is(.hlbg-activity-status,.hlbg-reward,.hlbg-participants){background:var(--control);color:var(--text);border:1px solid var(--border)}
.hlbg-page .hlbg-download-original{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:12px 0;padding:10px 14px;color:var(--link);border:1px solid var(--border);border-radius:10px;font-weight:750}
.hlbg-page .hlbg-detail-scroll{scrollbar-color:var(--border) var(--surface)}
@media(min-width:981px){.hlbg-page .hlbg-sidebar.hh-rail[data-hanhai-global-rail=v1]{width:var(--rail-width)!important;min-width:var(--rail-width)!important;max-width:var(--rail-width)!important;box-shadow:none!important;backdrop-filter:none!important}.hlbg-page .hlbg-main{margin-left:var(--rail-width);padding-left:var(--gutter);padding-right:var(--gutter)}.hlbg-page .hlbg-mobile-nav{display:none!important}}
@media(max-width:980px){
  html[data-hhv-appearance] .hlbg-page{--rail-width:0px;--notice-height:32px;--hlbg-topbar-height:64px;--gutter:16px}
  .hlbg-page .hlbg-sidebar.hh-rail{display:flex!important;position:fixed!important;inset:0 0 auto!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-width:0!important;max-width:none!important;height:var(--hlbg-topbar-height)!important;padding:6px 12px!important;overflow:visible!important;border:0!important;border-bottom:1px solid var(--border)!important;background:var(--surface)!important;box-shadow:none!important;backdrop-filter:none!important;z-index:25!important}
  .hlbg-page .hlbg-sidebar .hlbg-brand.hh-logo{flex:0 0 52px!important;width:52px!important;min-width:52px!important;max-width:52px!important;height:50px!important;min-height:50px!important;margin:0!important;background-size:contain!important}
  .hlbg-page .hlbg-sidebar .hlbg-main-nav{display:none!important}
  .hlbg-page .hlbg-sidebar .hlbg-sidebar-bottom{display:flex!important;position:static!important;flex:0 1 auto!important;flex-direction:row!important;align-items:center!important;width:auto!important;margin:0!important;padding:0!important;gap:10px!important;background:transparent!important}
  .hlbg-page .hlbg-sidebar-bottom output{display:block!important;min-height:36px;max-width:92px;padding:5px 8px;font-size:11px}
  .hlbg-page .hlbg-account-fallback{display:none}
  .hlbg-page .hlbg-sidebar-bottom .hhv-language-switcher{max-width:58px!important;min-width:48px!important;height:42px!important}
  .hlbg-page .hlbg-development-note{top:var(--hlbg-topbar-height);left:0;justify-content:center;font-size:11px}
  .hlbg-page .hlbg-main{margin-left:0;padding-top:calc(var(--hlbg-topbar-height) + var(--notice-height));padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}
  .hlbg-page .hlbg-header{top:calc(var(--hlbg-topbar-height) + var(--notice-height));min-height:64px;gap:8px}
  .hlbg-page .hlbg-mobile-nav{display:grid!important;position:fixed;inset:auto 0 0;z-index:26;grid-template-columns:repeat(7,minmax(44px,1fr));gap:3px;padding:6px 5px calc(6px + env(safe-area-inset-bottom,0px));min-height:68px;background:var(--surface);color:var(--muted);border-top:1px solid var(--border);overflow-x:auto;overscroll-behavior-x:contain}
  .hlbg-page .hlbg-mobile-nav a{display:grid;grid-template-rows:22px minmax(0,1fr);gap:4px;align-content:center;justify-items:center;min-height:52px;font-size:11px;line-height:1.25;border-radius:10px;color:var(--muted);text-align:center}
  .hlbg-page .hlbg-mobile-nav a>span[aria-hidden]{font-size:20px;line-height:22px}
  .hlbg-page .hlbg-mobile-nav a[aria-current]{background:var(--selected);color:var(--text)}
  .hlbg-page .hlbg-settings-panel{max-height:calc(100dvh - 242px)}
  .hlbg-page .hlbg-skip{left:12px;top:var(--hlbg-topbar-height)}
}
@media(max-width:640px){.hlbg-page .hlbg-detail-scroll{grid-template-columns:minmax(0,1fr);max-height:calc(100dvh - 26px)}.hlbg-page .hlbg-grid{columns:2;column-gap:10px}.hlbg-page .hlbg-card-meta{padding:9px 10px}.hlbg-page .hlbg-card-title{font-size:13px}.hlbg-page .hlbg-settings-panel{max-height:max(120px,calc(100dvh - 242px))}}
@media(max-height:650px) and (min-width:981px){.hlbg-page .hlbg-brand{flex-basis:66px;height:66px;margin:0 auto 10px}.hlbg-page .hlbg-main-nav{margin-top:12px;gap:4px}.hlbg-page .hlbg-main-nav>a{flex-basis:44px;min-height:44px}.hlbg-page .hlbg-sidebar-bottom{margin-top:12px;gap:6px}}

.hlbg-download-original{display:block;margin:16px 0;padding:12px 16px;border:1px solid #555;border-radius:10px;text-align:center;color:inherit;text-decoration:none;font-weight:600}.hlbg-download-original[hidden]{display:none}

/* 1.0.12: category states keep the same semantic contrast in all appearances. */
html[data-hhv-appearance] body.hlbg-page.hhv-home-visual .hlbg-main :is(.hlbg-categories,.hlbg-subcategories)>button {
  color:var(--muted)!important;
  background:transparent!important;
}
html[data-hhv-appearance] body.hlbg-page.hhv-home-visual .hlbg-main :is(.hlbg-categories,.hlbg-subcategories)>button:hover {
  color:var(--text)!important;
  background:var(--hover)!important;
}
html[data-hhv-appearance] body.hlbg-page.hhv-home-visual .hlbg-main :is(.hlbg-categories,.hlbg-subcategories)>button[aria-pressed=true] {
  color:var(--text)!important;
  background:var(--selected)!important;
}
html[data-hhv-appearance] body.hlbg-page.hhv-home-visual .hlbg-main .hlbg-categories>button:nth-child(7)::before {
  background:var(--border)!important;
}

.hlbg-autoload-status{padding:16px;text-align:center;color:var(--muted);font-size:14px}.hlbg-autoload-status[hidden]{display:none!important}

/* batch345: image-only reference cards, medium-tier zoom viewer (1.0.13 overlay) */
.hlbg-page .hlbg-card.hlbg-card-image-only .hlbg-card-open{overflow:hidden;border-radius:inherit}
.hlbg-page .hlbg-card.hlbg-card-image-only .hlbg-media{border-radius:inherit}
.hlbg-page .hlbg-card.hlbg-card-image-only .hlbg-media img{transition:transform .35s ease,filter .35s ease}
.hlbg-page .hlbg-card.hlbg-card-image-only .hlbg-card-open:hover .hlbg-media img,.hlbg-page .hlbg-card.hlbg-card-image-only .hlbg-card-open:focus-visible .hlbg-media img{transform:scale(1.025);filter:brightness(1.04)}
.hlbg-detail-media{position:relative}
.hlbg-detail-media img.hlbg-zoomable{cursor:zoom-in}
.hlbg-zoom-trigger{position:absolute;right:14px;bottom:14px;z-index:2;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:7px 13px;border:1px solid rgb(255 255 255 / .28);border-radius:999px;background:rgb(8 14 22 / .62);color:#fff;font:600 13px/1.2 inherit;cursor:zoom-in;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 6px 20px rgb(0 0 0 / .25)}
.hlbg-zoom-trigger::before{content:"";width:14px;height:14px;border:2px solid currentColor;border-radius:50%;box-sizing:border-box;box-shadow:5px 5px 0 -3.5px currentColor}
.hlbg-zoom-trigger:hover{background:rgb(8 14 22 / .82)}
.hlbg-zoom-trigger:focus-visible{outline:2px solid var(--accent,#78c7ff);outline-offset:2px}
.hlbg-zoom{position:fixed;inset:0;z-index:2147483000;display:flex;flex-direction:column;background:rgb(3 6 10 / .94);color:#fff;touch-action:none;user-select:none;-webkit-user-select:none}
.hlbg-zoom[hidden]{display:none!important}
.hlbg-zoom-stage{position:relative;flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:zoom-out}
.hlbg-zoom-image{display:block;max-width:calc(100vw - 32px);max-height:calc(100dvh - 96px);width:auto!important;height:auto!important;object-fit:contain;transform-origin:center center;will-change:transform;cursor:zoom-in;border-radius:4px;box-shadow:0 20px 60px rgb(0 0 0 / .45)}
.hlbg-zoom.is-zoomed .hlbg-zoom-image{cursor:grab;border-radius:0}
.hlbg-zoom.is-zoomed .hlbg-zoom-image:active{cursor:grabbing}
.hlbg-zoom-bar{position:absolute;top:max(12px,env(safe-area-inset-top));right:12px;display:flex;align-items:center;gap:6px;padding:5px;border:1px solid rgb(255 255 255 / .16);border-radius:12px;background:rgb(12 18 28 / .78);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.hlbg-zoom-bar button{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:9px;background:transparent;color:#fff;font:600 20px/1 inherit;cursor:pointer}
.hlbg-zoom-bar button:hover:not(:disabled){background:rgb(255 255 255 / .12)}
.hlbg-zoom-bar button:disabled{opacity:.35;cursor:default}
.hlbg-zoom-bar button:focus-visible{outline:2px solid #78c7ff;outline-offset:1px}
.hlbg-zoom-level{min-width:52px;text-align:center;font:600 13px/1 inherit;color:#d7e3f0;font-variant-numeric:tabular-nums}
.hlbg-zoom-hint{position:absolute;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translateX(-50%);margin:0;padding:6px 12px;border-radius:999px;background:rgb(12 18 28 / .7);color:#c9d6e4;font-size:12px;white-space:nowrap;pointer-events:none}
.hlbg-zoom.is-zoomed .hlbg-zoom-hint{opacity:0;transition:opacity .2s}
html[data-hhv-appearance=day] .hlbg-zoom{background:rgb(240 245 250 / .985);color:#172235}
html[data-hhv-appearance=day] .hlbg-zoom-bar{background:rgb(255 255 255 / .9);border-color:#cbd5e1}
html[data-hhv-appearance=day] .hlbg-zoom-bar button{color:#172235}
html[data-hhv-appearance=day] .hlbg-zoom-bar button:hover:not(:disabled){background:#e4ebf3}
html[data-hhv-appearance=day] .hlbg-zoom-level{color:#3b4b60}
html[data-hhv-appearance=day] .hlbg-zoom-hint{background:rgb(255 255 255 / .9);color:#3b4b60}
html[data-hhv-appearance=day] .hlbg-zoom-image{box-shadow:0 18px 50px rgb(23 34 53 / .2)}
html[data-hhv-appearance=night] .hlbg-zoom{background:rgb(0 0 0 / .96)}
@media (max-width:640px){
  .hlbg-zoom-trigger{right:10px;bottom:10px;min-height:32px;padding:6px 11px;font-size:12px}
  .hlbg-zoom-image{max-width:100vw;max-height:calc(100dvh - 120px);border-radius:0}
  .hlbg-zoom-bar{left:50%;right:auto;transform:translateX(-50%)}
  .hlbg-zoom-bar button{width:42px;height:42px}
}
@media (prefers-reduced-motion:reduce){.hlbg-page .hlbg-card.hlbg-card-image-only .hlbg-media img{transition:none}}

.hlbg-page .hlbg-detail .hlbg-zoom-trigger{background:rgb(8 14 22 / .66)!important;color:#fff!important;border:1px solid rgb(255 255 255 / .3)!important;opacity:1!important;visibility:visible!important}
.hlbg-page .hlbg-detail .hlbg-zoom-trigger:hover{background:rgb(8 14 22 / .84)!important}