/* Generated from web/frontend/css/v1-h5-collections.css by node scripts/build-web.mjs. Do not edit. */
/* H5: topics 98:12436/13181/14763/15743; ranks 98:16332/16568/16778;
 * tags 98:17205; authors 131:7300/132:3947. Desktop and real API state stay intact. */
.v1-author-info,.v1-tag-pc-pager{display:contents}
.v1-tag-mobile-pager{display:none}
.v1-tag-summary,.v1-tag-title-mobile,.v1-tag-tab-mobile,.v1-tag-play{display:none}
.v1-author-follow-mobile{display:none}
.v1-topic-category,.v1-collection-play,.v1-topics-empty,.v1-rank-h5-empty{display:none}
@media(max-width:1023px){
 body:is(.v1-prototype-topics,.v1-prototype-rank,.hg-page--topic-detail,.hg-page--author,.hg-page--tag,.hg-page--tag-legacy){background-color:#111;color:#fff;font-family:'PingFang SC','Microsoft YaHei',sans-serif;padding-bottom:0}
 :is(.v1-prototype-topics,.hg-page--topic-detail,.hg-page--author,.hg-page--tag,.hg-page--tag-legacy) .hg-main{width:100%;min-width:0}
 body:is(.hg-page--topic-detail,.hg-page--author,.hg-page--tag) .hg-main>.v1-creator{width:calc(100% - 32px);padding:0 0 20px;gap:0}
 body.hg-layout.v1-prototype-topics .hg-main>.hg-topic-page,body.hg-page--tag-legacy .hg-main>main.main{box-sizing:border-box;width:100%;max-width:none;padding:0 16px 24px;margin:0}
 :is(.hg-page--topic-detail,.hg-page--author) .hg-main>.hg-announce{width:calc(100% - 32px)}
 :is(.v1-prototype-topics,.hg-page--tag-legacy) .hg-breadcrumb,
 :is(.hg-page--topic-detail,.hg-page--author,.hg-page--tag) .v1-creator-crumb,
 body.v1-prototype-rank .cg-service>nav{display:flex;align-items:center;flex-wrap:nowrap;gap:4px;height:42px;margin:0;padding:0;overflow:hidden;color:#ffffff99;font-size:14px;font-weight:400;line-height:20px;white-space:nowrap}
 :is(.v1-prototype-topics,.hg-page--tag-legacy) .hg-breadcrumb::before,
 :is(.hg-page--topic-detail,.hg-page--author,.hg-page--tag) .v1-creator-crumb::before,
 body.v1-prototype-rank .cg-service>nav::before{content:'';display:block;flex:none;width:24px;height:24px;background:url('../images/figma/h5-post-back.svg') center no-repeat}
 :is(.hg-page--topic-detail,.hg-page--author,.hg-page--tag) .v1-creator-crumb>a{flex:none}
 :is(.hg-page--topic-detail,.hg-page--author,.hg-page--tag) .v1-creator-crumb>[aria-current]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .v1-prototype-topics .hg-topic-page>h1.v1-topic-heading::before{display:none}
 .v1-prototype-topics .hg-topic-page>h1.v1-topic-heading{margin:0;padding:0 0 16px;font-size:20px;line-height:28px;font-weight:600}
 .v1-prototype-topics .hg-topic-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;margin:0 0 24px;padding:0}
 .v1-prototype-topics .hg-topic-card{box-sizing:border-box;display:flex;flex-direction:column;gap:12px;min-width:0;height:auto;padding:12px;border:.5px solid #ffffff1f;border-radius:12px;background:#ffffff08;overflow:hidden}
 .v1-prototype-topics .hg-topic-card>img{position:static;aspect-ratio:auto;display:block;width:100%;height:150px;object-fit:cover;border-radius:8px}
 .v1-prototype-topics .hg-topic-card__body{position:static;display:flex;flex-direction:column;gap:6px;min-width:0;padding:0}
 .v1-prototype-topics .hg-topic-card__title{margin:0;font-size:16px;line-height:22px;font-weight:600;color:#fff}
 .v1-prototype-topics .hg-topic-card__desc{margin:0;color:#ffffffb3;font-size:13px;line-height:18px;font-weight:400}
 .v1-prototype-topics .hg-topic-card__meta{margin:0;color:#ffffff80;font-size:11px;line-height:16px}
 :is(.v1-prototype-topics,.hg-page--topic-detail) .v1-topic-faq{margin:0;display:flex;flex-direction:column;gap:8px}
 :is(.v1-prototype-topics,.hg-page--topic-detail) .v1-topic-faq>.v1-topic-heading{display:flex;align-items:center;gap:8px;margin:0 0 4px;padding:4px 0;font-size:18px;line-height:24px;font-weight:600}
 :is(.v1-prototype-topics,.hg-page--topic-detail) .v1-topic-faq>.v1-topic-heading::before{content:'';width:3px;height:18px;border-radius:99px;background:#ff7d00;flex:none}
 :is(.v1-prototype-topics,.hg-page--topic-detail) .v1-topic-faq details{padding:12px 8px;border:.5px solid #ffffff1f;border-radius:8px;background:#ffffff08}
 :is(.v1-prototype-topics,.hg-page--topic-detail) .v1-topic-faq summary{position:relative;list-style:none;padding:0 28px 0 0;font-size:14px;font-weight:500;line-height:20px}
 :is(.v1-prototype-topics,.hg-page--topic-detail) .v1-topic-faq summary::-webkit-details-marker{display:none}
 :is(.v1-prototype-topics,.hg-page--topic-detail) .v1-topic-faq summary::after{content:''!important;position:absolute;right:0;top:0;width:20px;height:20px;background:url('../images/figma/h5-faq-down.svg') center no-repeat}
 :is(.v1-prototype-topics,.hg-page--topic-detail) .v1-topic-faq details[open] summary::after{background-image:url('../images/figma/h5-faq-up.svg')}
 :is(.v1-prototype-topics,.hg-page--topic-detail) .v1-topic-faq details p{margin:8px 0 0;font-size:12px;line-height:18px;color:#ffffffb3}
 :is(.v1-prototype-topics,.hg-page--topic-detail) .v1-topic-faq details{margin:0}
 :is(.v1-prototype-topics,.hg-page--topic-detail) .v1-topic-faq details p{padding:0}
 .v1-prototype-topics [data-api-notice]{margin:0}
 .v1-topic-empty-pc{display:none}
 .v1-collection-empty{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:232px;padding:46px 0;color:#ffffff80;font-size:12px;line-height:18px;text-align:center}
 body:is(.v1-prototype-topics,.v1-prototype-rank) .v1-collection-empty>img{display:block;width:185.5px;height:100px;object-fit:contain;max-width:none}
 .v1-collection-empty>p{margin:0;font-size:12px;line-height:18px}
 .v1-collection-empty>p+p{color:#ffffff4d}
 .hg-page--topic-detail .v1-topic-header{border:0;border-radius:0;background:none;overflow:visible}
 .hg-page--topic-detail .v1-topic-header>.v1-topic-hero{width:100%;height:150px;border-radius:12px;object-fit:cover}
 .hg-page--topic-detail .v1-topic-intro{padding:16px 0;gap:12px}
 .hg-page--topic-detail .v1-topic-intro h1{font-size:22px;line-height:28px}
 .hg-page--topic-detail .v1-topic-intro p{font-size:13px;line-height:18px;text-align:justify}
 :is(.hg-page--topic-detail,.hg-page--tag) .v1-tag-tabs{height:40px;gap:20px;flex-wrap:nowrap;border-bottom:.5px solid #ffffff1f;margin:0 -16px;padding:0 16px}
 :is(.hg-page--topic-detail,.hg-page--tag) .v1-tag-tabs a{position:relative;display:flex;align-items:center;height:40px;padding:0;border:0;font-size:14px;line-height:20px;color:#ffffffb3}
 :is(.hg-page--topic-detail,.hg-page--tag) .v1-tag-tabs a[aria-current]{color:#ff7d00}
 :is(.hg-page--topic-detail,.hg-page--tag) .v1-tag-tabs a[aria-current]::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:40px;height:2px;background:#ff7d00}
 :is(.hg-page--topic-detail,.hg-page--author,.hg-page--tag) :is(.v1-author-grid,.v1-tag-grid){grid-template-columns:minmax(0,1fr);gap:16px;padding:16px 0 20px}
 :is(.hg-page--topic-detail,.hg-page--author,.hg-page--tag) :is(.v1-author-card,.v1-tag-card){display:block;height:auto;aspect-ratio:343/193;border-radius:8px;background:#ffffff0d;overflow:hidden}
 :is(.hg-page--topic-detail,.hg-page--author,.hg-page--tag) :is(.v1-author-cover,.v1-tag-cover){height:100%;border-radius:8px}
 :is(.hg-page--topic-detail,.hg-page--author,.hg-page--tag) :is(.v1-author-card h2,.v1-author-card h3,.v1-tag-card h2){position:absolute;inset:auto 8px 8px;gap:8px;font-size:14px;font-weight:600;line-height:20px}
 :is(.hg-page--topic-detail,.hg-page--author,.hg-page--tag) :is(.v1-author-cover,.v1-tag-cover)::after{background:linear-gradient(180deg,transparent 25%,#000b)}
 :is(.hg-page--topic-detail,.hg-page--author) .v1-author-meta{gap:4px;font-size:12px;line-height:18px;flex-wrap:nowrap}
 :is(.hg-page--topic-detail,.hg-page--author) .v1-author-meta>a{gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 :is(.hg-page--topic-detail,.hg-page--author,.hg-page--tag) :is(.v1-author-meta time,.v1-tag-card time){font-size:10px;font-weight:400;line-height:16px;color:#ffffffb3}
 .hg-page--topic-detail .v1-topic-card-copy,.hg-page--topic-detail .v1-author-grid--video .v1-topic-card-copy{position:absolute;inset:auto 8px 8px;gap:8px}
 .hg-page--topic-detail .v1-topic-card-copy h3{position:static}
 .hg-page--topic-detail .v1-author-meta{order:-1;min-height:20px}
 .hg-page--topic-detail .v1-author-grid--video .v1-author-meta{order:-1}
 .hg-page--topic-detail .v1-creator-card-meta{display:none}
 .hg-page--topic-detail .v1-topic-items .v1-creator-duration{top:auto;bottom:36px;right:8px;padding:1px 4px;border-radius:2px;background:#0009;font-size:10px;font-weight:600;line-height:16px}
 .hg-page--topic-detail .v1-topic-badge{top:8px;left:8px;padding:1px 4px;border-radius:2px;background:#ff5353;font-size:10px;line-height:16px}
 .hg-page--topic-detail .v1-topic-category{display:block;position:absolute;right:8px;top:8px;padding:1px 5px;border:.5px solid #ff7d00;border-radius:99px;background:#2f1905;color:#ff7d00;font-size:10px;line-height:16px}
 .hg-page--topic-detail .v1-collection-play{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:#0008 url('../images/figma/h5-content-play.svg') center no-repeat}
 .hg-page--topic-detail .v1-topic-count,:is(.hg-page--tag,.hg-page--author) section>p{margin:0 0 12px;color:#ffffff80;font-size:11px;line-height:16px}
 .hg-page--topic-detail .v1-topic-related{margin:20px 0}
 .hg-page--topic-detail .v1-topic-related-card>img{height:150px;aspect-ratio:auto;border-radius:8px}
 .hg-page--topic-detail .v1-topic-related-card{padding:12px;border:.5px solid #ffffff1f;border-radius:12px;background:#ffffff08}
 .hg-page--topic-detail .v1-topic-related-card>div{padding:12px 0 0}
 .hg-page--author .v1-author-profile{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;padding:12px;margin:8px 0 12px;border:.5px solid #ffffff1f;border-radius:8px;background:#ffffff08}
 .hg-page--author .v1-author-profile-body{display:contents}
 .hg-page--author .v1-author-info{display:flex;flex-direction:column;gap:4px;grid-column:2;grid-row:1;min-width:0}
 .hg-page--author .v1-author-profile>.v1-author-avatar{width:48px;height:48px;max-width:48px;grid-column:1;grid-row:1;flex-basis:48px}
 .hg-page--author .v1-author-profile h1{font-size:16px;line-height:24px}
 .hg-page--author .v1-feed-intro p{font-size:11px;line-height:17px;color:#ffffff99}
 .hg-page--author .v1-author-stats{grid-column:1/-1;grid-row:2;min-height:23px;padding-right:70px;font-size:10px;line-height:18px;gap:3px;color:#ffffffb3}
 .hg-page--author .v1-author-stats i{margin:0 3px;color:#ffffff4d}
 .hg-page--author .v1-author-profile .v1-author-follow{position:absolute;right:12px;bottom:12px;min-width:0;margin:0;padding:2.5px 12px;border:.5px solid transparent;border-radius:100px;font-size:12px;line-height:17px;font-weight:500}
 .hg-page--author .v1-author-profile .v1-author-follow.is-followed{border-color:#ffffff1f;background:#ffffff0d;color:#ffffffb3}
 .hg-page--author .v1-author-tabs{gap:24px;margin:0 -16px;padding:0 16px;border-bottom:.5px solid #ffffff1f}
 .hg-page--author .v1-author-tabs>a{position:relative;padding:0 0 10px;border:0;color:#ffffff99;font-size:13px;line-height:20px}
 .hg-page--author .v1-author-tabs>a[aria-current]{color:#fff}
 .hg-page--author .v1-author-tabs>a[aria-current]::after{content:'';position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:58px;height:2px;border-radius:99px;background:#ff7d00}
 /* Author H5 pagination 3:12622 / 132:3902: text controls, current/total and count. */
 .hg-page--author .v1-author-total{display:none}
 .hg-page--author .v1-author-empty__pc{display:none}
 .hg-page--author .v1-author-empty__mobile{display:flex}
 .hg-page--author .v1-author-empty__mobile>img{display:block;flex:none;width:185.26px;height:99.7602px;max-width:none;object-fit:contain}
 body.hg-page--author .hg-main>.v1-author-page:has(.v1-author-mobile-pager){padding-bottom:0}
 .hg-page--author .v1-author-mobile-pager{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 20px;margin:0;padding:8px 0 24px;font:400 12px/18px 'PingFang SC','Microsoft YaHei',sans-serif}
 .v1-author-mobile-pager__controls{display:flex;align-items:center;justify-content:center;gap:17px;flex:none}
 .v1-author-page .v1-author-mobile-pager .v1-page-button{display:inline-flex;align-items:center;justify-content:center;flex:none;padding:1.5px 4px;border:.5px solid #ff7d00;border-radius:3px;background:transparent;color:#ff7d00;font:400 10px/16px 'PingFang SC','Microsoft YaHei',sans-serif;white-space:nowrap}
 .v1-author-page .v1-author-mobile-pager .v1-page-button:disabled{opacity:1;border-color:#ffffff4d;color:#ffffff4d;cursor:not-allowed}
 .v1-author-mobile-pager .v1-page-current{display:inline-flex;align-items:center;justify-content:center;gap:2px;color:#ffffff4d;white-space:nowrap}
 .v1-author-mobile-pager .v1-page-current>span:first-child{color:#ffffffb3}
 .v1-author-mobile-pager .v1-feed-summary{margin:0;color:#ffffff4d;white-space:nowrap}
 :is(.hg-page--author,.hg-page--tag) :is(.v1-author-grid--video,.v1-tag-grid--video){grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}
 :is(.hg-page--author,.hg-page--tag) :is(.v1-author-grid--video .v1-author-card,.v1-tag-grid--video .v1-tag-card){aspect-ratio:auto;display:flex;flex-direction:column;gap:8px;border-radius:0;overflow:visible;background:none}
 :is(.hg-page--author,.hg-page--tag) :is(.v1-author-grid--video .v1-author-cover,.v1-tag-grid--video .v1-tag-cover){height:auto;aspect-ratio:165.5/93.28;border-radius:7px}
 :is(.hg-page--author,.hg-page--tag) :is(.v1-author-grid--video h2,.v1-tag-grid--video h2){position:static;font-size:13px;line-height:20px;font-weight:400;gap:4px}
 /* Tag 98:17205: top-aligned content and compact text pagination. */
 body.hg-page--tag .hg-main>.v1-tag-page{margin:0 auto;padding-bottom:0;flex-shrink:0}
 .hg-page--tag #app-footer{margin: auto 0 0}
 .hg-page--tag :is(.v1-tag-pc-total,.v1-tag-pc-pager){display:none}
 .hg-page--tag .v1-tag-mobile-pager{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 20px;margin:0;padding:8px 0 24px;font:400 12px/18px 'PingFang SC','Microsoft YaHei',sans-serif}
 .v1-tag-mobile-pager__controls{display:flex;align-items:center;justify-content:center;gap:17px;flex:none}
 .v1-tag-page .v1-tag-mobile-pager .v1-page-button{display:inline-flex;align-items:center;justify-content:center;flex:none;height:20px;padding:2px 4.5px;border:0;border-radius:3px;background:transparent;color:#ff7d00;box-shadow:inset 0 0 0 .5px #ff7d00;font:400 10px/16px 'PingFang SC','Microsoft YaHei',sans-serif;white-space:nowrap}
 .v1-tag-page .v1-tag-mobile-pager .v1-page-button:disabled{opacity:1;color:#ffffff4d;box-shadow:inset 0 0 0 .5px #ffffff4d;cursor:not-allowed}
 .v1-tag-mobile-pager .v1-page-current{display:inline-flex;align-items:center;justify-content:center;gap:2px;color:#ffffff4d;white-space:nowrap}
 .v1-tag-mobile-pager .v1-page-current>span:first-child{color:#ffffffb3}
 .v1-tag-mobile-pager .v1-feed-summary{margin:0;color:#ffffff4d;white-space:nowrap}
 .hg-page--tag .v1-tag-page>h1{margin:0;padding:8px 0 12px;font-size:20px;line-height:28px}
 .hg-page--tag .v1-tag-description{margin:0 0 16px;color:#ffffff80;font-size:12px;line-height:18px}
 body.hg-page--tag-legacy .hg-channel-page__head{padding:0;border:0;border-radius:0;background:none}
 .hg-page--tag-legacy .hg-channel-page h1{font-size:20px;line-height:28px}
 .hg-page--tag-legacy .hg-channel-page__intro{font-size:12px;line-height:18px;color:#ffffff80}
 .hg-page--tag-legacy .hg-card-grid{gap:16px 12px;margin:16px 0 20px}
 .hg-page--tag-legacy .v1-tag-cover{height:auto;aspect-ratio:165.5/93.28;border-radius:7px}
 .hg-page--tag-legacy .v1-tag-card{border:0;padding:0;background:none;gap:8px;overflow:visible;border-radius:0}
 .hg-page--tag-legacy .v1-tag-card h3{font-size:13px;line-height:20px;font-weight:400}
 .hg-page--tag-legacy .v1-creator-card-meta{font-size:10px;line-height:14px;gap:4px}
 .hg-page--tag-legacy .v1-creator-duration{right:4px;bottom:4px;padding:1px 4px;font-size:10px;line-height:16px;border-radius:2px}
 .hg-page--tag-legacy .hg-post-list{gap:16px}
 .hg-page--tag-legacy .hg-post-card--v1{height:auto;aspect-ratio:343/193;border-radius:8px}
 .hg-page--tag-legacy .hg-post-card__body h3{font-size:14px;line-height:20px}
 body.v1-prototype-rank{background-image:none;position:relative;isolation:isolate}
 body.v1-prototype-rank::before{display:none}
 /* Anchor to the breadcrumb region: a real notice may add height above it. */
 body.v1-prototype-rank .cg-service::before{content:"";position:absolute;pointer-events:none;display:block;z-index:-1;top:-48px;left:-16px;width:calc(100% + 32px);height:204px;background:url('../images/figma/h5-rank-background.png') calc(50% - 17.54px) top/520.792px 204.003px no-repeat;mask-image:url('../images/figma/h5-rank-mask.svg');mask-size:520.792px 204.003px;mask-position:calc(50% - 17.54px) top;mask-repeat:no-repeat}
 body.v1-prototype-rank::after{display:none}
 body.v1-prototype-rank .cg-service{width:calc(100% - 32px);padding:0 0 20px;max-width:none;position:relative;isolation:isolate}
 body.v1-prototype-rank .cg-service h1{margin:0;padding:8px 0 12px;font-size:24px;line-height:32px;font-weight:600}
 .v1-prototype-rank .v1-rank-description{margin:0 0 12px;font-size:12px;line-height:18px;color:#ffffff80}
 .v1-prototype-rank .v1-rank-description:empty{display:none}
 .v1-prototype-rank .v1-rank-panel{padding:0;border:0;border-radius:0;background:none}
 .v1-prototype-rank .cg-service-tabs{height:62px;box-sizing:border-box;display:flex;align-items:center;gap:10px;margin:0;padding:16px 0}
 .v1-prototype-rank .cg-service-tabs a{box-sizing:border-box;display:flex;align-items:center;height:30px;padding:0 18px;border-radius:999px;font-size:13.5px;font-weight:600;color:#fff}
 .v1-prototype-rank .cg-service-list{padding:10px 0 20px;gap:10px}
 body.v1-prototype-rank .cg-service .cg-rank{position:relative;box-sizing:border-box;grid-template-columns:128.575px minmax(0,1fr);grid-template-rows:98px;gap:10px;padding:10px;min-height:119px;border:.5px solid #ffffff1f;border-radius:12px;background:#ffffff08;align-items:center}
 body.v1-prototype-rank .cg-service .cg-rank .v1-rank-cover{grid-column:1;grid-row:1;width:128.575px;height:98px}
 body.v1-prototype-rank .cg-service .cg-rank .v1-rank-cover>img{width:128.575px;height:98px!important;border-radius:7px}
 body.v1-prototype-rank .cg-rank>div:not(.cg-rank-metric){grid-column:2;grid-row:1;align-self:start;padding:2px 0 0;min-width:0}
 body.v1-prototype-rank .cg-service .cg-rank h2{height:43.156px;min-width:0;margin:0 0 8px;font-size:15.5px;line-height:21.578px;font-weight:600;text-indent:44px}
 body.v1-prototype-rank .cg-service .cg-rank>.v1-rank-number{position:absolute;left:149.575px;top:14px;display:block;width:40px;height:18px;border:.5px solid #ffffff80;border-radius:2px;color:#ffffffb3;font-size:12px;font-weight:400;line-height:17px;z-index:1}
 body.v1-prototype-rank .cg-service .cg-rank>.v1-rank-number:has(img){border:0;height:20px;position:absolute;top:12px}
 body.v1-prototype-rank .cg-service .cg-rank .v1-rank-number img{width:40px;height:32.008px!important}
 body.v1-prototype-rank .cg-service .cg-rank p{gap:0;flex-wrap:nowrap;color:#ffffff80;font-size:11px;line-height:15px}
 body.v1-prototype-rank .cg-service .cg-rank p>*{padding:0;border-radius:0;background:none;color:inherit;font-size:11px;line-height:15px;opacity:1;white-space:nowrap}
 body.v1-prototype-rank .cg-rank p>*+*::before{content:' • ';white-space:pre}
 body.v1-prototype-rank .cg-rank-metric{grid-column:2;grid-row:1;align-self:end;justify-content:flex-start;gap:3px;padding:0 0 2px;color:#fff;font-size:11px;line-height:20px;min-width:0}
 body.v1-prototype-rank .cg-rank-metric strong{font-size:12px;line-height:20px;font-weight:900}
 body.v1-prototype-rank .cg-rank-metric>span{font-weight:600}
 body.v1-prototype-rank .cg-service .cg-rank .v1-rank-fire{display:block;width:11.575px;height:20.433px!important}
 body.v1-prototype-rank .cg-rank-metric picture{display:block;flex:none;width:11.575px;height:20.433px}
 body.v1-prototype-rank .v1-rank-play{width:32px;height:32px}
 body.v1-prototype-rank .cg-service .cg-rank .v1-rank-play img{display:block;width:21.3333px;height:21.3333px!important}
 body.v1-prototype-rank .v1-rank-arrow{display:none}
 body.v1-prototype-rank .v1-rank-h5-empty:not([hidden]){display:flex;color:#ffffff4d;min-height:232px}
 .v1-prototype-rank .v1-rank-panel:has([data-rank-empty]:not([hidden])) .cg-service-status{display:none}
 .v1-prototype-rank .v1-rank-panel:has([data-rank-empty]:not([hidden])) .cg-service-list{padding:0}
}
.v1-topic-cover-skeleton,.v1-rank-cover-skeleton{display:none}
/* Cover-only loading components 388:17769 / 388:17798; metadata stays visible. */
@media(max-width:1023px){
 .v1-prototype-topics .hg-topic-card{position:relative}
 .v1-prototype-topics .hg-topic-card>[data-feed-cover-state="pending"]{visibility:hidden}
 .v1-prototype-topics .hg-topic-card:has(>[data-feed-cover-state="pending"])>.v1-topic-cover-skeleton{position:absolute;top:12px;left:12px;width:calc(100% - 24px);height:150px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.05);border-radius:8px;pointer-events:none}
 .v1-topic-cover-skeleton>span{display:flex;align-items:center;gap:10px}
 .v1-prototype-topics .v1-topic-cover-skeleton .v1-cover-skeleton__icon{display:block;flex:none;width:40px;height:40px;object-fit:cover;border-radius:12px;box-shadow:inset 0 3.636px 3.636px rgba(186,186,186,.25)}
 .v1-prototype-topics .v1-topic-cover-skeleton .v1-cover-skeleton__wordmark{display:block;flex:none;width:87px;height:24px;object-fit:fill;object-position:bottom}
 body.v1-prototype-rank .v1-rank-cover:has(>[data-feed-cover-state="pending"]){background:rgba(255,255,255,.05)}
 body.v1-prototype-rank .v1-rank-cover>[data-feed-cover-state="pending"],body.v1-prototype-rank .v1-rank-cover:has(>[data-feed-cover-state="pending"])>.v1-rank-play{visibility:hidden}
 body.v1-prototype-rank .v1-rank-cover:has(>[data-feed-cover-state="pending"])>.v1-rank-cover-skeleton{position:absolute;top:50%;left:calc(50% - .34px);transform:translate(-50%,-50%);display:flex;align-items:center;gap:6px;width:80.75px;height:24px;pointer-events:none}
 body.v1-prototype-rank .cg-service .v1-rank-cover-skeleton .v1-cover-skeleton__icon{display:block;flex:none;width:24px;height:24px!important;aspect-ratio:auto;object-fit:cover;border-radius:12px;box-shadow:inset 0 2.182px 2.182px rgba(186,186,186,.25)}
 body.v1-prototype-rank .cg-service .v1-rank-cover-skeleton .v1-cover-skeleton__wordmark{display:block;flex:none;width:50.75px;height:14px!important;aspect-ratio:auto;object-fit:fill;object-position:bottom;border-radius:0}
}

/* H07: topic list/empty and post/video details. Actual filters and counts stay authoritative. */
.v1-topic-mobile-pager,.v1-topic-mobile-inline,.v1-topic-duration-mobile{display:none}
@media(max-width:1023px){
 :is(.v1-prototype-topics,.hg-page--topic-detail) .hg-header__search-btn-icon--search{content:url('../images/figma/h5-topic-search.svg')}
 .v1-prototype-topics .hg-topic-card{position:relative;border:0;box-shadow:inset 0 0 0 .5px rgba(255,255,255,.12)}
 .v1-prototype-topics .hg-topic-card::after{content:'';display:block;position:absolute;left:12px;right:12px;top:12px;height:150px;border-radius:8px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.8));pointer-events:none}
 .v1-prototype-topics .hg-topic-card:has(>[data-feed-cover-state=pending])::after{display:none}
 .v1-prototype-topics .hg-topic-grid:has(.v1-topics-empty){margin-bottom:28px}
 .v1-prototype-topics .v1-topics-empty{height:182px;min-height:182px;padding:0;margin-top:28px;gap:0}
 .v1-topics-empty-visual{position:relative;display:flex;align-items:center;justify-content:center;flex:none;width:206px;height:140px}
 .v1-topics-empty-visual img{position:relative;left:-.07px;display:block;max-width:none}
 .v1-prototype-topics .v1-topics-empty>p{font-size:14px;line-height:20px;color:rgba(255,255,255,.6)}
 .v1-prototype-topics .v1-topics-empty>p+p{height:22px;font-size:12px;line-height:18px;color:rgba(255,255,255,.3)}
 :is(.v1-prototype-topics,.hg-page--topic-detail) .v1-topic-faq>.v1-topic-heading{gap:9px;margin-bottom:0}
 :is(.v1-prototype-topics,.hg-page--topic-detail) .v1-topic-faq details{border:0;box-shadow:inset 0 0 0 .5px rgba(255,255,255,.12)}
 :is(.v1-prototype-topics,.hg-page--topic-detail) .v1-topic-faq summary{font-weight:400;color:rgba(255,255,255,.7)}
 .hg-page--topic-detail .v1-topic-header{position:relative}
 .hg-page--topic-detail .v1-topic-header:has(>.v1-topic-hero)::after{content:'';position:absolute;inset:0 0 auto;height:150px;border-radius:12px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.8));pointer-events:none}
 .hg-page--topic-detail .v1-tag-tabs{border:0;box-shadow:inset 0 -1px rgba(255,255,255,.12)}
 .hg-page--topic-detail .v1-tag-tabs a[aria-current]{font-weight:600}
 .hg-page--topic-detail .v1-author-cover::after{display:none}
 .hg-page--topic-detail .v1-topic-card-copy,.hg-page--topic-detail .v1-author-grid--video .v1-topic-card-copy{inset:auto 0 0;padding:44px 8px 8px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.7));gap:8px}
 .hg-page--topic-detail .v1-author-meta>a{font-weight:500}
 .hg-page--topic-detail .v1-topic-card-copy h3{font-size:14px;line-height:20px}
 .hg-page--topic-detail .v1-topic-category{border:0;box-shadow:inset 0 0 0 .5px #ff7d00}
 .hg-page--topic-detail .v1-topic-duration-desktop,.hg-page--topic-detail .v1-topic-desktop-inline{display:none}
 .hg-page--topic-detail .v1-topic-mobile-inline{display:inline}
 .hg-page--topic-detail .v1-topic-duration-mobile{display:block;flex:none;height:18px;margin-left:auto;padding:1px 4px;border-radius:2px;background:rgba(0,0,0,.5);font-size:10px;font-weight:600;line-height:16px;color:#fff}
 .hg-page--topic-detail .v1-collection-play{background-color:rgba(0,0,0,.5);background-size:21.3333px 21.3333px}
 .hg-page--topic-detail .v1-topic-mobile-pager{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px;min-height:20px;margin:0 0 28px;font:400 12px/18px 'PingFang SC','Microsoft YaHei',sans-serif;color:rgba(255,255,255,.3)}
 .v1-topic-mobile-pager-controls{display:flex;align-items:center;gap:17px}
 .v1-topic-mobile-pager .v1-topic-page-button{display:flex;align-items:center;justify-content:center;height:20px;padding:2px 4.5px;border:0;border-radius:3px;background:transparent;box-shadow:inset 0 0 0 .5px #ff7d00;color:#ff7d00;font:400 10px/16px 'PingFang SC','Microsoft YaHei',sans-serif;white-space:nowrap}
 .v1-topic-mobile-pager .v1-topic-page-button:disabled{color:rgba(255,255,255,.3);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.3)}
 .v1-topic-page-current{display:flex;gap:2px}
 .v1-topic-page-current>span:first-child{color:rgba(255,255,255,.7)}
 .hg-page--topic-detail section:has(>.v1-topic-mobile-pager)>.hg-pager,.hg-page--topic-detail section:has(>.v1-topic-mobile-pager)>.v1-topic-count{display:none}
}

/* H08: ranks, canonical tag pages and author works; desktop keeps its reviewed layout. */
@media(max-width:1023px){
 body.v1-prototype-rank{display:flex;flex-direction:column;min-height:100dvh}
 body.v1-prototype-rank .cg-service{flex:none;padding-bottom:0}
 body.v1-prototype-rank #app-footer{margin:auto 0 0;flex:none}
 .v1-prototype-rank .cg-service-tabs a{border:0;line-height:19px;justify-content:center}
 .v1-prototype-rank .cg-service-tabs a:first-child{width:70px;padding:0}
 .v1-prototype-rank .cg-service-tabs a[aria-current]{box-shadow:inset 0 0 0 1px #ff7d00}
 body.v1-prototype-rank .cg-service .cg-rank{min-height:118px;border:0;box-shadow:inset 0 0 0 .5px rgba(255,255,255,.12)}
 body.v1-prototype-rank .cg-service .cg-rank>.v1-rank-number{left:148.575px;top:12px;width:41px;height:20px;border:0;border-radius:10px;box-shadow:inset 0 0 0 1px #d7dbe1;color:#bbc0c8;line-height:20px}
 body.v1-prototype-rank .cg-service .cg-rank>.v1-rank-number:has(img){left:149.365px;top:14.6px;width:40px;border-radius:0;box-shadow:none}
 body.v1-prototype-rank .cg-service .cg-rank[data-rank="2"]>.v1-rank-number{left:149.155px;top:14.71px}
 body.v1-prototype-rank .cg-service .cg-rank[data-rank="3"]>.v1-rank-number{left:149.575px;top:13.58px}
 body.v1-prototype-rank .cg-service .cg-rank p{min-width:0;overflow:hidden;white-space:nowrap}
 body.v1-prototype-rank .cg-service .cg-rank p>:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis}
 body.v1-prototype-rank .cg-rank-metric{gap:4px}
 body.v1-prototype-rank .cg-rank-metric picture{margin-right:6px}
 body.v1-prototype-rank .cg-rank-metric strong{font-family:Inter,Arial,sans-serif}
 body.v1-prototype-rank .v1-rank-play{background:none}
 body.v1-prototype-rank .v1-rank-h5-empty:not([hidden]){min-height:238px;padding:28px 0;gap:0;justify-content:flex-start}
 .v1-prototype-rank .v1-rank-empty-art{display:flex;align-items:center;justify-content:center;flex:none;width:206px;height:140px}
 body.v1-prototype-rank .v1-rank-empty-art>img{display:block;width:185.26px;height:99.7602px;max-width:none}
 .v1-prototype-rank .v1-rank-h5-empty>p{height:42px;color:rgba(255,255,255,.3)}
 body.hg-page--author .hg-main>.v1-author-page{margin:0 auto;flex-shrink:0}
 .hg-page--author #app-footer{margin:auto 0 0}
 .hg-page--author .v1-author-profile{border:0;box-shadow:inset 0 0 0 .5px rgba(255,255,255,.12)}
 .hg-page--author .v1-author-stats{align-self:center;min-height:22px}
 .hg-page--author .v1-author-profile .v1-author-follow{width:48px;height:22px;padding:2.5px 0;border:0;font-weight:600;line-height:17px}
 .hg-page--author .v1-author-profile .v1-author-follow.is-followed{color:rgba(255,255,255,.5);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.12)}
 .hg-page--author .v1-author-follow-desktop{display:none}
 .hg-page--author .v1-author-follow-mobile{display:inline}
 .hg-page--author .v1-author-tabs{border:0;box-shadow:inset 0 -.5px rgba(255,255,255,.12)}
 .hg-page--author .v1-author-mobile-pager .v1-page-button{height:20px;padding:2px 4.5px;border:0;box-shadow:inset 0 0 0 .5px #ff7d00}
 .hg-page--author .v1-author-mobile-pager .v1-page-button:disabled{box-shadow:inset 0 0 0 .5px rgba(255,255,255,.3)}
 :is(.hg-page--author,.hg-page--tag) :is(.v1-author-cover,.v1-tag-cover)::after{display:none}
 :is(.hg-page--author,.hg-page--tag) :is(.v1-author-card h2,.v1-tag-card h2){inset:auto 0 0;padding:44px 8px 8px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.7))}
 .hg-page--author .v1-author-meta{min-height:20px;align-items:center}
 .hg-page--author .v1-author-meta>a{align-items:center}
 .hg-page--author .v1-author-grid--video .v1-author-card{gap:6px}
 .hg-page--author .v1-author-grid--video h2,.hg-page--tag .v1-tag-grid--video h2{position:static;padding:0;background:none}
 .hg-page--author .v1-author-grid--video .v1-author-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:20px;font-weight:400}
 .hg-page--tag .v1-tag-title-desktop,.hg-page--tag .v1-tag-tab-desktop{display:none}
 .hg-page--tag .v1-tag-title-mobile,.hg-page--tag .v1-tag-tab-mobile{display:inline}
 .hg-page--tag .v1-tag-page>h1{padding:4px 0}
 .hg-page--tag .v1-tag-summary{display:block;margin:0;padding:12px 0;color:rgba(255,255,255,.7);font-size:13px;line-height:18px}
 .hg-page--tag .v1-tag-tabs{border:0;box-shadow:inset 0 -1px rgba(255,255,255,.12)}
 .hg-page--tag .v1-tag-tabs a{gap:4px}
 .hg-page--tag .v1-tag-tabs a[aria-current]{font-weight:600}
 .hg-page--tag .v1-tag-grid:not(.v1-tag-grid--video) .v1-tag-play{display:flex;align-items:center;justify-content:center;position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:rgba(0,0,0,.5)}
 .hg-page--tag .v1-tag-play>img{display:block;flex:none;width:21.3333px;height:21.3333px}
}