/* top bar */
.header .topbar .logo.tm-logo-rect{width:auto!important;min-width:0!important;height:38px!important;padding:0 4px!important;background:transparent!important;border:0!important;box-shadow:none!important;display:inline-flex!important;align-items:center!important;flex:0 0 auto!important;max-width:none!important;overflow:visible!important}
.header .topbar .logo.tm-logo-rect>*:not(.tm-rect-logo){display:none!important}
.tm-rect-logo{height:36px!important;width:auto!important;max-width:none!important;display:block;filter:drop-shadow(0 0 6px rgba(255,64,150,.35))}
.header .topbar .tm-pill{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:0 14px!important;height:32px!important;min-width:max-content!important;width:auto!important;border-radius:999px!important;white-space:nowrap!important;line-height:1!important;flex-shrink:0}
.header .topbar .tm-pill .coin-label,.header .topbar .tm-pill .coin-label span{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;line-height:1!important}
.header .topbar .tm-pill .tm-ico{width:18px;height:18px;flex:0 0 18px;display:block;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.45))}
.header .topbar .tm-pill .tm-pill-label{font-size:13px;font-weight:700;line-height:1}
.header .topbar .rank.tm-pill{background:linear-gradient(135deg,rgba(255,95,162,.22),rgba(247,185,85,.22))!important;border:1px solid rgba(255,170,120,.55)!important;color:#FFD9A0!important;box-shadow:0 0 10px rgba(255,95,162,.25) inset}
.header .topbar .rank.tm-pill .tm-pill-label{background:linear-gradient(90deg,#FFE7A3,#FF8FC0);-webkit-background-clip:text;background-clip:text;color:transparent}
/* toast + pro modal */
.tm-toast{position:fixed;left:50%;top:42%;transform:translate(-50%,-50%);z-index:99999;background:rgba(18,12,24,.92);color:#FFE7A3;padding:12px 20px;border-radius:14px;font-size:14px;font-weight:600;border:1px solid rgba(255,200,90,.45);box-shadow:0 8px 30px rgba(0,0,0,.5);transition:opacity .4s;max-width:80vw;text-align:center}
.tm-toast.out{opacity:0}
.tm-pro-modal{position:fixed;inset:0;z-index:99998;background:rgba(0,0,0,.62);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px)}
.tm-pro-card{width:min(320px,86vw);border-radius:20px;padding:22px 20px 18px;text-align:center;background:linear-gradient(160deg,#2a1530,#120a18 60%);border:1px solid rgba(255,200,90,.5);box-shadow:0 0 30px rgba(255,64,150,.3)}
.tm-pro-crown svg{width:54px;height:54px}
.tm-pro-title{margin:6px 0 8px;font-size:19px;font-weight:900;background:linear-gradient(90deg,#FFE7A3,#FFC83D,#FF8FC0);-webkit-background-clip:text;background-clip:text;color:transparent}
.tm-pro-text{color:#eee;font-size:14px;line-height:1.6}
.tm-pro-btns{display:flex;gap:10px;margin-top:16px}
.tm-pro-btns button{flex:1;height:40px;border-radius:999px;border:0;font-size:14px;font-weight:700}
.tm-pro-cancel{background:rgba(255,255,255,.12);color:#ccc}
.tm-pro-go{background:linear-gradient(90deg,#FFD36B,#FF5FA2);color:#3a1200;box-shadow:0 4px 14px rgba(255,95,162,.45)}
/* quality menu (Huya style) */
.player-quality-wrap{position:relative}
.player-quality-menu{display:none!important}
.tm-qmenu{position:absolute;right:0;bottom:calc(100% + 10px);z-index:60;min-width:216px;padding:8px;border-radius:14px;background:rgba(16,16,22,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 30px rgba(0,0,0,.55)}
.tm-qmenu-title{font-size:12px;color:#999;padding:4px 10px 6px}
.tm-qopt{display:flex;align-items:center;justify-content:space-between;gap:12px;height:40px;padding:0 10px;border-radius:10px;color:#e6e6e6;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}
.tm-qopt+.tm-qopt{margin-top:2px}
.tm-qopt:hover{background:rgba(255,255,255,.07)}
.tm-qopt.active{color:#FF5FA2;background:rgba(255,95,162,.12)}
.tm-qbadge{font-size:11px;font-weight:800;padding:2px 7px;border-radius:6px;background:rgba(255,255,255,.12);color:#bbb;line-height:16px}
.tm-qbadge.hd{background:rgba(255,95,162,.18);color:#FF8FC0}
.tm-qbadge.pro{background:linear-gradient(90deg,#FFE7A3,#FFC83D,#E8A200);color:#4a2600;box-shadow:0 0 8px rgba(255,200,60,.5)}
.player-quality.tm-q4k{background:linear-gradient(90deg,#FFE7A3,#FFC83D)!important;color:#4a2600!important}
body.tm-4k video{filter:contrast(1.06) saturate(1.12) brightness(1.02)}
/* VIP Pro section */
.tm-vpro{margin:12px;padding:16px;border-radius:18px;background:radial-gradient(120% 80% at 100% 0,rgba(255,95,162,.25),transparent 60%),linear-gradient(160deg,#2b1a10,#140c16 55%,#1a0f1f);border:1px solid rgba(255,200,90,.55);box-shadow:0 0 22px rgba(255,180,60,.18);color:#fff}
.tm-vpro-head{display:flex;align-items:center;gap:10px}
.tm-vpro-head svg{width:40px;height:40px;flex:0 0 40px}
.tm-vpro-t{font-size:20px;font-weight:900;background:linear-gradient(90deg,#FFF1B8,#FFC83D,#FF8FC0);-webkit-background-clip:text;background-clip:text;color:transparent}
.tm-vpro-s{font-size:12px;color:#d9c6a0;margin-top:2px}
.tm-vpro-badge{margin-left:auto;font-size:11px;font-weight:900;padding:3px 8px;border-radius:6px;background:linear-gradient(90deg,#FFE7A3,#E8A200);color:#4a2600}
.tm-vpro-privs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}
.tm-vpro-privs div{text-align:center;padding:10px 4px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,200,90,.2)}
.tm-vpro-privs b{display:block;font-size:20px;color:#FFC83D}
.tm-vpro-privs span{font-size:11px;color:#eee}
.tm-vpro-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.tm-vpro-plan{position:relative;padding:14px 6px 10px;border-radius:14px;text-align:center;background:rgba(255,255,255,.05);border:1.5px solid rgba(255,255,255,.12);cursor:pointer}
.tm-vpro-plan.sel{border-color:#FFC83D;background:linear-gradient(180deg,rgba(255,200,60,.18),rgba(255,95,162,.12));box-shadow:0 0 14px rgba(255,200,60,.35)}
.tm-vpro-plan i{position:absolute;top:-9px;left:50%;transform:translateX(-50%);font-style:normal;font-size:10px;font-weight:800;white-space:nowrap;padding:2px 7px;border-radius:8px;background:linear-gradient(90deg,#FF5FA2,#FF8A3D);color:#fff}
.tm-vpro-plan .n{font-size:12px;color:#f3e2bd;font-weight:700}
.tm-vpro-plan .p{font-size:26px;font-weight:900;color:#FFC83D;margin:4px 0}
.tm-vpro-plan .p small{font-size:13px}
.tm-vpro-plan .d{font-size:10px;color:#bbb}
.tm-vpro-pay{display:flex;gap:10px;margin-top:14px}
.tm-vpro-pay button{flex:1;height:42px;border:0;border-radius:999px;font-size:15px;font-weight:800;background:linear-gradient(90deg,#FFE08A,#FFB03D);color:#4a2600}
.tm-vpro-pay button+button{background:linear-gradient(90deg,#FF8FC0,#FF4D94);color:#fff}
.tm-vpro-note{font-size:11px;color:#a99;margin-top:10px;line-height:1.6}
body.tm-pro .tm-vpro-pay{display:none}
/* rankings hero */
.rank-header.tm-rank-hero{height:auto!important;aspect-ratio:1320/503;min-height:128px;background:#0d0710!important}
.rank-header.tm-rank-hero:before{background:linear-gradient(90deg,rgba(8,4,12,.55),rgba(8,4,12,0) 45%),url(/static/assets/teemee_ranking_hero_banner_1320x503.jpg) center/cover no-repeat!important;max-height:none!important;height:100%!important;aspect-ratio:auto!important}
.rank-header.tm-rank-hero .rank-heading{position:absolute;left:16px;bottom:16px;z-index:1}
.rank-header.tm-rank-hero .source-h1{font-size:24px!important;font-weight:900!important;background:linear-gradient(90deg,#FFE7A3,#FFC83D 40%,#FF8FC0);-webkit-background-clip:text;background-clip:text;color:transparent!important;text-shadow:none!important}
.rank-header.tm-rank-hero .source-p{color:#e9d3e2!important;font-size:12px!important}
.rank-tab.active{color:#FFE7A3!important;background:linear-gradient(135deg,rgba(255,95,162,.35),rgba(247,185,85,.3))!important;border:1px solid rgba(255,190,110,.7)!important;box-shadow:0 0 10px rgba(255,95,162,.55),0 0 18px rgba(255,200,90,.3)!important;text-shadow:0 0 6px rgba(255,180,90,.6)}
/* 1027c fixes */
.header .topbar .logo.tm-logo-rect{height:auto!important;min-height:0!important;padding:6px 10px!important;background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important}
.header .topbar .logo.tm-logo-rect .tm-rect-logo{height:30px!important;width:auto!important;object-fit:contain!important;display:block!important}
.tm-pill{width:auto!important;min-width:max-content!important;padding:0 17px!important;gap:7px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;text-indent:0!important}
.tm-pill .coin-label,.tm-pill .tm-pill-label{width:auto!important;min-width:max-content!important;max-width:none!important;display:inline-flex!important;align-items:center!important;gap:7px!important;padding:0!important;margin:0!important;overflow:visible!important;white-space:nowrap!important}
.tm-pill::before,.tm-pill::after,.tm-pill .coin-label::before,.tm-pill .coin-label::after{content:none!important;display:none!important}
.watch{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:0 18px!important}
.feature-play-icon img,.feature-play-icon>div{display:none!important}
.feature-play-icon{width:14px!important;height:14px!important;background:none!important;display:inline-flex!important}
.feature-play-icon .tm-play-svg{width:14px;height:14px;display:block;color:#fff}
.promo-popup-close{opacity:1!important;background:rgba(20,22,34,.88)!important;border:1.5px solid rgba(255,77,148,.75)!important;color:#fff!important;font-weight:700!important;font-size:15px!important;box-shadow:0 4px 16px rgba(0,0,0,.65),0 0 12px rgba(255,77,148,.35)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.promo-popup-close *,.promo-popup-close span{color:#fff!important;opacity:1!important;font-weight:700!important;font-size:15px!important}
.promo-popup-card .ad-media-image img{object-fit:cover!important;object-position:center top!important}
/* 1027d topbar fit */
.header .topbar .logo.tm-logo-rect{padding:4px 6px!important}
.header .topbar .logo.tm-logo-rect .tm-rect-logo{height:20px!important}
.header .topbar .tm-pill,.header .topbar uni-button.tm-pill{padding:0 12px!important;gap:6px!important;font-size:13px!important;height:32px!important}
.header .topbar .tm-pill .tm-ico,.header .topbar .tm-pill svg{width:17px!important;height:17px!important;flex:0 0 17px!important;margin:0!important}
.header .topbar .tm-pill .coin-label,.header .topbar .tm-pill .tm-pill-label{font-size:13px!important;gap:6px!important}
@media (max-width:460px){
.header .topbar .logo.tm-logo-rect{padding:4px 4px!important}
.header .topbar .logo.tm-logo-rect .tm-rect-logo{height:18px!important}
.header .topbar .tm-pill,.header .topbar uni-button.tm-pill{padding:0 10px!important;gap:5px!important;font-size:12px!important}
.header .topbar .tm-pill .coin-label,.header .topbar .tm-pill .tm-pill-label{font-size:12px!important;gap:5px!important}
.header .topbar .tm-pill .tm-ico,.header .topbar .tm-pill svg{width:15px!important;height:15px!important;flex:0 0 15px!important}
.header .topbar .search,.header .topbar [class*=search]{flex:0 0 32px!important;width:32px!important;min-width:32px!important;padding:0!important;justify-content:center!important;overflow:hidden!important}
.header .topbar{gap:6px!important}
}
@media (max-width:460px){
.header .topbar .search .source-native-search{display:none!important}
.header .topbar .search{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:32px!important;border-radius:50%!important}
.header .topbar .search .source-svg{width:16px!important;height:16px!important;margin:0!important;flex:0 0 16px!important}
}
.promo-popup-card{aspect-ratio:3/4!important;height:auto!important;max-height:72vh!important}
.promo-popup-card .ad-media-surface,.promo-popup-card .ad-media-image{height:100%!important;width:100%!important}
.promo-popup-card .ad-media-image img{object-fit:cover!important;object-position:center bottom!important}
.watch .feature-play-icon{margin-left:0!important}
/* 1027w */
.tm-wish-hero img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important}
.tm-wish-hero div{background-size:cover!important;background-position:center center!important}
.tm-wish-hero{aspect-ratio:1320/503!important;height:auto!important;min-height:0!important}
.tm-wish-hero div{background-size:100% 100%!important}
/* category pills: avoid 添 clipping */
[class*=category] [class*=tab],[class*=category-tab],[class*=cate] uni-text,[class*=tabs] [class*=item]{line-height:1.4!important;padding-top:6px!important;padding-bottom:6px!important;overflow:visible!important;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif}