/* D27_TENCENT_HOME_SHORT_NAV_DYNAMIC_THEME_V1 */

:root{
  --d27-primary:#00c896;
  --d27-primary2:#00a8ff;
  --d27-bg:#f5f7fa;
  --d27-card:#ffffff;
  --d27-text:#15171a;
  --d27-muted:#8a9099;
  --d27-line:#e8ebef;
}





#stage2hApp[data-d27-view="home"] #homeHeader,
#stage2hApp[data-d27-view="home"] #shortFeed,
#stage2hApp[data-d27-view="home"] #libraryLauncher{
  display:none!important;
}

#stage2hApp[data-d27-view="short"] #d27TencentHome,
#stage2hApp[data-d27-view="short"] #d27ActorPage{
  display:none!important;
}

#stage2hApp[data-d27-view="short"] #homeHeader{
  display:none!important;
}

#stage2hApp[data-d27-view="short"] #libraryLauncher{
  display:none!important;
}

#stage2hApp[data-d27-view="short"] .s2h-side-btn[data-app-entry]{
  display:none!important;
}

#d27TencentHome,
#d27ActorPage{
  position:absolute;
  inset:0 0 66px;
  z-index:8;
  overflow-y:auto;
  overscroll-behavior:contain;
  background:var(--d27-bg);
  color:var(--d27-text);
  scrollbar-width:none;
}

#d27TencentHome::-webkit-scrollbar,
#d27ActorPage::-webkit-scrollbar{
  display:none;
}

#d27TencentHome[aria-hidden="true"],
#d27ActorPage[aria-hidden="true"]{
  display:none!important;
}



.d27-home-top{
  display:flex;
  align-items:center;
  gap:10px;
}

.d27-brand{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:7px;
  text-decoration:none;
  color:var(--d27-text);
}

.d27-brand-mark{
  width:29px;
  height:29px;
  display:grid;
  place-items:center;
  border-radius:9px 12px 12px 9px;
  background:
    linear-gradient(135deg,var(--d27-primary),var(--d27-primary2));
  color:#fff;
  font-size:12px;
  box-shadow:0 6px 18px rgba(0,190,160,.20);
}

.d27-brand strong{
  font-size:17px;
  font-weight:900;
  letter-spacing:-.04em;
}

.d27-search{
  min-width:0;
  flex:1 1 auto;
  height:38px;
  display:grid;
  grid-template-columns:20px minmax(0,1fr) 58px;
  align-items:center;
  gap:3px;
  padding-left:10px;
  border:1px solid #edf0f3;
  border-radius:999px;
  background:#f2f4f6;
}

.d27-search>span{
  color:#9aa0a8;
  font-size:16px;
}

.d27-search input{
  min-width:0;
  border:0;
  outline:0;
  background:transparent;
  color:var(--d27-text);
  font-size:13px;
}

.d27-search button{
  min-width:54px;
  height:30px;
  margin-right:4px;
  padding:0 10px;
  border:0;
  border-radius:999px;
  background:#fff;
  color:#3d434b;
  font-size:11px;
  line-height:30px;
  font-weight:800;
  white-space:nowrap;
  word-break:keep-all;
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
}

.d27-theme-tabs{
  display:flex;
  align-items:center;
  gap:0;
  margin-top:8px;
  padding:0 0 8px;
  overflow-x:auto;
  overflow-y:hidden;
  white-space:nowrap;
  scrollbar-width:none;
  scroll-snap-type:x proximity;
}

.d27-theme-tabs::-webkit-scrollbar{
  display:none;
}

.d27-theme-tabs button{
  position:relative;
  flex:1 0 max-content;
  min-width:72px;
  height:30px;
  padding:0 10px;
  border:0;
  background:none;
  color:#767c85;
  font-size:13px;
  font-weight:760;
  text-align:center;
  scroll-snap-align:start;
}

.d27-theme-tabs button.is-active{
  color:#15171a;
  font-weight:900;
}

.d27-theme-tabs button.is-active:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  width:18px;
  height:3px;
  border-radius:99px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,var(--d27-primary),var(--d27-primary2));
}




.d27-home-ad{
  position:relative;
  width:100%;
  aspect-ratio:3.15/1;
  margin:0 0 12px;
  overflow:hidden;
  border-radius:12px;
  background:#e9edf1;
}

.d27-home-ad[hidden]{
  display:none!important;
}

.d27-home-ad>a,
.d27-home-ad>.d27-ad-media{
  position:relative;
  width:100%;
  height:100%;
  display:block;
}

.d27-home-ad img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.d27-home-ad.is-empty{
  display:grid;
  place-items:center;
  border:1px dashed #d8dde3;
  background:
    linear-gradient(135deg,#f0f8f6,#eef4fa);
  color:#9299a2;
}

.d27-home-ad.is-empty>div{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:3px;
  font-size:10px;
}



.d27-ad-caption{
  position:absolute;
  left:10px;
  right:10px;
  bottom:8px;
  overflow:hidden;
  color:#fff;
  font-size:10px;
  font-weight:750;
  text-shadow:0 1px 4px rgba(0,0,0,.55);
  white-space:nowrap;
  text-overflow:ellipsis;
}

.d27-taxonomy{
  display:block;
  min-height:32px;
  margin:0 0 8px;
}

.d27-taxonomy[hidden]{
  display:none!important;
}

.d27-taxonomy-label{
  flex:0 0 auto;
  width:24px;
  color:#9aa1aa;
  font-size:9px;
  font-weight:700;
}

.d27-taxonomy-scroll{
  width:100%;
  min-width:0;
  display:flex;
  align-items:center;
  gap:0;
  overflow-x:auto;
  overflow-y:hidden;
  white-space:nowrap;
  scrollbar-width:none;
  scroll-snap-type:x proximity;
}



.d27-taxonomy button{
  flex:1 0 max-content;
  min-width:72px;
  height:30px;
  padding:0 10px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#656c75;
  font-size:11px;
  font-weight:720;
  text-align:center;
  scroll-snap-align:start;
}

.d27-taxonomy button.is-active{
  background:#e5faf4;
  color:#009b76;
  font-weight:850;
}







.d27-section-head,
.d27-page-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px;
  margin-bottom:11px;
}

.d27-section-head small,
.d27-page-head small{
  display:block;
  margin-bottom:2px;
  color:var(--d27-primary);
  font-size:9px;
  font-weight:800;
}

.d27-section-head h1,
.d27-page-head h1{
  margin:0;
  color:var(--d27-text);
  font-size:20px;
  line-height:1.1;
  font-weight:920;
  letter-spacing:-.04em;
}



.d27-content-grid,
.d27-actor-grid{
  display:grid;
  gap:14px 8px;
}

.d27-content-grid.is-video{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.d27-content-grid.is-anime,
.d27-content-grid.is-short,
.d27-content-grid.is-manga,
.d27-content-grid.is-novel,
.d27-content-grid.is-audio,
.d27-content-grid.is-actor,
.d27-actor-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.d27-card{
  min-width:0;
  padding:0;
  border:0;
  background:transparent;
  color:var(--d27-text);
  text-align:left;
}

.d27-card figure{
  position:relative;
  width:100%;
  margin:0;
  overflow:hidden;
  border-radius:10px;
  background:#e9edf1;
}

.d27-content-grid.is-video .d27-card figure{
  aspect-ratio:16/9;
}

.d27-content-grid:not(.is-video) .d27-card figure{
  aspect-ratio:3/4;
}

.d27-card img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  background:#e9edf1;
}


.d27-card figure img + .d27-placeholder{
  display:none;
}
.d27-card figure img[hidden] + .d27-placeholder{
  display:grid;
}

.d27-card .d27-placeholder{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  background:
    linear-gradient(145deg,#e9f7f3,#eaf2fb);
  color:#7b8d8a;
  font-size:18px;
  font-weight:900;
}

.d27-card-badge{
  position:absolute;
  right:5px;
  bottom:5px;
  max-width:calc(100% - 10px);
  padding:3px 6px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(0,0,0,.64);
  color:#fff;
  font-size:8px;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.d27-card h3{
  margin:7px 1px 2px;
  overflow:hidden;
  color:#1a1c20;
  font-size:11px;
  line-height:1.36;
  font-weight:780;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.d27-content-grid.is-video .d27-card h3{
  white-space:normal;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}

.d27-card p{
  margin:0 1px;
  overflow:hidden;
  color:#969ca5;
  font-size:8px;
  line-height:1.3;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.d27-more{
  width:100%;
  height:40px;
  margin:18px 0 4px;
  border:1px solid var(--d27-line);
  border-radius:12px;
  background:#fff;
  color:#767c84;
  font-size:10px;
  font-weight:760;
}

.d27-status{
  padding:34px 8px;
  color:#9ba1a9;
  font-size:11px;
  text-align:center;
}

.d27-actor-page{
  padding:
    calc(16px + env(safe-area-inset-top))
    12px
    22px;
}

.d27-page-head{
  position:sticky;
  top:0;
  z-index:12;
  margin:-16px -12px 12px;
  padding:
    calc(14px + env(safe-area-inset-top))
    12px
    10px;
  background:rgba(255,255,255,.96);
  border-bottom:1px solid rgba(20,24,30,.06);
  backdrop-filter:blur(18px);
}

.d27-page-head button{
  height:30px;
  padding:0 11px;
  border:1px solid #e7eaee;
  border-radius:999px;
  background:#fff;
  color:#626871;
  font-size:9px;
}



#stage2hApp[data-d27-view="home"] .s2h-bottom-nav button,
#stage2hApp[data-d27-view="actors"] .s2h-bottom-nav button{
  color:#9aa0a8!important;
}

#stage2hApp[data-d27-view="home"] .s2h-bottom-nav button.is-active,
#stage2hApp[data-d27-view="actors"] .s2h-bottom-nav button.is-active{
  color:var(--d27-primary)!important;
}

.s2h-bottom-nav [data-nav-key="actors"] .d26-nav-fallback:before{
  content:"人";
}

.s2h-bottom-nav [data-nav-key="actors"] .d26-nav-fallback{
  font-size:0!important;
}

.s2h-bottom-nav [data-nav-key="actors"] .d26-nav-fallback:before{
  font-size:12px;
  font-weight:900;
}

body.d26-modern-ui .s2kh5-member-card{
  background:
    radial-gradient(circle at 88% 8%,rgba(244,196,72,.13),transparent 34%),
    linear-gradient(145deg,#191a1e,#111318)!important;
  border-color:rgba(244,196,72,.22)!important;
  color:#f5efe3!important;
  box-shadow:0 16px 36px rgba(0,0,0,.25)!important;
}

body.d26-modern-ui .s2kh5-member-card *{
  color:inherit;
}

body.d26-modern-ui .s2v-application-categories button.is-active{
  background:linear-gradient(135deg,var(--d27-primary),var(--d27-primary2))!important;
}

@media(min-width:700px){
  /*
   * D27 PC test standard.
   * Inner app viewport: 480 x 1032
   * Border: 12px
   * Outer shell: 504 x 1056
   */
  body.d26-modern-ui{
    background:#12161c!important;
    min-height:100vh!important;
    overflow:hidden!important;
  }

  body.d26-modern-ui:after{
    display:none!important;
    content:none!important;
  }

  body.d26-modern-ui .s2h-app{
    position:fixed!important;
    left:50%!important;
    top:50%!important;
    right:auto!important;
    bottom:auto!important;

    width:480px!important;
    height:1032px!important;
    min-width:480px!important;
    max-width:480px!important;
    min-height:1032px!important;
    max-height:1032px!important;

    box-sizing:content-box!important;

    transform:
      translate(-50%,-50%)
      scale(var(--d27-phone-scale,1))!important;
    transform-origin:center center!important;

    border:12px solid #080a0d!important;
    border-radius:46px!important;
    overflow:hidden!important;

    box-shadow:
      0 34px 90px rgba(0,0,0,.55),
      inset 0 0 0 1px rgba(255,255,255,.05),
      0 0 0 1px rgba(255,255,255,.04)!important;
  }

  body.d26-modern-ui .s2h-home-header{
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:0!important;
    width:100%!important;
    max-width:none!important;
    transform:none!important;
    border-radius:34px 34px 0 0!important;
  }

  body.d26-modern-ui .s2h-bottom-nav{
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    max-width:none!important;
    transform:none!important;
    border-radius:0 0 34px 34px!important;
  }

  body.d26-modern-ui .s2h-library-launcher{
    position:absolute!important;
    left:14px!important;
    bottom:82px!important;
  }

  body.d26-modern-ui .s2h-layer,
  body.d26-modern-ui .s2h-drawer,
  body.d26-modern-ui .s2v-application-layer,
  body.d26-modern-ui .s2w-contact-layer{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    transform:none!important;
  }

  #d27TencentHome,
  #d27ActorPage{
    border-radius:0!important;
  }
}


/* D27.0.8 one-piece content/nav surface */







.d27-taxonomy-label{
  display:none!important;
}


/* D27.0.9 unified white content-to-bottom-navigation surface */


#stage2hApp[data-d27-view="home"] .s2h-main,
#stage2hApp[data-d27-view="home"] .s2h-page[data-page="home"],
#stage2hApp[data-d27-view="actors"] .s2h-main{
  background:#fff!important;
}

#stage2hApp[data-d27-view="home"] #d27TencentHome,
#stage2hApp[data-d27-view="actors"] #d27ActorPage{
  inset:0 0 64px!important;
  border-radius:0!important;
  background:#f5f7fa!important;
}

#stage2hApp[data-d27-view="home"] .s2h-bottom-nav,
#stage2hApp[data-d27-view="actors"] .s2h-bottom-nav{
  height:64px!important;
  bottom:0!important;
  padding:4px 8px 4px!important;
  border-top:1px solid #edf0f2!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}

/* Every D page/dialog/reader remains inside the transformed PC phone shell. */
body.d26-modern-ui .s2h-app > .d27-contained-panel{
  max-width:none!important;
  max-height:none!important;
}

body.d26-modern-ui .s2h-app > .s2h-layer.d27-contained-panel,
body.d26-modern-ui .s2h-app > .s2h-drawer.d27-contained-panel,
body.d26-modern-ui .s2h-app > .s2v-application-layer.d27-contained-panel,
body.d26-modern-ui .s2h-app > .s2w-contact-layer.d27-contained-panel{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  transform:none!important;
  border-radius:0!important;
  overflow:hidden!important;
}

body.d26-modern-ui .s2h-app > #watchdogNotice.d27-contained-panel{
  position:absolute!important;
  inset:0!important;
}

body.d26-modern-ui .s2h-app > #toast.d27-contained-panel{
  position:absolute!important;
}


/* ================================================================
   D27.1 VISUAL REFINEMENT V1
   Home + Application + My + Actor
   ================================================================ */

:root{
  --d271-bg:#f5f7fa;
  --d271-card:#ffffff;
  --d271-text:#111827;
  --d271-muted:#7b8491;
  --d271-line:#e8edf2;
  --d271-teal:#13b8ae;
  --d271-blue:#1ba6f8;
  --d271-yellow:#f6c84c;
  --d271-shadow:0 10px 30px rgba(25,40,58,.07);
}

/* ---------- HOME: fixed premium control dock ---------- */
.d27-home{
  background:var(--d271-bg)!important;
}

.d27-home-head{
  position:sticky!important;
  top:0!important;
  z-index:30!important;
  padding:
    calc(10px + env(safe-area-inset-top))
    12px
    10px!important;
  border-bottom:1px solid var(--d271-line)!important;
  background:rgba(255,255,255,.98)!important;
  box-shadow:0 6px 24px rgba(25,40,58,.06)!important;
  backdrop-filter:blur(20px)!important;
}

.d27-home-top{
  gap:10px!important;
}

.d27-brand{
  min-width:86px;
}

.d27-brand-mark{
  width:32px!important;
  height:32px!important;
  border-radius:11px!important;
  background:linear-gradient(135deg,#13c7bd,#1aa9f8)!important;
  box-shadow:0 8px 20px rgba(18,190,180,.22)!important;
}

.d27-brand strong{
  font-size:17px!important;
  letter-spacing:-.03em!important;
}

.d27-search{
  height:40px!important;
  grid-template-columns:20px minmax(0,1fr) 58px!important;
  border:1px solid #e4e9ef!important;
  border-radius:14px!important;
  background:#f2f5f8!important;
  box-shadow:inset 0 1px 1px rgba(20,30,40,.02)!important;
}

.d27-search input{
  font-size:13px!important;
  color:#3a424d!important;
}

.d27-search button{
  min-width:54px!important;
  height:30px!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#33404c!important;
  box-shadow:0 2px 8px rgba(20,30,40,.06)!important;
}

.d27-theme-tabs{
  margin-top:8px!important;
  padding-bottom:7px!important;
  border-bottom:0!important;
}

.d27-theme-tabs button{
  min-width:66px!important;
  height:31px!important;
  padding:0 9px!important;
  color:#6f7885!important;
  font-size:12.5px!important;
}



.d27-theme-tabs button.is-active:after{
  width:20px!important;
  height:3px!important;
  bottom:0!important;
  background:linear-gradient(90deg,var(--d271-teal),var(--d271-blue))!important;
}

.d271-home-control-dock{
  padding-top:9px;
}





.d27-home-ad.is-empty strong{
  color:#465462!important;
  font-size:11px!important;
}

.d27-home-ad.is-empty span{
  font-size:8.5px!important;
}

.d27-taxonomy{
  min-height:31px!important;
  margin:0 0 4px!important;
}



.d27-taxonomy button{
  min-width:0!important;
  flex:1 0 max-content!important;
  height:29px!important;
  padding:0 10px!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#66717d!important;
  font-size:10.5px!important;
}



.d27-taxonomy-secondary{
  margin-top:0!important;
  padding-top:1px!important;
  border-top:0!important;
}





.d27-home-main{
  padding:14px 12px 20px!important;
}

.d27-section-head{
  margin:0 0 10px!important;
  align-items:center!important;
}

.d27-section-head small{
  margin-bottom:3px!important;
  color:var(--d271-teal)!important;
  font-size:8.5px!important;
}

.d27-section-head h1{
  font-size:19px!important;
  letter-spacing:-.025em!important;
}

.d27-section-head>span{
  color:#9aa3ad!important;
  font-size:9px!important;
}

.d27-content-grid{
  gap:14px 9px!important;
}

.d27-card figure{
  border-radius:12px!important;
  background:#e9eef3!important;
  box-shadow:0 4px 16px rgba(22,36,52,.05)!important;
}

.d27-card h3{
  margin-top:7px!important;
  color:#18202a!important;
  font-size:11px!important;
}

.d27-card p{
  color:#929ba6!important;
  font-size:8.5px!important;
}

.d27-more{
  width:auto!important;
  min-width:110px!important;
  display:block!important;
  margin:18px auto 4px!important;
  padding:0 18px!important;
  border:1px solid #e5eaf0!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#6e7782!important;
  box-shadow:0 4px 14px rgba(24,38,54,.04)!important;
}

/* ---------- ACTOR: refined content gallery ---------- */
#d27ActorPage{
  padding:
    calc(14px + env(safe-area-inset-top))
    12px
    74px!important;
  background:var(--d271-bg)!important;
}

#d27ActorPage .d27-page-head{
  position:sticky!important;
  top:0!important;
  z-index:20!important;
  margin:
    calc(-14px - env(safe-area-inset-top))
    -12px
    14px!important;
  padding:
    calc(14px + env(safe-area-inset-top))
    12px
    11px!important;
  border-bottom:1px solid var(--d271-line)!important;
  background:rgba(255,255,255,.98)!important;
  box-shadow:0 5px 18px rgba(25,40,58,.045)!important;
}

#d27ActorPage .d27-page-head small{
  color:var(--d271-teal)!important;
  font-size:8px!important;
  letter-spacing:.08em!important;
}

#d27ActorPage .d27-page-head h1{
  font-size:22px!important;
}





.d27-actor-grid .d27-card h3{
  margin-top:7px!important;
  font-size:11px!important;
  font-weight:800!important;
}

.d27-actor-grid .d27-card p{
  color:#98a0aa!important;
  font-size:8px!important;
}

/* ---------- APPLICATION: modern light app center ---------- */
.s2v-application-layer{
  inset:0 0 64px!important;
  background:var(--d271-bg)!important;
  color:var(--d271-text)!important;
}

.s2v-application-layer.is-open{
  display:grid!important;
  grid-template-rows:auto auto minmax(0,1fr)!important;
}

.s2v-application-header{
  min-height:70px!important;
  grid-template-columns:38px minmax(0,1fr) 0!important;
  gap:8px!important;
  padding:
    calc(10px + env(safe-area-inset-top))
    12px
    9px!important;
  border-bottom:0!important;
  background:#fff!important;
  box-shadow:none!important;
  color:var(--d271-text)!important;
}

.s2v-application-header>button{
  width:34px!important;
  height:34px!important;
  border:1px solid #e6ebef!important;
  border-radius:11px!important;
  background:#f5f7f9!important;
  color:#4c5662!important;
  font-size:23px!important;
  box-shadow:none!important;
}

.s2v-application-header>div{
  display:grid!important;
  gap:1px!important;
  text-align:left!important;
}

.d271-app-eyebrow{
  color:var(--d271-teal)!important;
  font-size:7.5px!important;
  font-weight:850!important;
  letter-spacing:.12em!important;
}

.s2v-application-header strong{
  color:var(--d271-text)!important;
  font-size:20px!important;
  letter-spacing:-.02em!important;
}

.s2v-application-header small{
  margin:0!important;
  color:#8d96a1!important;
  font-size:9px!important;
}

.s2v-application-header small::before{
  display:none!important;
  content:none!important;
}

.s2v-application-body{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  min-height:0!important;
  background:var(--d271-bg)!important;
}

.s2v-application-categories{
  display:flex!important;
  min-height:52px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  gap:7px!important;
  padding:6px 12px 8px!important;
  border:0!important;
  border-bottom:1px solid var(--d271-line)!important;
  background:#fff!important;
  scrollbar-width:none!important;
}

.s2v-application-categories button{
  flex:1 0 max-content!important;
  min-width:76px!important;
  min-height:36px!important;
  height:36px!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  margin:0!important;
  padding:0 10px!important;
  border:1px solid #e8edf2!important;
  border-radius:10px!important;
  background:#f6f8fa!important;
  color:#65707d!important;
  box-shadow:none!important;
}

.s2v-application-categories button::before{
  display:none!important;
}

.s2v-application-categories button.is-active{
  border-color:rgba(19,184,174,.15)!important;
  background:#e5faf6!important;
  color:#098f7f!important;
  box-shadow:none!important;
}

.s2v-application-categories i{
  width:21px!important;
  height:21px!important;
  border:0!important;
  border-radius:7px!important;
  background:transparent!important;
  color:inherit!important;
  font-size:12px!important;
  box-shadow:none!important;
}

.s2v-application-categories b{
  max-width:none!important;
  font-size:10px!important;
  line-height:1!important;
  white-space:nowrap!important;
}

.s2v-application-content{
  min-height:0!important;
  overflow-y:auto!important;
  padding:14px 12px 24px!important;
  background:var(--d271-bg)!important;
}

.s2v-application-section{
  margin-bottom:18px!important;
}

.s2v-application-section-head{
  margin-bottom:10px!important;
}

.s2v-application-section-head h2{
  padding:0!important;
  color:var(--d271-text)!important;
  font-size:16px!important;
  letter-spacing:-.01em!important;
}

.s2v-application-section-head h2::before{
  display:none!important;
}

.s2v-application-section-head p{
  margin:3px 0 0!important;
  color:#929ba5!important;
  font-size:8.5px!important;
}

.s2v-application-items{
  gap:10px!important;
}

.s2v-application-items.is-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

.s2v-application-card,
.s2v-application-card.is-grid,
.s2v-application-card.is-banner,
.s2v-application-card.is-list{
  min-height:0!important;
  border:1px solid #e8edf2!important;
  border-radius:16px!important;
  background:#fff!important;
  color:var(--d271-text)!important;
  box-shadow:0 7px 22px rgba(25,40,58,.055)!important;
}

.s2v-application-card.is-grid{
  grid-template-columns:58px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  gap:5px 9px!important;
  padding:11px!important;
}

.s2v-application-card.is-grid .s2v-application-icon{
  grid-row:1 / span 2!important;
  grid-column:1!important;
  align-self:center!important;
  justify-self:start!important;
  width:58px!important;
  height:58px!important;
}

.s2v-application-card.is-grid .s2v-application-copy{
  grid-row:1!important;
  grid-column:2!important;
  align-self:center!important;
}

.s2v-application-card.is-grid>button{
  grid-row:2!important;
  grid-column:2!important;
  align-self:end!important;
  width:auto!important;
  min-width:64px!important;
  justify-self:start!important;
}

.s2v-application-icon{
  border:1px solid #e6ebef!important;
  border-radius:14px!important;
  background:#f7f9fb!important;
  box-shadow:none!important;
}

.s2v-application-name{
  display:block!important;
  min-height:0!important;
  padding:0!important;
  text-align:left!important;
}

.s2v-application-name strong{
  color:#17202a!important;
  font-size:12px!important;
  line-height:1.3!important;
}

.s2v-application-name em{
  position:static!important;
  display:inline-flex!important;
  width:max-content!important;
  margin-top:3px!important;
  padding:2px 5px!important;
  background:#fff6da!important;
  color:#b88200!important;
}

.s2v-application-copy p{
  margin-top:3px!important;
  color:#929ba5!important;
  font-size:8px!important;
  text-align:left!important;
}

.s2v-application-card>button{
  height:29px!important;
  padding:0 12px!important;
  border:0!important;
  border-radius:9px!important;
  background:#e6f9f5!important;
  color:#078c7c!important;
  font-size:9px!important;
  font-weight:850!important;
}

.s2v-application-more{
  border:1px solid #e5eaf0!important;
  background:#fff!important;
  color:#75808b!important;
}

/* ---------- MY: black-gold baseline member center ---------- */
.s2h-my-page{
  min-height:100%!important;
  padding:
    calc(10px + env(safe-area-inset-top))
    12px
    82px!important;
  background:linear-gradient(180deg,#0c0e12,#08090b 38%)!important;
  color:#f3eee4!important;
  overflow-y:auto!important;
}

.d271-section-title{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin:0 0 12px;
}

.d271-section-title small{
  display:block;
  margin-bottom:3px;
  color:#d8ad45;
  font-size:7.5px;
  font-weight:850;
  letter-spacing:.12em;
}

.d271-section-title h1{
  margin:0;
  color:#fff5dc;
  font-size:22px;
  line-height:1.05;
}

.d271-section-title>span{
  padding-bottom:2px;
  color:#7f8186;
  font-size:8.5px;
}

.s2kh5-member-card{
  display:grid!important;
  grid-template-columns:74px minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
  min-height:132px!important;
  margin:0 0 12px!important;
  padding:14px!important;
  overflow:hidden!important;
  border:1px solid rgba(244,200,78,.22)!important;
  border-radius:20px!important;
  background:
    radial-gradient(circle at 88% 8%,rgba(244,196,72,.13),transparent 34%),
    linear-gradient(145deg,#191a1e,#111318)!important;
  color:#f3eee4!important;
  box-shadow:0 16px 36px rgba(0,0,0,.25)!important;
}

.s2kh5-member-card:before{
  display:none!important;
}

.s2w-profile-avatar{
  margin:0!important;
  width:74px!important;
}

.s2w-profile-avatar img{
  width:72px!important;
  height:72px!important;
  border:2px solid #17191e!important;
  box-shadow:0 0 0 2px rgba(244,200,78,.48),0 10px 24px rgba(0,0,0,.24)!important;
}

.s2w-profile-avatar span{
  display:none!important;
}

.s2w-vip-card{
  min-height:0!important;
  padding:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.s2w-vip-card:after{
  display:none!important;
}

.s2w-vip-card .s2kh5-member-top{
  min-height:20px!important;
}

.s2w-vip-card .s2kh5-member-top>span{
  color:#a69e90!important;
  font-size:7px!important;
  letter-spacing:.12em!important;
}

.s2w-vip-card .s2kh5-member-status{
  min-height:22px!important;
  padding:0 8px!important;
  border:0!important;
  background:rgba(244,200,78,.10)!important;
  color:#e9bd52!important;
  font-size:8px!important;
}

.s2w-member-title-row{
  margin:7px 0 3px!important;
}

.s2w-member-title-row h1{
  color:#fff4db!important;
  font-size:17px!important;
}

.s2w-member-title-row>strong{
  padding:4px 7px!important;
  border:1px solid rgba(244,200,78,.26)!important;
  background:rgba(244,200,78,.11)!important;
  color:#f0c85d!important;
  font-size:7px!important;
}

.s2w-vip-card>p{
  margin:0 0 7px!important;
  color:#96938c!important;
  font-size:9px!important;
}

.s2w-vip-card .s2kh5-member-code{
  min-height:36px!important;
  padding:0 10px!important;
  border:1px solid #2a2c31!important;
  border-radius:10px!important;
  background:#101216!important;
}

.s2w-vip-card .s2kh5-member-code span{
  color:#77797e!important;
  font-size:8px!important;
}

.s2w-vip-card .s2kh5-member-code strong{
  color:#e8dfca!important;
  font-size:9px!important;
}

.s2w-member-foot{
  min-height:24px!important;
  margin-top:4px!important;
}

.s2w-member-foot small{
  color:#85878c!important;
  font-size:7px!important;
}

.s2w-member-foot .s2kh5-member-logout{
  height:24px!important;
  padding:0 8px!important;
  border:1px solid rgba(244,200,78,.18)!important;
  background:linear-gradient(145deg,#17191e,#121419)!important;
  color:#d9b353!important;
  font-size:7px!important;
}

.s2w-install-entry{
  margin:0 0 10px!important;
  border:1px solid #292b30!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,#17191e,#121419)!important;
  color:#f3eee4!important;
  box-shadow:0 10px 28px rgba(0,0,0,.16)!important;
}



.s2w-my-actions{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;
  margin:0 0 10px!important;
}

.s2w-my-actions>button,
.s2w-my-actions>button:not(.s2w-service-entry),
.s2w-service-entry{
  width:100%!important;
  height:auto!important;
  min-height:76px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:6px!important;
  padding:10px!important;
  border:1px solid #292b30!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,#17191e,#121419)!important;
  color:#f3eee4!important;
  box-shadow:0 10px 28px rgba(0,0,0,.16)!important;
}

.s2w-my-actions i{
  width:28px!important;
  height:28px!important;
  border-radius:9px!important;
  background:rgba(244,200,78,.10)!important;
  color:#e9bd52!important;
}

.s2w-my-actions b{
  color:#f3eee4!important;
  font-size:10px!important;
}

.s2w-my-actions small{
  margin:0!important;
  color:#85878c!important;
  font-size:7px!important;
}

.s2w-service-entry img{
  width:30px!important;
  height:30px!important;
  border:0!important;
  border-radius:9px!important;
  object-fit:cover!important;
}

.s2w-service-entry>b{
  position:static!important;
  min-width:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#f3eee4!important;
  font-size:10px!important;
}

.s2w-my-notice{
  margin:0 0 10px!important;
  border:1px solid #292b30!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,#17191e,#121419)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.16)!important;
}

.s2w-my-notice-line{
  min-height:42px!important;
  border-bottom:1px solid #292b30!important;
}





.s2w-feedback-entry{
  min-height:48px!important;
  color:#f1ece2!important;
}





.s2h-my-page .s2kh3-history-panel{
  margin:0!important;
  padding:14px!important;
  border:1px solid #292b30!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#17191e,#121419)!important;
  color:#f3eee4!important;
  box-shadow:0 10px 28px rgba(0,0,0,.16)!important;
}

.s2h-my-page .s2h-panel-head h2{
  color:#f1ece3!important;
  font-size:15px!important;
}

.s2h-my-page .s2h-panel-head span{
  color:#85878c!important;
  font-size:8px!important;
}

.s2kh3-history-grid{
  display:flex!important;
  gap:10px!important;
  overflow-x:auto!important;
  padding-bottom:2px!important;
  scrollbar-width:none!important;
}

.s2kh3-history-grid::-webkit-scrollbar{
  display:none!important;
}

.s2kh3-history-card{
  flex:0 0 105px!important;
  color:#f1ece3!important;
}

.s2kh3-history-card figure{
  border-radius:12px!important;
  background:#17191e!important;
}

.s2kh3-history-card strong{
  color:#f3eee4!important;
  font-size:10px!important;
}

.s2kh3-history-card small{
  color:#85878c!important;
  font-size:8px!important;
}

.s2kh3-history-more{
  width:auto!important;
  min-width:104px!important;
  height:32px!important;
  display:block!important;
  margin:12px auto 0!important;
  padding:0 14px!important;
  border:1px solid rgba(244,200,78,.18)!important;
  border-radius:999px!important;
  background:transparent!important;
  color:#d8b352!important;
  font-size:9px!important;
}

/* ---------- Bottom nav: identical premium white shell across pages ---------- */






/* Keep every refined screen inside the phone shell. */
body.d26-modern-ui .s2h-app > .s2v-application-layer.d27-contained-panel{
  inset:0 0 64px!important;
  width:100%!important;
  height:auto!important;
  border-radius:0!important;
  overflow:hidden!important;
}


/* ================================================================
   D27.1.1 AMBIENT HOME + ACTOR CATEGORIES + APPS/MY LAYOUT V1
   ================================================================ */

/* ---------- hide legacy content header from non-content root pages ---------- */
#stage2hApp[data-d27-view="my"] #homeHeader,
#stage2hApp[data-d27-view="apps"] #homeHeader,
#stage2hApp[data-d27-view="actors"] #homeHeader,
#stage2hApp[data-d27-view="my"] #shortFeed,
#stage2hApp[data-d27-view="apps"] #shortFeed,
#stage2hApp[data-d27-view="actors"] #shortFeed,
#stage2hApp[data-d27-view="my"] #libraryLauncher,
#stage2hApp[data-d27-view="apps"] #libraryLauncher,
#stage2hApp[data-d27-view="actors"] #libraryLauncher{
  display:none!important;
}



/* ---------- ambient projection from current ad image to the very top ---------- */
.d27-home-head{
  isolation:isolate!important;
  overflow:visible!important;
  background:
    linear-gradient(
      to bottom,
      rgba(255,255,255,.74),
      rgba(255,255,255,.88) 44%,
      rgba(255,255,255,.96)
    )!important;
}

.d27-home-head::before{
  content:"";
  position:absolute;
  z-index:-2;
  inset:-58px -18px -18px;
  background-image:var(--d271-ambient-image,none);
  background-size:cover;
  background-position:center 30%;
  filter:blur(34px) saturate(1.18);
  opacity:0;
  transform:scale(1.08);
  transition:opacity .28s ease;
  pointer-events:none;
}

.d27-home-head::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:
    linear-gradient(
      to bottom,
      rgba(255,255,255,.52),
      rgba(255,255,255,.74) 40%,
      rgba(255,255,255,.94)
    );
  pointer-events:none;
}



.d27-home-head > *{
  position:relative;
  z-index:1;
}

/* ---------- taller hero advertisement ---------- */
.d27-home-ad{
  height:138px!important;
  aspect-ratio:auto!important;
  margin:2px 0 9px!important;
  border:1px solid rgba(255,255,255,.42)!important;
  border-radius:16px!important;
  background:rgba(245,249,250,.58)!important;
  box-shadow:
    0 10px 28px rgba(20,42,52,.08),
    inset 0 0 0 1px rgba(255,255,255,.30)!important;
  backdrop-filter:blur(10px)!important;
}

.d27-home-ad img{
  border-radius:15px!important;
}



/* ---------- primary / secondary / tertiary: hollow lightweight controls ---------- */
.d27-taxonomy{
  margin:0 0 5px!important;
}

.d27-taxonomy-scroll{
  gap:7px!important;
}

.d27-taxonomy button{
  min-width:68px!important;
  height:29px!important;
  padding:0 11px!important;
  border:1px solid rgba(76,94,108,.15)!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.10)!important;
  color:#5f6975!important;
  box-shadow:none!important;
  backdrop-filter:blur(5px)!important;
}



.d27-taxonomy-secondary button{
  border-color:rgba(68,111,143,.13)!important;
  color:#697581!important;
}



.d27-taxonomy-tertiary button{
  border-color:rgba(111,99,156,.12)!important;
  color:#737080!important;
  font-size:10px!important;
}



/* ---------- actor category row + circular portraits ---------- */
.d271-actor-taxonomy{
  position:sticky;
  top:68px;
  z-index:17;
  margin:0 -2px 13px;
  padding:7px 2px 8px;
  border-bottom:1px solid #edf1f4;
  background:rgba(245,247,250,.96);
  backdrop-filter:blur(16px);
}

.d271-actor-taxonomy[hidden]{
  display:none!important;
}

.d271-actor-taxonomy-scroll{
  display:flex;
  gap:7px;
  overflow-x:auto;
  white-space:nowrap;
  scrollbar-width:none;
}

.d271-actor-taxonomy-scroll::-webkit-scrollbar{
  display:none;
}

.d271-actor-taxonomy button{
  flex:1 0 max-content;
  min-width:72px;
  height:30px;
  padding:0 12px;
  border:1px solid #e2e8ed;
  border-radius:999px;
  background:#fff;
  color:#6b7580;
  font-size:10px;
  font-weight:760;
}



.d27-actor-grid{
  gap:16px 12px!important;
}

.d27-actor-grid .d27-card{
  text-align:center!important;
}

.d27-actor-grid .d27-card figure{
  width:100%!important;
  aspect-ratio:1/1!important;
  border:3px solid #fff!important;
  border-radius:50%!important;
  box-shadow:
    0 0 0 1px #e4eaf0,
    0 9px 24px rgba(25,40,58,.10)!important;
}

.d27-actor-grid .d27-card img{
  border-radius:50%!important;
}

.d27-actor-grid .d27-card h3{
  margin:8px 0 2px!important;
  text-align:center!important;
}

.d27-actor-grid .d27-card p{
  text-align:center!important;
}

/* ---------- Application: full clean root page, no leaked under-layer ---------- */
#stage2hApp[data-d27-view="apps"] .s2v-application-layer{
  inset:0 0 64px!important;
  display:grid!important;
  grid-template-rows:auto auto auto minmax(0,1fr)!important;
  background:
    linear-gradient(180deg,#f8fbfc,#f5f7fa 30%)!important;
}



.d271-application-header>button{
  display:none!important;
}

.d271-application-header{
  grid-template-columns:minmax(0,1fr) 0!important;
  min-height:68px!important;
  padding-left:14px!important;
}

.d271-app-overview{
  margin:0 12px 8px;
  padding:13px;
  border:1px solid #e5ecef;
  border-radius:17px;
  background:
    radial-gradient(circle at 92% 10%,rgba(19,184,174,.12),transparent 36%),
    linear-gradient(145deg,#ffffff,#f0faf8);
  box-shadow:0 8px 24px rgba(25,40,58,.055);
}

.d271-app-overview-copy{
  display:grid;
  gap:2px;
}

.d271-app-overview-copy small{
  color:#10a693;
  font-size:7px;
  font-weight:900;
  letter-spacing:.14em;
}

.d271-app-overview-copy strong{
  color:#15202a;
  font-size:16px;
}

.d271-app-overview-copy span{
  color:#8a949f;
  font-size:8.5px;
}

.d271-app-overview-categories{
  display:flex;
  gap:7px;
  margin-top:10px;
  overflow-x:auto;
  scrollbar-width:none;
}

.d271-app-overview-categories::-webkit-scrollbar{
  display:none;
}

.d271-app-overview-categories button{
  flex:0 0 auto;
  min-width:72px;
  height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:0 9px;
  border:1px solid #e4eaef;
  border-radius:10px;
  background:#fff;
  color:#64707b;
  font-size:9px;
}

.d271-app-overview-categories img{
  width:19px;
  height:19px;
  border-radius:6px;
  object-fit:cover;
}

.d271-app-overview-categories span{
  width:19px;
  height:19px;
  display:grid;
  place-items:center;
  border-radius:6px;
  background:#e8f8f4;
  color:#0b947f;
  font-size:9px;
}

.d271-app-overview-categories b{
  font-size:9px;
  white-space:nowrap;
}

#stage2hApp[data-d27-view="apps"] .s2v-application-body{
  min-height:0!important;
}



#stage2hApp[data-d27-view="apps"] .s2v-application-content::after{
  content:"更多应用持续更新";
  display:grid;
  place-items:center;
  height:58px;
  margin-top:12px;
  color:#a0a8b1;
  font-size:9px;
  letter-spacing:.06em;
}

/* ---------- My: remove all content-navigation chrome ---------- */
#stage2hApp[data-d27-view="my"] .s2h-my-page{
  inset:0 0 64px!important;
  position:absolute!important;
  display:block!important;
  background:#090a0c!important;
}



/* ---------- make non-content root pages visually independent ---------- */
#stage2hApp[data-d27-view="apps"] .s2h-page[data-page="home"],
#stage2hApp[data-d27-view="actors"] .s2h-page[data-page="home"]{
  background:#f5f7fa!important;
}

#stage2hApp[data-d27-view="my"] .s2h-page[data-page="home"]{
  background:#090a0c!important;
}

/* hard guard against leaking another page below application */
#stage2hApp[data-d27-view="apps"] #shortFeed,
#stage2hApp[data-d27-view="apps"] .s2h-page[data-page="short"],
#stage2hApp[data-d27-view="apps"] .s2h-page[data-page="home"] > #shortFeed{
  visibility:hidden!important;
}


/* ================================================================
   D27.1.2 GLOBAL BLACK-GOLD V1
   Short-drama page is the visual anchor for the whole new site.
   ================================================================ */

:root{
  --d271-bg:#08090b!important;
  --d271-card:#14161a!important;
  --d271-text:#f7f4ec!important;
  --d271-muted:#9d9b95!important;
  --d271-line:#2a2b2f!important;
  --d271-teal:#f2c34f!important;
  --d271-blue:#dba52f!important;
  --d271-yellow:#f6c84c!important;

  --d272-bg:#08090b;
  --d272-surface:#111318;
  --d272-card:#17191e;
  --d272-card-2:#1d1f25;
  --d272-line:#2b2d33;
  --d272-gold:#f4c84e;
  --d272-gold-2:#d59a25;
  --d272-gold-soft:rgba(244,200,78,.12);
  --d272-gold-line:rgba(244,200,78,.34);
  --d272-text:#f7f4ec;
  --d272-muted:#9e9d98;
  --d272-shadow:0 14px 38px rgba(0,0,0,.26);
}

