*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#111214;color:#eee;font:14px/1.5 Arial,"Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{max-width:100%}.xg-app{max-width:520px;margin:auto;background:#171819;min-height:100vh;padding-bottom:148px}.xg-header{position:sticky;top:0;background:#191a1c;z-index:20;padding:12px 10px 0}.xg-header-row{display:flex;gap:9px;align-items:center;height:35px}.xg-logo{font-weight:800;font-size:19px;white-space:nowrap}.xg-logo span{color:#4cb477;margin-right:4px}.xg-search{display:flex;background:#292a2d;border-radius:18px;flex:1;min-width:0;height:31px}.xg-search input{min-width:0;width:100%;border:0;background:none;color:white;padding:0 11px;outline:none}.xg-search button,.xg-history-button,.xg-save{border:0;color:#bfc0c2;background:none;font-size:24px;padding:0 2px}.xg-nav{display:flex;gap:22px;overflow-x:auto;scrollbar-width:none;white-space:nowrap;height:44px;align-items:center;margin-top:6px}.xg-nav a{font-size:15px;flex-shrink:0}.xg-nav .is-active{color:#52b377;font-weight:700}.xg-main{padding:0 10px}.xg-content{width:100%;padding:0}.xg-carousel{position:relative;height:92px;overflow:hidden;background:#202124}.xg-slide{display:none;width:100%;height:100%}.xg-slide.is-active{display:block}.xg-slide img{width:100%;height:100%;object-fit:fill;display:block}.xg-dots{position:absolute;bottom:4px;left:0;width:100%;display:flex;justify-content:center;gap:5px}.xg-dots button{height:5px;width:5px;border:0;padding:0;background:#b9b9b9;border-radius:50%;box-shadow:0 0 2px #000}.xg-dots button.is-active{background:#ff8e27}.xg-shortcuts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:28px 0 12px}.xg-shortcuts a{background:#26272a;font-size:12px;white-space:nowrap;text-align:center;padding:7px 1px;border-radius:3px;overflow:hidden;color:#e4b641}.xg-shortcuts a:nth-child(3n){color:#f88aaa}.xg-shortcuts a:nth-child(3n+1){color:#66ceb7}.xg-domain-strip{background:#352318;color:#ffa14a;display:flex;justify-content:space-around;padding:6px 2px;font-size:13px;border-radius:3px;margin-bottom:16px}.xg-icon-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px 8px;margin:12px 0 22px}.xg-icon{text-align:center;font-size:11px;min-width:0;display:block}.xg-icon img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;margin-bottom:4px}.xg-icon span{display:block;white-space:nowrap;overflow:hidden}.xg-section{margin:22px 0}.xg-section-header,.xg-ui-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.xg-section-title,.xg-ui-section-title{font-size:18px;margin:0;font-weight:600}.xg-more,.xg-ui-section-more{font-size:13px;color:#a5a6a8}.xg-ui-section-icon{display:none}.xg-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}.xg-video-card{min-width:0}.xg-thumb{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:5px;background:#27282a}.xg-thumb img{width:100%;height:100%;display:block;object-fit:cover}.xg-badge,.xg-ui-video-badge{position:absolute;top:5px;left:5px;background:#171819aa;font-size:10px;padding:1px 4px;border-radius:3px}.xg-duration{position:absolute;bottom:5px;right:5px;background:#0008;font-size:11px;padding:1px 4px}.xg-ui-video-mask{display:none}.xg-info{padding-top:7px}.xg-title{font-size:14px;line-height:1.4;margin:0;font-weight:400;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:40px}.xg-meta-row{display:flex;gap:7px;font-size:11px;color:#85878b;margin-top:5px;white-space:nowrap;overflow:hidden}.xg-tag{color:#76b991}.xg-meta-time{margin-left:auto}.xg-inline-banners{display:grid;gap:5px;margin:18px 0}.xg-banner img{width:100%;height:70px;display:block;object-fit:fill}.xg-pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin:25px 0}.xg-page-btn,.xg-episode-item{display:inline-block;border:1px solid #3d3e41;border-radius:4px;background:#242528;padding:7px 12px}.xg-page-info{color:#aaa}.xg-page-btn-primary,.xg-episode-item.is-active{background:#41875a;color:white}.xg-ui-page-title{font-size:20px;margin:18px 0 3px}.xg-ui-page-count,.xg-empty{color:#9a9b9e}.xg-detail-hero{display:flex;gap:14px;margin:16px 0}.xg-detail-poster{width:32%;flex-shrink:0}.xg-detail-poster img{border-radius:5px;max-height:220px;object-fit:cover}.xg-detail-title{font-size:18px;margin:0 0 12px}.xg-detail-meta,.xg-detail-stats{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;color:#aaa}.xg-detail-desc{font-size:12px;color:#aaa;margin-top:12px;max-height:100px;overflow:auto}.xg-player-wrapper,.xg-player-container{width:100%;background:#000;position:relative}.xg-player-wrapper{aspect-ratio:16/9;min-height:240px}.xg-player-wrapper>div{height:100%}.xg-episode-items,.xg-episode-list{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.xg-episode-group{width:100%}.xg-episode-title{font-size:14px}.xg-player-title,.xg-play-title{font-size:18px}.xg-play-layout,.xg-play-main{width:100%}.xg-footer-links{max-width:520px;margin:auto;padding:8px 10px;overflow:hidden}.xg-footer-links-container{display:flex;gap:12px;overflow:auto;white-space:nowrap;font-size:12px;color:#888}.xg-site-footer{max-width:520px;margin:0 auto 155px;padding:10px;color:#777;font-size:11px}.xg-site-contact{display:block}.xg-bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,520px);height:56px;display:flex;justify-content:space-around;background:#292a2c;z-index:32;padding-bottom:env(safe-area-inset-bottom)}.xg-bottom-nav a{font-size:12px;display:flex;align-items:center;flex-direction:column;justify-content:center;color:#ccc;min-width:48px}.xg-bottom-nav b{font-size:22px;line-height:25px;font-weight:400}.xg-bottom-nav a:first-child{color:#ff932d}.xg-bottom-banner{position:fixed;bottom:56px;left:50%;transform:translateX(-50%);width:min(100%,520px);z-index:30}.xg-bottom-banner .xg-carousel{height:76px}.xg-bottom-banner>button,.xg-floating-icon>button{position:absolute;right:0;top:-16px;background:#333a;color:#fff;border:0;z-index:2;padding:0 5px;font-size:14px}.xg-floating-icon{position:fixed;left:10px;bottom:210px;width:76px;z-index:25}.xg-floating-icon .xg-icon span{display:none}.xg-floating-icon .xg-icon img{margin:0}.xg-floating-icon>button{border-radius:50%}.xg-history-dialog,dialog{width:min(94%,480px);max-height:70vh;border:1px solid #444;border-radius:8px;background:#202124;color:#eee;padding:16px}dialog::backdrop{background:#000a}dialog header{display:flex;justify-content:space-between;font-size:18px}dialog header button{border:0;background:none;color:#fff;font-size:22px}[data-history-list] a{display:block;padding:12px 0;border-bottom:1px solid #444;font-size:14px}body.xg-menu-open .xg-nav{flex-wrap:wrap;white-space:normal;height:auto;max-height:50vh;padding-bottom:12px}@media(max-width:380px){.xg-logo{font-size:15px}.xg-header-row{gap:6px}.xg-icon-grid{gap:10px 5px}.xg-icon{font-size:10px}.xg-floating-icon{width:55px;bottom:180px}.xg-search input{font-size:12px}.xg-history-button,.xg-save{font-size:21px}}.xg-ui-episode-section{margin:15px 0}.xg-ui-episode-header{display:flex;justify-content:space-between;align-items:center}.xg-ui-episode-title{font-size:16px;margin:0}.xg-ui-sort-btn{border:0;background:#2b2c2e;color:#ccc;padding:5px 8px;border-radius:4px}.xg-ui-episode-items{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0}.xg-ui-episode-item{display:block;padding:7px 14px;border-radius:4px;background:#2b2c2e}.xg-ui-episode-item.is-active{background:#41875a}.xg-ui-episode-source{font-size:12px;color:#888;margin-top:8px}.xg-ui-detail{display:flex;gap:12px;margin:20px 0}.xg-ui-detail-cover{width:90px;flex-shrink:0}.xg-ui-detail-cover img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:4px}.xg-ui-detail-info{min-width:0}.xg-ui-detail-title{font-size:16px;margin:0 0 8px;font-weight:500}.xg-ui-detail-meta,.xg-ui-detail-stats,.xg-ui-detail-desc{color:#888;font-size:12px}.xg-ui-detail-meta{display:flex;gap:8px}.xg-ui-detail-desc{max-height:65px;overflow:auto;margin-top:8px}.xg-fan-keywords-grid{display:flex;flex-wrap:wrap;gap:6px}.xg-fan-keyword{background:#242528;color:#a2a4a7;border-radius:4px;padding:4px 8px;font-size:12px}body.xg-body .app-download-entry{top:auto!important;bottom:190px!important;right:0!important;min-width:34px!important;width:34px!important;height:74px!important;padding:7px!important;border-radius:8px 0 0 8px!important;white-space:normal!important;line-height:1.4!important;font-size:12px!important;animation:none!important;border:0!important;background:#dd7728!important}.xg-desktop-shortcut{position:fixed;right:0;bottom:271px;z-index:35;width:34px;height:74px;background:#595e65;color:white;border:0;border-radius:8px 0 0 8px;padding:7px;line-height:1.4;font-size:12px}

