:root {
  --c-bg: #111111;
  --c-bg2: #1a1a1a;
  --c-bg3: #1e1e1e;
  --c-bg4: #242424;
  --c-border: #2a2a2a;
  --c-border2: #333333;
  --c-text: #f0f0f0;
  --c-text2: #aaaaaa;
  --c-text3: #666666;
  --c-accent: #ffb000;
  --c-accent2: #d99000;
  --c-accent-glow: rgba(255,176,0,0.17);
  --player-accent: #ffb000;
  --player-accent-rgb: 255,176,0;
  --player-accent-focus: #ffd166;
  --player-panel-bg: rgba(24,24,24,0.96);
  --player-panel-text: #f3f3f3;
  --player-panel-arrow: #b9b9b9;
  --player-panel-border: rgba(255,255,255,0.08);
  --player-radio-hover: rgba(255,255,255,0.18);
  --player-controls-bg: linear-gradient(transparent,rgba(0,0,0,0.86));
  --player-buffer-bg: rgba(255,255,255,0.22);
  --player-thumb-bg: #fff;
  --play-info-padding:14px;
  --play-info-margin:1px 0 0;
  --play-info-border-top:1px solid var(--c-border);
  --play-info-font-size:12.5px;
  --play-info-gap:6px;
  --play-info-row-margin:8px;
  --play-info-align:flex-start;
  --play-label-min-width:36px;
  --play-tag-gap:5px;
  --play-tag-padding:2px 8px;
  --play-tag-font-size:11px;
  --play-tag-color:var(--c-text3);
  --play-tag-border:1px solid var(--c-border2);
  --play-tag-radius:3px;
  --play-tag-transition:all .15s;
  --play-tag-hover-bg:var(--c-accent-glow);
  --play-tag-hover-border-color:var(--c-accent);
  --play-tag-hover-color:var(--c-accent);
  --play-ep-padding:10px 14px 4px;
  --play-ep-bg:var(--c-bg2);
  --play-ep-label-size:11px;
  --play-ep-label-color:var(--c-text3);
  --play-ep-label-weight:500;
  --play-ep-label-letter-spacing:.5px;
  --play-ep-label-gap:6px;
  --play-ep-label-margin:7px;
  --play-ep-label-marker-width:2px;
  --play-ep-label-marker-height:10px;
  --play-ep-label-marker-radius:2px;
  --play-ep-gap:6px;
  --play-ep-wrap-padding:0 0 6px;
  --play-ep-btn-padding:5px 13px;
  --play-ep-btn-font-size:12px;
  --play-ep-btn-color:var(--c-text2);
  --play-ep-btn-border:1px solid var(--c-border2);
  --play-ep-btn-radius:var(--radius-sm);
  --play-ep-btn-transition:all .15s;
  --play-ep-btn-hover-bg:var(--c-accent-glow);
  --play-ep-btn-hover-color:var(--c-accent);
  --play-ep-btn-hover-border-color:var(--c-accent);
  --play-ep-btn-active-border-color:var(--c-accent);
  --play-ep-btn-active-shadow:0 2px 8px rgba(108,143,255,0.35);
  --play-warn-padding:9px 14px;
  --play-warn-bg:rgba(255,82,82,0.08);
  --play-warn-border-top:1px solid rgba(255,82,82,0.2);
  --play-warn-text-color:#ff8a80;
  --play-warn-text-size:12.5px;
  --play-warn-line-height:1.6;
  --c-red: #ff4444;
  --c-green: #4caf50;
  --c-gold: #f5a623;
  --radius: 6px;
  --radius-sm: 4px;
  --shadow: 0 2px 10px rgba(0,0,0,0.5);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.6);
  --font: "PingFang SC","Microsoft YaHei",Arial,sans-serif;
}

*{box-sizing:border-box;margin:0;padding:0}
html,body{
  background:var(--c-bg);
  font-family:var(--font);
  font-size:14px;color:var(--c-text);
  overflow-x:hidden;max-width:100%;
  -webkit-font-smoothing:antialiased;
  scrollbar-width:none;-ms-overflow-style:none
}
html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}
a{text-decoration:none;color:var(--c-text)}
ul,ol{list-style:none}
img{display:block}

.wrap{
  width:100%;max-width:700px;margin:0 auto;
  min-height:100vh;display:flex;flex-direction:column;
  background:var(--c-bg);overflow-x:hidden
}
.main{
  width:100%;max-width:700px;margin:0 auto;
  padding:10px 0 20px;flex:1;min-width:0;overflow-x:hidden
}


.nav-root{
  width:100%;position:sticky;top:0;z-index:200;
  background:rgba(17,17,17,0.98);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border-bottom:2px solid var(--c-accent)
}
.nav-inner{width:100%;max-width:700px;margin:0 auto;padding:0;overflow:hidden}


.brand-center{
  display:flex;flex-direction:column;align-items:center;
  padding:10px 14px 6px;background:var(--c-bg2);
  border-bottom:1px solid var(--c-border)
}
.f-logo-sub{
  font-size:9px;color:var(--c-text3);letter-spacing:3px;margin-top:2px;text-transform:uppercase
}