body.d26-modern-ui{
  --d26-accent:var(--d272-gold)!important;
  --d26-accent-strong:var(--d272-gold-2)!important;
  background:#0b0d10!important;
}

body.d26-modern-ui .s2h-app{
  background:var(--d272-bg)!important;
}

/* ---------- universal black-gold roots ---------- */
#stage2hApp[data-d27-view="home"],
#stage2hApp[data-d27-view="actors"],
#stage2hApp[data-d27-view="apps"],
#stage2hApp[data-d27-view="my"]{
  background:var(--d272-bg)!important;
  color:var(--d272-text)!important;
}

#d27TencentHome,
#d27ActorPage,
.s2v-application-layer{
  background:var(--d272-bg)!important;
  color:var(--d272-text)!important;
}

/* ---------- bottom nav ---------- */
.s2h-bottom-nav,
#stage2hApp[data-d27-view="home"] .s2h-bottom-nav,
#stage2hApp[data-d27-view="actors"] .s2h-bottom-nav,
#stage2hApp[data-d27-view="apps"] .s2h-bottom-nav,
#stage2hApp[data-d27-view="my"] .s2h-bottom-nav{
  border-top:1px solid #1f2125!important;
  background:rgba(8,9,11,.985)!important;
  color:#8f9095!important;
  box-shadow:0 -10px 30px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(18px)!important;
}

.s2h-bottom-nav button{
  color:#898b90!important;
}

.s2h-bottom-nav button.is-active{
  color:var(--d272-gold)!important;
}

.s2h-bottom-nav .d26-nav-fallback{
  color:inherit!important;
}

/* ---------- HOME: ambient black-gold hero ---------- */
.d27-home-head{
  border-bottom:1px solid rgba(244,200,78,.10)!important;
  background:
    linear-gradient(
      to bottom,
      rgba(7,8,10,.70),
      rgba(8,9,11,.82) 44%,
      rgba(8,9,11,.96)
    )!important;
  box-shadow:0 10px 36px rgba(0,0,0,.20)!important;
}

.d27-home-head::after{
  background:
    linear-gradient(
      to bottom,
      rgba(8,9,11,.30),
      rgba(8,9,11,.64) 40%,
      rgba(8,9,11,.94)
    )!important;
}

.d27-home.has-d271-ambient .d27-home-head::before{
  opacity:.46!important;
  filter:blur(36px) saturate(1.10) brightness(.72)!important;
}

.d27-brand{
  color:var(--d272-text)!important;
}

.d27-brand-mark{
  background:
    linear-gradient(135deg,#f6d36a,#b67b14)!important;
  color:#16120a!important;
  box-shadow:0 8px 22px rgba(214,164,44,.22)!important;
}

.d27-brand strong{
  color:#fff8e7!important;
}

.d27-search{
  border:1px solid rgba(255,255,255,.11)!important;
  background:rgba(18,20,24,.74)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
}

.d27-search>span{
  color:#8f9196!important;
}

.d27-search input{
  color:#f0eee9!important;
}

.d27-search input::placeholder{
  color:#777a80!important;
}

.d27-search button{
  border:1px solid rgba(244,200,78,.18)!important;
  background:rgba(244,200,78,.10)!important;
  color:#f3ca59!important;
  box-shadow:none!important;
}

.d27-theme-tabs button{
  color:#aaa8a2!important;
}

.d27-theme-tabs button.is-active{
  color:#fff7df!important;
}

.d27-theme-tabs button.is-active:after{
  background:
    linear-gradient(90deg,#f6d66a,#d79b2b)!important;
}

.d271-home-control-dock{
  position:relative;
}

/* Taller ad = hero visual center */
.d27-home-ad{
  height:160px!important;
  border:1px solid rgba(244,200,78,.18)!important;
  border-radius:17px!important;
  background:
    radial-gradient(circle at 82% 8%,rgba(244,200,78,.10),transparent 38%),
    linear-gradient(145deg,#121419,#0d0f12)!important;
  box-shadow:
    0 16px 38px rgba(0,0,0,.24),
    inset 0 0 0 1px rgba(255,255,255,.02)!important;
}

.d27-home-ad.is-empty{
  border:1px dashed rgba(244,200,78,.28)!important;
  background:
    radial-gradient(circle at 70% 20%,rgba(244,200,78,.08),transparent 38%),
    linear-gradient(145deg,#121419,#0d0f12)!important;
  color:#98958d!important;
}

.d27-home-ad.is-empty strong{
  color:#e2bd58!important;
}

.d27-home-ad.is-empty span{
  color:#817f79!important;
}

.d27-ad-caption{
  color:#fff6dd!important;
}

/* User asked: remove white backgrounds; choose transparent hollow gold outline. */
.d27-taxonomy button,
.d27-taxonomy-secondary button,
.d27-taxonomy-tertiary button{
  border:1px solid rgba(244,200,78,.24)!important;
  background:transparent!important;
  color:#a5a29b!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}

.d27-taxonomy button.is-active,
.d27-taxonomy-secondary button.is-active,
.d27-taxonomy-tertiary button.is-active{
  border-color:rgba(244,200,78,.62)!important;
  background:rgba(244,200,78,.10)!important;
  color:#f4ca59!important;
  box-shadow:
    inset 0 0 0 1px rgba(244,200,78,.05)!important;
}

.d27-home-main{
  background:var(--d272-bg)!important;
}

.d27-section-head small{
  color:#d8ad45!important;
}

.d27-section-head h1{
  color:#fff6e0!important;
}

.d27-section-head>span{
  color:#777a80!important;
}

.d27-card figure{
  background:#17191e!important;
  box-shadow:0 7px 24px rgba(0,0,0,.24)!important;
}

.d27-card h3{
  color:#f5f1e8!important;
}

.d27-card p{
  color:#8d8e93!important;
}

.d27-card-badge{
  background:rgba(7,8,10,.76)!important;
  color:#f5d46f!important;
}

.d27-more{
  border:1px solid rgba(244,200,78,.20)!important;
  background:#15171b!important;
  color:#d6b04f!important;
  box-shadow:none!important;
}

/* ---------- ACTOR: integrated title + categories ---------- */
#d27ActorPage{
  background:var(--d272-bg)!important;
}

.d2712-actor-chrome{
  position:sticky;
  top:0;
  z-index:22;
  margin:
    calc(-14px - env(safe-area-inset-top))
    -12px
    16px;
  padding:
    calc(14px + env(safe-area-inset-top))
    12px
    10px;
  border-bottom:1px solid rgba(244,200,78,.10);
  background:
    linear-gradient(
      180deg,
      rgba(15,16,20,.98),
      rgba(8,9,11,.96)
    );
  box-shadow:0 10px 28px rgba(0,0,0,.18);
  backdrop-filter:blur(18px);
}

.d2712-actor-chrome .d27-page-head{
  position:static!important;
  margin:0 0 8px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}

.d2712-actor-chrome .d27-page-head small{
  color:#d8ad45!important;
}

.d2712-actor-chrome .d27-page-head h1{
  color:#fff5dc!important;
}

.d2712-actor-chrome .d27-page-head button{
  border:1px solid rgba(244,200,78,.20)!important;
  background:rgba(244,200,78,.08)!important;
  color:#e1ba55!important;
}

.d2712-actor-chrome .d271-actor-taxonomy{
  position:static!important;
  top:auto!important;
  z-index:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  backdrop-filter:none!important;
}

.d271-actor-taxonomy button{
  border:1px solid rgba(244,200,78,.22)!important;
  background:transparent!important;
  color:#aaa69e!important;
}

.d271-actor-taxonomy button.is-active{
  border-color:rgba(244,200,78,.56)!important;
  background:rgba(244,200,78,.10)!important;
  color:#f3cb5f!important;
}

.d27-actor-grid .d27-card figure{
  border:2px solid rgba(244,200,78,.44)!important;
  background:#15171b!important;
  box-shadow:
    0 0 0 3px rgba(255,255,255,.025),
    0 10px 26px rgba(0,0,0,.24)!important;
}

.d27-actor-grid .d27-card h3{
  color:#f4f0e7!important;
}

.d27-actor-grid .d27-card p{
  color:#87898e!important;
}

/* ---------- APPLICATION: user reference layout, black-gold edition ---------- */
#stage2hApp[data-d27-view="apps"] .s2v-application-layer{
  background:
    radial-gradient(circle at 85% 0,rgba(244,200,78,.07),transparent 28%),
    linear-gradient(180deg,#0c0e12,#08090b 32%)!important;
}

.d271-application-header{
  min-height:78px!important;
  padding:
    calc(14px + env(safe-area-inset-top))
    14px
    8px!important;
  background:transparent!important;
  border:0!important;
}

.d271-app-eyebrow{
  color:#d9ad44!important;
}

.d271-application-header strong{
  color:#fff5dc!important;
  font-size:23px!important;
}

.d271-application-header small{
  color:#8d8d8a!important;
  font-size:9px!important;
}

.d2712-app-recommend{
  margin:0 14px 12px!important;
  padding:15px!important;
  min-height:84px!important;
  display:flex!important;
  align-items:center!important;
  border:1px solid rgba(244,200,78,.24)!important;
  border-radius:17px!important;
  background:
    radial-gradient(circle at 90% 20%,rgba(244,200,78,.16),transparent 36%),
    linear-gradient(135deg,#201b10,#111318)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.22)!important;
}

.d2712-app-recommend .d271-app-overview-copy small{
  color:#d9ae49!important;
}

.d2712-app-recommend .d271-app-overview-copy strong{
  color:#fff5db!important;
  font-size:16px!important;
}

.d2712-app-recommend .d271-app-overview-copy span{
  color:#aaa49b!important;
}

/* Keep categories available as horizontal filter, but quiet and compact. */
#stage2hApp[data-d27-view="apps"] .s2v-application-categories{
  min-height:44px!important;
  margin:0 14px 10px!important;
  padding:0!important;
  gap:7px!important;
  border:0!important;
  background:transparent!important;
}

#stage2hApp[data-d27-view="apps"] .s2v-application-categories button{
  min-width:72px!important;
  height:31px!important;
  min-height:31px!important;
  border:1px solid rgba(244,200,78,.20)!important;
  background:transparent!important;
  color:#9f9b93!important;
  border-radius:999px!important;
}

#stage2hApp[data-d27-view="apps"] .s2v-application-categories button.is-active{
  border-color:rgba(244,200,78,.56)!important;
  background:rgba(244,200,78,.10)!important;
  color:#f0c656!important;
}

#stage2hApp[data-d27-view="apps"] .s2v-application-body{
  display:block!important;
  background:transparent!important;
}

#stage2hApp[data-d27-view="apps"] .s2v-application-content{
  padding:0 14px 22px!important;
  background:transparent!important;
}

#stage2hApp[data-d27-view="apps"] .s2v-application-section{
  margin-bottom:14px!important;
}

#stage2hApp[data-d27-view="apps"] .s2v-application-section-head{
  margin:0 0 9px!important;
}

#stage2hApp[data-d27-view="apps"] .s2v-application-section-head h2{
  color:#fff4dc!important;
  font-size:15px!important;
}

#stage2hApp[data-d27-view="apps"] .s2v-application-section-head p{
  color:#85868b!important;
}

/* User reference = vertical list, one app per row. */
#stage2hApp[data-d27-view="apps"] .s2v-application-items,
#stage2hApp[data-d27-view="apps"] .s2v-application-items.is-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
}

#stage2hApp[data-d27-view="apps"] .s2v-application-card,
#stage2hApp[data-d27-view="apps"] .s2v-application-card.is-grid{
  min-height:82px!important;
  display:grid!important;
  grid-template-columns:60px minmax(0,1fr) auto!important;
  grid-template-rows:auto!important;
  align-items:center!important;
  gap:10px!important;
  padding:11px 12px!important;
  border:1px solid #282a30!important;
  border-radius:17px!important;
  background:
    linear-gradient(145deg,#17191e,#121419)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.18)!important;
}

#stage2hApp[data-d27-view="apps"] .s2v-application-card.is-grid .s2v-application-icon{
  grid-column:1!important;
  grid-row:1!important;
  width:58px!important;
  height:58px!important;
  border:1px solid rgba(244,200,78,.20)!important;
  border-radius:14px!important;
  background:#0f1014!important;
}

#stage2hApp[data-d27-view="apps"] .s2v-application-card.is-grid .s2v-application-copy{
  grid-column:2!important;
  grid-row:1!important;
  min-width:0!important;
}

#stage2hApp[data-d27-view="apps"] .s2v-application-card.is-grid>button{
  grid-column:3!important;
  grid-row:1!important;
  justify-self:end!important;
  align-self:center!important;
}

#stage2hApp[data-d27-view="apps"] .s2v-application-name strong{
  color:#f6f1e7!important;
  font-size:12px!important;
}

#stage2hApp[data-d27-view="apps"] .s2v-application-name em{
  margin-right:4px!important;
  border:1px solid rgba(244,200,78,.18)!important;
  background:rgba(244,200,78,.08)!important;
  color:#e6ba4e!important;
}

#stage2hApp[data-d27-view="apps"] .s2v-application-copy p{
  color:#898a8e!important;
}

#stage2hApp[data-d27-view="apps"] .s2v-application-card>button{
  height:31px!important;
  min-width:58px!important;
  border:1px solid rgba(244,200,78,.46)!important;
  border-radius:999px!important;
  background:rgba(244,200,78,.10)!important;
  color:#f0c95e!important;
}

#stage2hApp[data-d27-view="apps"] .s2v-application-content::after{
  color:#686a70!important;
}

/* ---------- MY: full black-gold member center ---------- */
.s2h-my-page,
#stage2hApp[data-d27-view="my"] .s2h-my-page{
  background:
    radial-gradient(circle at 85% 0,rgba(244,200,78,.06),transparent 28%),
    linear-gradient(180deg,#0c0e12,#08090b 38%)!important;
  color:var(--d272-text)!important;
}

.d271-section-title small{
  color:#d8ad45!important;
}

.d271-section-title h1{
  color:#fff5dc!important;
}

.d271-section-title>span{
  color:#7f8186!important;
}

.s2kh5-member-card{
  border:1px solid rgba(244,200,78,.20)!important;
  background:
    radial-gradient(circle at 88% 5%,rgba(244,200,78,.14),transparent 36%),
    linear-gradient(145deg,#1b1a17,#111318)!important;
  color:#f7f0df!important;
  box-shadow:0 16px 36px rgba(0,0,0,.22)!important;
}

.s2w-profile-avatar img{
  border:2px solid #17191e!important;
  box-shadow:
    0 0 0 2px rgba(244,200,78,.48),
    0 10px 24px rgba(0,0,0,.24)!important;
}

.s2w-vip-card .s2kh5-member-top>span{
  color:#a69e90!important;
}

.s2w-vip-card .s2kh5-member-status{
  background:rgba(244,200,78,.10)!important;
  color:#e9bd52!important;
}

.s2w-member-title-row h1{
  color:#fff4db!important;
}

.s2w-member-title-row>strong{
  border:1px solid rgba(244,200,78,.26)!important;
  background:rgba(244,200,78,.11)!important;
  color:#f0c85d!important;
}

.s2w-vip-card>p{
  color:#96938c!important;
}

.s2w-vip-card .s2kh5-member-code{
  border:1px solid #2a2c31!important;
  background:#101216!important;
}

.s2w-vip-card .s2kh5-member-code span{
  color:#77797e!important;
}

.s2w-vip-card .s2kh5-member-code strong{
  color:#e8dfca!important;
}

.s2w-member-foot small{
  color:#77797e!important;
}

.s2w-member-foot .s2kh5-member-logout{
  border:1px solid rgba(244,200,78,.18)!important;
  background:transparent!important;
  color:#d9b353!important;
}

.s2w-install-entry,
.s2w-my-actions>button,
.s2w-my-actions>button:not(.s2w-service-entry),
.s2w-service-entry,
.s2w-my-notice,
.s2h-my-page .s2kh3-history-panel{
  border:1px solid #292b30!important;
  background:
    linear-gradient(145deg,#17191e,#121419)!important;
  color:#f3eee4!important;
  box-shadow:0 10px 28px rgba(0,0,0,.16)!important;
}

.s2w-install-entry strong{
  border:1px solid rgba(244,200,78,.18)!important;
  background:rgba(244,200,78,.10)!important;
  color:#edc45a!important;
}

.s2w-my-actions i{
  background:rgba(244,200,78,.10)!important;
  color:#e7b84d!important;
}

.s2w-my-actions b,
.s2w-service-entry>b,
.s2h-my-page .s2h-panel-head h2,
.s2kh3-history-card strong{
  color:#f3eee4!important;
}

.s2w-my-actions small,
.s2h-my-page .s2h-panel-head span,
.s2kh3-history-card small{
  color:#85878c!important;
}

.s2w-my-notice-line{
  border-bottom:1px solid #292b30!important;
}

.s2w-my-notice-line>b{
  color:#e6b94f!important;
}

.s2w-marquee-track span,
.s2w-feedback-entry small,
.s2w-feedback-entry em{
  color:#83858a!important;
}

.s2w-feedback-entry{
  color:#f1ece2!important;
}

.s2kh3-history-card figure{
  background:#17191e!important;
  box-shadow:0 7px 20px rgba(0,0,0,.18)!important;
}

.s2kh3-history-more{
  border:1px solid rgba(244,200,78,.18)!important;
  background:transparent!important;
  color:#d8b352!important;
}

/* ---------- common overlay/drawer roots follow black-gold ---------- */
body.d26-modern-ui .s2h-app > .s2h-layer.d27-contained-panel,
body.d26-modern-ui .s2h-app > .s2h-drawer.d27-contained-panel,
body.d26-modern-ui .s2h-app > .s2w-contact-layer.d27-contained-panel,
body.d26-modern-ui .s2h-app > #mangaReader.d27-contained-panel,
body.d26-modern-ui .s2h-app > #audioPlayer.d27-contained-panel{
  background:#0b0d10!important;
  color:#f4f0e8!important;
}

/* Keep short page unchanged as the visual anchor. */
#stage2hApp[data-d27-view="short"]{
  background:#000!important;
}


/* ================================================================
   D27.1.3 AUTONOMOUS VISUAL POLISH V1
   Final visual ownership layer before CSS cleanup/consolidation.
   Design goals from screenshot review:
   - no white page bodies in black-gold mode
   - no giant single category pill
   - no duplicate app category rows
   - no white strip above bottom nav
   - warm ivory text with restrained gold accents
   - dark cards, lighter spacing, clearer hierarchy
   ================================================================ */

/* ---------- global page ownership ---------- */
body.d26-modern-ui #stage2hApp[data-d27-view="home"],
body.d26-modern-ui #stage2hApp[data-d27-view="actors"],
body.d26-modern-ui #stage2hApp[data-d27-view="apps"],
body.d26-modern-ui #stage2hApp[data-d27-view="my"]{
  background:#090a0c!important;
  color:#f4efe5!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="home"] #d27TencentHome,
body.d26-modern-ui #stage2hApp[data-d27-view="actors"] #d27ActorPage,
body.d26-modern-ui #stage2hApp[data-d27-view="apps"] .s2v-application-layer,
body.d26-modern-ui #stage2hApp[data-d27-view="my"] .s2h-my-page{
  background:
    radial-gradient(circle at 82% -8%,rgba(244,196,72,.055),transparent 30%),
    linear-gradient(180deg,#0d0f12,#090a0c 36%)!important;
  color:#f4efe5!important;
}

/* ---------- remove the legacy white/non-home nav takeover ---------- */
body.d26-modern-ui #stage2hApp .s2h-bottom-nav,
body.d26-modern-ui #stage2hApp:not([data-route="home"]) .s2h-bottom-nav,
body.d26-modern-ui #stage2hApp .s2h-app:not([data-route="home"]) .s2h-bottom-nav,
body.d26-modern-ui .s2h-app:not([data-route="home"]) .s2h-bottom-nav{
  height:64px!important;
  bottom:0!important;
  padding:4px 8px calc(4px + env(safe-area-inset-bottom))!important;
  border-top:1px solid rgba(244,196,72,.12)!important;
  border-radius:0!important;
  background:rgba(8,9,11,.985)!important;
  color:#8c8d91!important;
  box-shadow:0 -10px 28px rgba(0,0,0,.20)!important;
  backdrop-filter:blur(18px)!important;
}

body.d26-modern-ui #stage2hApp .s2h-bottom-nav::before,
body.d26-modern-ui #stage2hApp .s2h-bottom-nav::after{
  display:none!important;
  content:none!important;
}

body.d26-modern-ui #stage2hApp .s2h-bottom-nav button{
  color:#898b8f!important;
}

body.d26-modern-ui #stage2hApp .s2h-bottom-nav button.is-active{
  color:#f0c54f!important;
}

body.d26-modern-ui #stage2hApp .s2h-bottom-nav button.is-active img{
  opacity:1!important;
  filter:sepia(.28) saturate(1.18) brightness(1.08)!important;
}

/* Kill the visible white bar/gap above bottom navigation. */
body.d26-modern-ui #stage2hApp[data-d27-view="home"] #d27TencentHome,
body.d26-modern-ui #stage2hApp[data-d27-view="actors"] #d27ActorPage,
body.d26-modern-ui #stage2hApp[data-d27-view="apps"] .s2v-application-layer,
body.d26-modern-ui #stage2hApp[data-d27-view="my"] .s2h-my-page{
  inset:0 0 64px!important;
  border-bottom:0!important;
  box-shadow:none!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="home"] .s2h-main,
body.d26-modern-ui #stage2hApp[data-d27-view="actors"] .s2h-main,
body.d26-modern-ui #stage2hApp[data-d27-view="apps"] .s2h-main,
body.d26-modern-ui #stage2hApp[data-d27-view="my"] .s2h-main{
  background:#090a0c!important;
}

/* ---------- MY: remove every legacy white card ---------- */
body.d26-modern-ui #stage2hApp[data-d27-view="my"] .d271-section-title{
  margin-bottom:13px!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="my"] .d271-section-title small{
  color:#d9aa3c!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="my"] .d271-section-title h1{
  color:#fff4dc!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="my"] .d271-section-title>span{
  color:#76787d!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="my"] .s2kh5-member-card{
  border:1px solid rgba(244,196,72,.22)!important;
  background:
    radial-gradient(circle at 88% 8%,rgba(244,196,72,.13),transparent 34%),
    linear-gradient(145deg,#191a1e,#111318)!important;
  color:#f5efe3!important;
  box-shadow:0 16px 36px rgba(0,0,0,.25)!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="my"] .s2w-vip-card,
body.d26-modern-ui #stage2hApp[data-d27-view="my"] .s2w-vip-card *{
  color:inherit!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="my"] .s2w-member-title-row h1{
  color:#fff2d3!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="my"] .s2w-vip-card>p{
  color:#928e85!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="my"] .s2w-vip-card .s2kh5-member-code{
  border:1px solid #2c2e33!important;
  background:#0e1014!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="my"] .s2w-vip-card .s2kh5-member-code span{
  color:#77797e!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="my"] .s2w-vip-card .s2kh5-member-code strong{
  color:#eee4d0!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="my"] .s2w-install-entry,
body.d26-modern-ui #stage2hApp[data-d27-view="my"] .s2w-my-actions > button,
body.d26-modern-ui #stage2hApp[data-d27-view="my"] .s2w-my-actions > button:not(.s2w-service-entry),
body.d26-modern-ui #stage2hApp[data-d27-view="my"] .s2w-service-entry,
body.d26-modern-ui #stage2hApp[data-d27-view="my"] .s2w-my-notice,
body.d26-modern-ui #stage2hApp[data-d27-view="my"] .s2h-panel,
body.d26-modern-ui #stage2hApp[data-d27-view="my"] .s2kh3-history-panel{
  border:1px solid #292b30!important;
  background:
    linear-gradient(145deg,#17191e,#121419)!important;
  color:#f2ede4!important;
  box-shadow:0 10px 26px rgba(0,0,0,.18)!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="my"] .s2w-install-entry{
  min-height:64px!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="my"] .s2w-install-entry strong{
  border:1px solid rgba(244,196,72,.22)!important;
  background:rgba(244,196,72,.08)!important;
  color:#eac051!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="my"] .s2w-my-actions{
  gap:9px!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="my"] .s2w-my-actions > button{
  min-height:82px!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="my"] .s2w-my-actions i{
  background:rgba(244,196,72,.09)!important;
  color:#e4b847!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="my"] .s2w-my-actions b,
body.d26-modern-ui #stage2hApp[data-d27-view="my"] .s2w-service-entry>b,
body.d26-modern-ui #stage2hApp[data-d27-view="my"] .s2w-feedback-entry,
body.d26-modern-ui #stage2hApp[data-d27-view="my"] .s2h-panel-head h2,
body.d26-modern-ui #stage2hApp[data-d27-view="my"] .s2kh3-history-card,
body.d26-modern-ui #stage2hApp[data-d27-view="my"] .s2kh3-history-card strong{
  color:#f1ece3!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="my"] .s2w-my-actions small,
body.d26-modern-ui #stage2hApp[data-d27-view="my"] .s2w-feedback-entry small,
body.d26-modern-ui #stage2hApp[data-d27-view="my"] .s2w-feedback-entry em,
body.d26-modern-ui #stage2hApp[data-d27-view="my"] .s2h-panel-head span,
body.d26-modern-ui #stage2hApp[data-d27-view="my"] .s2kh3-history-card small{
  color:#81838a!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="my"] .s2w-my-notice-line{
  border-bottom:1px solid #292b30!important;
  color:#e9e3d8!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="my"] .s2w-marquee-track span{
  color:#85878c!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="my"] .s2kh3-history-grid{
  display:flex!important;
  grid-template-columns:none!important;
  gap:10px!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
}



body.d26-modern-ui #stage2hApp[data-d27-view="my"] .s2kh3-history-card figure{
  background:#181a1f!important;
  border-radius:12px!important;
  box-shadow:0 8px 22px rgba(0,0,0,.22)!important;
}

/* ---------- ACTOR: no white body, compact integrated header ---------- */
body.d26-modern-ui #stage2hApp[data-d27-view="actors"] #d27ActorPage{
  padding:
    calc(12px + env(safe-area-inset-top))
    14px
    78px!important;
  background:
    radial-gradient(circle at 82% -8%,rgba(244,196,72,.055),transparent 30%),
    #090a0c!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="actors"] .d2712-actor-chrome{
  position:sticky!important;
  top:0!important;
  z-index:28!important;
  margin:
    calc(-12px - env(safe-area-inset-top))
    -14px
    16px!important;
  padding:
    calc(13px + env(safe-area-inset-top))
    14px
    10px!important;
  border-bottom:1px solid rgba(244,196,72,.12)!important;
  background:
    linear-gradient(180deg,rgba(16,17,20,.99),rgba(9,10,12,.98))!important;
  box-shadow:0 10px 28px rgba(0,0,0,.20)!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="actors"] .d2712-actor-chrome .d27-page-head{
  position:static!important;
  margin:0 0 8px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="actors"] .d27-page-head small{
  color:#d9aa3c!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="actors"] .d27-page-head h1{
  color:#fff4dc!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="actors"] .d271-actor-taxonomy{
  position:static!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="actors"] .d271-actor-taxonomy-scroll{
  gap:7px!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="actors"] .d271-actor-taxonomy button{
  flex:0 0 auto!important;
  min-width:68px!important;
  width:auto!important;
  height:30px!important;
  padding:0 13px!important;
  border:1px solid rgba(244,196,72,.22)!important;
  border-radius:999px!important;
  background:transparent!important;
  color:#9e9a92!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="actors"] .d271-actor-taxonomy button.is-active{
  border-color:rgba(244,196,72,.58)!important;
  background:rgba(244,196,72,.10)!important;
  color:#f0c34d!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="actors"] .d27-actor-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px 12px!important;
  padding:0!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="actors"] .d27-actor-grid .d27-card{
  min-width:0!important;
  color:#f2ede4!important;
  text-align:center!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="actors"] .d27-actor-grid .d27-card figure{
  width:104px!important;
  height:104px!important;
  aspect-ratio:1/1!important;
  margin:0 auto!important;
  overflow:hidden!important;
  border:2px solid rgba(244,196,72,.42)!important;
  border-radius:50%!important;
  background:#16181c!important;
  box-shadow:
    0 0 0 3px rgba(255,255,255,.02),
    0 10px 24px rgba(0,0,0,.22)!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="actors"] .d27-actor-grid .d27-card img{
  width:100%!important;
  height:100%!important;
  border-radius:50%!important;
  object-fit:cover!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="actors"] .d27-actor-grid .d27-card h3{
  margin:8px 0 2px!important;
  color:#f4eee3!important;
  font-size:10.5px!important;
  line-height:1.25!important;
  text-align:center!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="actors"] .d27-actor-grid .d27-card p{
  margin:0!important;
  color:#7d7f85!important;
  font-size:8px!important;
  text-align:center!important;
}