/* Match reference icon sizing: 430px-capped rem scale and six columns. */
.xg-icon-grid{--xg-reference-unit:calc(min(100vw,430px)/7.5);gap:10px;margin-left:calc(var(--xg-reference-unit)*.2 - 10px);margin-right:calc(var(--xg-reference-unit)*.2 - 10px)}
.xg-icon-grid .xg-icon{position:relative;padding-bottom:calc(var(--xg-reference-unit)*.48);font-size:calc(var(--xg-reference-unit)*.24);line-height:normal}
.xg-icon-grid .xg-icon img{margin-bottom:0;border-radius:5px}
.xg-icon-grid .xg-icon span{position:absolute;left:0;right:0;bottom:0;line-height:normal;text-overflow:ellipsis}
.xg-floating-icon{width:78px}

/* Original four-color domain strip, placed below icon ads. */
.xg-domain-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:8px 0 16px;padding:0;background:none;border-radius:0}
.xg-domain-strip>*{display:flex;align-items:center;justify-content:center;min-width:0;height:34px;padding:0 10px;overflow:hidden;color:#111;font-size:15px;font-weight:500;line-height:1;white-space:nowrap;text-overflow:ellipsis;border-radius:18px}
.xg-domain-strip>:nth-child(1){background:linear-gradient(180deg,#ffd928 0%,#ffb900 100%)}
.xg-domain-strip>:nth-child(2){background:linear-gradient(180deg,#ff93bc 0%,#f04f83 100%)}
.xg-domain-strip>:nth-child(3){background:linear-gradient(180deg,#32d2c8 0%,#12a79f 100%)}
.xg-domain-strip>:nth-child(4){background:linear-gradient(180deg,#ffbec7 0%,#ff8797 100%)}
@media(max-width:768px){.xg-domain-strip{gap:4px;margin:6px 4px 12px}.xg-domain-strip>*{height:30px;padding:0 3px;font-size:clamp(11px,3.2vw,14px);border-radius:15px}}

/* Reference-style text ticker immediately below the image carousel. */
.xg-notice{display:flex;align-items:center;gap:8px;--xg-notice-unit:calc(min(100vw,430px)/7.5);height:calc(var(--xg-notice-unit)*.48);margin:8px 0;color:#eee;font-size:calc(var(--xg-notice-unit)*.28)}
.xg-notice-icon{flex-shrink:0;font-size:15px}.xg-notice-window{flex:1;min-width:0;overflow:hidden}.xg-notice-track{display:flex;width:max-content;animation:xgNoticeScroll 28s linear infinite}.xg-notice-track span{flex-shrink:0;white-space:nowrap;padding-right:48px;line-height:1.5}.xg-notice:hover .xg-notice-track{animation-play-state:paused}@keyframes xgNoticeScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.xg-notice-track{animation:none}}

/* Native marquee defaults match the reference announcement speed. */
.xg-notice-text{display:block;width:100%;font:inherit;line-height:1.5;white-space:nowrap}

/* Equal 8px spacing above and below the announcement row. */
.xg-notice+.xg-shortcuts{margin-top:8px}

/* Top carousel matches the reference padding and 1.6rem responsive height. */
.xg-ad-top>.xg-carousel{--xg-banner-unit:calc(min(100vw,430px)/7.5);height:calc(var(--xg-banner-unit)*1.6);margin-left:calc(var(--xg-banner-unit)*.2 - 10px);margin-right:calc(var(--xg-banner-unit)*.2 - 10px);border-radius:5px}

/* Reference text-ad grid: .26rem text, .6rem height, 8px gaps. */
.xg-shortcuts{--xg-text-ad-unit:calc(min(100vw,430px)/7.5);gap:8px;grid-template-columns:repeat(5,minmax(0,1fr));margin-left:calc(var(--xg-text-ad-unit)*.2 - 10px);margin-right:calc(var(--xg-text-ad-unit)*.2 - 10px)}
.xg-shortcuts a{display:flex;align-items:center;justify-content:center;height:calc(var(--xg-text-ad-unit)*.6);padding:0 calc(var(--xg-text-ad-unit)*.1);font-size:calc(var(--xg-text-ad-unit)*.26);line-height:normal;border-radius:5px;text-overflow:ellipsis;box-shadow:0 2px #e8e8e826}

/* Text-ad font colors follow the reference positions. */
.xg-shortcuts a:nth-child(n){color:#fff}.xg-shortcuts a:first-child,.xg-shortcuts a:nth-child(13){color:#ff02b3}.xg-shortcuts a:nth-child(3){color:#ffa515}.xg-shortcuts a:nth-child(5),.xg-shortcuts a:nth-child(11){color:#ff1515}.xg-shortcuts a:nth-child(7),.xg-shortcuts a:nth-child(15){color:#15c5ff}.xg-shortcuts a:nth-child(9){color:#21ff15}

/* Header navigation follows reference .32/.34/.36rem font sizes. */
.xg-nav{--xg-nav-unit:calc(min(100vw,430px)/7.5)}.xg-nav a{font-size:calc(var(--xg-nav-unit)*.32)}.xg-nav a:nth-child(2){font-size:calc(var(--xg-nav-unit)*.34)}.xg-nav a.is-active{font-size:calc(var(--xg-nav-unit)*.36)}

/* Reference logo is self-hosted and uses the original .64rem height. */
.xg-logo{display:flex;align-items:center;flex-shrink:0}.xg-logo img{display:block;height:calc(min(100vw,430px)/7.5*.64);width:auto;max-width:none;object-fit:contain}

/* Remove the site's left/right content gutters throughout all page views. */
.xg-app{border-left:0;border-right:0;padding-left:0;padding-right:0}
.xg-header,.xg-main,.xg-footer-links,.xg-site-footer{padding-left:0;padding-right:0;border-left:0;border-right:0}
.xg-ad-top>.xg-carousel,.xg-icon-grid,.xg-shortcuts,.xg-domain-strip{margin-left:0;margin-right:0;border-left:0;border-right:0}

/* Search/domain hint follows the reference .26rem text size. */
.xg-search input[name=wd]{font-size:calc(min(100vw,430px)/7.5*.26)}.xg-search input[name=wd]::placeholder{font-size:inherit}

/* Same gray as the reference header domain text. */
.xg-search input[name=wd],.xg-search input[name=wd]::placeholder{color:#969699;opacity:1}

/* Search icon matches the reference .36rem square and .14rem right inset. */
.xg-search button{display:flex;align-items:center;justify-content:center;align-self:center;flex-shrink:0;width:calc(min(100vw,430px)/7.5*.36);height:calc(min(100vw,430px)/7.5*.36);padding:0;margin-right:calc(min(100vw,430px)/7.5*.14)}.xg-search button svg{display:block;width:100%;height:100%}

/* Desktop fills the viewport; existing mobile layout stays unchanged. */
@media(min-width:769px){
.xg-app,.xg-footer-links,.xg-site-footer{max-width:none;width:100%;margin-left:0;margin-right:0}
.xg-bottom-nav,.xg-bottom-banner{width:100%;max-width:none;left:0;transform:none}
.xg-icon-grid .xg-icon img{width:74.5078125px;margin-left:auto;margin-right:auto}
}

/* Mobile keeps black gutters while desktop remains full width. */
@media(max-width:768px){.xg-app,.xg-footer-links,.xg-site-footer{width:calc(100% - 20px);max-width:520px;margin-left:auto;margin-right:auto}.xg-bottom-nav,.xg-bottom-banner{width:min(calc(100% - 20px),520px);left:50%;transform:translateX(-50%)}}

/* Match reference mobile body width and .2rem content insets. */
@media(max-width:768px){.xg-app,.xg-footer-links,.xg-site-footer{width:100%;max-width:520px;margin-left:auto;margin-right:auto}.xg-main,.xg-footer-links,.xg-site-footer{padding-left:calc(min(100vw,430px)/7.5*.2);padding-right:calc(min(100vw,430px)/7.5*.2)}.xg-bottom-nav,.xg-bottom-banner{width:min(100%,520px);left:50%;transform:translateX(-50%)}}

/* Desktop layout: retain image proportions and adapt card columns. */
@media(min-width:769px){.xg-ad-top>.xg-carousel{height:clamp(92px,10vw,160px)}.xg-slide img{object-fit:contain}.xg-bottom-banner .xg-carousel{height:clamp(76px,8vw,110px)}.xg-video-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.xg-thumb{aspect-ratio:16/9}.xg-icon-grid{grid-template-columns:repeat(auto-fit,74.5078125px);justify-content:center}.xg-search{max-width:520px;margin-right:auto}}

/* Keep reference-size desktop ad modules and a bounded player within the full-width page. */
@media(min-width:769px){
.xg-ad-top{width:100%;max-width:520px;margin-left:auto;margin-right:auto;padding-left:calc(430px/7.5*.2);padding-right:calc(430px/7.5*.2)}
.xg-ad-top>.xg-carousel{height:calc(430px/7.5*1.6)}
.xg-icon-grid{grid-template-columns:repeat(6,minmax(0,1fr));justify-content:normal}
.xg-bottom-banner{width:520px;left:50%;transform:translateX(-50%)}.xg-bottom-banner .xg-carousel{height:76px}
.xg-ui-player-section,.xg-ui-detail,.xg-detail-hero{width:100%;max-width:960px;margin-left:auto;margin-right:auto}
.xg-player-container,.xg-player-wrapper{max-width:960px;margin-left:auto;margin-right:auto}
}

/* Align desktop regions to the reference width with seamless outer background. */
@media(min-width:769px){
body.xg-body{background:#171819}
.xg-app,.xg-footer-links,.xg-site-footer{width:100%;max-width:520px;margin-left:auto;margin-right:auto}
.xg-main,.xg-footer-links,.xg-site-footer{padding-left:calc(430px/7.5*.2);padding-right:calc(430px/7.5*.2)}
.xg-header{padding-left:calc(430px/7.5*.2);padding-right:calc(430px/7.5*.2)}
.xg-ad-top{max-width:none;padding-left:0;padding-right:0}
.xg-search{max-width:none;margin-right:0}
.xg-bottom-nav,.xg-bottom-banner{width:520px;max-width:520px;left:50%;transform:translateX(-50%)}
.xg-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.xg-thumb{aspect-ratio:16/10}
.xg-slide img{object-fit:fill}
}

/* Desktop floating banner shares the main content's exact side insets. */
@media(min-width:769px){.xg-bottom-banner{width:calc(520px - 430px/7.5*.4);max-width:calc(520px - 430px/7.5*.4);left:50%;transform:translateX(-50%)}}

/* Desktop page edges align with the bottom floating navigation bar. */
@media(min-width:769px){
.xg-header,.xg-main,.xg-footer-links,.xg-site-footer{padding-left:0;padding-right:0}
.xg-bottom-banner{width:520px;max-width:520px}
}

/* Reference header history/play icon dimensions and color. */
.xg-header-row .xg-history-button{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:calc(min(100vw,430px)/7.5*.6);height:calc(min(100vw,430px)/7.5*.4);padding:0;line-height:1}
.xg-header-row .xg-history-button svg{display:block;width:100%;height:100%}

.xg-history-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid #444}.xg-history-row a{flex:1;min-width:0;border-bottom:0;overflow-wrap:anywhere}.xg-history-delete{flex-shrink:0;border:1px solid #555;border-radius:4px;background:#2b2c2e;color:#ccc;padding:5px 10px;font-size:12px}

.xg-history-delete{background:#e53935;color:#fff;border-color:#e53935}

.xg-header-row .xg-save{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;width:calc(min(100vw,430px)/7.5*.42);height:calc(min(100vw,430px)/7.5*.42)}.xg-header-row .xg-save img{display:block;width:100%;height:100%}

.xg-save-dialog{width:320px;max-width:calc(100% - 32px);padding:0;border:0;border-radius:8px;background:#fff;color:#333;text-align:center;overflow:hidden}.xg-save-dialog::backdrop{background:#0009}.xg-save-dialog header{padding:16px;align-items:center;border-bottom:1px solid #eee}.xg-save-dialog h3{font-size:18px;margin:0}.xg-save-dialog header button{color:#777}.xg-save-content{padding:20px;max-height:300px;overflow:auto;font-size:14px}.xg-save-content img{display:block;margin:0 auto;image-rendering:pixelated}.xg-save-content p{margin:10px 0}.xg-save-content button{background:#eee;border:0;border-radius:3px;color:#666;font-size:12px;padding:3px 7px}.xg-save-download{display:block;padding:14px;background:#f3f3f3;color:#333;border-top:1px solid #eee}.xg-copy-status{color:#41875a;font-size:12px}

/* Reference announcement modal, with this site's APP download QR. */
.xg-save-dialog{width:320px;background:#eff0f5;color:#000;border-radius:10px;padding:0 0 15px;font-size:14px}
.xg-save-dialog header{position:relative;display:block;padding:25px 20px 5px;height:56px;border:0;color:#524fac;border-radius:10px}
.xg-save-dialog h3{font-size:18px;line-height:26px;font-weight:700}
.xg-save-dialog header button{position:absolute;right:8px;top:4px;color:#777;font-size:22px;line-height:24px}
.xg-save-content{width:290px;max-width:calc(100% - 30px);height:330px;max-height:330px;margin:0 auto;padding:20px 15px;background:#fff;border-radius:10px;overflow:auto;color:#000}
.xg-save-content img{width:79px;height:79px}.xg-save-content p:first-of-type{color:#524fac}
.xg-save-content p{line-height:1.5;margin:10px 0}
.xg-save-download{width:290px;max-width:calc(100% - 30px);margin:12px auto 0;padding:4px 15px;height:37.5px;line-height:29.5px;border:0;border-radius:4px;background:transparent;color:#524fac;font-size:18px}

/* Match reference's left text/right QR announcement layout. */
.xg-save-dialog{text-align:left;font-family:Arial,"Microsoft YaHei",sans-serif}
.xg-save-dialog header{height:56px;padding:25px 20px 5px}.xg-save-dialog h3{text-align:center;font-size:20px;line-height:24px;height:26px}.xg-save-dialog h3 span{font-size:14px}
.xg-save-dialog header button{right:8px;top:8px;background:#555;color:#ddd;border-radius:50%;width:24px;height:24px;padding:0;font-size:19px;line-height:24px}
.xg-save-content{margin:10px 15px 0;padding:15px 20px;color:#524fac;text-align:left;font-size:calc(min(100vw,430px)/7.5*.24)}
.xg-save-content p{margin:0 0 6px;line-height:1.5;color:#524fac}
.xg-save-qr{float:right;width:79px;margin:8px -15px 10px 15px;color:#524fac}.xg-save-qr img{margin:0;width:79px;height:79px}.xg-save-qr p{font-size:10px;line-height:18px;text-align:center;color:#333;white-space:nowrap;margin:0 0 6px}
.xg-save-content .xg-save-domain b{font-size:18px}.xg-save-content button{background:transparent;color:#524fac;font-weight:700;padding:0 2px;font-size:10px}
.xg-save-content .xg-save-gap{margin-top:17.2px}.xg-save-app-link{clear:both}.xg-save-app-link a{display:block;background:#000;color:#fff;text-align:center;border-radius:3px;height:32px;line-height:32px;font-size:14px}
.xg-save-download{margin:10px 15px 0;border:2px solid #524fac;border-radius:4px;color:#524fac;height:37.5px;padding:4px 15px;text-align:center;line-height:25.5px;font-weight:700}

.xg-copy-toast{--copy-unit:calc(min(100vw,430px)/7.5);position:fixed;z-index:99;width:100vw;padding:0 calc(var(--copy-unit)*.3);left:0;top:70%;margin-top:calc(var(--copy-unit)*-1);overflow:hidden;opacity:0;animation:xgCopyToast 4s;text-align:center;pointer-events:none}
.xg-copy-toast>p{display:inline-block;margin:0;padding:calc(var(--copy-unit)*.12) calc(var(--copy-unit)*.26);line-height:1.5;color:#fff;font-size:calc(var(--copy-unit)*.28);font-weight:400;border-radius:calc(var(--copy-unit)*.1);background:rgba(0,0,0,.8)}
@keyframes xgCopyToast{0%{opacity:.3;margin-top:calc(var(--copy-unit)*-1.2)}10%,20%,20.01%,80%{opacity:1;margin-top:calc(var(--copy-unit)*-1.6)}90.01%,100%{margin-top:-100px;opacity:0}}

.xg-save-qr{width:88px}.xg-save-qr img{width:88px;height:88px}

.xg-floating-icon{display:none}body.xg-body .app-download-entry{bottom:350px!important}body.xg-body .ph-quick-actions{bottom:150px}

/* Reference mobile header side insets for logo/search and navigation rows. */
@media(max-width:768px){.xg-header{padding-left:calc(min(100vw,430px)/7.5*.2);padding-right:calc(min(100vw,430px)/7.5*.2)}}

.xg-site-footer .xg-site-contact{color:#ff69b4}

/* Keep fixed-bar clearance after the footer, without duplicate space before it. */
.xg-app{padding-bottom:0}.xg-site-footer{margin-bottom:142px}

.xg-app:has(+ .xg-site-footer) .xg-main{padding-bottom:8px}.xg-app:has(+ .xg-footer-links) .xg-main{padding-bottom:8px}

body.xg-body .app-download-entry{display:none!important}

.xg-ad-inline{margin-top:24px;margin-bottom:24px}.xg-ad-inline .xg-shortcuts{margin-top:12px}.xg-ad-inline .xg-icon-grid{margin-bottom:0}

/* Reference text banner directly following each text-ad group. */
.xg-text-banner{--xg-promo-unit:calc(min(100vw,430px)/7.5);display:block;background:#fa251e;color:#fff;font-size:calc(var(--xg-promo-unit)*.32);font-weight:500;line-height:1.5;padding:calc(var(--xg-promo-unit)*.16) calc(var(--xg-promo-unit)*.2);margin-top:calc(var(--xg-promo-unit)*.1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xg-shortcuts:has(+ .xg-text-banner){margin-bottom:0}

.xg-text-banner{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;height:auto}

.xg-icon-grid:has(+ .xg-text-banner-after-icons){margin-bottom:0}.xg-text-banner-after-icons{margin-top:8px;margin-bottom:8px}

.xg-shortcuts + .xg-text-banner{margin-top:8px;margin-bottom:8px}.xg-shortcuts + .xg-text-banner + .xg-icon-grid{margin-top:0}

.xg-search-engine-links{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 14px;margin-top:12px;font-size:12px;line-height:1.5;color:#a5a6a8}.xg-search-engine-links a:hover{color:#fff}

/* Installed-app bottom navigation: preserve room for icons and iPhone safe area. */
html.xg-installed-app .xg-bottom-nav{height:64px;padding:6px 0;align-items:stretch;box-sizing:border-box;}
html.xg-installed-app .xg-bottom-nav a{flex:1;min-width:0;gap:3px;line-height:16px;padding:0;}
html.xg-installed-app .xg-bottom-nav b{display:block;font-size:22px;line-height:26px;flex-shrink:0;}
html.xg-installed-app .xg-bottom-banner{bottom:64px;}
html.xg-installed-app .xg-site-footer{margin-bottom:150px;}

/* Match installed-app pull-down background to the header. */
html.xg-installed-app,html.xg-installed-app body.xg-body{background-color:#191a1c;}

@media(max-width:768px){html.xg-m4uu-mobile .xg-bottom-nav{bottom:0;padding:0;height:56px;align-items:stretch;}html.xg-m4uu-mobile .xg-bottom-nav a{justify-content:center;gap:2px;line-height:16px;padding:0;}html.xg-m4uu-mobile .xg-bottom-nav b{line-height:26px;flex-shrink:0;}}

/* m4uu own branded cover background while loading or unavailable. */
html.xg-fleet-cover .xg-thumb,html.xg-fleet-cover .xg-ui-detail-cover{background:#202124 url("/template/xigua/images/m4uu-cover-default.svg") center/cover no-repeat;}