.brand-row{display:flex;align-items:center;padding:8px 12px;gap:0;background:transparent;min-width:0}
.f-logo{flex-shrink:0}
.f-logo-t{
  font-size:20px;font-weight:900;
  background:linear-gradient(135deg,var(--c-accent),#ffc85a);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;letter-spacing:1px;text-align:center
}
.f-logo-s{font-size:9px;color:var(--c-text3);letter-spacing:1px;margin-top:1px}

.sb{
  display:flex;width:100%;height:38px;
  background:var(--c-bg3);border-radius:4px;
  border:1.5px solid var(--c-accent);
  align-items:stretch;position:relative;overflow:hidden;min-width:0;
  transition:border-color .2s
}
.sb:focus-within{border-color:#ffc85a}

.sb-form{display:flex;flex:1;min-width:0}

.sb-opt:hover,.sb-opt.on{background:var(--c-accent-glow);color:var(--c-accent)}
.sb-inp{
  flex:1;min-width:0;height:100%;background:transparent;border:none;color:var(--c-text);
  font-size:12px;padding:0 10px;font-family:inherit;outline:none;
  -webkit-appearance:none;appearance:none;margin:0;box-shadow:none;border-radius:0
}
.sb-inp::placeholder{color:var(--c-text3)}
.sb-btn{
  width:44px;min-width:44px;flex-shrink:0;background:var(--c-accent);border:none;
  cursor:pointer;display:flex;align-items:center;justify-content:center;
  -webkit-appearance:none;appearance:none;
  border-radius:0;align-self:stretch;transition:background .15s
}
.sb-btn:hover{background:var(--c-accent2)}
.sb-btn svg{pointer-events:none}

.module-nav{
  display:flex;gap:6px;overflow-x:auto;justify-content:center;
  padding:6px 12px;background:var(--c-bg2);
  border-bottom:1px solid var(--c-border);scrollbar-width:none
}
.module-nav::-webkit-scrollbar{display:none}
.module-item{
  flex-shrink:0;padding:5px 14px;border-radius:20px;
  background:var(--c-bg3);border:1px solid var(--c-border2);
  color:var(--c-text2);font-size:12px;transition:all .15s
}
.module-item:hover{border-color:var(--c-accent);color:var(--c-accent)}
.module-item.active{background:var(--c-accent);color:#fff;border-color:var(--c-accent)}

.cat-nav{background:var(--c-bg2);border-bottom:2px solid var(--c-accent);box-shadow:0 1px 0 rgba(245,166,35,.16)}
.cat-nav-inner{max-width:inherit;padding:0}
.cat-tabs{
  display:flex;align-items:center;justify-content:center !important;flex-wrap:wrap;
  overflow:visible;scrollbar-width:none;-ms-overflow-style:none;
  padding:8px 10px 6px;gap:6px;background:var(--c-bg2);
  border-bottom:1px solid var(--c-border);
  max-width:100%;box-sizing:border-box;
  margin:0 auto;
}
.cat-tabs::-webkit-scrollbar{display:none}
.cat-tab{
  display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;
  padding:5px 13px;font-size:11px;color:var(--c-text2);font-weight:600;
  cursor:pointer;white-space:nowrap;border-radius:4px;
  background:var(--c-bg3);border:1px solid var(--c-border2);
  transition:all .15s;user-select:none;text-decoration:none;text-align:center
}
.cat-tab:hover{color:var(--c-text);border-color:var(--c-text3)}
.cat-tab.active{background:var(--c-accent);color:#000;border-color:var(--c-accent);font-weight:700}

.cat-panel{
  display:none;padding:7px 10px 8px;background:linear-gradient(180deg,var(--c-bg2) 0%,#141414 100%);
  border-top:1px dashed var(--c-border2);flex-wrap:wrap;gap:6px;justify-content:center
}
.cat-panel.open{display:flex}
.cat-panel-item,.cat-flat-item{
  padding:3px 11px;font-size:10px;color:var(--c-text3);
  background:var(--c-bg4);border:1px solid var(--c-border2);
  border-radius:4px;white-space:nowrap;text-decoration:none;transition:all .12s
}
.cat-panel-item:hover,.cat-panel-item.cur,.cat-flat-item:hover,.cat-flat-item.cur{
  background:var(--c-accent);color:#000;border-color:var(--c-accent);font-weight:700
}
.cat-flat{display:flex;flex-wrap:wrap;gap:6px;padding:8px 10px;background:var(--c-bg2);justify-content:center;border-top:1px solid var(--c-border)}

.vod-remarks{
  position:absolute;top:5px;right:5px;z-index:2;
  background:rgba(245,166,35,0.9);color:#000;font-size:9px;
  padding:1px 6px;border-radius:3px;max-width:60%;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600
}


.block{background:var(--c-bg);margin-bottom:10px;overflow:hidden;width:100%;min-width:0}
.block:last-child{margin-bottom:0}
.block-title{
  display:flex;align-items:center;padding:10px 12px;
  background:var(--c-bg2);border-bottom:1px solid var(--c-border);
  font-size:13px;font-weight:700;color:var(--c-text);overflow:hidden
}
.block-title::before{
  content:'';display:inline-block;width:3px;height:15px;
  background:var(--c-accent);border-radius:0;margin-right:8px;flex-shrink:0
}
.block-title-more{
  margin-left:auto;font-size:11px;color:var(--c-text3);
  font-weight:400;text-decoration:none;padding-right:2px;
  display:flex;align-items:center;gap:3px
}
.block-title-more::after{content:'›';font-size:14px;line-height:1}
.block-title-more:hover{color:var(--c-accent)}
.block-title-plain{padding:12px 14px;justify-content:flex-start}
.block-title-plain::before{display:none}
.block-title-text{font-size:14px;font-weight:700;color:var(--c-text);line-height:1.2}

.tab-seg{
  display:inline-flex;background:var(--c-bg3);
  border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:3px;gap:2px
}
.tab-btn{
  padding:4px 12px;border-radius:4px;font-size:12px;color:var(--c-text2);
  cursor:pointer;transition:all .12s;white-space:nowrap;
  font-weight:400;border:none;background:transparent
}
.tab-btn:hover:not(.tab-active){color:var(--c-text)}
.tab-btn.tab-active{
  background:var(--c-accent);color:#fff;font-weight:500;
  box-shadow:0 1px 6px rgba(108,143,255,0.3)
}


.rank-tabs-row{
  display:flex;flex-wrap:wrap;gap:6px;padding:10px 12px;
  border-bottom:1px solid var(--c-border);background:var(--c-bg2)
}
.rank-tabs-sub{border-bottom:1px solid var(--c-border)}
.rank-tab{
  padding:5px 14px;border-radius:4px;font-size:12px;color:var(--c-text2);
  cursor:pointer;white-space:nowrap;font-weight:400;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;
  border:1px solid var(--c-border);background:var(--c-bg3);transition:all .12s
}
.rank-tab:hover{color:var(--c-text);border-color:var(--c-text3)}
.rank-tab.active{
  background:var(--c-accent);color:#fff;border-color:var(--c-accent);font-weight:600
}

.bc{
  font-size:12px;color:var(--c-text2);padding:8px 14px;
  border-bottom:1px solid var(--c-border);
  display:flex;flex-wrap:wrap;align-items:center;gap:2px;
  background:var(--c-bg2)
}
.bc a{color:var(--c-accent)}
.bc a:hover{color:#ffc85a;text-decoration:underline}
.bc span{color:var(--c-text3);margin:0 2px}
.bc .bc-cur{color:var(--c-text2);font-size:13px;font-weight:500;margin:0;cursor:default}


.vod-grid{
  display:grid;grid-template-columns:repeat(2,1fr);
  gap:5px;background:var(--c-bg);padding:5px;width:100%
}
.vod-item{
  background:var(--c-bg2);width:100%;min-width:0;overflow:hidden;
  border-radius:var(--radius);border:1px solid var(--c-border);
  transition:border-color .18s,box-shadow .18s
}
.vod-item:hover{
  border-color:var(--c-accent);
  box-shadow:0 0 0 1px var(--c-accent)
}
.vod-card{display:block;text-decoration:none;color:var(--c-text);width:100%}
.vod-thumb{
  position:relative;width:100%;height:0;padding-bottom:62%;
  background:var(--c-bg4);overflow:hidden;
  border-radius:var(--radius) var(--radius) 0 0
}
.vod-thumb img{
  position:absolute;top:0;left:0;width:100%;height:100%;
  object-fit:cover;transition:transform .3s
}
.vod-card:hover .vod-thumb img{transform:scale(1.04)}
.vod-overlay{display:none}
.vod-caption{display:none}
.vod-info-bar{
  padding:5px 7px 7px;
}
.vod-date{display:none}
.vod-new{
  position:absolute;top:5px;left:5px;z-index:3;
  background:var(--c-red);color:#fff;font-size:9px;
  padding:2px 6px;border-radius:3px;font-weight:700
}
.vod-score{
  position:absolute;top:5px;right:5px;z-index:3;
  background:rgba(0,0,0,0.72);color:var(--c-accent);font-size:9px;
  padding:1px 5px;border-radius:3px;font-weight:600;letter-spacing:.3px
}
.vod-name{font-size:11px;color:var(--c-text);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}
.vod-time-line{font-size:9px;line-height:1.3;color:var(--c-text3);margin-top:2px}
.vod-meta{display:none}


.art-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;background:var(--c-bg);padding:10px;width:100%}
.art-item{
  background:var(--c-bg3);width:100%;min-width:0;overflow:hidden;
  border-radius:var(--radius);border:1px solid var(--c-border);
  box-shadow:var(--shadow);transition:transform .2s,border-color .2s
}
.art-item:hover{transform:translateY(-3px);border-color:var(--c-accent)}
.art-card{display:block;text-decoration:none;color:var(--c-text);width:100%}
.art-thumb{
  position:relative;width:100%;height:0;padding-bottom:133%;
  background:var(--c-bg4);overflow:hidden;
  border-radius:var(--radius) var(--radius) 0 0
}
.art-thumb img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s}
.art-card:hover .art-thumb img{transform:scale(1.06)}
.art-date{
  position:absolute;bottom:0;left:0;right:0;z-index:1;
  background:rgba(0,0,0,0.55);color:#fff;font-size:9px;padding:3px 6px;text-align:center
}
.art-name{
  padding:6px 8px 7px;font-size:11px;color:var(--c-text2);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center
}
.art-card:hover .art-name{color:var(--c-accent)}


.novel-list{padding:0 14px}
.novel-item{border-bottom:1px solid var(--c-border);padding:11px 0}
.novel-item:last-child{border-bottom:none}
.novel-item a{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;color:var(--c-text2);font-size:13px;line-height:1.6}
.novel-item a:hover{color:var(--c-accent)}
.novel-name{flex:1}
.novel-date{color:var(--c-text3);font-size:12px;white-space:nowrap;flex-shrink:0}


.pagination{padding:14px 8px;display:flex;flex-direction:column;align-items:center;gap:8px}
.pag-row{display:flex;justify-content:center;align-items:center;gap:5px;flex-wrap:wrap;width:100%;max-width:100%;padding:0 4px}
.pb{
  display:inline-flex;align-items:center;justify-content:center;
  height:30px;min-width:30px;padding:0 8px;
  border:1px solid var(--c-border2);border-radius:var(--radius-sm);
  font-size:12px;color:var(--c-text2);background:var(--c-bg3);
  cursor:pointer;text-decoration:none;white-space:nowrap;
  font-family:inherit;transition:all .15s;flex-shrink:0
}
.pb.active{background:var(--c-accent);color:#000;border-color:var(--c-accent);font-weight:700;box-shadow:0 2px 8px rgba(245,166,35,0.4)}
.pb:hover:not(.active){border-color:var(--c-accent);color:var(--c-accent)}
.page_input{height:30px;border:1px solid var(--c-border2);border-radius:var(--radius-sm);text-align:center;font-size:12px;outline:none;padding:0 4px;background:var(--c-bg3);color:var(--c-text);width:44px}
.mac_page_go{display:inline-flex;align-items:center;justify-content:center;height:30px;border:1px solid var(--c-border2);border-radius:var(--radius-sm);font-size:12px;color:var(--c-text2);background:var(--c-bg3);cursor:pointer;text-decoration:none;white-space:nowrap;font-family:inherit;transition:all .15s;padding:0 10px}
.mac_page_go:hover{border-color:var(--c-accent);color:var(--c-accent)}
.hidden-xs{display:inline-flex}
.visible-xs{display:none}

.src-label{font-size:11px;color:var(--c-text3);padding:10px 14px 0;display:block}

.pn-wrap{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--c-border)}
.pn-col{background:var(--c-bg2);padding:10px 14px;display:block;text-decoration:none;transition:background .15s}
.pn-col:hover{background:var(--c-bg3)}
.pn-right{text-align:right}
.pn-lbl{font-size:11px;color:var(--c-accent);margin-bottom:4px;font-weight:600}
.pn-lbl span{color:var(--c-text3);font-weight:400}
.pn-title{font-size:12px;color:var(--c-text2);line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pn-col:hover .pn-title{color:var(--c-accent)}


.sr-header{text-align:center;padding:14px 14px 10px;font-size:14px;color:var(--c-text2);border-bottom:1px solid var(--c-border)}
.sr-header b{color:var(--c-accent);font-size:16px}
.sr-list{padding:0 14px}
.sr-item{display:flex;gap:11px;align-items:center;padding:13px 0;border-bottom:1px solid var(--c-border);text-decoration:none;color:inherit}
.sr-item:last-child{border-bottom:none}
.sr-thumb{width:116px;flex-shrink:0;overflow:hidden;border-radius:var(--radius-sm);background:var(--c-bg3);border:1px solid var(--c-border)}
.sr-thumb-inner{padding-bottom:56%;position:relative}
.sr-thumb-inner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sr-body{flex:1;min-width:0}
.sr-title{line-height:1.6;color:var(--c-text);font-size:14px;font-weight:500}
.sr-item:hover .sr-title{color:var(--c-accent)}
.sr-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.sr-cat{color:var(--c-accent);font-size:12px;font-weight:500}
.sr-url{color:var(--c-text3);font-size:11px}
.kw-hit{background:rgba(255,213,79,0.2);color:var(--c-gold);padding:0 2px;border-radius:2px;font-style:normal}


.art-header{padding:18px 14px 12px;text-align:center;border-bottom:1px solid var(--c-border)}
.art-title{font-size:19px;font-weight:600;color:var(--c-text);margin-bottom:8px;line-height:1.4}
.art-meta{font-size:12px;color:var(--c-text3)}
.art-label{font-size:13px;font-weight:700;color:var(--c-text2);padding:10px 14px 8px;border-bottom:1px solid var(--c-border)}
.art-body{padding:14px;font-size:13.5px;color:var(--c-text2);line-height:1.9}
.art-body img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;margin:8px 0;position:static!important;border-radius:var(--radius-sm)}
.art-body p{margin-bottom:8px}


.site-footer{width:100%;background:var(--c-bg2);border-top:1px solid var(--c-border)}
.footer-inner{padding:20px 16px;text-align:center}
.footer-logo{
  font-size:15px;font-weight:700;
  background:linear-gradient(135deg,var(--c-accent),#ffce70);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;margin-bottom:8px;letter-spacing:0.5px
}
.footer-text{color:var(--c-text3);font-size:12px;line-height:1.9;margin-bottom:4px}
.footer-text:last-child{margin-bottom:0}
.footer-text b{color:var(--c-text2);font-weight:500}

img.lazy{background:var(--c-bg4)}
img.lazy:not([src*='loading']){background:transparent}
.ad-container{width:100%;overflow:hidden}
.sk-item{background:linear-gradient(90deg,var(--c-bg3) 25%,var(--c-bg4) 50%,var(--c-bg3) 75%);background-size:200% 100%;animation:sk 1.4s infinite;border-radius:var(--radius);height:110px}
@keyframes sk{0%{background-position:200% 0}100%{background-position:-200% 0}}




@media(max-width:499px){
  :root{
    --play-info-padding:11px 10px;
    --play-info-font-size:12px;
    --play-info-row-margin:7px;
    --play-ep-padding:8px 10px 4px;
    --play-warn-padding:7px 10px;
  }
  .main{padding:4px 0 16px}
  .block{margin-bottom:6px}
  .brand-center{padding:8px 10px 5px}
  .f-logo-t{font-size:17px}
  .f-logo-sub{font-size:8px;letter-spacing:2px}
  .brand-row{padding:7px 10px}
  .sb{height:35px;border-radius:4px}
  .sb-btn{width:38px}
  .sb-inp{font-size:11px;padding:0 8px}
  .cat-tabs{justify-content:center;flex-wrap:wrap;overflow:visible}
  .cat-tab{padding:4px 10px;font-size:11px}
  .bc{font-size:11px;padding:6px 10px}
  .vod-grid,.art-grid{gap:6px;padding:6px}
  .vod-name{font-size:10px}
  .art-name{font-size:10px;padding:5px 6px 6px}
  .novel-list{padding:0 10px}
  .pagination{padding:10px 6px}
  .pb{height:29px;padding:0 8px;font-size:11px}
  .sr-list{padding:0 10px}
  .sr-item{gap:9px;padding:10px 0}
  .sr-thumb{width:102px}
  .sr-title{font-size:13px}
  .art-body{padding:11px;font-size:13px}
  .footer-inner{padding:16px 12px}
  .hidden-xs{display:none}
  .visible-xs{display:inline-flex}
}
@media(max-width:360px){
  .f-logo-t{font-size:13px}
}


@media(min-width:500px){
  .wrap,.main{max-width:888px}
  .nav-inner{max-width:888px}
  .brand-center{max-width:888px;margin:0 auto}
  .site-footer .footer-inner{max-width:888px;margin:0 auto}
  .vod-grid{grid-template-columns:repeat(4,1fr);gap:6px;padding:7px}
  .art-grid{grid-template-columns:repeat(4,1fr)}
}


:root{
  --c-bg:#fff6c8;
  --c-bg2:#ffeaa0;
  --c-bg3:#ffd96b;
  --c-bg4:#ffc94a;
  --c-border:#efb64b;
  --c-border2:#d7942f;
  --c-text:#563414;
  --c-text2:#7a501e;
  --c-text3:#a56d27;
  --c-accent:#c76b12;
  --c-accent2:#9c4f09;
  --c-accent-glow:rgba(227,121,17,.18);
  --player-accent:#c76b12;
  --player-accent-rgb:199,107,18;
  --player-accent-focus:#ff9f2d;
  --player-panel-bg:rgba(255,234,160,.96);
  --player-panel-text:#563414;
  --player-panel-arrow:#7a501e;
  --player-panel-border:rgba(156,79,9,.16);
  --player-radio-hover:rgba(199,107,18,.14);
  --player-controls-bg:linear-gradient(transparent,rgba(86,52,20,.78));
  --player-buffer-bg:rgba(199,107,18,.22);
  --player-thumb-bg:#fff6c8;
  --play-ep-bg:var(--c-bg2);
  --play-tag-hover-bg:rgba(199,107,18,.12);
  --play-tag-hover-border-color:var(--c-accent);
  --play-tag-hover-color:var(--c-accent2);
  --play-ep-btn-hover-bg:rgba(199,107,18,.12);
  --play-ep-btn-hover-color:var(--c-accent2);
  --play-ep-btn-hover-border-color:var(--c-accent);
  --play-ep-btn-active-border-color:var(--c-accent);
  --play-ep-btn-active-shadow:0 2px 8px rgba(199,107,18,.26);
  --c-red:#ef6f4d;
  --c-green:#7fa84b;
  --c-gold:#d77a16
}
body{
  background:
    radial-gradient(circle at 12% 8%,rgba(255,198,74,.42),transparent 260px),
    radial-gradient(circle at 88% -60px,rgba(255,238,150,.88),transparent 320px),
    linear-gradient(180deg,#fff7cb 0%,#ffe9a6 100%)
}
.wrap{
  position:relative;
  background:rgba(255,246,200,.96);
  box-shadow:0 0 0 1px rgba(156,79,9,.08),0 18px 50px rgba(122,80,30,.12)
}
.wrap::before{
  content:'';
  position:absolute;
  right:9px;
  top:8px;
  width:52px;
  height:52px;
  pointer-events:none;
  z-index:1;
  opacity:.42;
  background:
    radial-gradient(circle at 26px 26px,#ffbe2f 0 13px,transparent 13.5px),
    repeating-conic-gradient(from 0deg,transparent 0deg 18deg,rgba(199,107,18,.30) 18deg 24deg,transparent 24deg 45deg);
  border-radius:50%
}
.wrap::after{
  content:'';
  position:absolute;
  left:14px;
  top:4px;
  width:80px;
  height:24px;
  pointer-events:none;
  z-index:1;
  opacity:.34;
  background:
    radial-gradient(ellipse at 14px 10px,#fffdf2 0 5px,transparent 5.5px),
    radial-gradient(ellipse at 42px 15px,#ffe4a0 0 4px,transparent 4.5px),
    radial-gradient(ellipse at 68px 8px,#fff2bd 0 3px,transparent 3.5px)
}
.nav-root{
  background:rgba(255,246,200,.96);
  border-bottom-color:var(--c-accent);
  box-shadow:0 10px 28px rgba(156,79,9,.13)
}
.brand-center{
  position:relative;
  overflow:visible;
  background:
    radial-gradient(circle at 30% 0,rgba(255,201,74,.32),transparent 60%),
    linear-gradient(180deg,#fff3b5 0%,#ffeaa0 100%)
}
.brand-center::before{
  content:'';
  position:absolute;
  left:15px;
  top:6px;
  width:44px;
  height:38px;
  pointer-events:none;
  z-index:1;
  opacity:.96;
  background:
    radial-gradient(ellipse at 22px 19px,#ffd447 0 16px,#e7a631 16.5px 18px,transparent 18.5px),
    radial-gradient(circle at 16px 15px,#2d1b10 0 2px,transparent 2.5px),
    radial-gradient(circle at 28px 15px,#2d1b10 0 2px,transparent 2.5px),
    radial-gradient(circle at 12px 22px,#ef7b62 0 3px,transparent 3.5px),
    radial-gradient(circle at 32px 22px,#ef7b62 0 3px,transparent 3.5px),
    conic-gradient(from 20deg at 22px 20px,transparent 0 16%,#d46b12 16% 23%,transparent 23% 100%),
    radial-gradient(ellipse at 16px 3px,#d99a26 0 2px,transparent 2.5px),
    radial-gradient(ellipse at 22px 1px,#d99a26 0 3px,transparent 3.5px),
    radial-gradient(ellipse at 28px 3px,#d99a26 0 2px,transparent 2.5px)
}
.brand-center::after{
  content:'';
  position:absolute;
  left:55px;
  top:28px;
  width:38px;
  height:10px;
  pointer-events:none;
  z-index:0;
  opacity:.52;
  border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(156,79,9,.22),transparent 70%)
}
.f-logo-t,
.f-logo-sub{
  position:relative;
  z-index:1
}
.f-logo-t{
  color:#7d3f0a;
  background:linear-gradient(135deg,#7d3f0a,#d77a16);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  text-shadow:0 1px 0 rgba(255,255,255,.55),0 6px 18px rgba(156,79,9,.18)
}
.f-logo-sub{color:#9a6425}
.brand-row{
  background:linear-gradient(180deg,#fff6c8 0%,#ffeaa0 100%)
}
.sb{
  position:relative;
  overflow:visible;
  background:#fff9d9;
  border-color:#f2cc68
}
.sb:focus-within{
  border-color:var(--c-accent);
  box-shadow:0 0 0 1px rgba(199,107,18,.18),0 0 18px rgba(199,107,18,.20)
}
.sb::after{
  content:'';
  position:absolute;
  right:-9px;
  bottom:-10px;
  width:34px;
  height:32px;
  pointer-events:none;
  z-index:3;
  opacity:.96;
  background:
    radial-gradient(ellipse at 17px 18px,#ffd447 0 12px,#e7a631 12.5px 14px,transparent 14.5px),
    radial-gradient(circle at 12px 15px,#2d1b10 0 1.7px,transparent 2.2px),
    radial-gradient(circle at 21px 15px,#2d1b10 0 1.7px,transparent 2.2px),
    radial-gradient(circle at 9px 21px,#ef7b62 0 2px,transparent 2.5px),
    radial-gradient(circle at 24px 21px,#ef7b62 0 2px,transparent 2.5px),
    conic-gradient(from 16deg at 17px 19px,transparent 0 16%,#d46b12 16% 25%,transparent 25% 100%)
}
.sb-btn{
  background:var(--c-accent);
  color:#fff
}
.sb-btn:hover{background:var(--c-accent2)}
.module-item,
.cat-tab,
.cat-panel-item,
.cat-flat-item,
.rank-tab,
.tab-btn,
.pb,
.mac_page_go,
.ep-btn,
.tag-btn{
  position:relative;
  overflow:visible
}
.module-item.active,
.cat-tab.active,
.cat-panel-item.cur,
.cat-flat-item.cur,
.rank-tab.active,
.tab-btn.tab-active,
.pb.active,
.ep-btn.active{
  background:var(--c-accent);
  color:#fff;
  border-color:var(--c-accent)
}
.cat-tab::after,
.cat-panel-item::after,
.cat-flat-item::after,
.module-item::after,
.rank-tab::after,
.tab-btn::after,
.pb::after,
.mac_page_go::after,
.ep-btn::after,
.tag-btn::after{
  content:'';
  position:absolute;
  right:-4px;
  top:-4px;
  width:11px;
  height:10px;
  pointer-events:none;
  opacity:.72;
  background:
    radial-gradient(ellipse at 4px 3px,rgba(122,80,30,.78) 0 2px,transparent 2.4px),
    radial-gradient(ellipse at 8px 4px,rgba(122,80,30,.70) 0 2px,transparent 2.4px),
    radial-gradient(ellipse at 3px 8px,rgba(122,80,30,.62) 0 2px,transparent 2.4px),
    radial-gradient(ellipse at 8px 8px,rgba(122,80,30,.54) 0 2px,transparent 2.4px)
}
.cat-tab:hover::after,
.cat-panel-item:hover::after,
.cat-flat-item:hover::after,
.module-item:hover::after,
.rank-tab:hover::after,
.tab-btn:hover::after,
.pb:hover::after,
.mac_page_go:hover::after,
.ep-btn:hover::after,
.tag-btn:hover::after{
  opacity:1
}
.cat-nav{
  background:var(--c-bg2);
  border-bottom-color:var(--c-accent);
  box-shadow:0 1px 0 rgba(199,107,18,.16)
}
.cat-tabs,
.cat-panel,
.cat-flat,
.module-nav,
.rank-tabs-row{
  background:var(--c-bg2)
}
.block-title{
  position:relative;
  background:
    linear-gradient(90deg,rgba(255,201,74,.26),transparent 42%),
    var(--c-bg2);
  border-bottom-color:var(--c-border)
}
.block-title::before{background:var(--c-accent)}
.block-title::after{
  content:'';
  position:absolute;
  right:13px;
  top:50%;
  width:32px;
  height:18px;
  margin-top:-9px;
  pointer-events:none;
  opacity:.55;
  background:
    radial-gradient(ellipse at 14px 9px,#ffd447 0 8px,#e7a631 8.5px 9.8px,transparent 10px),
    radial-gradient(circle at 11px 7px,#2d1b10 0 1.3px,transparent 1.7px),
    radial-gradient(circle at 17px 7px,#2d1b10 0 1.3px,transparent 1.7px),
    conic-gradient(from 18deg at 15px 11px,transparent 0 18%,#d46b12 18% 27%,transparent 27% 100%)
}
.vod-grid{
  background:
    linear-gradient(180deg,rgba(255,231,124,.68),transparent 92px),
    var(--c-bg)
}
.vod-item{
  position:relative;
  overflow:visible;
  background:#fff9d9;
  border-color:var(--c-border);
  box-shadow:0 8px 20px rgba(122,80,30,.10)
}
.vod-item::before{
  content:'';
  position:absolute;
  left:-5px;
  bottom:19px;
  width:34px;
  height:30px;
  pointer-events:none;
  z-index:4;
  opacity:.58;
  transform-origin:50% 100%;
  background:
    radial-gradient(ellipse at 17px 17px,#ffd447 0 12px,#e7a631 12.5px 14px,transparent 14.5px),
    radial-gradient(circle at 12px 14px,#2d1b10 0 1.5px,transparent 2px),
    radial-gradient(circle at 21px 14px,#2d1b10 0 1.5px,transparent 2px),
    conic-gradient(from 12deg at 18px 18px,transparent 0 16%,#d46b12 16% 25%,transparent 25% 100%)
}
.vod-item::after{
  content:'';
  position:absolute;
  right:-4px;
  top:-5px;
  width:30px;
  height:22px;
  pointer-events:none;
  z-index:4;
  opacity:.72;
  background:
    linear-gradient(135deg,transparent 0 8px,#fffdf2 8px 16px,transparent 16px),
    radial-gradient(ellipse at 16px 15px,#fffdf2 0 12px,#d7942f 12.5px 14px,transparent 14.5px)
}
.vod-item:hover::before{
  animation:chickWiggle .82s ease-in-out
}
.vod-item:hover .vod-name::after{
  content:'啾';
  position:absolute;
  right:6px;
  bottom:19px;
  width:20px;
  height:16px;
  pointer-events:none;
  color:#7d3f0a;
  background:#fff6c8;
  border:1px solid rgba(199,107,18,.32);
  border-radius:8px 8px 8px 2px;
  font-size:10px;
  line-height:14px;
  text-align:center;
  opacity:.86
}
.vod-info-bar{position:relative}
.vod-item:hover{
  border-color:rgba(199,107,18,.50);
  box-shadow:0 10px 24px rgba(122,80,30,.14)
}
.vod-score,
.vod-remarks{
  background:rgba(199,107,18,.92);
  color:#fff
}
.vod-new{background:#ef8b2d;color:#fff}
.vod-name{color:var(--c-text)}
.site-footer{
  background:var(--c-bg2);
  border-top-color:var(--c-border)
}
.footer-logo{
  background:linear-gradient(135deg,#7d3f0a,#d77a16);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text
}
@keyframes chickWiggle{
  0%,100%{transform:rotate(0deg)}
  40%{transform:rotate(-5deg)}
  70%{transform:rotate(4deg)}
}


:root{
  --c-bg:#fff6d8;
  --c-bg2:#ffe8a8;
  --c-bg3:#ffd66e;
  --c-bg4:#f6b43d;
  --c-border:#efbd63;
  --c-border2:#cd7a18;
  --c-text:#4c2d11;
  --c-text2:#754719;
  --c-text3:#a06120;
  --c-accent:#c76512;
  --c-accent2:#8f4308;
  --c-accent-glow:rgba(238,151,35,.18);
  --player-accent:#d87416;
  --player-accent-rgb:216,116,22;
  --player-accent-focus:#ffc33d;
  --player-panel-bg:rgba(255,248,221,.97);
  --player-panel-text:#4c2d11;
  --player-panel-arrow:#754719;
  --player-panel-border:rgba(143,67,8,.16);
  --player-radio-hover:rgba(216,116,22,.14);
  --player-controls-bg:linear-gradient(transparent,rgba(76,45,17,.78));
  --player-buffer-bg:rgba(216,116,22,.22);
  --player-thumb-bg:#fff7d9;
  --play-ep-bg:var(--c-bg2);
  --play-tag-hover-bg:rgba(216,116,22,.12);
  --play-tag-hover-border-color:var(--c-accent);
  --play-tag-hover-color:var(--c-accent2);
  --play-ep-btn-hover-bg:rgba(216,116,22,.12);
  --play-ep-btn-hover-color:var(--c-accent2);
  --play-ep-btn-hover-border-color:var(--c-accent);
  --play-ep-btn-active-border-color:var(--c-accent);
  --play-ep-btn-active-shadow:0 2px 8px rgba(216,116,22,.26)
}
body{
  background:
    radial-gradient(circle at 10% 7%,rgba(255,222,112,.54),transparent 260px),
    radial-gradient(circle at 82% 2%,rgba(255,244,187,.84),transparent 300px),
    radial-gradient(circle at 50% 102%,rgba(246,174,78,.30),transparent 360px),
    linear-gradient(180deg,#fff9d8 0%,#fff1be 48%,#ffd997 100%);
  color:var(--c-text)
}
.wrap{
  position:relative;
  background:
    linear-gradient(180deg,rgba(255,250,225,.96),rgba(255,239,188,.96)),
    var(--c-bg);
  box-shadow:0 0 0 1px rgba(143,67,8,.08),0 18px 44px rgba(117,71,25,.13)
}
.wrap::before{
  content:'';
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:170px;
  pointer-events:none;
  z-index:1;
  opacity:.50;
  background:
    radial-gradient(circle at 8% 30%,#fff8d5 0 3px,#ffd96a 3.5px 6px,transparent 6.5px),
    radial-gradient(circle at 27% 58%,#fffdf2 0 2px,#ffcf52 2.5px 5px,transparent 5.5px),
    radial-gradient(circle at 58% 24%,#fff7ca 0 3px,#ffd45c 3.5px 6px,transparent 6.5px),
    radial-gradient(circle at 76% 70%,#fffdf2 0 2px,#ffc84b 2.5px 5px,transparent 5.5px),
    radial-gradient(circle at 91% 36%,#fff8d5 0 3px,#ffd96a 3.5px 6px,transparent 6.5px);
  animation:chickFloatFluff 12s ease-in-out infinite alternate
}
.wrap::after{
  content:'';
  position:absolute;
  right:13px;
  top:8px;
  width:74px;
  height:58px;
  pointer-events:none;
  z-index:1;
  opacity:.62;
  background:
    radial-gradient(ellipse at 55px 18px,#ffe16a 0 6px,#d87917 6.5px 8px,transparent 8.5px),
    radial-gradient(ellipse at 55px 32px,#ffe16a 0 6px,#d87917 6.5px 8px,transparent 8.5px),
    radial-gradient(ellipse at 43px 25px,#ffe16a 0 6px,#d87917 6.5px 8px,transparent 8.5px),
    radial-gradient(ellipse at 67px 25px,#ffe16a 0 6px,#d87917 6.5px 8px,transparent 8.5px),
    radial-gradient(circle at 55px 25px,#7fa84b 0 5px,transparent 5.5px),
    linear-gradient(105deg,transparent 0 49px,#6d8f3a 49px 52px,transparent 52px),
    radial-gradient(ellipse at 18px 40px,rgba(255,211,69,.78) 0 10px,rgba(216,139,25,.70) 10.5px 12px,transparent 12.5px),
    radial-gradient(circle at 14px 37px,#2a180c 0 1.4px,transparent 1.8px),
    radial-gradient(circle at 22px 37px,#2a180c 0 1.4px,transparent 1.8px),
    radial-gradient(circle at 12px 42px,#ef8c77 0 2px,transparent 2.4px),
    radial-gradient(circle at 24px 42px,#ef8c77 0 2px,transparent 2.4px),
    conic-gradient(from 16deg at 18px 41px,transparent 0 18%,#dd7a18 18% 26%,transparent 26% 100%);
  filter:drop-shadow(0 4px 5px rgba(117,71,25,.18))
}
.nav-root{
  background:rgba(255,248,220,.98);
  border-bottom-color:var(--c-accent);
  box-shadow:0 10px 24px rgba(143,67,8,.13)
}
.brand-row{
  background:linear-gradient(180deg,#fff9dc 0%,#ffe7a6 100%)
}
.brand-center{
  position:relative;
  overflow:visible;
  isolation:isolate;
  background:
    radial-gradient(circle at 17% 12%,rgba(255,223,105,.55),transparent 66px),
    linear-gradient(180deg,#fff8d4 0%,#ffe9a9 100%)
}
.brand-center::before{
  content:'';
  position:absolute;
  left:12px;
  top:4px;
  width:62px;
  height:54px;
  pointer-events:none;
  z-index:0;
  opacity:.98;
  background:
    radial-gradient(ellipse at 31px 34px,rgba(117,71,25,.25) 0 24px,transparent 25px),
    radial-gradient(ellipse at 24px 49px,#d87516 0 3px,transparent 3.5px),
    radial-gradient(ellipse at 39px 49px,#d87516 0 3px,transparent 3.5px),
    radial-gradient(ellipse at 18px 31px,#f7bd38 0 9px,transparent 9.8px),
    radial-gradient(ellipse at 44px 28px,#f7bd38 0 10px,transparent 10.8px),
    radial-gradient(ellipse at 31px 31px,#ffdb56 0 22px,#f2ad2e 22.5px 24px,transparent 25px),
    radial-gradient(ellipse at 24px 24px,#2d1a0d 0 2.5px,transparent 3px),
    radial-gradient(ellipse at 39px 24px,#2d1a0d 0 2.5px,transparent 3px),
    radial-gradient(circle at 23px 23px,#fff 0 1px,transparent 1.3px),
    radial-gradient(circle at 38px 23px,#fff 0 1px,transparent 1.3px),
    radial-gradient(circle at 18px 32px,#f18a79 0 3.5px,transparent 4px),
    radial-gradient(circle at 45px 32px,#f18a79 0 3.5px,transparent 4px),
    conic-gradient(from 18deg at 31px 31px,transparent 0 16%,#dd7817 16% 25%,transparent 25% 100%),
    radial-gradient(ellipse at 25px 7px,#d99020 0 2px,transparent 2.5px),
    radial-gradient(ellipse at 31px 4px,#d99020 0 3px,transparent 3.5px),
    radial-gradient(ellipse at 37px 7px,#d99020 0 2px,transparent 2.5px);
  filter:
    drop-shadow(0 3px 0 rgba(255,255,255,.55))
    drop-shadow(0 7px 8px rgba(117,71,25,.22));
  animation:chickHello 3.2s ease-in-out infinite
}
.brand-center::after{
  content:'';
  position:absolute;
  left:16px;
  top:41px;
  width:58px;
  height:16px;
  pointer-events:none;
  z-index:0;
  opacity:.82;
  background:
    radial-gradient(ellipse at 16px 8px,#fffef7 0 11px,transparent 11.5px),
    radial-gradient(ellipse at 31px 7px,#fffaf0 0 13px,transparent 13.5px),
    radial-gradient(ellipse at 45px 9px,#fffef7 0 10px,transparent 10.5px);
  filter:drop-shadow(0 4px 4px rgba(117,71,25,.12))
}
.f-logo-t,
.f-logo-sub{
  position:relative;
  z-index:2
}
.f-logo-t{
  color:#7c3908;
  background:linear-gradient(135deg,#783407 0%,#c76512 58%,#f09a28 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
  text-shadow:0 1px 0 rgba(255,255,255,.82),0 0 1px rgba(76,45,17,.45),0 7px 18px rgba(143,67,8,.18)
}
.f-logo-sub{color:#8c521b}
.sb{
  position:relative;
  overflow:visible;
  background:#fffaf0;
  border-color:#f1c46b;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95)
}
.sb:focus-within{
  border-color:#f0a32a;
  box-shadow:0 0 0 1px rgba(240,163,42,.22),0 0 20px rgba(255,196,61,.32),inset 0 1px 0 rgba(255,255,255,.95)
}
.sb::before{
  content:'';
  position:absolute;
  left:54%;
  top:-9px;
  width:42px;
  height:18px;
  pointer-events:none;
  z-index:4;
  opacity:0;
  background:
    radial-gradient(ellipse at 5px 9px,rgba(199,101,18,.82) 0 2px,transparent 2.5px),
    radial-gradient(ellipse at 11px 5px,rgba(199,101,18,.78) 0 2px,transparent 2.5px),
    radial-gradient(ellipse at 17px 9px,rgba(199,101,18,.70) 0 2px,transparent 2.5px),
    radial-gradient(ellipse at 28px 12px,rgba(199,101,18,.72) 0 2px,transparent 2.5px),
    radial-gradient(ellipse at 34px 8px,rgba(199,101,18,.68) 0 2px,transparent 2.5px),
    radial-gradient(ellipse at 40px 12px,rgba(199,101,18,.62) 0 2px,transparent 2.5px);
  animation:none
}
.sb:focus-within::before{
  animation:chickFootFocus 1.15s ease-out;
  opacity:0
}
.sb::after{
  content:'';
  position:absolute;
  right:35px;
  bottom:-10px;
  width:44px;
  height:42px;
  pointer-events:none;
  z-index:5;
  opacity:.98;
  background:
    radial-gradient(ellipse at 13px 34px,#db7a17 0 2px,transparent 2.5px),
    radial-gradient(ellipse at 32px 34px,#db7a17 0 2px,transparent 2.5px),
    radial-gradient(ellipse at 22px 24px,#ffdc58 0 17px,#f2ad2e 17.5px 19px,transparent 19.5px),
    radial-gradient(circle at 15px 20px,#2a180c 0 2px,transparent 2.5px),
    radial-gradient(circle at 28px 20px,#2a180c 0 2px,transparent 2.5px),
    radial-gradient(circle at 14px 19px,#fff 0 .9px,transparent 1.2px),
    radial-gradient(circle at 27px 19px,#fff 0 .9px,transparent 1.2px),
    radial-gradient(circle at 11px 27px,#f28d7d 0 3px,transparent 3.4px),
    radial-gradient(circle at 33px 27px,#f28d7d 0 3px,transparent 3.4px),
    conic-gradient(from 18deg at 22px 25px,transparent 0 16%,#dc7817 16% 26%,transparent 26% 100%),
    radial-gradient(ellipse at 18px 4px,#d99220 0 2px,transparent 2.5px),
    radial-gradient(ellipse at 25px 3px,#d99220 0 2.4px,transparent 2.9px);
  filter:drop-shadow(0 4px 5px rgba(117,71,25,.22))
}
.sb-form::after{
  content:'啾';
  position:absolute;
  right:72px;
  bottom:22px;
  min-width:20px;
  height:16px;
  padding:0 4px;
  pointer-events:none;
  z-index:6;
  color:#7b3908;
  background:#fffef7;
  border:1px solid rgba(199,101,18,.28);
  border-radius:9px 9px 9px 2px;
  font-size:10px;
  line-height:15px;
  text-align:center;
  opacity:.72;
  box-shadow:0 3px 6px rgba(117,71,25,.10);
  animation:chickBubbleBlink 2.4s ease-in-out infinite
}
.sb-btn{
  background:linear-gradient(180deg,#df7b18 0%,#bd5b0e 100%);
  color:#fff;
  text-shadow:0 1px 0 rgba(76,45,17,.40)
}
.sb-btn:hover{background:linear-gradient(180deg,#c96512 0%,#8f4308 100%)}
.module-item,
.cat-tab,
.cat-panel-item,
.cat-flat-item,
.rank-tab,
.tab-btn,
.pb,
.mac_page_go,
.ep-btn,
.tag-btn{
  position:relative;
  overflow:visible;
  color:var(--c-text2);
  border-color:rgba(205,122,24,.36);
  background:rgba(255,250,230,.72)
}
.module-item:hover,
.cat-tab:hover,
.cat-panel-item:hover,
.cat-flat-item:hover,
.rank-tab:hover,
.tab-btn:hover,
.pb:hover,
.mac_page_go:hover,
.ep-btn:hover,
.tag-btn:hover{
  border-color:var(--c-accent);
  color:var(--c-accent2);
  box-shadow:0 2px 8px rgba(216,116,22,.12)
}
.module-item.active,
.cat-tab.active,
.cat-panel-item.cur,
.cat-flat-item.cur,
.rank-tab.active,
.tab-btn.tab-active,
.pb.active,
.ep-btn.active{
  background:linear-gradient(180deg,#d87516 0%,#b5530c 100%);
  color:#fff;
  border-color:#8f4308;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 2px 8px rgba(143,67,8,.18);
  text-shadow:0 1px 0 rgba(76,45,17,.40)
}
.cat-tab::after,
.cat-panel-item::after,
.cat-flat-item::after,
.module-item::after,
.rank-tab::after,
.tab-btn::after,
.pb::after,
.mac_page_go::after,
.ep-btn::after,
.tag-btn::after{
  content:'';
  position:absolute;
  right:-4px;
  top:-4px;
  width:14px;
  height:13px;
  pointer-events:none;
  opacity:.82;
  background:
    radial-gradient(ellipse at 7px 9px,#c76512 0 3px,transparent 3.5px),
    radial-gradient(ellipse at 3px 5px,#d88724 0 2px,transparent 2.5px),
    radial-gradient(ellipse at 7px 3px,#d88724 0 2px,transparent 2.5px),
    radial-gradient(ellipse at 11px 5px,#d88724 0 2px,transparent 2.5px);
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.72))
}
.cat-tab:hover::after,
.cat-panel-item:hover::after,
.cat-flat-item:hover::after,
.module-item:hover::after,
.rank-tab:hover::after,
.tab-btn:hover::after,
.pb:hover::after,
.mac_page_go:hover::after,
.ep-btn:hover::after,
.tag-btn:hover::after{
  animation:chickPawWiggle .56s ease-in-out
}
.cat-nav,
.cat-tabs,
.cat-panel,
.cat-flat,
.module-nav,
.rank-tabs-row{
  background:rgba(255,235,176,.92)
}
.cat-nav{
  border-bottom-color:rgba(199,101,18,.40);
  box-shadow:0 1px 0 rgba(255,255,255,.65)
}
.block-title{
  position:relative;
  background:
    linear-gradient(90deg,rgba(255,213,92,.34),transparent 48%),
    rgba(255,239,190,.96);
  border-bottom-color:rgba(205,122,24,.38);
  color:var(--c-text)
}
.block-title::before{background:var(--c-accent)}
.block-title::after{
  content:'';
  position:absolute;
  right:13px;
  top:50%;
  width:35px;
  height:22px;
  margin-top:-11px;
  pointer-events:none;
  opacity:.70;
  background:
    linear-gradient(135deg,transparent 0 4px,#fffef6 4px 8px,transparent 8px 12px,#fffef6 12px 18px,transparent 18px),
    radial-gradient(ellipse at 17px 13px,#ffdf5b 0 8px,#f2ad2e 8.5px 9.6px,transparent 10px),
    radial-gradient(circle at 14px 11px,#2a180c 0 1.2px,transparent 1.6px),
    radial-gradient(circle at 20px 11px,#2a180c 0 1.2px,transparent 1.6px),
    conic-gradient(from 18deg at 17px 14px,transparent 0 16%,#dc7817 16% 26%,transparent 26% 100%);
  filter:drop-shadow(0 2px 3px rgba(117,71,25,.16));
  animation:chickBlinkEgg 3.8s ease-in-out infinite
}
.vod-grid{
  background:
    linear-gradient(180deg,rgba(255,229,139,.62),rgba(255,248,220,.35) 90px),
    var(--c-bg)
}
.vod-card{
  position:relative
}
.vod-card::after{
  content:'哔哔';
  position:absolute;
  right:11px;
  bottom:44px;
  width:28px;
  height:17px;
  pointer-events:none;
  z-index:8;
  color:#7b3908;
  background:#fffef7;
  border:1px solid rgba(199,101,18,.30);
  border-radius:9px 9px 9px 2px;
  font-size:10px;
  line-height:16px;
  text-align:center;
  opacity:0;
  transform:translateY(4px) scale(.92);
  box-shadow:0 3px 7px rgba(117,71,25,.14)
}
.vod-card:hover::after{
  animation:chickCardBubble 2s ease-out
}
.vod-item{
  position:relative;
  overflow:hidden;
  background:#fffaf0;
  border-color:rgba(205,122,24,.32);
  box-shadow:0 7px 18px rgba(117,71,25,.11)
}
.vod-item:hover{
  border-color:rgba(199,101,18,.56);
  box-shadow:0 10px 24px rgba(117,71,25,.16)
}
.vod-item::before{
  content:'';
  position:absolute;
  left:4px;
  top:4px;
  width:34px;
  height:26px;
  pointer-events:none;
  z-index:6;
  opacity:.72;
  background:
    linear-gradient(132deg,transparent 0 5px,#fffdf4 5px 10px,transparent 10px 14px,#fffdf4 14px 23px,transparent 23px),
    radial-gradient(ellipse at 17px 17px,#fffef7 0 13px,#d8912b 13.5px 15px,transparent 15.5px),
    radial-gradient(ellipse at 17px 16px,#ffdd5a 0 7px,transparent 7.5px),
    radial-gradient(circle at 14px 15px,#2a180c 0 1.1px,transparent 1.5px),
    radial-gradient(circle at 20px 15px,#2a180c 0 1.1px,transparent 1.5px);
  filter:drop-shadow(0 2px 3px rgba(117,71,25,.14))
}
.vod-item::after{
  content:'';
  position:absolute;
  right:4px;
  bottom:24px;
  width:42px;
  height:38px;
  pointer-events:none;
  z-index:7;
  opacity:.88;
  transform-origin:50% 100%;
  background:
    radial-gradient(ellipse at 22px 34px,rgba(117,71,25,.26) 0 17px,transparent 18px),
    radial-gradient(ellipse at 29px 29px,#c57918 0 4px,transparent 4.5px),
    radial-gradient(ellipse at 24px 26px,#fff4c8 0 3px,#b46813 3.5px 4.5px,transparent 5px),
    radial-gradient(ellipse at 22px 22px,#ffdc55 0 15px,#f0a82d 15.5px 17px,transparent 17.5px),
    radial-gradient(circle at 16px 18px,#2a180c 0 1.8px,transparent 2.3px),
    radial-gradient(circle at 27px 18px,#2a180c 0 1.8px,transparent 2.3px),
    radial-gradient(circle at 15px 17px,#fff 0 .8px,transparent 1.1px),
    radial-gradient(circle at 26px 17px,#fff 0 .8px,transparent 1.1px),
    radial-gradient(circle at 12px 24px,#ef8b7a 0 2.8px,transparent 3.2px),
    radial-gradient(circle at 31px 24px,#ef8b7a 0 2.8px,transparent 3.2px),
    conic-gradient(from 16deg at 22px 23px,transparent 0 16%,#dc7817 16% 26%,transparent 26% 100%),
    radial-gradient(ellipse at 19px 5px,#d89120 0 1.8px,transparent 2.3px),
    radial-gradient(ellipse at 24px 4px,#d89120 0 2.2px,transparent 2.7px);
  filter:
    drop-shadow(0 0 1px rgba(255,255,255,.90))
    drop-shadow(0 4px 5px rgba(117,71,25,.18))
}
.vod-item:hover::after{
  animation:chickCardHop .72s cubic-bezier(.2,.8,.2,1)
}
.vod-thumb{
  position:relative;
  background:#ffeec1
}
.vod-thumb::after{
  content:'';
  position:absolute;
  left:8px;
  right:8px;
  bottom:7px;
  height:12px;
  pointer-events:none;
  z-index:6;
  opacity:0;
  background:
    radial-gradient(ellipse at 4px 8px,#fffef7 0 4px,transparent 4.5px),
    radial-gradient(ellipse at 22px 5px,#fffef7 0 3px,transparent 3.5px),
    radial-gradient(ellipse at 40px 9px,#fffef7 0 4px,transparent 4.5px),
    radial-gradient(ellipse at 64px 4px,#fffef7 0 3px,transparent 3.5px);
  filter:drop-shadow(0 1px 1px rgba(117,71,25,.12))
}
.vod-item:hover .vod-thumb::after{
  animation:chickShellPop 1.1s ease-out
}
.vod-item:hover .vod-name::after{
  content:none
}
.vod-score,
.vod-remarks{
  background:rgba(199,101,18,.92);
  color:#fff
}
.vod-new{background:#ef9128;color:#fff}
.vod-name{color:var(--c-text)}
.site-footer{
  position:relative;
  background:rgba(255,232,168,.96);
  border-top-color:rgba(205,122,24,.34)
}
.site-footer::after{
  content:'';
  position:absolute;
  right:18px;
  bottom:8px;
  width:92px;
  height:52px;
  pointer-events:none;
  opacity:.62;
  background:
    radial-gradient(ellipse at 70px 17px,#ffdf60 0 6px,#d87917 6.5px 8px,transparent 8.5px),
    radial-gradient(ellipse at 70px 31px,#ffdf60 0 6px,#d87917 6.5px 8px,transparent 8.5px),
    radial-gradient(ellipse at 58px 24px,#ffdf60 0 6px,#d87917 6.5px 8px,transparent 8.5px),
    radial-gradient(ellipse at 82px 24px,#ffdf60 0 6px,#d87917 6.5px 8px,transparent 8.5px),
    radial-gradient(circle at 70px 24px,#7fa84b 0 5px,transparent 5.5px),
    linear-gradient(96deg,transparent 0 64px,#6d8f3a 64px 67px,transparent 67px),
    radial-gradient(ellipse at 22px 33px,#ffdc55 0 14px,#efaa2e 14.5px 16px,transparent 16.5px),
    radial-gradient(circle at 17px 29px,#2a180c 0 1.6px,transparent 2px),
    radial-gradient(circle at 27px 29px,#2a180c 0 1.6px,transparent 2px),
    radial-gradient(circle at 15px 35px,#ef8b7a 0 2.5px,transparent 3px),
    radial-gradient(circle at 30px 35px,#ef8b7a 0 2.5px,transparent 3px),
    conic-gradient(from 18deg at 22px 33px,transparent 0 16%,#dc7817 16% 26%,transparent 26% 100%),
    radial-gradient(ellipse at 6px 42px,#ffdc55 0 6px,#efaa2e 6.5px 7.5px,transparent 8px),
    radial-gradient(ellipse at 40px 43px,#ffdc55 0 6px,#efaa2e 6.5px 7.5px,transparent 8px);
  filter:drop-shadow(0 4px 5px rgba(117,71,25,.15))
}
.chick-cursor-paw{
  position:fixed;
  left:0;
  top:0;
  width:18px;
  height:16px;
  pointer-events:none;
  z-index:999;
  opacity:0;
  transform:translate3d(-50%,-50%,0) rotate(var(--paw-rot,0deg)) scale(.9);
  background:
    radial-gradient(ellipse at 9px 11px,rgba(255,195,61,.74) 0 4px,transparent 4.5px),
    radial-gradient(ellipse at 4px 6px,rgba(216,116,22,.70) 0 2.3px,transparent 2.8px),
    radial-gradient(ellipse at 9px 4px,rgba(216,116,22,.66) 0 2.3px,transparent 2.8px),
    radial-gradient(ellipse at 14px 6px,rgba(216,116,22,.62) 0 2.3px,transparent 2.8px);
  filter:drop-shadow(0 0 7px rgba(255,196,61,.34));
  animation:chickCursorPaw .86s ease-out forwards
}
.footer-logo{
  background:linear-gradient(135deg,#783407,#d87516 62%,#f0a32a);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text
}
@keyframes chickHello{
  0%,100%{transform:translateY(0) rotate(0deg)}
  50%{transform:translateY(-1px) rotate(-2deg)}
}
@keyframes chickFloatFluff{
  0%{transform:translate3d(0,0,0)}
  100%{transform:translate3d(0,12px,0)}
}
@keyframes chickBubbleBlink{
  0%,100%{opacity:.62;transform:translateY(0)}
  50%{opacity:.95;transform:translateY(-1px)}
}
@keyframes chickFootFocus{
  0%{opacity:0;transform:translateX(-12px) translateY(4px) scale(.92)}
  28%{opacity:.85}
  100%{opacity:0;transform:translateX(10px) translateY(-2px) scale(1.04)}
}
@keyframes chickPawWiggle{
  0%,100%{transform:rotate(0deg) scale(1)}
  35%{transform:rotate(-8deg) scale(1.08)}
  70%{transform:rotate(7deg) scale(1.04)}
}
@keyframes chickCardHop{
  0%,100%{transform:translateY(0) scale(1)}
  38%{transform:translateY(-8px) scale(1.03)}
  70%{transform:translateY(0) scale(.98)}
}
@keyframes chickCardBubble{
  0%{opacity:0;transform:translateY(5px) scale(.90)}
  18%,70%{opacity:.95;transform:translateY(0) scale(1)}
  100%{opacity:0;transform:translateY(-3px) scale(.96)}
}
@keyframes chickShellPop{
  0%{opacity:0;transform:translateY(4px) scale(.92)}
  28%,76%{opacity:.82;transform:translateY(0) scale(1)}
  100%{opacity:0;transform:translateY(-2px) scale(.98)}
}
@keyframes chickCursorPaw{
  0%{opacity:0;transform:translate3d(-50%,-50%,0) rotate(var(--paw-rot,0deg)) scale(.72)}
  18%{opacity:.82}
  100%{opacity:0;transform:translate3d(-50%,calc(-50% - 12px),0) rotate(var(--paw-rot,0deg)) scale(1.06)}
}
@keyframes chickBlinkEgg{
  0%,88%,100%{transform:scaleY(1)}
  92%{transform:scaleY(.86)}
}
@media(max-width:499px){
  .brand-center::before{transform:scale(.78);transform-origin:left top}
  .brand-center::after{transform:scale(.78);transform-origin:left top}
  .sb::after{right:32px;transform:scale(.82);transform-origin:right bottom}
  .sb-form::after{right:63px;transform:scale(.88);transform-origin:right bottom}
  .vod-item::before{transform:scale(.82);transform-origin:left top}
  .vod-item::after{transform:scale(.78);transform-origin:right bottom}
  .site-footer::after{transform:scale(.74);transform-origin:right bottom}
}


:root{
  --chick-brand:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2086%2070%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22b%22%20cx%3D%2238%25%22%20cy%3D%2230%25%22%20r%3D%2270%25%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffe982%22%2F%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%23ffd447%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23eda329%22%2F%3E%3C%2FradialGradient%3E%3ClinearGradient%20id%3D%22s%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23fffdf4%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f4e3be%22%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D%22f%22%20x%3D%22-20%25%22%20y%3D%22-20%25%22%20width%3D%22140%25%22%20height%3D%22140%25%22%3E%3CfeDropShadow%20dx%3D%220%22%20dy%3D%224%22%20stdDeviation%3D%222.6%22%20flood-color%3D%22%23875015%22%20flood-opacity%3D%22.24%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cellipse%20cx%3D%2243%22%20cy%3D%2264%22%20rx%3D%2228%22%20ry%3D%225%22%20fill%3D%22%238b5318%22%20opacity%3D%22.22%22%2F%3E%3Cg%20filter%3D%22url%28%23f%29%22%3E%3Cpath%20d%3D%22M21%2051c-8-3-11-11-8-18%205%202%2010%207%2012%2013z%22%20fill%3D%22%23f4b338%22%2F%3E%3Cpath%20d%3D%22M65%2030c9%201%2014%208%2012%2016-8%201-14-2-17-8z%22%20fill%3D%22%23f0a62d%22%2F%3E%3Cellipse%20cx%3D%2243%22%20cy%3D%2238%22%20rx%3D%2225%22%20ry%3D%2224%22%20fill%3D%22url%28%23b%29%22%2F%3E%3Cpath%20d%3D%22M22%2042c4%2013%2035%2019%2046%201-2%2014-12%2022-25%2022S22%2056%2022%2042z%22%20fill%3D%22%23e99424%22%20opacity%3D%22.20%22%2F%3E%3Cpath%20d%3D%22M34%2012c-3-5%200-9%205-9%200%204-1%207-5%209zM46%2011c0-6%204-9%208-6-2%204-4%206-8%206z%22%20fill%3D%22%23c87316%22%20stroke%3D%22%239b5210%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2234%22%20cy%3D%2234%22%20r%3D%224.2%22%20fill%3D%22%232b1b10%22%2F%3E%3Ccircle%20cx%3D%2252%22%20cy%3D%2234%22%20r%3D%224.2%22%20fill%3D%22%232b1b10%22%2F%3E%3Ccircle%20cx%3D%2232.8%22%20cy%3D%2232.5%22%20r%3D%221.35%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2250.8%22%20cy%3D%2232.5%22%20r%3D%221.35%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2227%22%20cy%3D%2243%22%20r%3D%224.4%22%20fill%3D%22%23f49783%22%20opacity%3D%22.9%22%2F%3E%3Ccircle%20cx%3D%2259%22%20cy%3D%2243%22%20r%3D%224.4%22%20fill%3D%22%23f49783%22%20opacity%3D%22.9%22%2F%3E%3Cpath%20d%3D%22M41%2039l10%203-10%205z%22%20fill%3D%22%23e97917%22%20stroke%3D%22%23b9550d%22%20stroke-width%3D%221%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M15%2052c11%204%2043%206%2057-1l-8%2015H23z%22%20fill%3D%22url%28%23s%29%22%20stroke%3D%22%23d7b475%22%20stroke-width%3D%221.5%22%2F%3E%3Cpath%20d%3D%22M22%2052l5%207%207-6%207%207%207-7%207%206%206-7%22%20fill%3D%22none%22%20stroke%3D%22%23d7b475%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M34%2061v5M52%2061v5%22%20stroke%3D%22%23cf7314%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M29%2066h10M47%2066h10%22%20stroke%3D%22%23cf7314%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  --chick-peek:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2058%2052%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22g%22%20cx%3D%2235%25%22%20cy%3D%2228%25%22%20r%3D%2270%25%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffec88%22%2F%3E%3Cstop%20offset%3D%22.58%22%20stop-color%3D%22%23ffd64d%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23eea42a%22%2F%3E%3C%2FradialGradient%3E%3Cfilter%20id%3D%22d%22%3E%3CfeDropShadow%20dx%3D%220%22%20dy%3D%223%22%20stdDeviation%3D%222%22%20flood-color%3D%22%237a4612%22%20flood-opacity%3D%22.24%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20filter%3D%22url%28%23d%29%22%3E%3Cpath%20d%3D%22M17%2039c-4%200-7-2-7-5%200-3%203-5%207-5h4v10zM41%2039c4%200%207-2%207-5%200-3-3-5-7-5h-4v10z%22%20fill%3D%22%23e48a19%22%2F%3E%3Cellipse%20cx%3D%2229%22%20cy%3D%2228%22%20rx%3D%2220%22%20ry%3D%2219%22%20fill%3D%22url%28%23g%29%22%2F%3E%3Cpath%20d%3D%22M21%207c-2-4%200-7%204-7%200%203-1%205-4%207zM32%207c0-4%203-7%206-5-1%203-3%205-6%205z%22%20fill%3D%22%23c87316%22%20stroke%3D%22%239b5210%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2221.5%22%20cy%3D%2225%22%20r%3D%223%22%20fill%3D%22%232b1b10%22%2F%3E%3Ccircle%20cx%3D%2236.5%22%20cy%3D%2225%22%20r%3D%223%22%20fill%3D%22%232b1b10%22%2F%3E%3Ccircle%20cx%3D%2220.6%22%20cy%3D%2224%22%20r%3D%221%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2235.6%22%20cy%3D%2224%22%20r%3D%221%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2232%22%20r%3D%223.5%22%20fill%3D%22%23f49783%22%20opacity%3D%22.9%22%2F%3E%3Ccircle%20cx%3D%2241%22%20cy%3D%2232%22%20r%3D%223.5%22%20fill%3D%22%23f49783%22%20opacity%3D%22.9%22%2F%3E%3Cpath%20d%3D%22M27%2030l8%203-8%204z%22%20fill%3D%22%23e97917%22%20stroke%3D%22%23b9550d%22%20stroke-width%3D%221%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M13%2045c4%203%2028%204%2033%200%22%20fill%3D%22none%22%20stroke%3D%22%23c77a1a%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  --chick-card:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2056%2050%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22g%22%20cx%3D%2234%25%22%20cy%3D%2225%25%22%20r%3D%2275%25%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffec88%22%2F%3E%3Cstop%20offset%3D%22.58%22%20stop-color%3D%22%23ffd44c%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23eca22b%22%2F%3E%3C%2FradialGradient%3E%3Cfilter%20id%3D%22d%22%3E%3CfeDropShadow%20dx%3D%220%22%20dy%3D%223%22%20stdDeviation%3D%222%22%20flood-color%3D%22%237a4612%22%20flood-opacity%3D%22.24%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cellipse%20cx%3D%2229%22%20cy%3D%2245%22%20rx%3D%2222%22%20ry%3D%224%22%20fill%3D%22%237d4a15%22%20opacity%3D%22.18%22%2F%3E%3Cg%20filter%3D%22url%28%23d%29%22%3E%3Cellipse%20cx%3D%2228%22%20cy%3D%2229%22%20rx%3D%2219%22%20ry%3D%2218%22%20fill%3D%22url%28%23g%29%22%2F%3E%3Cpath%20d%3D%22M13%2033c-5-2-7-7-5-12%205%201%209%205%2010%2010z%22%20fill%3D%22%23f2ad31%22%2F%3E%3Cpath%20d%3D%22M38%2032c5%200%209%204%209%208-5%201-10-1-12-5z%22%20fill%3D%22%23f1aa2e%22%2F%3E%3Cpath%20d%3D%22M23%208c-2-4%200-7%204-7%200%203-1%205-4%207zM32%208c0-4%203-7%206-5-1%203-3%205-6%205z%22%20fill%3D%22%23c87316%22%20stroke%3D%22%239b5210%22%20stroke-width%3D%221%22%20stroke-linecap%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2221.5%22%20cy%3D%2225%22%20r%3D%223%22%20fill%3D%22%232b1b10%22%2F%3E%3Ccircle%20cx%3D%2234.5%22%20cy%3D%2225%22%20r%3D%223%22%20fill%3D%22%232b1b10%22%2F%3E%3Ccircle%20cx%3D%2220.6%22%20cy%3D%2224%22%20r%3D%221%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2233.6%22%20cy%3D%2224%22%20r%3D%221%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2232%22%20r%3D%223.2%22%20fill%3D%22%23f49783%22%20opacity%3D%22.9%22%2F%3E%3Ccircle%20cx%3D%2239%22%20cy%3D%2232%22%20r%3D%223.2%22%20fill%3D%22%23f49783%22%20opacity%3D%22.9%22%2F%3E%3Cpath%20d%3D%22M27%2029l7%203-7%204z%22%20fill%3D%22%23e97917%22%20stroke%3D%22%23b9550d%22%20stroke-width%3D%221%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cellipse%20cx%3D%2241%22%20cy%3D%2240%22%20rx%3D%225%22%20ry%3D%223%22%20fill%3D%22%239f6121%22%20transform%3D%22rotate%2822%2041%2040%29%22%2F%3E%3Cpath%20d%3D%22M24%2042v5M33%2042v5%22%20stroke%3D%22%23c96f14%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22M19%2047h9M30%2047h9%22%20stroke%3D%22%23c96f14%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  --chick-egg:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2042%2032%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22e%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23fffef8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f4e1b9%22%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D%22d%22%3E%3CfeDropShadow%20dx%3D%220%22%20dy%3D%222%22%20stdDeviation%3D%221.5%22%20flood-color%3D%22%237a4612%22%20flood-opacity%3D%22.18%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20filter%3D%22url%28%23d%29%22%3E%3Cpath%20d%3D%22M5%2027c0-12%206-22%2016-22s16%2010%2016%2022z%22%20fill%3D%22url%28%23e%29%22%20stroke%3D%22%23d9b474%22%20stroke-width%3D%221.4%22%2F%3E%3Cpath%20d%3D%22M6%2017l5-5%205%206%205-6%205%206%205-6%205%205%22%20fill%3D%22none%22%20stroke%3D%22%23d49b42%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2221%22%20cy%3D%2218%22%20r%3D%227%22%20fill%3D%22%23ffda52%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2217%22%20r%3D%221.4%22%20fill%3D%22%232b1b10%22%2F%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2217%22%20r%3D%221.4%22%20fill%3D%22%232b1b10%22%2F%3E%3Cpath%20d%3D%22M20%2020l4%201.5-4%202z%22%20fill%3D%22%23e97917%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
.brand-center::before{
  left:14px;
  top:2px;
  width:70px;
  height:57px;
  background:var(--chick-brand) center/contain no-repeat;
  filter:none
}
.brand-center::after{
  left:23px;
  top:48px;
  width:54px;
  height:10px;
  opacity:.45
}
.sb::after{
  right:34px;
  bottom:-11px;
  width:50px;
  height:46px;
  background:var(--chick-peek) center/contain no-repeat;
  filter:none
}
.vod-item::before,
.block-title::after{
  background:var(--chick-egg) center/contain no-repeat;
  filter:none
}
.vod-item::before{
  display:none
}
.vod-item::after{
  display:none
}
.vod-thumb::before{
  content:'';
  position:absolute;
  right:2px;
  bottom:3px;
  width:50px;
  height:44px;
  pointer-events:none;
  z-index:6;
  background:var(--chick-card) center/contain no-repeat;
  opacity:.94
}
.vod-item:hover .vod-thumb::before{
  animation:chickCardHop .72s cubic-bezier(.2,.8,.2,1)
}
.block-title::after{
  width:36px;
  height:26px;
  opacity:.70
}
@media(max-width:499px){
  .brand-center::before{left:12px;top:4px;width:63px;height:52px;transform:none}
  .brand-center::after{left:20px;top:47px;transform:none}
  .sb::after{right:31px;bottom:-10px;width:45px;height:42px;transform:none}
  .vod-item::before{transform:none}
  .vod-item::after{transform:none}
  .vod-thumb::before{right:1px;bottom:3px;width:45px;height:40px}
}


.sb::before,
.sb::after,
.sb-form::after{
  content:none!important;
  display:none!important;
  animation:none!important
}
.sb:focus-within::before{
  content:none!important;
  display:none!important;
  animation:none!important
}
.vod-thumb::before,
.vod-card::after{
  content:none!important;
  display:none!important;
  animation:none!important
}
.vod-item:hover .vod-thumb::before,
.vod-card:hover::after{
  animation:none!important
}
.cat-tab::after,
.cat-panel-item::after,
.cat-flat-item::after,
.module-item::after,
.rank-tab::after,
.tab-btn::after,
.pb::after,
.mac_page_go::after,
.ep-btn::after,
.tag-btn::after{
  content:'';
  position:absolute;
  right:-5px;
  top:-6px;
  width:15px;
  height:15px;
  pointer-events:none;
  opacity:.88;
  border:1px solid rgba(199,101,18,.22);
  border-radius:50%;
  background:
    radial-gradient(ellipse at 50% 68%,#c76512 0 3.3px,transparent 3.9px),
    radial-gradient(ellipse at 28% 34%,#e59027 0 2px,transparent 2.6px),
    radial-gradient(ellipse at 50% 25%,#e59027 0 2.1px,transparent 2.7px),
    radial-gradient(ellipse at 72% 34%,#e59027 0 2px,transparent 2.6px),
    linear-gradient(180deg,#fff8dc 0%,#ffd988 100%);
  box-shadow:
    0 1px 0 rgba(255,255,255,.75) inset,
    0 2px 5px rgba(143,67,8,.18);
  filter:none;
  transform:rotate(-12deg)
}
.module-item.active::after,
.cat-tab.active::after,
.cat-panel-item.cur::after,
.cat-flat-item.cur::after,
.rank-tab.active::after,
.tab-btn.tab-active::after,
.pb.active::after,
.ep-btn.active::after{
  border-color:rgba(255,255,255,.50);
  background:
    radial-gradient(ellipse at 50% 68%,#8f4308 0 3.3px,transparent 3.9px),
    radial-gradient(ellipse at 28% 34%,#b5530c 0 2px,transparent 2.6px),
    radial-gradient(ellipse at 50% 25%,#b5530c 0 2.1px,transparent 2.7px),
    radial-gradient(ellipse at 72% 34%,#b5530c 0 2px,transparent 2.6px),
    linear-gradient(180deg,#fff1b8 0%,#ffc85b 100%)
}
.cat-tab:hover::after,
.cat-panel-item:hover::after,
.cat-flat-item:hover::after,
.module-item:hover::after,
.rank-tab:hover::after,
.tab-btn:hover::after,
.pb:hover::after,
.mac_page_go:hover::after,
.ep-btn:hover::after,
.tag-btn:hover::after{
  opacity:1;
  animation:chickPawPress .46s ease-in-out
}
@keyframes chickPawPress{
  0%,100%{transform:rotate(-12deg) translateY(0) scale(1)}
  45%{transform:rotate(-4deg) translateY(1px) scale(.94)}
  72%{transform:rotate(-15deg) translateY(-1px) scale(1.06)}
}


.cat-tab::after,
.cat-panel-item::after,
.cat-flat-item::after,
.module-item::after,
.rank-tab::after,
.tab-btn::after,
.pb::after,
.mac_page_go::after,
.ep-btn::after,
.tag-btn::after{
  right:-4px;
  top:-5px;
  width:15px;
  height:13px;
  border:0;
  border-radius:0;
  background:
    radial-gradient(ellipse at 47% 54%,#ffe07a 0 4.8px,#db7c17 5.1px 5.8px,transparent 6.1px),
    radial-gradient(ellipse at 24% 45%,#fff5bd 0 3px,transparent 3.4px),
    radial-gradient(ellipse at 72% 33%,#fff5bd 0 2.8px,transparent 3.2px),
    linear-gradient(126deg,transparent 0 6px,rgba(160,86,18,.68) 6px 7.1px,transparent 7.1px),
    linear-gradient(148deg,transparent 0 8px,rgba(160,86,18,.46) 8px 8.9px,transparent 8.9px);
  box-shadow:none;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.78)) drop-shadow(0 2px 3px rgba(143,67,8,.24));
  transform:rotate(-16deg)
}
.module-item.active::after,
.cat-tab.active::after,
.cat-panel-item.cur::after,
.cat-flat-item.cur::after,
.rank-tab.active::after,
.tab-btn.tab-active::after,
.pb.active::after,
.ep-btn.active::after{
  background:
    radial-gradient(ellipse at 47% 54%,#fff6c8 0 4.8px,#ffd05a 5.1px 5.8px,transparent 6.1px),
    radial-gradient(ellipse at 24% 45%,#fffbe4 0 3px,transparent 3.4px),
    radial-gradient(ellipse at 72% 33%,#fffbe4 0 2.8px,transparent 3.2px),
    linear-gradient(126deg,transparent 0 6px,rgba(255,241,184,.82) 6px 7.1px,transparent 7.1px),
    linear-gradient(148deg,transparent 0 8px,rgba(255,241,184,.62) 8px 8.9px,transparent 8.9px)
}
.cat-tab:hover::after,
.cat-panel-item:hover::after,
.cat-flat-item:hover::after,
.module-item:hover::after,
.rank-tab:hover::after,
.tab-btn:hover::after,
.pb:hover::after,
.mac_page_go:hover::after,
.ep-btn:hover::after,
.tag-btn:hover::after{
  animation:chickFeatherFlutter .62s ease-in-out
}
@keyframes chickFeatherFlutter{
  0%,100%{transform:rotate(-16deg) translateY(0) scale(1)}
  38%{transform:rotate(-25deg) translateY(-1px) scale(1.05)}
  70%{transform:rotate(-10deg) translateY(1px) scale(.96)}
}


.cat-tab::after,
.cat-panel-item::after,
.cat-flat-item::after,
.module-item::after,
.rank-tab::after,
.tab-btn::after,
.pb::after,
.mac_page_go::after,
.ep-btn::after,
.tag-btn::after{
  right:-4px;
  top:-6px;
  width:15px;
  height:16px;
  border:0;
  border-radius:0;
  opacity:.92;
  background:
    radial-gradient(ellipse at 36% 30%,rgba(255,255,255,.95) 0 2.2px,transparent 2.7px),
    radial-gradient(ellipse at 50% 55%,#fff8dc 0 6px,#f1c56c 6.4px 7.1px,transparent 7.5px);
  box-shadow:none;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.80)) drop-shadow(0 2px 3px rgba(143,67,8,.22));
  transform:rotate(8deg)
}
.cat-tab:hover::after,
.cat-panel-item:hover::after,
.cat-flat-item:hover::after,
.module-item:hover::after,
.rank-tab:hover::after,
.tab-btn:hover::after,
.pb:hover::after,
.mac_page_go:hover::after,
.ep-btn:hover::after,
.tag-btn:hover::after{
  animation:chickEggWobble .46s ease-in-out
}
.cat-tab:active::after,
.cat-panel-item:active::after,
.cat-flat-item:active::after,
.module-item:active::after,
.rank-tab:active::after,
.tab-btn:active::after,
.pb:active::after,
.mac_page_go:active::after,
.ep-btn:active::after,
.tag-btn:active::after,
.module-item.active::after,
.cat-tab.active::after,
.cat-panel-item.cur::after,
.cat-flat-item.cur::after,
.rank-tab.active::after,
.tab-btn.tab-active::after,
.pb.active::after,
.ep-btn.active::after{
  background:
    linear-gradient(132deg,transparent 0 5.3px,#b86a18 5.3px 6.2px,transparent 6.2px),
    linear-gradient(48deg,transparent 0 7.4px,#b86a18 7.4px 8.3px,transparent 8.3px),
    linear-gradient(158deg,transparent 0 9.5px,rgba(184,106,24,.75) 9.5px 10.3px,transparent 10.3px),
    radial-gradient(ellipse at 36% 30%,rgba(255,255,255,.96) 0 2px,transparent 2.5px),
    radial-gradient(ellipse at 50% 55%,#fff3bf 0 6px,#e2972e 6.4px 7.1px,transparent 7.5px);
  transform:rotate(-7deg) translateY(1px);
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.70)) drop-shadow(0 2px 2px rgba(143,67,8,.24))
}
@keyframes chickEggWobble{
  0%,100%{transform:rotate(8deg) translateY(0)}
  38%{transform:rotate(-8deg) translateY(-1px)}
  70%{transform:rotate(12deg) translateY(0)}
}


:is(.cat-tab,.cat-panel-item,.cat-flat-item,.module-item,.rank-tab,.tab-btn,.pb,.mac_page_go,.ep-btn,.tag-btn)::before{
  content:'';
  position:absolute;
  left:-5px;
  top:50%;
  width:17px;
  height:20px;
  pointer-events:none;
  z-index:3;
  opacity:.96;
  transform:translateY(-50%) rotate(-7deg);
  transform-origin:50% 72%;
  border-radius:50% 50% 46% 46%;
  background:
    radial-gradient(ellipse at 34% 25%,rgba(255,255,255,.96) 0 2.8px,transparent 3.2px),
    radial-gradient(ellipse at 58% 71%,rgba(198,121,25,.16) 0 5.2px,transparent 5.8px),
    radial-gradient(ellipse at 50% 54%,#fffdf1 0 6.9px,#f3cc77 7.2px 8.2px,#d9932f 8.6px 9.2px,transparent 9.5px);
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.85)) drop-shadow(0 2px 3px rgba(143,67,8,.24))
}
:is(.cat-tab,.cat-panel-item,.cat-flat-item,.module-item,.rank-tab,.tab-btn,.pb,.mac_page_go,.ep-btn,.tag-btn)::after{
  content:'';
  position:absolute;
  left:-9px;
  top:50%;
  width:28px;
  height:24px;
  pointer-events:none;
  z-index:4;
  opacity:0;
  border:0;
  border-radius:0;
  background:
    radial-gradient(ellipse at 14px 13px,#ffd35a 0 3.2px,#d98218 3.5px 4.1px,transparent 4.4px),
    radial-gradient(ellipse at 5px 8px,#fff8dc 0 2.8px,#e0a246 3px 3.5px,transparent 3.8px),
    radial-gradient(ellipse at 22px 7px,#fff8dc 0 2.7px,#e0a246 3px 3.5px,transparent 3.8px),
    radial-gradient(ellipse at 8px 20px,#fff0b5 0 2px,transparent 2.4px),
    radial-gradient(ellipse at 24px 18px,#fff0b5 0 2px,transparent 2.4px);
  box-shadow:none;
  filter:drop-shadow(0 2px 3px rgba(143,67,8,.18));
  transform:translateY(-50%) scale(.68)
}
:is(.module-item.active,.cat-tab.active,.cat-panel-item.cur,.cat-flat-item.cur,.rank-tab.active,.tab-btn.tab-active,.pb.active,.ep-btn.active)::before{
  background:
    linear-gradient(135deg,transparent 0 6.5px,#a85f15 6.5px 7.5px,transparent 7.5px),
    linear-gradient(48deg,transparent 0 9.2px,#a85f15 9.2px 10.2px,transparent 10.2px),
    radial-gradient(ellipse at 50% 72%,#ffd35a 0 3.4px,#d98218 3.7px 4.3px,transparent 4.6px),
    radial-gradient(ellipse at 34% 25%,rgba(255,255,255,.94) 0 2.3px,transparent 2.7px),
    radial-gradient(ellipse at 50% 54%,#fff4bf 0 6.8px,#e4a146 7.2px 8.1px,transparent 8.6px);
  transform:translateY(-50%) rotate(4deg)
}
:is(.cat-tab,.cat-panel-item,.cat-flat-item,.module-item,.rank-tab,.tab-btn,.pb,.mac_page_go,.ep-btn,.tag-btn):hover::before{
  animation:chickEggHover .44s ease-in-out
}
:is(.cat-tab,.cat-panel-item,.cat-flat-item,.module-item,.rank-tab,.tab-btn,.pb,.mac_page_go,.ep-btn,.tag-btn):active::before,
:is(.cat-tab,.cat-panel-item,.cat-flat-item,.module-item,.rank-tab,.tab-btn,.pb,.mac_page_go,.ep-btn,.tag-btn).egg-cracking::before{
  animation:chickEggCrack .56s cubic-bezier(.22,1.2,.3,1);
  background:
    linear-gradient(135deg,transparent 0 6.5px,#a85f15 6.5px 7.5px,transparent 7.5px),
    linear-gradient(48deg,transparent 0 9.2px,#a85f15 9.2px 10.2px,transparent 10.2px),
    radial-gradient(ellipse at 50% 72%,#ffd35a 0 3.4px,#d98218 3.7px 4.3px,transparent 4.6px),
    radial-gradient(ellipse at 34% 25%,rgba(255,255,255,.94) 0 2.3px,transparent 2.7px),
    radial-gradient(ellipse at 50% 54%,#fff4bf 0 6.8px,#e4a146 7.2px 8.1px,transparent 8.6px)
}
:is(.cat-tab,.cat-panel-item,.cat-flat-item,.module-item,.rank-tab,.tab-btn,.pb,.mac_page_go,.ep-btn,.tag-btn):active::after,
:is(.cat-tab,.cat-panel-item,.cat-flat-item,.module-item,.rank-tab,.tab-btn,.pb,.mac_page_go,.ep-btn,.tag-btn).egg-cracking::after{
  animation:chickShellBurst .56s cubic-bezier(.22,1.2,.3,1)
}
@keyframes chickEggHover{
  0%,100%{transform:translateY(-50%) rotate(-7deg)}
  35%{transform:translateY(-53%) rotate(8deg)}
  68%{transform:translateY(-50%) rotate(-10deg)}
}
@keyframes chickEggCrack{
  0%{transform:translateY(-50%) rotate(-7deg) scale(1)}
  18%{transform:translateY(-50%) rotate(12deg) scale(1.04)}
  34%{transform:translateY(-50%) rotate(-13deg) scale(1.03)}
  55%{transform:translateY(-52%) rotate(5deg) scale(.96,1.08)}
  100%{transform:translateY(-50%) rotate(4deg) scale(1)}
}
@keyframes chickShellBurst{
  0%{opacity:0;transform:translateY(-50%) scale(.62)}
  28%{opacity:.95;transform:translateY(-58%) scale(1.06)}
  100%{opacity:0;transform:translateY(-82%) scale(1.22)}
}


:is(.cat-tab,.cat-panel-item,.cat-flat-item,.module-item,.rank-tab,.tab-btn,.pb,.mac_page_go,.ep-btn,.tag-btn)::before{
  content:none!important;
  display:none!important;
  animation:none!important
}
:is(.cat-tab,.cat-panel-item,.cat-flat-item,.module-item,.rank-tab,.tab-btn,.pb,.mac_page_go,.ep-btn,.tag-btn){
  background:
    radial-gradient(ellipse at 22% 20%,rgba(255,255,255,.95) 0 10px,transparent 10.5px),
    radial-gradient(ellipse at 82% 86%,rgba(220,143,37,.15) 0 18px,transparent 18.5px),
    linear-gradient(180deg,#fffdf0 0%,#fff2bf 62%,#f4cf80 100%)!important;
  border-color:rgba(211,142,47,.42)!important;
  color:#6e3b0d!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.88),
    inset 0 -1px 0 rgba(205,122,24,.12),
    0 2px 6px rgba(143,67,8,.10)!important;
  text-shadow:none!important
}
:is(.cat-tab,.cat-panel-item,.cat-flat-item,.module-item,.rank-tab,.tab-btn,.pb,.mac_page_go,.ep-btn,.tag-btn):hover{
  background:
    radial-gradient(ellipse at 22% 20%,rgba(255,255,255,.98) 0 10px,transparent 10.5px),
    radial-gradient(ellipse at 82% 86%,rgba(220,143,37,.18) 0 18px,transparent 18.5px),
    linear-gradient(180deg,#fffef6 0%,#ffeaa6 62%,#efbd5e 100%)!important;
  border-color:rgba(199,101,18,.55)!important;
  color:#7a3d08!important
}
:is(.module-item.active,.cat-tab.active,.cat-panel-item.cur,.cat-flat-item.cur,.rank-tab.active,.tab-btn.tab-active,.pb.active,.ep-btn.active){
  background:
    radial-gradient(ellipse at 21% 18%,rgba(255,255,255,.78) 0 9px,transparent 9.5px),
    radial-gradient(ellipse at 82% 84%,rgba(120,55,8,.18) 0 18px,transparent 18.5px),
    linear-gradient(180deg,#f4a43b 0%,#d56e14 58%,#a94d09 100%)!important;
  border-color:#8f4308!important;
  color:#fff!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.34),
    inset 0 -1px 0 rgba(76,45,17,.24),
    0 3px 9px rgba(143,67,8,.20)!important;
  text-shadow:0 1px 0 rgba(76,45,17,.38)!important
}
:is(.cat-tab,.cat-panel-item,.cat-flat-item,.module-item,.rank-tab,.tab-btn,.pb,.mac_page_go,.ep-btn,.tag-btn)::after{
  content:'';
  position:absolute;
  right:-2px;
  top:-3px;
  left:auto;
  width:13px;
  height:12px;
  pointer-events:none;
  z-index:4;
  opacity:0;
  border:0;
  border-radius:0;
  background:
    linear-gradient(135deg,transparent 0 4.6px,rgba(120,65,19,.72) 4.6px 5.4px,transparent 5.4px),
    linear-gradient(42deg,transparent 0 6.2px,rgba(120,65,19,.66) 6.2px 7px,transparent 7px),
    linear-gradient(155deg,transparent 0 8px,rgba(120,65,19,.48) 8px 8.7px,transparent 8.7px);
  box-shadow:none;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.55));
  transform:scale(.86) rotate(-5deg);
  animation:none
}
:is(.cat-tab,.cat-panel-item,.cat-flat-item,.module-item,.rank-tab,.tab-btn,.pb,.mac_page_go,.ep-btn,.tag-btn):active::after,
:is(.cat-tab,.cat-panel-item,.cat-flat-item,.module-item,.rank-tab,.tab-btn,.pb,.mac_page_go,.ep-btn,.tag-btn).egg-cracking::after,
:is(.module-item.active,.cat-tab.active,.cat-panel-item.cur,.cat-flat-item.cur,.rank-tab.active,.tab-btn.tab-active,.pb.active,.ep-btn.active)::after{
  opacity:1;
  animation:buttonEggCrack .52s cubic-bezier(.22,1.2,.3,1)
}
@keyframes buttonEggCrack{
  0%{opacity:0;transform:scale(.62) rotate(-5deg)}
  28%{opacity:1;transform:scale(1.06) rotate(4deg)}
  100%{opacity:1;transform:scale(.96) rotate(-5deg)}
}


:is(.cat-tab,.cat-panel-item,.cat-flat-item,.module-item,.rank-tab,.tab-btn,.pb,.mac_page_go,.ep-btn,.tag-btn)::before,
:is(.cat-tab,.cat-panel-item,.cat-flat-item,.module-item,.rank-tab,.tab-btn,.pb,.mac_page_go,.ep-btn,.tag-btn)::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  animation:none!important;
  background:none!important;
  box-shadow:none!important;
  filter:none!important
}
:is(.cat-tab,.cat-panel-item,.cat-flat-item,.module-item,.rank-tab,.tab-btn,.pb,.mac_page_go,.ep-btn,.tag-btn){
  background:rgba(255,250,230,.72)!important;
  border-color:rgba(205,122,24,.36)!important;
  color:var(--c-text2)!important;
  box-shadow:none!important;
  text-shadow:none!important
}
:is(.cat-tab,.cat-panel-item,.cat-flat-item,.module-item,.rank-tab,.tab-btn,.pb,.mac_page_go,.ep-btn,.tag-btn):hover{
  background:rgba(255,250,230,.92)!important;
  border-color:var(--c-accent)!important;
  color:var(--c-accent2)!important;
  box-shadow:0 2px 8px rgba(216,116,22,.12)!important
}
:is(.module-item.active,.cat-tab.active,.cat-panel-item.cur,.cat-flat-item.cur,.rank-tab.active,.tab-btn.tab-active,.pb.active,.ep-btn.active){
  background:linear-gradient(180deg,#d87516 0%,#b5530c 100%)!important;
  color:#fff!important;
  border-color:#8f4308!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 2px 8px rgba(143,67,8,.18)!important;
  text-shadow:0 1px 0 rgba(76,45,17,.40)!important
}

.brand-center .f-logo-t,
.f-logo-t{
  color:#4b2507!important;
  background:none!important;
  -webkit-text-fill-color:#4b2507!important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.92),
    0 0 1px rgba(255,255,255,.9),
    0 2px 8px rgba(112,55,8,.18)!important
}

.footer-logo{
  color:#7a3d08!important;
  background:none!important;
  -webkit-text-fill-color:#7a3d08!important;
  text-shadow:0 1px 0 rgba(255,255,255,.78)!important
}

.vod-thumb,
.art-thumb,
img.lazy{
  background:linear-gradient(135deg,#f5efe2 0%,#e5dac6 100%)!important
}

img.lazy[src*='loading']{
  opacity:0!important
}

img.lazy:not([src*='loading']){
  background:transparent!important;
  opacity:1!important
}

.sk-item{
  background:linear-gradient(90deg,#f5efe2 25%,#e5dac6 50%,#f5efe2 75%)!important;
  background-size:200% 100%!important
}