/* ---------- APPLICATION: one hero, one category rail, one vertical list ---------- */
body.d26-modern-ui #stage2hApp[data-d27-view="apps"] .s2v-application-layer{
  inset:0 0 64px!important;
  display:grid!important;
  grid-template-rows:auto auto auto minmax(0,1fr)!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 88% -4%,rgba(244,196,72,.06),transparent 28%),
    linear-gradient(180deg,#0d0f12,#090a0c 34%)!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="apps"] .s2v-application-header,
body.d26-modern-ui #stage2hApp[data-d27-view="apps"] .d271-application-header{
  min-height:72px!important;
  padding:
    calc(13px + env(safe-area-inset-top))
    14px
    8px!important;
  border:0!important;
  background:transparent!important;
  color:#f4efe5!important;
  box-shadow:none!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="apps"] .d271-app-eyebrow{
  color:#d9aa3c!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="apps"] .s2v-application-header strong{
  color:#fff4dc!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="apps"] .s2v-application-header small{
  color:#84868b!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="apps"] .d2712-app-recommend{
  min-height:76px!important;
  margin:0 14px 11px!important;
  padding:13px 14px!important;
  border:1px solid rgba(244,196,72,.22)!important;
  border-radius:16px!important;
  background:
    radial-gradient(circle at 92% 12%,rgba(244,196,72,.14),transparent 38%),
    linear-gradient(135deg,#1d1911,#121419)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.20)!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="apps"] .d2712-app-recommend .d271-app-overview-copy small{
  color:#d9aa3c!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="apps"] .d2712-app-recommend .d271-app-overview-copy strong{
  color:#fff2d2!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="apps"] .d2712-app-recommend .d271-app-overview-copy span{
  color:#918e86!important;
}

/* Hide duplicate category chips inside the hero completely. */
body.d26-modern-ui #stage2hApp[data-d27-view="apps"] #d271AppOverviewCategories,
body.d26-modern-ui #stage2hApp[data-d27-view="apps"] .d271-app-overview-categories{
  display:none!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="apps"] .s2v-application-categories{
  min-height:38px!important;
  display:flex!important;
  gap:7px!important;
  margin:0 14px 10px!important;
  padding:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  border:0!important;
  background:transparent!important;
  scrollbar-width:none!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="apps"] .s2v-application-categories button{
  flex:0 0 auto!important;
  min-width:68px!important;
  min-height:30px!important;
  height:30px!important;
  padding:0 12px!important;
  border:1px solid rgba(244,196,72,.20)!important;
  border-radius:999px!important;
  background:transparent!important;
  color:#99968f!important;
  box-shadow:none!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="apps"] .s2v-application-categories button.is-active{
  border-color:rgba(244,196,72,.55)!important;
  background:rgba(244,196,72,.10)!important;
  color:#f0c34d!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="apps"] .s2v-application-body{
  min-height:0!important;
  display:block!important;
  overflow:hidden!important;
  background:transparent!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="apps"] .s2v-application-content{
  min-height:0!important;
  height:100%!important;
  padding:0 14px 26px!important;
  overflow-y:auto!important;
  background:transparent!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="apps"] .s2v-application-section-head h2{
  color:#fff2d8!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="apps"] .s2v-application-section-head p{
  color:#7d7f85!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="apps"] .s2v-application-items,
body.d26-modern-ui #stage2hApp[data-d27-view="apps"] .s2v-application-items.is-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="apps"] .s2v-application-card,
body.d26-modern-ui #stage2hApp[data-d27-view="apps"] .s2v-application-card.is-grid{
  min-height:82px!important;
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr) auto!important;
  grid-template-rows:1fr!important;
  align-items:center!important;
  gap:10px!important;
  padding:11px 12px!important;
  border:1px solid #292b31!important;
  border-radius:16px!important;
  background:
    linear-gradient(145deg,#17191e,#121419)!important;
  color:#f2ede3!important;
  box-shadow:0 10px 24px rgba(0,0,0,.17)!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="apps"] .s2v-application-card .s2v-application-icon{
  width:56px!important;
  height:56px!important;
  border:1px solid rgba(244,196,72,.19)!important;
  border-radius:13px!important;
  background:#0f1014!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="apps"] .s2v-application-card .s2v-application-name strong{
  color:#f6f0e6!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="apps"] .s2v-application-card .s2v-application-name em{
  border:1px solid rgba(244,196,72,.18)!important;
  background:rgba(244,196,72,.08)!important;
  color:#deb446!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="apps"] .s2v-application-card .s2v-application-copy p{
  color:#7f8186!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="apps"] .s2v-application-card>button{
  min-width:58px!important;
  height:31px!important;
  border:1px solid rgba(244,196,72,.46)!important;
  border-radius:999px!important;
  background:rgba(244,196,72,.08)!important;
  color:#efc14a!important;
}

/* Remove the duplicated/empty footer message emphasis. */
body.d26-modern-ui #stage2hApp[data-d27-view="apps"] .s2v-application-content::after{
  color:#5f6166!important;
  opacity:.78!important;
}

/* ---------- HOME: keep current good direction, only refine hierarchy ---------- */
body.d26-modern-ui #stage2hApp[data-d27-view="home"] .d27-home-head{
  border-bottom:1px solid rgba(244,196,72,.10)!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="home"] .d27-home-ad{
  border-color:rgba(244,196,72,.22)!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="home"] .d27-taxonomy button{
  background:rgba(255,255,255,.015)!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="home"] .d27-taxonomy button.is-active{
  background:rgba(244,196,72,.10)!important;
}

/* ---------- common text contrast ---------- */
body.d26-modern-ui #stage2hApp[data-d27-view="my"] *,
body.d26-modern-ui #stage2hApp[data-d27-view="actors"] *,
body.d26-modern-ui #stage2hApp[data-d27-view="apps"] *{
  text-shadow:none!important;
}

/* Short page intentionally untouched. */


/* ================================================================
   D27.1.4 CONTENT ENTRIES + PLAYER CONTRACT + BOTTOM SEAM V1
   ================================================================ */

/*
 * Some legacy page layers still expose a thin light strip immediately above
 * the fixed bottom navigation. Stop fighting each old selector individually:
 * cover the transition zone with the same black used by the navigation.
 */
body.d26-modern-ui #stage2hApp{
  background:#08090b!important;
}

body.d26-modern-ui #stage2hApp .d2714-bottom-seam-mask{
  position:absolute!important;
  z-index:44!important;
  left:0!important;
  right:0!important;
  bottom:63px!important;
  width:100%!important;
  height:12px!important;
  display:block!important;
  border:0!important;
  background:#08090b!important;
  pointer-events:none!important;
}

body.d26-modern-ui #stage2hApp .s2h-bottom-nav{
  z-index:45!important;
  border-top:1px solid rgba(244,196,72,.10)!important;
  background:#08090b!important;
  box-shadow:
    0 -12px 0 #08090b,
    0 -20px 30px rgba(0,0,0,.18)!important;
}

/* Content channels added by backend remain equal-width then horizontally scroll. */
body.d26-modern-ui #stage2hApp[data-d27-view="home"] .d27-theme-tabs button{
  flex:1 0 max-content!important;
  min-width:64px!important;
  padding:0 9px!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="home"] .d27-theme-tabs button.is-active{
  color:#fff4d9!important;
}

/* Short page remains the reference black player page. */
body.d26-modern-ui #stage2hApp[data-d27-view="short"] .d2714-bottom-seam-mask{
  background:#000!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="short"] .s2h-bottom-nav{
  background:#050506!important;
  box-shadow:
    0 -12px 0 #050506,
    0 -20px 30px rgba(0,0,0,.18)!important;
}


/* ================================================================
   D27.1.6 PC OFFICIAL SHOWCASE + CONTENT ROUTER VISUAL CONTRACT
   ================================================================ */

/* Desktop canvas must contrast with the black phone shell. */
@media (min-width:700px){
  body.d26-modern-ui{
    background:
      radial-gradient(circle at 18% 16%,rgba(194,157,74,.16),transparent 25%),
      radial-gradient(circle at 88% 86%,rgba(110,123,143,.13),transparent 26%),
      linear-gradient(135deg,#eeeae1,#e4e7eb 58%,#dce2e9)!important;
    color:#1d2229!important;
  }
}

/* Official-style desktop showcase; hidden on smaller desktop widths. */
.d2716-pc-showcase{
  display:none;
}

@media (min-width:1180px){
  .d2716-pc-showcase{
    position:fixed;
    z-index:5;
    left:max(54px,calc(50vw - 610px));
    top:50%;
    width:390px;
    display:block;
    transform:translateY(-50%);
    color:#20242a;
  }

  .d2716-pc-brand{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:24px;
  }

  .d2716-pc-mark{
    width:46px;
    height:46px;
    display:grid;
    place-items:center;
    border-radius:15px;
    background:linear-gradient(145deg,#f5ce62,#b67c19);
    color:#18130a;
    box-shadow:0 12px 30px rgba(154,112,29,.20);
    font-size:17px;
    font-weight:900;
  }

  .d2716-pc-brand strong{
    color:#171b20;
    font-size:24px;
    font-weight:950;
    letter-spacing:-.03em;
  }

  .d2716-pc-brand em{
    padding:4px 8px;
    border:1px solid rgba(122,94,35,.18);
    border-radius:999px;
    background:rgba(255,255,255,.48);
    color:#8a6c32;
    font-size:8px;
    font-style:normal;
    font-weight:850;
    letter-spacing:.12em;
  }

  .d2716-pc-showcase h1{
    margin:0 0 14px;
    color:#181c21;
    font-size:42px;
    line-height:1.08;
    letter-spacing:-.045em;
  }

  .d2716-pc-showcase>p{
    max-width:360px;
    margin:0;
    color:#666c74;
    font-size:14px;
    line-height:1.8;
  }

  .d2716-pc-tags{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:22px;
  }

  .d2716-pc-tags span{
    padding:8px 12px;
    border:1px solid rgba(102,91,68,.12);
    border-radius:999px;
    background:rgba(255,255,255,.46);
    color:#585d64;
    font-size:11px;
    box-shadow:0 6px 18px rgba(54,61,70,.04);
  }

  .d2716-pc-note{
    width:max-content;
    display:grid;
    gap:3px;
    margin-top:28px;
    padding:12px 15px;
    border-left:3px solid #c89b38;
    border-radius:0 12px 12px 0;
    background:rgba(255,255,255,.38);
  }

  .d2716-pc-note b{
    color:#2a2d32;
    font-size:12px;
  }

  .d2716-pc-note span{
    color:#7a7f87;
    font-size:9px;
  }

  body.d26-modern-ui .s2h-app{
    left:calc(50% + 225px)!important;
  }
}

/* Fit eight common home themes at 480px when possible, then scroll. */
body.d26-modern-ui #stage2hApp[data-d27-view="home"] .d27-theme-tabs button{
  min-width:52px!important;
  padding:0 5px!important;
  font-size:11.2px!important;
}

/* Standard video/read/audio layers remain black-gold inside the phone shell. */
body.d26-modern-ui .s2h-app > #videoLayer.d27-contained-panel,
body.d26-modern-ui .s2h-app > #mangaReader.d27-contained-panel,
body.d26-modern-ui .s2h-app > #audioPlayer.d27-contained-panel{
  background:#090a0c!important;
}


/* ================================================================
   D27.1.7 INTERACTION / NAV / SHARE / PC FIX V1
   ================================================================ */

/* Standard content layers remain inside the phone and leave bottom nav visible. */
body.d26-modern-ui .s2h-app > #videoLayer.d27-contained-panel,
body.d26-modern-ui .s2h-app > #mangaReader.d27-contained-panel,
body.d26-modern-ui .s2h-app > #novelReader.d27-contained-panel,
body.d26-modern-ui .s2h-app > #audioPlayer.d27-contained-panel{
  position:absolute!important;
  z-index:180!important;
  inset:0 0 64px!important;
  width:100%!important;
  height:auto!important;
  max-width:none!important;
  max-height:none!important;
  transform:none!important;
  border-radius:0!important;
  overflow-y:auto!important;
}

body.d26-modern-ui #stage2hApp .s2h-bottom-nav{
  z-index:260!important;
}

/* Keep the seam mask below nav but above ordinary page content. */
body.d26-modern-ui #stage2hApp .d2714-bottom-seam-mask{
  z-index:259!important;
}

/* Make close/back controls easier to hit. */
body.d26-modern-ui .s2h-layer-head button[data-close-layer]{
  min-width:48px!important;
  min-height:44px!important;
  position:relative!important;
  z-index:12!important;
  cursor:pointer!important;
}

/* Reader directory/episode drawers also respect persistent nav. */
body.d26-modern-ui .s2h-app > #directorySheet.d27-contained-panel,
body.d26-modern-ui .s2h-app > #episodeSheet.d27-contained-panel{
  position:absolute!important;
  inset:0 0 64px!important;
  width:100%!important;
  height:auto!important;
}

/* Novel reader: black-gold, transparent/hollow tools, no white blocks. */
body.d26-modern-ui .s2h-app > #novelReader.d27-contained-panel{
  background:
    radial-gradient(circle at 78% 4%,rgba(244,196,72,.06),transparent 26%),
    #090a0c!important;
  color:#efe5d2!important;
}

body.d26-modern-ui #novelReader .s2h-layer-head{
  background:rgba(9,10,12,.94)!important;
  color:#f4ead8!important;
  border-bottom:1px solid rgba(244,196,72,.12)!important;
}

body.d26-modern-ui #novelReader .s2h-layer-head button{
  color:#e8be52!important;
}

body.d26-modern-ui #novelReader .s2h-novel-reader{
  color:#eee3cf!important;
  background:transparent!important;
}

body.d26-modern-ui #novelReader .s2h-reader-tools{
  bottom:78px!important;
}



/* Share sheet is dynamically moved into stage2hApp by D27 JS. */
body.d26-modern-ui .s2h-app > .miigo-short-share-panel-v2.d2717-contained-transient{
  position:absolute!important;
  z-index:999!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  transform:none!important;
  overflow:hidden!important;
}

body.d26-modern-ui .s2h-app > .miigo-short-share-toast-v2.d2717-contained-transient{
  position:absolute!important;
  z-index:1000!important;
}

/* Keep share sheet aligned to phone bottom, not browser viewport bottom. */
body.d26-modern-ui .s2h-app > .miigo-short-share-panel-v2 .miigo-short-share-sheet-v2{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
}

/* Mouse-drag rails feel intentional on PC. */
@media (min-width:700px){
  .d27-theme-tabs,
  .d27-taxonomy-scroll,
  .d271-actor-taxonomy-scroll,
  .s2v-application-categories,
  .d271-app-overview-categories{
    cursor:grab!important;
    user-select:none!important;
  }

  .d27-theme-tabs:active,
  .d27-taxonomy-scroll:active,
  .d271-actor-taxonomy-scroll:active,
  .s2v-application-categories:active,
  .d271-app-overview-categories:active{
    cursor:grabbing!important;
  }
}

/* Desktop canvas: force contrast at both html and body levels. */


/* True native/fallback landscape fullscreen may cover navigation by design. */
html.is-landscape-player-open .s2h-bottom-nav,
body.is-landscape-player-open .s2h-bottom-nav{
  visibility:hidden!important;
}


/* ================================================================
   D27.1.8 SEARCH / ACTOR WORKS / HISTORY / BRAND / PC VISUAL V1
   ================================================================ */

/* ---------- Header brand can fit about five Chinese characters ---------- */
body.d26-modern-ui #stage2hApp[data-d27-view="home"] .d27-brand{
  min-width:126px!important;
  max-width:146px!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="home"] .d27-brand strong{
  min-width:0!important;
  max-width:102px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:16px!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="home"] .d27-search{
  flex:1 1 auto!important;
  min-width:0!important;
  grid-template-columns:18px minmax(0,1fr) 52px!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="home"] .d27-search button{
  min-width:48px!important;
  padding:0 8px!important;
}

/* ---------- Search is a real black-gold result page ---------- */
body.d26-modern-ui .s2h-app > #searchDrawer.d27-contained-panel{
  position:absolute!important;
  z-index:185!important;
  inset:0 0 64px!important;
  width:100%!important;
  height:auto!important;
  max-width:none!important;
  max-height:none!important;
  transform:none!important;
  overflow:hidden!important;
  background:#090a0c!important;
}

body.d26-modern-ui #searchDrawer .s2h-drawer-backdrop{
  display:none!important;
}

body.d26-modern-ui #searchDrawer .s2h-drawer-card{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  display:grid!important;
  grid-template-rows:58px auto minmax(0,1fr)!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:
    radial-gradient(circle at 80% 0,rgba(244,196,72,.055),transparent 26%),
    #090a0c!important;
  color:#f3ece0!important;
  box-shadow:none!important;
}

body.d26-modern-ui #searchDrawer .s2h-drawer-head{
  position:sticky!important;
  top:0!important;
  z-index:4!important;
  min-height:58px!important;
  padding:8px 12px!important;
  border-bottom:1px solid rgba(244,196,72,.12)!important;
  background:rgba(9,10,12,.96)!important;
  color:#f5ead5!important;
  backdrop-filter:blur(16px)!important;
}

body.d26-modern-ui #searchDrawer .s2h-drawer-head button{
  width:40px!important;
  height:40px!important;
  border:1px solid rgba(244,196,72,.24)!important;
  border-radius:12px!important;
  background:transparent!important;
  color:#efc65a!important;
  font-size:25px!important;
  line-height:1!important;
}

body.d26-modern-ui #searchDrawer .s2h-drawer-head strong{
  color:#fff2d6!important;
  font-size:16px!important;
}

body.d26-modern-ui #searchDrawer .s2h-status{
  margin:0!important;
  padding:11px 14px 7px!important;
  color:#8d8d8b!important;
  background:transparent!important;
}

body.d26-modern-ui #searchDrawer .s2h-search-results{
  min-height:0!important;
  overflow-y:auto!important;
  padding:0 12px 22px!important;
  background:transparent!important;
}

body.d26-modern-ui #searchDrawer .s2h-search-results section{
  margin:0 0 14px!important;
}

body.d26-modern-ui #searchDrawer .s2h-search-results h3{
  margin:0 0 8px!important;
  color:#dcb149!important;
  font-size:11px!important;
  font-weight:850!important;
}

body.d26-modern-ui #searchDrawer .s2h-search-result{
  min-height:76px!important;
  display:grid!important;
  grid-template-columns:54px minmax(0,1fr) 22px!important;
  align-items:center!important;
  gap:10px!important;
  margin-bottom:8px!important;
  padding:9px 10px!important;
  border:1px solid #292b31!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,#17191e,#121419)!important;
  color:#f3ede2!important;
  box-shadow:0 8px 20px rgba(0,0,0,.16)!important;
}

body.d26-modern-ui #searchDrawer .s2h-search-result img{
  width:54px!important;
  height:58px!important;
  border-radius:10px!important;
  object-fit:cover!important;
  background:#1b1d21!important;
}

body.d26-modern-ui #searchDrawer .s2h-search-result b{
  color:#f4eee3!important;
  font-size:11px!important;
}

body.d26-modern-ui #searchDrawer .s2h-search-result small{
  margin-top:3px!important;
  color:#81838a!important;
  font-size:8.5px!important;
}

body.d26-modern-ui #searchDrawer .s2h-search-result em{
  color:#caa447!important;
  font-size:20px!important;
}

/* ---------- Actor details become normal 2-column landscape works ---------- */
body.d26-modern-ui #stage2hApp[data-d27-view="actors"] .d27-actor-grid.is-works{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px 10px!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="actors"] .d27-actor-grid.is-works .d27-card{
  text-align:left!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="actors"] .d27-actor-grid.is-works .d27-card figure{
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  margin:0!important;
  border:1px solid rgba(244,196,72,.20)!important;
  border-radius:12px!important;
  background:#15171b!important;
  box-shadow:0 8px 22px rgba(0,0,0,.20)!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="actors"] .d27-actor-grid.is-works .d27-card img{
  width:100%!important;
  height:100%!important;
  border-radius:12px!important;
  object-fit:cover!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="actors"] .d27-actor-grid.is-works .d27-card h3,
body.d26-modern-ui #stage2hApp[data-d27-view="actors"] .d27-actor-grid.is-works .d27-card p{
  text-align:left!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="actors"] .d27-actor-grid.is-works .d27-card h3{
  margin-top:7px!important;
  color:#f1ebdf!important;
  font-size:10.5px!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="actors"] .d27-actor-grid.is-works .d27-card p{
  color:#7e8086!important;
  font-size:8px!important;
}

/* ---------- Novel tools: true hollow treatment, same family as manga ---------- */
body.d26-modern-ui #novelReader .s2kh6-novel-tools,
body.d26-modern-ui #novelReader .s2h-reader-tools{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}

body.d26-modern-ui #novelReader .s2kh6-novel-tools::before,
body.d26-modern-ui #novelReader .s2kh6-novel-tools::after{
  display:none!important;
  content:none!important;
}

body.d26-modern-ui #novelReader .s2kh6-novel-tools button,
body.d26-modern-ui #novelReader .s2h-reader-tools button,
body.d26-modern-ui #novelReader .s2kh6-theme-button{
  border:1px solid rgba(244,196,72,.50)!important;
  background:transparent!important;
  color:#f0c659!important;
  box-shadow:none!important;
  text-shadow:none!important;
  backdrop-filter:none!important;
}

/* ---------- Deterministic light desktop canvas behind the phone ---------- */
.d2718-pc-canvas{
  display:none;
}

@media (min-width:700px){
  .d2718-pc-canvas{
    position:fixed;
    z-index:0;
    inset:0;
    display:block;
    background:
      radial-gradient(circle at 16% 14%,rgba(194,154,67,.18),transparent 26%),
      radial-gradient(circle at 88% 88%,rgba(92,113,142,.12),transparent 28%),
      linear-gradient(135deg,#f1ede5,#e7e9ed 58%,#dfe5eb);
    pointer-events:none;
  }

  body.d26-modern-ui .s2h-app{
    z-index:10!important;
  }

  .d2716-pc-showcase{
    z-index:4!important;
  }
}

/* 1200-ish desktops: centered phone only. Avoid pushing the phone off-screen. */
@media (min-width:1180px) and (max-width:1499px){
  .d2716-pc-showcase{
    display:none!important;
  }

  body.d26-modern-ui .s2h-app{
    left:50%!important;
  }
}

/* Wide desktops: official presentation left, live phone right. */
@media (min-width:1500px){
  .d2716-pc-showcase{
    left:max(70px,calc(50vw - 690px))!important;
    width:430px!important;
    color:#24282e!important;
  }

  .d2716-pc-showcase h1{
    color:#191d22!important;
  }

  .d2716-pc-showcase>p{
    color:#666d75!important;
  }

  .d2716-pc-brand strong{
    color:#181c21!important;
  }

  .d2716-pc-tags span{
    border-color:rgba(85,75,55,.12)!important;
    background:rgba(255,255,255,.56)!important;
    color:#5d6269!important;
  }

  .d2716-pc-note{
    background:rgba(255,255,255,.48)!important;
  }

  body.d26-modern-ui .s2h-app{
    left:calc(50% + 280px)!important;
  }
}


/* ================================================================
   D27.1.9 SEARCH STATE / HISTORY / SHORT / PC / LOADING V1
   ================================================================ */

/* Actor black chrome reaches the phone top. */
body.d26-modern-ui #stage2hApp[data-d27-view="actors"] #d27ActorPage{
  padding-top:0!important;
  background:#090a0c!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="actors"] .d2712-actor-chrome{
  margin:0 -14px 16px!important;
  padding:
    calc(14px + env(safe-area-inset-top))
    14px
    10px!important;
  border-radius:0!important;
  background:
    radial-gradient(circle at 86% 0,rgba(244,196,72,.06),transparent 30%),
    linear-gradient(180deg,#0f1013,#090a0c)!important;
}

/* My history: first 3 in one row, "more" grows DOWN. */
body.d26-modern-ui #stage2hApp[data-d27-view="my"] .s2kh3-history-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  overflow:visible!important;
  padding-bottom:0!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="my"] .s2kh3-history-grid.is-expanded{
  max-height:none!important;
  overflow:visible!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="my"] .s2kh3-history-card{
  min-width:0!important;
  width:100%!important;
  flex:none!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="my"] .s2kh3-history-card figure{
  width:100%!important;
  aspect-ratio:3/4!important;
  overflow:hidden!important;
}

body.d26-modern-ui #stage2hApp[data-d27-view="my"] .s2kh3-history-card img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

/* Stable geometry while images decode. */
.d27-card,
.s2kh3-history-card,
.s2h-search-result{
  content-visibility:auto;
  contain-intrinsic-size:auto 220px;
}

/* Reference-inspired PC background: ivory + black/gold product art. */
@media (min-width:700px){
  .d2718-pc-canvas::before{
    content:"";
    position:absolute;
    left:-120px;
    top:12%;
    width:520px;
    height:520px;
    border-radius:42%;
    background:
      linear-gradient(145deg,rgba(252,211,100,.72),rgba(190,127,20,.20));
    transform:rotate(-18deg);
    box-shadow:
      160px 110px 0 -90px rgba(255,255,255,.70),
      230px 250px 0 -145px rgba(22,24,28,.82);
    opacity:.55;
  }

  .d2718-pc-canvas::after{
    content:"";
    position:absolute;
    right:7%;
    top:6%;
    width:320px;
    height:320px;
    border-radius:50%;
    border:1px solid rgba(185,137,38,.14);
    box-shadow:
      0 0 0 44px rgba(255,255,255,.14),
      0 0 0 92px rgba(190,145,48,.04);
  }
}

@media (min-width:700px) and (max-width:1399px){
  .d2716-pc-showcase{
    display:none!important;
  }

  body.d26-modern-ui .s2h-app{
    left:50%!important;
  }
}

@media (min-width:1400px){
  .d2716-pc-showcase{
    position:fixed!important;
    z-index:6!important;
    left:max(70px,calc(50vw - 700px))!important;
    top:50%!important;
    width:500px!important;
    min-height:610px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-end!important;
    padding:34px!important;
    overflow:hidden!important;
    transform:translateY(-50%)!important;
    border:1px solid rgba(136,102,35,.12)!important;
    border-radius:34px!important;
    background:
      linear-gradient(145deg,rgba(255,255,255,.60),rgba(255,255,255,.28))!important;
    box-shadow:
      0 32px 90px rgba(73,67,56,.12),
      inset 0 1px 0 rgba(255,255,255,.68)!important;
    backdrop-filter:blur(18px)!important;
  }

  .d2719-pc-art{
    position:absolute;
    inset:0;
    pointer-events:none;
  }

  .d2719-pc-art i{
    position:absolute;
    display:block;
  }

  .d2719-pc-art .is-gold-cube{
    left:48px;
    top:54px;
    width:190px;
    height:190px;
    border-radius:38px;
    background:linear-gradient(145deg,#f7d66d,#bb7f16);
    transform:rotate(-12deg);
    box-shadow:
      0 32px 58px rgba(151,104,19,.24),
      inset 18px 18px 40px rgba(255,255,255,.25);
  }

  .d2719-pc-art .is-dark-card{
    left:182px;
    top:124px;
    width:220px;
    height:142px;
    border-radius:30px;
    background:linear-gradient(145deg,#25272c,#0f1013);
    transform:rotate(11deg);
    box-shadow:0 28px 65px rgba(19,21,25,.24);
  }

  .d2719-pc-art .is-gold-orb{
    right:54px;
    top:54px;
    width:82px;
    height:82px;
    border-radius:50%;
    background:radial-gradient(circle at 34% 28%,#ffe59a,#c78e24 62%,#8c5d0d);
    box-shadow:0 18px 44px rgba(157,110,21,.22);
  }

  .d2719-pc-art .is-glass-ring{
    left:92px;
    top:240px;
    width:250px;
    height:250px;
    border:1px solid rgba(126,99,47,.14);
    border-radius:50%;
    box-shadow:
      inset 0 0 0 34px rgba(255,255,255,.14),
      0 0 0 26px rgba(255,255,255,.10);
  }

  .d2716-pc-brand,
  .d2716-pc-showcase h1,
  .d2716-pc-showcase>p,
  .d2716-pc-tags,
  .d2716-pc-note{
    position:relative;
    z-index:2;
  }

  .d2716-pc-showcase h1{
    color:#17191d!important;
    font-size:38px!important;
  }

  .d2716-pc-showcase>p{
    color:#656a71!important;
    font-size:13px!important;
  }

  .d2716-pc-tags span{
    border-color:rgba(112,86,38,.12)!important;
    background:rgba(255,255,255,.58)!important;
    color:#5d6066!important;
  }

  .d2716-pc-note{
    background:rgba(18,19,22,.90)!important;
    border-left:3px solid #d6a735!important;
  }

  .d2716-pc-note b{
    color:#f3d06c!important;
  }

  .d2716-pc-note span{
    color:#a8a8aa!important;
  }

  body.d26-modern-ui .s2h-app{
    left:calc(50% + 330px)!important;
  }
}


/* ================================================================
   D27.2.0 PC NAV / QR / SILVER RIM / BRAND ASSET V1
   ================================================================ */

.d27-brand-mark,
.d2716-pc-mark{
  overflow:hidden!important;
}

.d27-brand-mark img,
.d2716-pc-mark img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  border-radius:inherit!important;
}

/* Silver precision rim around the otherwise-black phone shell. */
@media (min-width:700px){
  body.d26-modern-ui .s2h-app{
    outline:1.5px solid rgba(221,225,231,.92)!important;
    outline-offset:2px!important;
    box-shadow:
      0 0 0 1px rgba(84,88,96,.72),
      0 34px 90px rgba(30,31,34,.26),
      inset 0 0 0 1px rgba(255,255,255,.05)!important;
  }
}

.d2720-pc-art-image{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  border-radius:34px;
}

.d2720-pc-art-image::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(
      180deg,
      rgba(247,242,232,.08),
      rgba(247,242,232,.34) 45%,
      rgba(247,242,232,.88)
    );
}

.d2720-pc-art-image img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

/* Desktop quick navigation is driven by bottom-nav backend rows/icons. */
.d2720-pc-nav{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
  margin-top:20px;
}

.d2720-pc-nav button{
  min-width:0;
  min-height:66px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:8px 5px;
  border:1px solid rgba(105,83,43,.12);
  border-radius:15px;
  background:rgba(255,255,255,.58);
  color:#51565d;
  box-shadow:0 7px 20px rgba(75,68,57,.045);
  cursor:pointer;
}

.d2720-pc-nav button:hover{
  border-color:rgba(193,143,37,.30);
  background:rgba(255,255,255,.78);
  transform:translateY(-1px);
}

.d2720-pc-nav img{
  width:24px;
  height:24px;
  object-fit:contain;
}

.d2720-pc-nav span{
  color:#b78322;
  font-size:15px;
}

.d2720-pc-nav b{
  overflow:hidden;
  max-width:100%;
  color:#51565d;
  font-size:9px;
  white-space:nowrap;
  text-overflow:ellipsis;
}

/* QR card sits to the right of the phone on wide desktops. */
.d2720-pc-qr{
  display:none;
}

@media (min-width:1700px){
  .d2720-pc-qr{
    position:fixed;
    z-index:7;
    left:calc(50% + 605px);
    top:50%;
    width:205px;
    display:block;
    padding:16px;
    transform:translateY(-50%);
    border:1px solid rgba(116,91,43,.13);
    border-radius:24px;
    background:rgba(255,255,255,.68);
    box-shadow:
      0 26px 70px rgba(62,58,51,.12),
      inset 0 1px 0 rgba(255,255,255,.74);
    backdrop-filter:blur(18px);
  }

  .d2720-pc-qr-head{
    display:flex;
    align-items:center;
    gap:9px;
    margin-bottom:13px;
  }

  .d2720-pc-qr-head img{
    width:34px;
    height:34px;
    border-radius:10px;
    box-shadow:0 7px 18px rgba(139,96,17,.14);
  }

  .d2720-pc-qr-head div{
    min-width:0;
    display:grid;
    gap:2px;
  }

  .d2720-pc-qr-head strong{
    color:#25292f;
    font-size:11px;
  }

  .d2720-pc-qr-head span{
    color:#777c84;
    font-size:7.5px;
    line-height:1.45;
  }

  .d2720-pc-qr-code{
    width:172px;
    height:172px;
    display:grid;
    place-items:center;
    overflow:hidden;
    border:1px solid #e5e1d7;
    border-radius:17px;
    background:#fff;
  }

  .d2720-pc-qr-code img{
    width:154px!important;
    height:154px!important;
    display:block!important;
    image-rendering:pixelated;
  }

  .d2720-pc-qr-empty{
    color:#c2bdb3;
    font-size:42px;
    font-weight:900;
    letter-spacing:-.08em;
  }

  .d2720-pc-qr>small{
    display:block;
    margin-top:10px;
    color:#888b90;
    font-size:8px;
    line-height:1.45;
    text-align:center;
  }
}

/* Avoid horizontal collision if the display is not wide enough for all 3 zones. */
@media (min-width:1400px) and (max-width:1699px){
  .d2720-pc-qr{
    display:none!important;
  }
}


/* ================================================================
   D27.2.1 GLOBAL SEARCH + NAV SITE + QR + PHONE FRAME V1
   ================================================================ */

.d2721-navigation-site-entry{
  position:relative;
  z-index:2;
  min-height:58px;
  display:flex;
  align-items:center;
  gap:11px;
  margin-top:20px;
  padding:10px 13px;
  border:1px solid rgba(117,88,35,.13);
  border-radius:15px;
  background:rgba(255,255,255,.58);
  color:#3f444b;
  text-decoration:none;
  box-shadow:0 8px 24px rgba(73,66,55,.05);
}

.d2721-navigation-site-entry:not(.is-disabled):hover{
  border-color:rgba(193,143,37,.30);
  background:rgba(255,255,255,.78);
  transform:translateY(-1px);
}

.d2721-navigation-site-entry.is-disabled{
  opacity:.62;
}

.d2721-navigation-site-icon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:10px;
  background:linear-gradient(145deg,#f2ce68,#bd8118);
  color:#17130b;
  font-size:15px;
  font-weight:900;
}

.d2721-navigation-site-entry>span:last-child{
  min-width:0;
  display:grid;
  gap:2px;
}

.d2721-navigation-site-entry small{
  color:#a47b2d;
  font-size:7px;
  font-weight:900;
  letter-spacing:.13em;
}

.d2721-navigation-site-entry strong{
  color:#34383f;
  font-size:11px;
}

/* Polished silver/chrome phone rim. */
@media (min-width:700px){
  body.d26-modern-ui .s2h-app{
    outline:0!important;
    box-shadow:
      0 0 0 1px #f4f5f6,
      0 0 0 2px #9ba0a7,
      0 0 0 3px #eceef0,
      0 0 0 4px #62676e,
      0 0 0 5px rgba(226,229,233,.90),
      0 34px 90px rgba(36,38,42,.28),
      inset 0 0 0 1px rgba(255,255,255,.06)!important;
  }
}

.d2721-phone-island{
  display:none;
}

@media (min-width:700px){
  .d2721-phone-island{
    position:absolute;
    z-index:520;
    left:50%;
    top:-1px;
    width:118px;
    height:29px;
    display:block;
    transform:translateX(-50%);
    border:1px solid rgba(181,186,193,.58);
    border-top:0;
    border-radius:0 0 17px 17px;
    background:linear-gradient(180deg,#050608,#0b0c0f);
    box-shadow:
      0 5px 16px rgba(0,0,0,.28),
      inset 0 -1px 0 rgba(255,255,255,.04);
    pointer-events:none;
  }

  .d2721-phone-island span{
    position:absolute;
    left:50%;
    top:10px;
    width:38px;
    height:4px;
    transform:translateX(-50%);
    border-radius:999px;
    background:#666b73;
    box-shadow:inset 0 1px 1px rgba(255,255,255,.14);
  }

  .d2721-phone-island i{
    position:absolute;
    right:24px;
    top:10px;
    width:5px;
    height:5px;
    border-radius:50%;
    background:#20262d;
    box-shadow:0 0 0 1px #454c54;
  }
}

@media (min-width:1700px){
  .d2720-pc-qr{
    position:fixed!important;
    z-index:7!important;
    left:auto;
    top:auto;
    width:205px!important;
    display:block!important;
    transform:none!important;
  }

  .d2720-pc-qr-code svg{
    width:154px!important;
    height:154px!important;
    display:block!important;
  }
}

/* Old internal-phone PC navigation is intentionally removed. */
.d2720-pc-nav{
  display:none!important;
}

body.d26-modern-ui #searchDrawer .s2h-search-results h3 small{
  margin-left:5px;
  color:#777a80;
  font-size:8px;
  font-weight:700;
}

/* D27.2.2 SEARCH ALL + SPACE PC + INSTALL BACKEND V1 */
@media (min-width:700px){
  html,body.d26-modern-ui{background:#02050a!important}
  .d2718-pc-canvas{background:radial-gradient(circle at 62% 45%,rgba(4,20,43,.10),transparent 28%),linear-gradient(90deg,rgba(0,2,6,.42),rgba(0,3,8,.12)),var(--d2722-pc-bg-image)!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important}
  .d2718-pc-canvas::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 18%,rgba(244,190,55,.09),transparent 18%),linear-gradient(90deg,rgba(0,0,0,.56) 0%,rgba(0,0,0,.24) 42%,rgba(0,0,0,.42) 100%);opacity:1;transform:none;box-shadow:none}
  .d2718-pc-canvas::after{content:"";position:absolute;inset:0;border:0;border-radius:0;box-shadow:inset 0 0 180px rgba(0,0,0,.76),inset 0 -120px 160px rgba(0,0,0,.38)}
}
@media (min-width:1400px){
  .d2716-pc-showcase{border:1px solid rgba(218,180,88,.18)!important;background:linear-gradient(145deg,rgba(9,13,20,.88),rgba(8,12,19,.60))!important;box-shadow:0 35px 110px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.05)!important;color:#f2eee5!important;backdrop-filter:blur(24px)!important}
  .d2716-pc-showcase h1,.d2716-pc-brand strong{color:#fff6e4!important}.d2716-pc-showcase>p{color:#a9b1bd!important}.d2719-pc-art{opacity:.38!important}
}
.d2722-pc-tags{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.d2722-pc-tags span{min-width:48px;padding:7px 10px;border:1px solid rgba(219,177,76,.20);border-radius:999px;background:rgba(10,15,23,.55);color:#d6dce4;font-size:9px;text-align:center;backdrop-filter:blur(10px)}
.d2722-pc-actions{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:17px}.d2722-pc-actions .d2721-navigation-site-entry,.d2722-pc-actions .d2716-pc-note{min-height:60px!important;margin:0!important;box-sizing:border-box!important;border:1px solid rgba(218,177,76,.18)!important;border-left:1px solid rgba(218,177,76,.18)!important;border-radius:14px!important;background:rgba(8,13,20,.66)!important;box-shadow:none!important}.d2722-pc-actions .d2716-pc-note{display:flex!important;flex-direction:column!important;justify-content:center!important;padding:10px 13px!important}.d2722-pc-actions .d2716-pc-note b{color:#e7bd54!important}.d2722-pc-actions .d2716-pc-note span{color:#8894a3!important}
@media (min-width:1700px){.d2720-pc-qr{border-color:rgba(218,177,76,.18)!important;background:rgba(7,12,19,.78)!important;box-shadow:0 28px 80px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.04)!important;color:#f4eee2!important}.d2720-pc-qr-head strong{color:#f3ead9!important}.d2720-pc-qr-head span,.d2720-pc-qr>small{color:#8c97a6!important}.d2720-pc-qr-code{border-color:rgba(218,177,76,.18)!important;background:#fff!important}}
body.d26-modern-ui #searchDrawer .s2h-search-results [data-search-group-items]{display:grid;gap:8px}


/* ================================================================
   D27.2.2.5 HOME TAXONOMY NATIVE SCROLLBAR V1
   Category buttons click normally; horizontal movement uses a tiny native bar.
   ================================================================ */

.d27-taxonomy-scroll{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding-bottom:5px!important;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin!important;
  scrollbar-color:
    rgba(210,178,92,.62)
    rgba(255,255,255,.08)!important;
}

.d27-taxonomy-scroll::-webkit-scrollbar{
  display:block!important;
  height:4px!important;
}

.d27-taxonomy-scroll::-webkit-scrollbar-track{
  border-radius:999px!important;
  background:rgba(255,255,255,.07)!important;
}

.d27-taxonomy-scroll::-webkit-scrollbar-thumb{
  min-width:34px!important;
  border-radius:999px!important;
  background:
    linear-gradient(
      90deg,
      rgba(139,145,154,.72),
      rgba(221,188,95,.82)
    )!important;
}

.d27-taxonomy-scroll::-webkit-scrollbar-thumb:hover{
  background:
    linear-gradient(
      90deg,
      rgba(165,171,179,.86),
      rgba(234,199,102,.94)
    )!important;
}

/* On actual touch phones the row itself is still swipeable; the tiny bar is
   only an affordance and never sits on top of the category buttons. */
@media (max-width:699px){
  .d27-taxonomy-scroll{
    padding-bottom:4px!important;
  }

  .d27-taxonomy-scroll::-webkit-scrollbar{
    height:3px!important;
  }
}

/* MIIGO_D29_8_HOME_AD_FULL_VISIBILITY_V1
 * Advertisement images must be fully visible. Never crop source artwork.
 * The slot keeps its current geometry; mismatched aspect ratios are letterboxed.
 */
.d27-home-ad > a,
.d27-home-ad > .d27-ad-media{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  background:#050608!important;
}
.d27-home-ad img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#050608!important;
}

/* MIIGO_D29_8_1_HOME_AD_COVER_CENTER_V1
 * User contract: fill the whole ad slot, keep aspect ratio, center the artwork.
 * If source ratio differs from the slot, overflow is cropped symmetrically around center.
 */
.d27-home-ad,
.d27-home-ad > a,
.d27-home-ad > .d27-ad-media{
  overflow:hidden!important;
  background:#050608!important;
}
.d27-home-ad > a,
.d27-home-ad > .d27-ad-media{
  width:100%!important;
  height:100%!important;
  display:block!important;
}
.d27-home-ad img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
}